/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Noto Serif JP',serif; 3 4 5 6 7 9 */
/* font-family: "Oswald", sans-serif; */

@charset "utf-8";
/*RESET.CSS Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
ul li{list-style: none;}
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display: block;}
/*RESET.CSS END */

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

*,*::after,*::before{box-sizing: border-box;}

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:98%;height:1px;border:none; border-top: 1px solid #e0d3be;margin-top:20px; margin-bottom:20px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.725rem;}
.stress0{font-weight:500;color:#a72126;}
.stress1{font-weight:500;font-size:0.875rem;color:#a72126;}
.stress2{font-weight:500;}
.stress3{font-weight:500;color:#E38E49;font-size:1rem;}

.pBeforeArrow1{position:relative;text-indent:1em;}
.pBeforeArrow1::before{content:"";display: inline-block; width:5px; height:5px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:9px;left:2px;}
/*-------------------Comment2-----------------------*/
html{font-size:16px;}
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
	font-size:16px; 
	color: #3a2c09;
	line-height:1.75;
	word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	
}

a:link{ text-decoration: none; color:#333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a:visited{color:#000; }
a:hover{color:#999; text-decoration: none;}
a:active{color:#999;}
/* ------------------------------------------------------- */
.title1{margin:0 auto 25px;color:#333;letter-spacing:1px;font-weight:500;font-size:1rem;position:relative;}
.title1:after{content:"";width:100%;height:0.75px;background:#cda000;position:absolute;bottom:-10px;left:0px;}
.title1 span{color:#999;font-size:0.4em;text-indent:3px;font-weight:normal;padding-left:10px;}

.title3{font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:1.25rem;position:relative;line-height: 1.85;letter-spacing:2px;}
.title3 span{font-size:0.65em;display: block;text-transform: uppercase;color:#8f7116;}

.title5{font-family:'Noto Sans JP',sans-serif;font-weight:500; font-size:1rem;position:relative;text-transform: uppercase;margin-bottom:20px;text-indent:12px;}
.title5:before{content:"";width:5px;height:16px;position:absolute;left:0px;top:7px;background:#E38E49;}

@media (max-width:767px){
	.title3{font-size:1rem;margin-bottom: 0px;}
	.title3:before{left:48%; left:-webkit-calc(50% - 12px/2);left:calc(50% - 12px/2); top:-15px;}
	.title3 span{font-size:0.575em;}
}
/* --------------------------- */
.btn1{display:inline-block;font-weight: 500; font-size:0.925rem;text-transform:uppercase;color: #483b1d!important;padding:8px 40px 10px;position:relative;margin-top:10px;letter-spacing:0px;border-radius: 0; -webkit-appearance: none;appearance: none;}
.btn1::after{content:"";width: 20px; height:8px; position:absolute;top:18px;right:5px;border: solid #483b1d;border-width: 0 3px 2px 0;transform-origin:left bottom;transform: skewX(45deg
);}
.btn1:hover::after{right:0px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

.btn2{display:inline-block;font-weight: 500; font-size:0.825rem;text-transform:uppercase;color: #fff!important;padding:8px 42px 10px;position:relative;margin-top:20px;border-radius: 0; border:none; background:#9e7e49; -webkit-appearance: none;appearance: none;}

@media (max-width:449px){
	.btn1{font-size:0.825rem;}
	.btn1::after{width: 18px; height:7px; top:18px;border-width: 0 3px 2px 0;}
}
/* --------------------------- */
#header{width:100%;	height:70px;position:fixed;top:0; z-index: 11;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(255,255,255,1);box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

#navIcon{display:none;}

#siteNameA{	width:220px;position:absolute;top:11px;	left:1.075%;}

#navHeader{	position:absolute;top:0; height:70px;line-height:68px; right:20%;}
#navHeader li{list-style:none;float:left;padding:0 20px; height:100%;}
#navHeader li a{display:block;width:100%;height:100%;font-size:0.825rem;text-align:center;color:#3a2c09;text-transform: uppercase;}
#navHeader li:hover{background: #e0d3be;}
#navHeader li:last-child{display:none;}

#contactIcon{width:40px; line-height:40px; height:40px; text-align:center; border-radius: 50%;background: #41210f;color:#fff;position: absolute; top:14px;right:3%;}

@media (max-width:1023px){
	#navHeader{	right:10%;}
	#contactIcon{right:1.5%;}
}
@media (max-width:819px){
	#navHeader{	right:7%;}
	#navHeader li{padding:0 15px;}
}
@media (max-width:767px){
	#navIcon{display:block;position:fixed;top:13px;left:1%;	width:48px;	height:48px;padding:5px 0;text-align:center; cursor: pointer;line-height:4px;overflow:hidden;z-index:30;}	
	#navIcon p{	font-size: 12px;font-weight:500;display: block;	transform : scale(0.725,0.725);}
	
	.nav-icon-first,.nav-icon-second,.nav-icon-thrid {width: 27px;height: 2px;	margin: 5px auto;transition: 0.3s;	}
	.nav-icon-first{background:#ba8e08;}
	.nav-icon-second{background:#8f7116;}
	.nav-icon-thrid{background:#3a2c09;}

	.close .nav-icon-first {
		background:#3a2c09;
		-webkit-transform: rotate(-45deg) translate(-6px,5px);
		transform: rotate(-135deg) translate(-5px,-5px);
	}
	.close .nav-icon-second {
		opacity: 0;
	}
	.close .nav-icon-thrid {
		-webkit-transform: rotate(45deg) translate(-5px,-6px);
		transform: rotate(135deg) translate(-5px,5px);
	}

	#siteNameA{top:13px; left:30%;left:-webkit-calc(50% - 220px/2); left:calc(50% - 220px/2);z-index: 101;}	

	#navHeader{width:100%;height:100vh;position:fixed; top:-100vh;left:0; right:unset; background:#fff;padding:70px 0 30px;overflow: hidden;}
	#navHeader li{float:none;height:50px;line-height: 50px; }
	#navHeader li:nth-of-type(1),#navHeader li:nth-of-type(3),#navHeader li:nth-of-type(5){background: #e0d3be;}
	#navHeader li a{font-size:0.875rem;text-align: left;}
	#navHeader li:last-child{display:block;}
}

@media (max-width:320px){
	#siteNameA{top:15px;width:200px; left:30%;left:-webkit-calc(50% - 200px/2); left:calc(50% - 200px/2);}	
	#navHeader{padding:70px 0 20px;}
}
/* --------------------------------------------------------------------------- */
.pageShow{width:100%;height:30vh;position: relative;margin:70px auto 20px;}
.pageShow p{
	color:#fff;
    font-size:1.75rem;
    font-weight:500;
    width:90%;
    text-align:center;
    line-height:1.5;    
    text-shadow:0px 0px 6px #000;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#pageShowStyle1{background: url(../images/slider/01.jpg) center center;background-size: cover;}
#pageShowStyle2{background: url(../images/slider/02.jpg) center center;background-size: cover;}
#pageShowStyle3{background: url(../images/slider/03.jpg) center center;background-size: cover;}

#navbar{text-align:center; font-size:0.775rem;margin:0 auto 40px;font-weight:500;}
#navbar a{color:#b78b00;}
#navbar span{display:inline-block; width:5px;height:5px;border:solid #333;border-width:0 1px 1px 0;margin:0 10px 3px;transform: rotate(-45deg);}

@media (max-width:767px){
	.pageShow{height:26vh;}
	.pageShow p{font-size:1.125rem;}
}
@media screen and (orientation:landscape) and (max-width: 767px){

}
/* --------------------------------------------------------------------------- */
.contentStyle1{width:1000px;margin:0 auto 50px;font-size:0.775rem;}
.contentStyle2{width:100%;background:#fefbf6;padding:50px 9%;min-height: 500px;}
.contentStyle3{width:100%;margin:0 auto;padding:50px 0;background:linear-gradient(to bottom, #faf4eb 55%,#fff 55%,#fff 100%);}
.contentStyle4{width:100%; margin-bottom:0;background:#fefcf8;}
.contentStyle5{width:100%; margin-bottom:30px;}

.contentC1{width:100%;margin: 0 auto 20px;}
.contentC1 p{margin-bottom: 10px;}

@media (max-width:1023px){
	.contentStyle1{width:93%;}
	.contentStyle2{width:100%;padding:80px 6%;}
}
@media (max-width:767px){
	.contentStyle1{width:88%;}
	.contentStyle2{padding:80px 6%;}
}
@media (max-width:519px){
	.contentStyle2{padding:70px 8%;}
}
@media (max-width:449px){
	.contentStyle2{padding:50px 5%;}
}

/* --------------------------------------------------------------------------- */
#navM{width:100%;margin:80px auto 0;}
#navM li{width:22%;float: left;margin:1%;}
#navM li a{display: block;width:100%;padding:5%;text-align: center;line-height: 2.25;border:3px solid #143d58;border-radius: 50%;}
#navM li a i{display: block;font-size:2rem;color:#E38E49;}
#navM li a span{display: block;}
#navM li a span:nth-of-type(1){font-size:1.5rem;}
#navM li a span:nth-of-type(2){font-size:0.75rem;color:#999;text-transform:uppercase;}

#apiru{text-align: center;font-size:2rem;font-weight: 600; color:rgb(10, 57, 129);margin-bottom: 30px;}

#apiru1{display:block; width:100%;margin-bottom: 80px;}
#apiru1Mobile{display: block;display:none; margin-bottom: 80px;}
#apiru1 img,#apiru1Mobile img{width:100%;}

@media (max-width:1023px){
	#navM li{width:48%;margin:1%;}
}
@media (max-width:767px){
	#navM{width:100%;margin:20px auto 0;}
	#navM li{width:100%;float:none;margin:3% 0;}
	#navM li a{width:80%;padding:5%;margin:20px auto;border:2px dotted #f0f0f0;}

	#apiru{font-size:1.25rem;}

	#apiru1{display:none;}
	#apiru1Mobile{display:block;margin-bottom: 20px;}
}
/* -------------------------------------------------- */
#topicIndex{width:100%; margin: 20px auto 50px; min-height: 160px;}

.topicItem{width:100%;margin:0 auto;border-bottom:0.25px solid #e0d3be;}
.topicItem:hover{background:#fff;}
.firstRow{display: inline-block;}
.dateSpan{display:inline-block;color:#000;font-size:0.875rem;font-weight:500; padding:15px 15px 15px 0;}
.categorySpan{display:inline-block;width:60px; text-align:center; padding:1px 4px;border-radius:7px;background: #a72126;color:#fff;font-size:0.675rem;font-weight: 500;margin-right:15px;}
#categorySpan2{background: #156801;}
#categorySpan3{background: #754902;}
#categorySpan4{background: #01229a;}
.titleSpan{display:inline-block;color:#333;font-size:0.875rem;padding:15px 0 15px 0;}
.titleSpan a{display: block;width:100%;height:100%;}
/* ------Topic Page----- */
.topicTitle{font-size:1rem;margin-bottom:10px;text-align:center;font-weight:500;}
.topicDate{text-align:center;font-size:0.75rem;color:#999;margin-bottom:30px;}
.topicContent{font-size:0.825rem;}
.topicContent p{margin-bottom: 15px;}

@media (max-width: 767px){
	#topicIndex{ width:100%; min-height: 200px;}
	.dateSpan{padding:10px 10px 4px 0;font-weight: 600;}
	.titleSpan{display:block; padding:4px 0 10px 0;}
}
/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:0.825rem;
	border-top:1.5px solid #ccc;
	padding:25px 18px;
}
#table1 .titleTd{
	width:120px;
	font-weight:500;	
	border-top:1.5px solid #3a2c09;
	padding:20px 8px;
}
@media (max-width: 399px){
	#table1 .titleTd{
		width:100px;
		padding:18px 3px;
	}
}
/* --------------------------------------------------------------------------- */
#conceptS{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack:center;gap:20px;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.conceptM{width:49%;float:left;padding:20px 30px;position:relative;z-index:0;background: #e0d3be;}

.conceptM .title{display:block;font-size:1rem;font-weight:500;margin-bottom:10px;text-align:center;}

.conceptM .describeC{display: block; font-size:0.825rem;margin-bottom:20px;}

@media (max-width:1249px){
	.conceptM{width:48%;}
}
@media only screen and (max-width: 859px) {	
	.conceptM{width:44%;margin:2%;}
}
@media only screen and (max-width: 767px) {	
	.conceptM{width:100%;margin:3% auto;}
}
/* --------------footer------------ */
#footer{width:100%;background:#e0d3be;padding:50px 8% 20px;}

#mainFooter{width:100%;height:80px;margin:0 auto 30px;position: relative;}

#siteNameAFooter{width:220px;position:absolute;top:0px;left:0;}

#navFooter{position:absolute;top:0;right:0;}
#navFooter li{list-style:none;float:left;padding:3px 10px;position: relative;}
/* 因为是right设定，所以正相反的选择子元素，从右往左的不是第一个的元素即最后一个li */
#navFooter li:not(:last-child):after{content:"";width:1px;height:40%;background: #c4ab7f; position:absolute;top:11px;right:0;}
#navFooter li a{display:block;padding:3px;font-size:0.825rem;text-align:center;text-transform: uppercase;}

#copyright{width:100%;color:#c4ab7f;font-size:0.725rem;text-align:center;}
#copyright a{color:#c4ab7f;}

@media (max-width: 1023px){
	#footer{padding:50px 5% 20px;}
}
@media (max-width: 767px){
	#footer{padding:40px 4% 20px;}
	#mainFooter{margin:0 auto 40px;}
	#siteNameAFooter{display: none;}
	#navFooter{position:static;right:unset;text-align: center;}
	#mainFooter{height:auto;}
	#navFooter li{float:none;display: inline-block;}
}
@media (max-width: 449px){
	#footer{padding:40px 15% 20px;}
}
@media (max-width: 399px){
	#copyright span{display:none;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 14px;
	right: 15px;
	display: none; 
	cursor: pointer;
	z-index: 101;
}
#goToTopBtn img{
	width:43px;
}
/*-------------------------*/
.module1{
	background: #a72126; 
	padding: 1px 5px 3px; 
	font-size: 0.625rem; 
	color: #fff; 
	vertical-align:top;
	border-radius:7px;
	line-height: 2.4;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}

/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){

}