/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:@600&Barlow:@600&family=Noto+Sans+JP:wght@300;400;500;600,700;900&display=swap");


.barlow {
  font-family: "Barlow", sans-serif;
}
.noto-serif {
  font-family: "Noto Serif JP", serif;
}



body {
	margin:0;
	font-size:18px;
	line-height:2;
	color:#5F5F5F;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
}


.wrap{
	width:1164px;
 padding: 0 18px;
 margin: 0 auto;
}
.wrap2{
 width:1286px;
 padding: 0 18px;
 margin: 0 auto;
 overflow: hidden;
}
.wrap3{
 width:840px;
 padding: 0 18px;
 margin: 0 auto;
 overflow: hidden;
}



.clearfix::after {
content: "";
display: block;
clear: both;
}
* html .clearfix{
  height:1%;
  overflow:visible;
}


a{
	/* color:#0A3B19; */
	color:#5F5F5F;
	-webkit-transition-property:color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	}


img{
	-webkit-transition-property:opacity;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	border:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

a img:hover{
	opacity:0.8;
}



p {
    padding: 0;
    margin: 0;
}
figure {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
	padding: 0 0 0 0;
	margin: 0;
	line-height:1.6;
}


header,
footer,
section,
aside,
article,
nav,
div,
ul,
li,
dl,
dt,
dd,
p,
span,
img,
h1,
h2,
h3,
h4,
h5,
a{
	box-sizing: border-box;
}

ul{
	margin-top:0;
}

ol,
ul {
    list-style: none;
	margin:0;
	padding: 0;
	
}

.clear{clear:both;}



table{border-collapse:collapse;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}


.font_white{color:#fff !important;}
.font_navy{color:#006699 !important;}
.font_darkred{color:#990000 !important;}
.font_red{color:#FF0000 !important;}
.font_green{color:#669900 !important;}
.font_pink{color:#FF6699 !important;}
.font_yellow{color:#FF0 !important;}
.font_lightgray{color:#ccc !important;}
.font_lightblue{color:#3FA9F5 !important;}
.font_lightgreen{color:#009844 !important;}


.font_nomalbold{font-weight:normal;}
.font_bold{font-weight:bold;}
.font_small{font-size:80%;}
.font_middle{font-size:90%;}
.font_big{font-size:110%;}


.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}



.mar0{margin-bottom:0px !important;}
.mar5px{margin-bottom:5px !important;}
.mar10px{margin-bottom:10px !important;}
.mar15px{margin-bottom:15px !important;}
.mar20px{margin-bottom:20px !important;}
.mar25px{margin-bottom:25px !important;}
.mar30px{margin-bottom:30px !important;}
.mar35px{margin-bottom:35px !important;}
.mar40px{margin-bottom:40px !important;}
.mar45px{margin-bottom:45px !important;}
.mar50px{margin-bottom:50px !important;}
.mar60px{margin-bottom:60px !important;}
.mar70px{margin-bottom:70px !important;}
.mar80px{margin-bottom:80px !important;}
.mar90px{margin-bottom:90px !important;}
.mar100px{margin-bottom:100px !important;}
.mar110px{margin-bottom:110px !important;}
.mar120px{margin-bottom:120px !important;}
.mar130px{margin-bottom:130px !important;}
.mar140px{margin-bottom:140px !important;}
.mar150px{margin-bottom:150px !important;}

.mar_top0{margin-top:0px !important;}
.mar_top5px{margin-top:5px !important;}
.mar_top10px{margin-top:10px !important;}
.mar_top15px{margin-top:15px !important;}
.mar_top20px{margin-top:20px !important;}
.mar_top25px{margin-top:25px !important;}
.mar_top30px{margin-top:30px !important;}
.mar_top35px{margin-top:35px !important;}
.mar_top40px{margin-top:40px !important;}
.mar_top45px{margin-top:45px !important;}
.mar_top50px{margin-top:50px !important;}
.mar_top60px{margin-top:60px !important;}
.mar_top70px{margin-top:70px !important;}
.mar_top80px{margin-top:80px !important;}
.mar_top90px{margin-top:90px !important;}
.mar_top100px{margin-top:100px !important;}
.mar_top110px{margin-top:110px !important;}
.mar_top120px{margin-top:120px !important;}
.mar_top130px{margin-top:130px !important;}
.mar_top140px{margin-top:140px !important;}
.mar_top150px{margin-top:150px !important;}


.font75{font-size:75% !important;}
.font80{font-size:80% !important;}
.font85{font-size:85% !important;}
.font90{font-size:90% !important;}
.font95{font-size:95% !important;}
.font100{font-size:100% !important;}
.font105{font-size:105% !important;}
.font110{font-size:110% !important;}
.font115{font-size:115% !important;}
.font120{font-size:120% !important;}
.font125{font-size:125% !important;}
.font130{font-size:130% !important;}
.font140{font-size:140% !important;}
.font150{font-size:150% !important;}
.font160{font-size:160% !important;}
.font170{font-size:170% !important;}
.font180{font-size:180% !important;}
.font190{font-size:190% !important;}
.font200{font-size:200% !important;}

a{
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}





.sponly{
	display:none;
}











/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/





/******************/
/* for SP-TB      */
/* 0-599px    */
/* only Header    */
/******************/
@media only screen and (max-width:768px) {



.sponly{
	display:block;
}
.pconly{
	display:none;
}


.wrap{
	width:100%;
}
.wrap2{
	width:100%;
}

.wrap3{
	width:100%;
}






}