@charset "utf-8";


body {
	font-family:'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	width:100%;
	height:auto;
	-webkit-text-size-adjust:none;	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
}
div,a {
	box-sizing:border-box;
}
body,div,span,a,p,img,ul,li,h1,h2,h3,h4 {
	margin:0;padding:0;
}

ul{list-style-type: none;}

img {
	border: none;
}

.rtat90{display: inline-block;transform: rotate( 90deg );}


.nav-wrap{
	display: none;
}


a{
	color: #333;
	text-decoration:none;
}
a:visited{
	color:#333;
}
a:hover{
	text-decoration:underline;
}



html {
  height: 100%;
  margin: 0;
}
 
body {
  height: 100%;
  margin: 0;
}


.wrap{width:100%;height:auto;text-align: center;background:url(../img/bg.gif);}
.wrap2{width:100%;height:83px;text-align: center;border-top:#2dc69b solid 10px;}
.cont{width:1019px;margin:0 auto;}

.wrap-cnt{width:100%;height:auto;text-align: center;background:#fff;}
.cont-cnt{width:800px;margin:0 auto;padding-top:40px;background:#fff;}

.cont-cnt img{width:100%;height: auto;}



#top-int-list-mn {
	width: 100%;
	height: auto;
	margin:0 auto;
position: relative;
}


#top-int-list-mn ul{
	width: 960px;
	margin-left: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}


#top-int-list-mn ul li{
	height: auto;
	width:228px;
	margin-right: 12px;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
	margin-top:3px;
	margin-bottom: 3px;
}
/*
#top-int-list-mn ul li:nth-child(3),#top-int-list-mn ul li:nth-child(6),#top-int-list-mn ul li:nth-child(9){
	margin-right: 0px;
}*/





#top-int-list-t {
	width: 930px;
	height: auto;
	margin:0 auto;
	background: #fff;
}
#top-int-list-t ul li{
	float: left;
	height: auto;
	width:215px;
	margin-right: 23px;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
	margin-top:15px;
	margin-bottom: 15px;
	background: #fff;
}
#top-int-list-t ul li:nth-child(5){
	margin-right: 0px;
}
/*
#top-int-list ul li:nth-child(3){
	margin-right: 0px;
}
#top-int-list ul li:nth-child(5){
	margin-right: 0px;
	width:638px !important;
}
*/

#top-int-list-t ul li .list-title{
	position: absolute;
	left:0;
	bottom: -7px;
}
#top-int-list-t ul li .list-img{
	width:100%;
	height: 200px;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
.jct01{color:#0390E4;text-align: left;padding-top:10px;font-size:15px;line-height: 1.3em;width:190px;margin-left:13px;}
.jct02{text-align: left;padding-top:5px;font-size:13px;line-height: 1.3em;width:190px;margin-left:13px;}


.brd-box-dot{
	padding-top:24px !important;
}

.dotted-line {
  background-image: -moz-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-size: 7px 7px;
  height: 1px;
}

.dotted-line-sp {
	display: none;

}



.txt-box-c{
	text-align: center;
	margin-bottom: 30px;
}
.toolbox01{background: #fff;border: 1px solid #E5E5E5;
border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:8px;
}
.toolbox02{
	background: #fff;border: 1px dotted #9dd4f5;

}
.sp-oj{
	display: none;
}
.pc-oj{
	display: block;
}
.sp-cl{
	display: none;
}

.cl-top-cp{
	font-size: 20px;
	line-height: 1.5em;
	margin-top:27px;
	text-align: center;
	display: flex;
	margin-bottom: 0.7em;
}

.sp-cl2{
	display: none;
}


.cl-top-cp2{
	background:#ADDBF6;
	
	font-size: 16px;
	line-height: 25px;
	margin-top:27px;
	margin-bottom:27px;
	padding:8px;
	text-align: left;
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.cl-top-cp2-wrap{
	background: #ADDBF6;border: 1px dotted #fff;
	padding:25px 30px;
	background:url(../img/tp-bc-s.png) no-repeat 95% 90%;
}
.cl-top-cp2-tlt{
	font-size: 24px;
	font-weight: bold;
	color:#fff;
	margin-bottom:20px;
}






.cl-top-cp2b{
	background:#ebe193;
	
	font-size: 16px;
	line-height: 25px;
	margin-top:27px;
	margin-bottom:27px;
	padding:8px;
	text-align: left;
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.cl-top-cp2b-wrap{
	background: #ADDBF6;border: 1px dotted #fff;
	padding:25px 30px;
	background:url(../img/tp-bc-s.png) no-repeat 95% 90%;
}
.cl-top-cp2b-tlt{
	font-size: 24px;
	font-weight: bold;
	color:#fff;
	margin-bottom:20px;
}








@media screen and ( max-width:767px ){

.cl-top-cp2-tlt{
	font-size: 20px;

}
	
		.cl-top-cp2{
	width:96%;
		margin-left:2%;
}
	
	
	.cl-top-cp2-wrap{
	padding:15px;
	background:none;
		
}
	
	
	
			.cl-top-cp2b{
	width:96%;
		margin-left:2%;
}
	
	
	.cl-top-cp2b-wrap{
	padding:15px;
	background:none;
		
}
	
	
	



}












/*cnt*/
.cnt-lft{
	float:left;
	width:464px;
	text-align:left;
}
.cnt-rht{
	float:right;
	width:310px;
	text-align:left;
}

.cnt-spc{
	font-size:20px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}
.cnt-spc-txt{
	margin-top:5px;
	margin-bottom:25px;
	font-size:14px;
	line-height:1.8em;
}


.cnt-mvbox{
	width:690px;
	margin-left:58px;
}

	.cnt-mvbox .movie {
		margin-bottom: 30px;
	}
		.cnt-mvbox .movie iframe {
			width: 690px;
			height: 388px;
		}

.cnt-mvtlt{
	font-size:15px;
	text-align:left;
	margin-bottom:4px;
	margin-top:20px;
}
img.imp50{
	width:50%;
	height:auto;
	margin-left:0%;
}
img.imp50-sp70{
	width:50%;
	height:auto;
	margin-left:0%;
}
img.imp60{
	width:60%;
	height:auto;
	margin-left:0%;
}
img.imp70{
	width:70%;
	height:auto;
	margin-left:0%;
}
img.imp80{
	width:80%;
	height:auto;
	margin-left:0%;
}
img.imp_sp70{
			width:100%;
		height:auto;
}
img.imp_sp70-m{
			width:100%;
		height:auto;
}
img.imp_sp85-m{
			width:100%;
		height:auto;
}
img.imp_sp60{
			width:100%;
		height:auto;
}

.cnt-slbox{
	float: left;
	width:406px;
	text-align: left;
	font-size: 15px;
}	
.cnt-slbox2{
	float: left;
	width:350px;
	text-align: left;
	font-size: 15px;
}	
.indent01 {
padding-left:1em;
text-indent:-1em;
}
.cnt-srbox{
	float: right;
	width:346px;
	text-align: left;
}
.cnt-srbox2{
	float: right;
	width:346px;
	text-align: left;
}
.cnt-txtbox{
	width:100%;
	text-align: left;
	font-size: 15px;
}	
.cnt-mgbox{
	width:90px;
	float:left;
}
.cnt-mgboxwrap{
	position: relative;
}
.cnt-mgbox-r{
	width:300px;
	float:left;
	margin-top:100px;
	left:100px;
}
.cnt-mgbox-r2{
	width:300px;
	float:left;
	margin-top:100px;
	left:100px;
}
.cnt-mgbox2{
	width:110px;
	float:left;
}



.jct01-cnt{color:#0390E4;text-align: left;padding-top:10px;font-size:15px;line-height: 1.3em;width:300px;margin-left:13px;box-sizing: border-box;}
.jct02-cnt{text-align: left;padding-top:5px;font-size:13px;line-height: 1.3em;width:300px;margin-left:13px;box-sizing: border-box;}



.cnt-lstbox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	
}


.cnt-lstbox-l{
	width:440px;
	display: flex;
	flex-direction: row;
	
}
.cnt-lstbox-l > img{
	width: 48%;
	height: auto;
	margin-right: 3px;
}
.cnt-lstbox-r{
	width:220px;
	font-size:15px;
	text-align: left;
}
.cnt-lstbox-mark{
	margin:20px 0 8px 0;
	width:100px;
}
.cnt-lstbox-mark2{
	margin:20px 0 8px 0;
	width:200px;
}


.cnt-g-t{
	margin-top:40px;
	margin-bottom:50px;
text-align: center;
	font-size: 18px;
}

#copyrightArea {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	clear: both;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: center;
}
.top-txtbox{
	font-size: 14px;
	text-align: left;
	padding-left:15px;
}
.top-coop-box01{
	margin-top:40px;
		padding-left:50px;

}
.top-coop-mk{
	float:left;
	width:60px;
}
img.coop-w60p{
	width:60px;
	height: auto;
}
.top-coop-r{
	float:left;
	margin-left:20px;
	line-height: 1.6em;
	text-align: left;
	font-size:13px;
}
.top-coop-sp01{
	display: block;
	width:90px;
	padding:1px;
	color:#fff;
	background:#E0847F;
	text-align:center;
	float:left;
}
.top-coop-sp02{
	display: block;
	padding:1px;
	margin-left:8px;
	text-align:left;
	float:left;
	font-weight: bold;
}
.top-coop-sp03{
	display: block;
	padding:1px;
	margin-left:18px;
	text-align:left;
	float:left;
}
.top-coo-bxls {
	margin-bottom:5px;
}
.top-tool-tlt{
	font-size:24px;
	padding:7px 16px;
	background: #f5dade;
	display: inline-block;
	margin:10px ;
	font-weight: bold;
	box-sizing: border-box;
}
.top-tool-tlt-w{
	width: 100%;
	text-align: left;
}
#top-main-pic{
	padding-top:0;
}

img.img-hover:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
	transition: all 500ms 0s ease;
}

.cnt-atn-txt{
	font-size:11px;
	margin-top:7px;
	line-height: 1.4em;
	padding-left:1em;
text-indent:-1em;
	color:#555;
}
.cnt-atn-txt2{
	font-size:11px;
	margin:7px 0;
	line-height: 1.4em;
	padding-left:1em;
text-indent:-1em;
	color:#555;
}


/* sp start */


@media screen and ( max-width:767px ){
	
	.cnt-mgbox-r{
	width:70%;
}
		.cnt-mgbox-r2{
	width:70%;
			margin-top: 40px;
}

	.cnt-mgbox2{
	width:90px;
	float:left;
}
	
	
	
	
	.cnt-srbox img{
		margin-top:35px;
		margin-bottom:35px;
	}
		.cnt-srbox2 img{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
	#top-main-pic{
	margin-top:0px;
}

	
	#copyrightArea {

	font-size: 8px;
	letter-spacing: 1px;
}
	
	
	
	.top-txtbox{
	font-size: 11px;

}
	
	.top-tool-tlt{
	font-size:20px;
width: 94%;
}
	
	
	.top-tool-tlt-w{
	width: 100%;
	text-align: center;
}
	
	
	
	
	.top-coop-box01{
		padding-left:2%;

}
.top-coop-mk{
	float:none;
	width:100%;
	text-align: center;
}

.top-coop-r{
	float:none;
	margin-left:10px;

}
	
	
	
	
	
	.top-coop-sp01{

	float:none;
}
	
	
		.top-coop-sp02{
margin-top:5px;
	float:none;
}
	.top-coop-sp03{
	margin-left:5px;
	float:none;
}
	
	
	
	.pc-oj{
	display: none;
}
	
	
	
	
	.cnt-lstbox{
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	width: 100%;
	
}
	
	.cnt-lstbox-l{
	width:50%;
			display: flex;
	flex-direction: row;
		justify-content: space-between;
}
	.cnt-lstbox-l > img{
	width: 48%;
	height: auto;
	margin-right: 3px;
}
.cnt-lstbox-r{
	width:100%;
	font-size:15px;
	text-align: left;
	margin-bottom: 1em;
}
.cnt-lstbox-mark{
	margin:0px 0 8px 0;
}
.cnt-lstbox-mark2{
	margin:0px 0 8px 0;
}	
	
	
	
	.cnt-slbox{
	float: none;
		width:100%;
}	
		.cnt-slbox2{
	float: none;
		width:100%;
}	
	
.cnt-srbox{
	float: none;
	width:100%;
}
	.cnt-srbox2{
	float: none;
	width:100%;
}
	
		img.imp70{
		width:100%;
		height:auto;
	}
	img.imp80{
		width:100%;
		height:auto;
	}
	img.imp_sp70{
			width:70% !important;
		height:auto;
}
		img.imp_sp70-m{
			width:70% !important;
		height:auto;
			margin-left:15%;
}
			img.imp_sp85-m{
			width:85% !important;
		height:auto;
			margin-left:7%;
}
	
	
		img.imp_sp60{
			width:60% !important;
		height:auto;
			margin-left:20%;
}
	
	img.imp60{
		width:100%;
		height:auto;
	}
		img.imp50{
		width:100%;
		height:auto;
	}
	img.imp50-sp70{
	width:70% !important;
		height:auto;
	margin-left:0%;
}
	
	.cnt-mvbox{
	width:100%;
		margin-left:0px;
}
	
		.cnt-mvbox .movie {
		margin-bottom: 10px;
	}
		.cnt-mvbox .movie iframe {
			width: 100%;
			height: 220px;
		}
	
	
	.cont-cnt{
		width:96%;
		margin-left:2%;
	}
	.cnt-lft{
		width:100%;
	}
		.cnt-rht{
		width:100%;
	}
	
	.cont-cnt img{
		width:100%;
		height:auto;
	}
	
	
	.txt-box-c{
	width:96%;
		margin-left:2%;
}
	


	.sp-oj{
	display: block;
}
	.sp-cl{
		display: block;
	clear: both;
  background-image: -moz-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, #A6A6A6, #A6A6A6 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-size: 7px 7px;
  height: 1px;
}

		.sp-cl2{
		display: block;
	clear: both;
  height: 1px;
}

	.cont{
		width: 100%;
	height: auto;
	}
	#top-int-list-t {
	width: 100%;
	height: auto;
	/*margin-left:2%;*/
}
	#top-int-list-t ul li{
	width:50%;
	height:auto;
		margin-right: 0px !important;
}
	#top-int-list-t img{
		
		width:100%;
	height:auto;
	}	

	
	.jct01{color:#0390E4;text-align: left;padding-top:10px;font-size:15px;line-height: 1.3em;width:90%;margin-left:5%;}
.jct02{text-align: left;padding-top:5px;font-size:13px;line-height: 1.3em;width:90%;margin-left:5%;}

	
		.jct01-cnt{color:#0390E4;text-align: left;padding-top:10px;font-size:15px;line-height: 1.3em;width:90%;margin-left:5%;}
.jct02-cnt{text-align: left;padding-top:5px;font-size:13px;line-height: 1.3em;width:90%;margin-left:5%;}

	
	
	.sp-imw100{
		
			width:100%;
	height:auto;
	border-style:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	user-drag:none;
	pointer-events:none;
	}

	
		#top-int-list-mn {
	width: 94%;
			margin-left:3%;
	height: auto;
	/*margin-left:2%;*/
}
	
#top-int-list-mn ul{
	width: 100%;
	margin-left: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

	
	#top-int-list-mn ul li{
	width:46%;
	height:auto;
		margin-left:2% !important;
		margin-right:2% !important;
}
	#top-int-list-mn img{
		
		width:100%;
	height:auto;
	}	
	
	.cl-top-cp{
		font-size:16px;
	}
	
	
	
}





/* sp end */




.mrgt10{
	margin-top:10px !important;
}

.mrgt20{
	margin-top:20px !important;
}
.mrgt30{
	margin-top:30px !important;
}
.mrgt40{
	margin-top:40px !important;
}

.mrgt50{
	margin-top:50px !important;
}
.mrgt60{
	margin-top:60px !important;
}.mrgt70{
	margin-top:70px !important;
}

@media screen and ( max-width:767px ){
	
	.mrgt50{
	margin-top:30px !important;
}
.mrgt60{
	margin-top:30px !important;
}.mrgt70{
	margin-top:30px !important;
}
	
}


img.imw100 {
	width:100%;
	height:auto;
	border-style:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	user-drag:none;
	pointer-events:none;
}
h2{
	font-size:40px;
	font-weight:normal;
	padding:3px 0 0 4px;
	margin:0 auto 25px auto;
	display: inline-block;
	letter-spacing: 0px;
	color:#00974B;
}
.h2wrap{
	width:100%;
	text-align: center;
	margin:35px 0 10px 0;
}
.h2wrap2{
	width:100%;
	text-align: center;
	margin:20px 0 10px 0;
}
h3{
	width:100%;
	text-align: center;
	font-size:20px;
	font-weight:normal;
	margin:20px 0 5px 0;
	letter-spacing:0px;
	line-height: 1.3em;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}



.fsz-27{
	font-size:27px !important;
	letter-spacing:1px !important;
}
.ltsl-n{
	letter-spacing: normal !important;
}
h4{
	width:100%;
	text-align: center;
	font-size:18px;
	font-weight:normal;
		margin:40px 0 30px 0;
		padding-bottom:4px;
	border-bottom:1px dotted #ccc;
}
.cn-grb{
	font-weight:bold;
	color:#00974B;
}


label {
cursor:pointer;
}

.tltsub{
	width:100%;
	text-align: center;
	font-size:22px;
	margin:5px 0 0px 0;
}

.mrg20{
	margin:20px 0 !important;
}
.mrg20-10{
	margin-top:20px !important;
	margin-right:5px !important;
	margin-bottom:15px !important;
	margin-left:5px !important;
}
.mrg40{

		margin-top:40px !important;
	margin-right:0px !important;
	margin-bottom:10px !important;
	margin-left:0px !important;
}
.mrg40-5{

		margin-top:40px !important;
	margin-right:0px !important;
	margin-bottom:5px !important;
	margin-left:0px !important;
}
.mrg50-5{

		margin-top:50px !important;
	margin-right:0px !important;
	margin-bottom:5px !important;
	margin-left:0px !important;
}
.mrg0{
	margin:0 !important;
}
.mrg30{
	margin-top:30px !important;
	margin-right:0 !important;
	margin-left:0 !important;
	margin-bottom:5px !important;
}
.mrg-b30{
	margin-bottom:30px !important;
}
.mrg-b50{
	margin-bottom:50px !important;
}
.mrg-t10{
	margin-top:10px !important;
}
.mrg-t30{
	margin-top:30px !important;
}
.mrg-t40{
	margin-top:40px !important;
}
.mrg-t50{
	margin-top:50px !important;
}
.mrg-t70{
	margin-top:70px !important;
}
.mrg-t80{
	margin-top:80px !important;
}
.mrg-t90{
	margin-top:90px !important;
}
.txt-left{text-align: left !important;}


.clear {
	clear:both;
}
.clearfix {
	display: block;
	position: relative;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}






.footer{
	height:50px;
	background:#28be90;
	padding:7px 20px 7px 20px;
	color:#fff;
}
.footer_copyright{margin-top:8px;}
.footer_copyright p {
	width:500px;
	font-size:12px;
	float:left;
}

.ft-logo {
	width:240px;
	height:auto;
	float:left;
}







.bg_gb{
	width:100%;
	background: #e4efc3;
	text-align: center;
	padding:20px 0 30px 0;
	margin:30px 0;
}


.sc_cont{
	width:862px;
	margin:0 auto;
}
.sc_cont2{
	width:750px;
	margin:0 auto;
}

.lfbox{
	width:400px;
	float:left;
}
.rfbox{
	width:440px;
	float:right;
}
.lfbox2{
	width:440px;
	float:left;
}
.rfbox2{
	width:400px;
	float:right;
}
.lfbox3{
	width:346px;
	float:left;
}
.rfbox3{
	width:387px;
	float:right;
}

.to_fr{
	width:100%;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	margin:40px 0 10px 0;
	color:#28be90;
}
.to_fr_txt{
	width:100%;
	text-align: left;
	font-weight:bold;
	padding:15px 25px;
	border:solid 2px #28be90;
	box-sizing: border-box;
}
.to_fr_txt .clctxt{
	display:inline;
	color:#28be90;
}
.cpc_r_txt{
	color:#28be90 !important;
}


.pc_disp {
	display:inline;
}
.sp_disp {
	display:none;
}


.br-sp{
		display:none;
	}


.txt-nml{
		text-align: left;
		
	}



@media screen and ( max-width:767px )
{

	.footer_copyright p {
	width:100%;
}
	
	h2{
	font-size:20px;
	letter-spacing: 0px;
}
.h2wrap{
	width:100%;
	margin:18px 0 5px 0;
}
.h2wrap2{
	width:100%;
	margin:10px 0 5px 0;
}
h3{
	text-align: center;
	font-size:20px;
	margin:15px 0 5px 0;
	letter-spacing:0px;
	line-height: 1.3em;
	font-weight:normal;
}
	.fsz-27{
		font-size:23px !important;
	}
h4{

	font-size:20px;
		margin:20px 0 15px 0;
}

.tltsub{
	width:100%;
	text-align: center;
	font-size:18px;
	margin:2px 0 0px 0;
}

.mrg20{
	margin:10px 0 !important;
}
.mrg20-10{
	margin-top:10px !important;
	margin-right:5px !important;
	margin-bottom:7px !important;
	margin-left:5px !important;
}
.mrg40{

		margin-top:20px !important;
	margin-right:0px !important;
	margin-bottom:5px !important;
	margin-left:0px !important;
}

.mrg30{
	margin-top:15px !important;
	margin-bottom:2px !important;
}
.mrg-b30{
	margin-bottom:15px !important;
}
.mrg-b50{
	margin-bottom:25px !important;
}
.mrg-t10{
	margin-top:5px !important;
}
.mrg-t30{
	margin-top:15px !important;
}
.mrg-t40{
	margin-top:20px !important;
}
.mrg-t50{
	margin-top:30px !important;
}
	
	
	
	.footer{
	padding:7px 7px 7px 7px;
}
	.footer_copyright p {
	font-size:10px;
	}
	h3{
	letter-spacing:2px;
	}
	
	img.imw100sp {
	width:100%;
	height:auto;
	border-style:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	user-drag:none;
	pointer-events:none;
	}
		
	.br-pc{
		display:none;
	}
	.br-sp{
		display:inline !important;
	}
	.pc_disp { display:none; }
	.sp_disp { display:inline !important; }
	
	
	.footer{
	height:auto;

	}
	
	
	.sc_cont,.sc_cont2{
		width:100%;
	}
	.lfbox{
	width:100%;
	float:none;
	}
	.rfbox{
		width:100%;
		float:none;
	}
	.lfbox2{
		width:100%;
		float:none;
	}
	.rfbox2{
		width:100%;
		float:none;
	}
		.lfbox3{
		width:100%;
		float:none;
	}
	.rfbox3{
		width:100%;
		float:none;
	}
	.lfbox p{padding:5px 8px;}
	.rfbox p{padding:5px 8px;}
	.lfbox2 p{padding:5px 8px;}
	.rfbox2 p{padding:5px 8px;}
	.lfbox3 p{padding:5px 8px;}
	.rfbox3 p{padding:5px 8px;}
	
	.to_fr_txt{
	width:95%;
	padding:15px;
		margin-left:2.5%;
		box-sizing: border-box;
	}
	
	
	
	
	#dis .contents_img{height: 150px;}
	#dis .contents_img02{height: 150px;}
	#dis .contents_img03{height: 150px;}
	
	
	
	.txt-nml p{
		padding:5px 8px;
		
	}
	
}





















.sc_cont p,.sc_cont2 p{
	line-height: 28px;
	font-size:16px;
}


.contents{
	margin-bottom:50px;
}


.contents_img {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.contents_img_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}
.contents_img-02_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}
.contents_img-03_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}


.contents_title {
	width:381px;
	height:auto;
	margin-top:0px;
	position:relative;
	top:35%;
	left:48%;
}
.contents_title-c {
	width:100%;
	height:auto;
	margin-top:0px;
	position:relative;
	top:50%;
	left:0%;
}
.contents_title-c div{
	width:100%;
	height:24px;
	margin:-12px 0 0 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
}
.int00m{
	top:50% !important;
	left:50% !important;
}

.int99ct{
	top:35% !important;
	left:48% !important;
}
.int02ct{
	top:30% !important;
	left:5% !important;
}
.int03ct{
	top:30% !important;
	left:15% !important;
}
.int04ct{
	top:30% !important;
	left:53% !important;
}
.int06ct{
	top:50% !important;
	left:10% !important;
}

.contents_titlenum {
	width:123px;
	height:auto;
	position:absolute;
	bottom:-7px;
	left:0;
}
.ct05int{top:0 !important;}


@media screen and ( max-width:767px )
{

	.contents_title img{height:auto;width:266px}
	.contents_title {top:27%;left:41%;}
	
	.int99ct img{height:auto;width:180px}
	.int99ct{top:30% !important;left:20% !important;}
	
	
	.int02ct img{height:auto;width:150px}
	.int02ct{top:30% !important;left:-10% !important;}
	
	.int03ct img{height:auto;width:154px}
	.int03ct{top:30% !important;left:-10% !important;}	
	
	.int04ct img{height:auto;width:180px}
	.int04ct{top:40% !important;left:15% !important;}
	
	.int06ct img{height:auto;width:100px}
	.int06ct{top:50% !important;left:-70px !important;}
	
	.contents_titlenum {width:86px;height:auto;}
	.contents_titlenum img{width:86px;height:auto;
	}
	
}







.contents_img02 {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.contents_img02_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}




.contents_img03 {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.contents_img03_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}
.contents_img03_inner:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}



.contents_img04 {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.contents_img04_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}
.contents_img04_inner:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}




.pos_s_t{background-position:center top !important;}

.pos_s_t2{background-position:60% 20% !important;}
.pos_s_t3_top01{background-position:60% 10% !important;}
.pos_s_t3_top02{background-position:50% 30% !important;}




#trn .tr-cap{
	width: 98%;
	margin:0.2em 1% 12px 1%;
	text-align: left;
	font-size:14px;
}










@media screen and ( max-width:767px )
{
	#trn .tr-cap{
	width: 98%;
	margin:0.2em 1% 12px 1%;
	font-size:12px;
}
	
	#int_01 .contents_img {height:100px;}
	#int_01 .contents_img02 {height:240px;}

	#int_se .contents_img {height:100px;}
	#int_se .contents_img02 {height:240px;}
	
	#int_03 .contents_img {height:100px;}
	#int_03 .contents_img02 {height:240px;}
	
	#int_04 .contents_img {height:100px;}
	#int_04 .contents_img02 {height:240px;}
	
	#trn .contents_img{height: 100px !important;}
	#trn .contents_img02{height: 240px !important;}
	#trn .contents_img03{height: 240px !important;}
	
	#tal .contents_img{height: 100px !important;}
	#tal .contents_img02{height: 300px !important;}
	
	#dis .contents_img{height: 100px !important;}
	#dis .contents_img02{height: 180px !important;}
	
	
	#dis .contents_img02_inner{background-size: width:100%;}
	
	#dis .contents_img03{height: 180px !important;}

	#req .contents_img{height:100px !important;}
	
	#rectop .contents_img {height:300px !important;}
	#rectop .contents_img02{height: 180px !important;}
	#rectop .contents_img03{height: 180px !important;}
	#rectop .contents_img04{height: 180px !important;}
	
}

.lstwrap{width:750px;margin:0 auto;}

.img_c{text-align:center;width:100%;}

.discus_main_list {
	word-break:break-all;
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.discus_main_list > p {
	height:auto;
	float:left;
}
.discus_main_list > p:nth-child(1) {
	font-weight: bold;
	width:10%;
	font-size:16px;
	line-height:28px;
}

.discus_main_list > p:nth-child(2) {
	width:90%;
	font-size:16px;
	line-height:28px;
}
.hm_a {color:#F79646;}
.hm_k {color:#FF0000;}
.hm_e {color:#0043FF;}
.hm_h {color:#008000;}
.hm_s {color:#BC25C9;}
.hm_hp {color:#FF64F6;}



.kerning_l{letter-spacing: 3px;}


@media screen and ( max-width:767px )
{
	.lstwrap{width:95%;margin:0 auto;}
	
	.discus_main_list > p {
	float:none;
	}
		
	.discus_main_list > p:nth-child(1) {
	width:100%;
	}

	.discus_main_list > p:nth-child(2) {
	width:100%;
	}

}




.cntbox{
text-align: center;
width: 100%;
}
.req-subtlt{
	text-align: center;
width: 100%;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 4px;
}
.req-t02{
	padding:15px 4px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.req-t02-top{
	padding:15px 4px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:15px;
	text-align: 25px;
	text-align: center;
}
.nonborder{border-top: none !important;border-bottom: none !important;}
.nonborder-btm{border-bottom: none !important;}
.txt-bld{font-weight: bold;}
.txt-redtlt{color:#28be90;font-weight: bold;font-size:20px;}
.line-h17{margin-top:2em !important;}
.margin-btm20{margin-bottom: 0.6em;}
.mrg-top20{margin-top:20px !important;}
.req-t03{
		padding:7px 4px;
	font-size: 18px;
	font-weight: bold;
	margin-top:35px;
}
.req-t04{
	padding-top:8px;
	font-size: 15px;
	text-align: center;
}
.req-nbt{
	margin-top:20px;
	padding-top:15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color:#28be90;
}

.mrg-t20{
	margin-top:20px !important;
}
@media screen and ( max-width:767px ){
	.req-t02{
	padding:15px 15px;

}
		.req-t02-top{
	padding:15px 15px;

}
.req-t03{
		padding:7px 15px;

}
}




.square_btn {
	margin:7px auto;
	width:300px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 17px;
    padding: 0.7em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #28be90;
    transition: .4s;
  }

.square_btn:hover {
    background: #FF2133;
}

@media screen and ( max-width:767px ){
	.square_btn {
	margin:10px auto;
	width:80%;
	padding: 1.7em 0.5em;
  }
}

a.but-arr {
  position: relative;
}
 
a.but-arr:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 23px;
  top: 50%;
  right: 10px;
  margin: -11px 0 0 0;
  background-image: url(../img/arr.png);
  background-repeat: no-repeat;
  background-size: 13px 23px;
}



.square_btn2 {
	margin:7px auto;
	width:400px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 30px;
    padding: 0.4em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #28be90;
    transition: .4s;
	letter-spacing: 4px;
  }

.square_btn2:hover {
    background: #FF2133;
}
.square_btn2-n {
	margin:7px auto;
	width:400px;
	text-align: center;
    position: relative;
    display: inline-block;
    font-weight: bold;
	font-size: 30px;
    padding: 0.4em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #CCCCCC;
    transition: .4s;
	letter-spacing: 4px;
  }
.n_btn_activ:hover {
    background: #ddd;
}

@media screen and ( max-width:767px ){
	.square_btn2 {
	margin:10px auto;
	width:80%;
	padding: 0.8em 0.5em;
  }
	.square_btn2-n {
	margin:10px auto;
	width:80%;
	padding: 0.8em 0.5em;
  }
}





.to_fr2{
	width:100%;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	margin:40px 0 10px 0;
}




/*anim*/
.pic_btn_on-cl { animation:pic_btn_on0cl 0.45s ease-in-out forwards; }
@keyframes pic_btn_on0cl {
	0% { transform:opacity(1); }
	100% { transform:opacity(0.8); }
}
.pic_btn_off-cl { animation:pic_btn_off0 0.45s ease-in-out forwards; }
@keyframes pic_btn_off0cl {
	0% { transform:opacity(0.8); }
	100% { transform:opacity(1); }
}



.pic_btn_on { animation:pic_btn_on0 0.45s ease-in-out forwards; }
@keyframes pic_btn_on0 {
	0% { transform:scale(1); }
	100% { transform:scale(1.03); }
}
@keyframes pic_btn_on02 {
	0% { transform:scale(1); }
	100% { transform:scale(1.05); }
}

.pic_btn_off .pic_btn_img { animation:pic_btn_off0 0.45s ease-in-out forwards; }
@keyframes pic_btn_off0 {
	0% { transform:scale(1.03); }
	100% { transform:scale(1); }
}
@keyframes pic_btn_off02 {
	0% { transform:scale(1.05); }
	100% { transform:scale(1); }
}



.pic_btn_on-t .contents_img02_inner { animation:pic_btn_on0 0.45s ease-in-out forwards; }
.pic_btn_off-t .contents_img02_inner { animation:pic_btn_off0 0.45s ease-in-out forwards; }


.pic_btn_on-t03 .contents_img03_inner { animation:pic_btn_on0 0.45s ease-in-out forwards; }
.pic_btn_off-t03 .contents_img03_inner { animation:pic_btn_off0 0.45s ease-in-out forwards; }


.pic_btn_on-t04 .contents_img04_inner { animation:pic_btn_on0 0.45s ease-in-out forwards; }
.pic_btn_off-t04 .contents_img04_inner { animation:pic_btn_off0 0.45s ease-in-out forwards; }


.pic_btn_on-m .list-img { animation:pic_btn_on02 0.45s ease-in-out forwards; }
.pic_btn_off-m .list-img { animation:pic_btn_off02 0.45s ease-in-out forwards; }




.pic_btn {
	display:block;
	width:100%;
	height:100px;
	position:relative;
	overflow:hidden;	
}
.pic_btn_img {
	width:100%;
	height:100px;
	background-size:cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}




.pic_btn_title div {
	width:100%;
	height:24px;
	margin:-12px 0 0 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
}


.pic_btn_title p {
	font-size:25px;
	line-height:24px;
	letter-spacing:5px;
	text-indent:2px;
	color:#ffffff;
	font-weight:bold;
	left:0;
	top:25%;
	opacity:1;
}


.top-addr ul li{
	float:left;
}
.nobr-t{
	white-space:nowrap;
}
.top-addr-tlt{
	width:100%;
	text-align: center;
	font-size:20px;
	font-weight:600;
		margin:0px 0 10px 0;
}
.textbox01{
	width:100%;
	font-size:15px;
	line-height: 25px;
	text-align: center !important;
	margin:15px 0px 20px 0px;
	padding:0 7px;
}
.textbox01-top{
		width:100%;
	font-size:35px;
	line-height: 20px;
	letter-spacing: 7px;
	text-align: center !important;
	margin:15px 0px 20px 0px;
	padding:0 7px;
}



#top-int-list {
	width: 964px;
	height: auto;
	margin:0 auto;
}
#top-int-list ul li{
	float: left;
	height: 200px;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	width:318px;
	overflow: hidden;
}
#top-int-list ul li:nth-child(3){
	margin-right: 0px;
}
#top-int-list ul li:nth-child(5){
	margin-right: 0px;
	width:638px !important;
}

#top-int-list ul li .list-title{
	position: absolute;
	left:0;
	bottom: -7px;
}
#top-int-list ul li .list-img{
	width:100%;
	height: 200px;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}



.txt-box-c{
	text-align: center;
	margin-bottom: 30px;
}









#menu-int-list {
	width: 860px;
	height: auto;
	margin:0 auto;
}
#menu-int-list ul li{
	float: left;
	height: 103px;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	width:170px;
	overflow: hidden;
}

#menu-int-list ul li:nth-child(5){
	margin-right: 0px;
	width:170px !important;
}

#menu-int-list ul li .list-title{
	position: absolute;
	left:0;
	bottom: -7px;
}
#menu-int-list ul li .list-img{
	width:100%;
	height: 103px;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
#menu-int-list ul li .list-img img{
	
}



.txt-box-c2{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}




/*menu*/
.header{
	border-top:solid 10px #2dc69b;
	padding:7px 20px 0px 20px;
	text-align:center;
	z-index:300;
}
.header_body{width:100%; margin:0 auto;position: relative;min-width: 1000px;text-align:center;padding-bottom: 7px;}
.header_var{
	float:left;
	widht:352px;
}
.header_menu{
	margin-top:6px;
	margin-bottom:10px;
	float:right;
	
}
.hm_lt{
	text-align: right;
}
.hm_lb{
	text-align: right;
}
#menu {
	clear:both;
	display: block;
	width: 100%;
	max-width: 755px;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	color:#000;
	background: #fff;
}
#menu li{
	display: block;
	/*display: inline;*/
	width:auto;
	float: left;
	margin: 0;
	padding: 0;
	/*border-bottom:3px solid #ff0000;*/
	marign-right:5px;
	marign-bottom:20px;
	white-space: nowrap;
	height: 32px;
}
#menu li a {
	display: block;
	padding: 0 15px;
	background-color: #fff;
	color: #000;
	text-align: center;
	text-decoration: none;
	/*border-right:1px solid #4baacb;*/
}
#menu li:last-child a{
	border: none;
}
#menu li a:hover{
	color: #555;
}


#menu2l {
	clear:both;
	display: block;
	width: 100%;
	max-width: 755px;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	color:#000;
	background: #fff;
}
#menu2l li{
	display: block;
	/*display: inline;*/
	width:auto;
	float: left;
	margin: 0;
	padding: 0;
	padding-top:12px;
	/*border-bottom:3px solid #ff0000;*/
	marign-right:5px;
	marign-bottom:10px;
	white-space: nowrap;
}
#menu2l li a {
	display: block;
	padding: 0 15px;
	background-color: #fff;
	color: #000;
	text-align: center;
	text-decoration: none;
	/*border-right:1px solid #4baacb;*/
}
#menu2l li:last-child a{
	border: none;
}
#menu2l li a:hover{
	color: #555;
}




.linkedmenu{
	background: #fff;
	padding: 0 15px;
}
.linkedmenu01{
	background: #fff;
	display:inline-block;
	border-bottom:3px solid #28be90;
}
.linkmenu00{
	background: #fff;
	display:inline-block;
	border-bottom:3px solid #fff;
}


/* sp menu css*/


ul.gnav{margin:0;padding:0;}
	ul.gnav li{margin:0;}

#mainHeader{
	border-top:solid 10px #28be90;
	background: #fff;
	position: relative;
	z-index: 900;
	max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 250;
}
#mainHeader #logo{
width:246px;
	margin:7px 0 0 4px;
	padding:4px;
		float:left;
		background: #fff;
}
#mainHeader #menusp{
width:35px;
	margin:10px 9px 0 0;
		float:right;
	background: #fff;
}

    .nav-wrap{
        box-sizing: border-box;
/**/
        position: fixed;
        top: 0;
        width: 100%;
		z-index:200;
    }
	.navi{max-width:100%;}
	.gnav li.frstLi{border-top:1px solid #555;}
    .gnav {
      list-style-type: none;
      background: #fff;
      width: 100%;
	  max-width:100%;
      z-index: 99;
    }

    .gnav li {
      border-bottom: 1px solid #555;
	  color:#333;
    }

    .gnav li a {
      display: block;
	  color:#333;
	  font-weight:normal;
      text-decoration: none;
      padding: .9rem 1rem;
	background:url(../img/bc_ar.jpg) 95% center no-repeat;
	background-size:15px auto;
    }
.gnav li a:hover {
	color:#000;
}


@media screen and ( max-width:767px ){
	
	.header_body{min-width: 300px;}
}

.backtop {
	width:55px;
	height:auto;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:150;
}


.ktgstxt{
	color:#00974b !important;
}

.ktgsbox{
	padding:12px !important;
	box-sizing: border-box;
	background: #ecf7ef;
	border-radius:6px;
}
.ktgsbox2{
	padding:12px !important;
	box-sizing: border-box;
	background: #ffefee;
	border-radius:6px;
}

.ktgbox-t{
	color:#fff;
	font-weight: bold;
	font-size: 110%;
	padding:3px 5px;
	background: #a87200;
	box-sizing: border-box;
	border-radius:4px;
	margin:0 3px;
}


.ktgbox-w{
	width: 100%;
	text-align: center;
}

.ktgbox-tlt{
	/*width:100%;*/
	text-align: center;
	font-size:20px;
	font-weight:bold;
	margin:20px auto 5px auto;
	letter-spacing:0px;
	line-height: 1.3em;
	padding:8px 2em;
	color:#fff;
	background: #d8868a;
	box-sizing: border-box;
	border-radius:10px;
	display: inline-block;
}

@media screen and ( max-width:767px ){
.ktgbox-tlt{
	text-align: center;
	font-size:20px;
	margin:15px 0 5px 0;
	letter-spacing:0px;
	line-height: 1.3em;
	font-weight:bold;
	width:90%;
}
}

.mlxpc li{
	float:left;
}



.top_sb_text{
width:100%;
	float:none;
	text-align: center;
}
.top_sb_btn{
	width:344px;
	float:none;
	height: 110px;
}
.top_sb_btn img{
	width:295px;
	height: auto;
	margin:0;
}

@media screen and ( max-width:767px ){
	
.top_sb_text{
width:96%;
	float:none;
	text-align: center;
	margin-left: 2%;
}
.top_sb_btn{
	width:80%;
	margin-left: 10%;
	float:none;
	height: auto;
}
.top_sb_btn img{
	width:100%;
	margin-top:20px;
	margin-left:0%;
	height: auto;
}
	
}


.mcl-box{
	width:80%;
	padding:1.2em;
	box-sizing: border-box;
	background: #fcf2ab;
	margin-left: 10%;
	box-shadow: 4px 4px #d9effa;
	border-radius: 10px;
}

@media screen and ( max-width:767px ){
	.mcl-box{
		width:96%;

	margin-left: 2%;
		font-size: 90%;
}
}


.top-tlt-cp{
	margin-top:3px;
	border-top: 1px solid #aaa;
	padding-top:5px;
	font-size: 60%;
	margin-left:0em;
	font-weight: normal;
}









/*button*/

.cntbox-bs{
text-align: left;
width: 90%;
	margin-top:3px;
	margin-left:5%;
}
.cntbox-bs2{
text-align: left;
width: 60%;
	margin-top:3px;
	margin-left:5%;
}

.square_btn-bs {
	margin:3px auto;
	width:100%;
	text-align: left;
    position: relative;
    display: inline-block;
    font-weight: normal;
	font-size: 14px;
    padding: 0.4em 0.7em;
    text-decoration: none;
    color: #FFF;
    background: #4cb57c;
    transition: .4s;
	box-sizing: border-box;
	border-radius: 5px;
  }

.square_btn-bs:hover {
    background: #5fe39b;
}

@media screen and ( max-width:767px ){
	
	.cntbox-bs,.cntbox-bs2{
text-align: left;
width: 90%;
		margin-left: 5%;

}
	
	.square_btn-bs {
	margin:3px auto;
	width:100%;
	padding: 0.6em 0.7em;
		
			margin-top:7px;
  }
}

a.but-arr-bs {
  position: relative;
	text-decoration:none;
	color: #fff;
}
a.but-arr-bs:visited {
  
	color: #fff;
}
a.but-arr-bs:hover {
  
	color: #fff;
	text-decoration:none;
}
 
a.but-arr-bs:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 11px;
  top: 50%;
  right: 8px;
  margin: -5px 0 0 0;
  background-image: url(../img/arr.png);
  background-repeat: no-repeat;
  background-size: 7px 11px;
}




.top-prms{
	width: 96%;
	margin:12px 0px 12px 2%;
	box-sizing: border-box;
	text-align: center;
}

.top-prms img{
	width: 80%;
	margin-left: 0%;
	height: auto;
}

.cl-top-cp3-tlt{
	font-size: 24px;
	font-weight: bold;
	color:#333;
	margin-bottom:20px;
	text-align: left;
	border-bottom: 3px solid #333;
	padding:4px;
}



@media screen and ( max-width:767px ){

.top-prms{
	width: 94%;
	margin:12px 0px 12px 3%;
	box-sizing: border-box;
	text-align: center;
}

.top-prms img{
	width: 100%;
	height: auto;
}
	
	
	.cl-top-cp3-tlt{
	font-size: 20px;
	font-weight: bold;
	color:#333;
	margin-bottom:20px;
		text-align: center;
}


}


.pc-mg-top70{
	margin-top: 70px !important;
}

@media screen and ( max-width:767px ){
	.pc-mg-top70{
	margin-top: 0px !important;
}
}


.udl-r{
	/*background: linear-gradient(transparent 50%, #ff99ab 50%);*/
	color: #ff99ab;
	font-weight: bold;
}

.ngt-mgn{
	margin-top:-100px;
	margin-left: 20px;
}
.ngt-mgn2{
	margin-top:-70px;
	margin-left: 20px;
}


@media screen and ( max-width:767px ){
.ngt-mgn{
	margin-top:0px;
	margin-left: 0px;
}
.ngt-mgn2{
	margin-top:0px;
	margin-left: 0px;
}

	
}

.shmclr{
	color:#0390E4;
}


img.drpshd{
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

















ul.gnav{margin:0;padding:0;}
ul.gnav li{margin:0;}

.gnav {
	padding:0px 0 20px 0;
     background: #fff;
     width: 100%;
	margin-left:0;
	height: 100%;
     z-index: 99;
	position: fixed;
}

ul.gnav-ul{
	padding:0px 0;
	list-style-type: none;
	/*height: 100%;*/
	height: calc(100% - 70px);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}

ul.gnav-ul li {
      color:#333;
		/*background:url(../img/arr-r-w.svg) 96% center no-repeat;*/
		background-size:7px 15px;
		width:100%;
		margin-left:0;
}

ul.gnav-ul li a {
      display: block;
	  color:#333;
	  font-weight:normal;
      text-decoration: none;
      padding: .8rem 1rem;
	border-bottom: 1px solid #fff;
	background:url(../img/bc_ar.jpg) 95% center no-repeat;
	background-size:15px auto;
}







.cnt-mgbox3{
	width:110px;
	float:left;
}
.cnt-mgbox-r3{
	width:300px;
	float:left;
	margin-top:100px;
	left:100px;
}

@media screen and ( max-width:767px ){
.cnt-mgbox3{
	width:30%;
	float:left;
}
	.cnt-mgbox3 img{
		width:100%;
		height: auto;
	}

.cnt-mgbox-r3{
	width:70%;
	margin-top: 40px;
	float:right;
}

}


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

20210325 追記

********************/
.social-buttons {
	height: 20px;
}

.page-snsbtn {
  display: flex;
  margin: 10px auto 0;
  justify-content: flex-start;
  max-width: 800px;
}

.page-snsbtn iframe,
.page-snsbtn div {
	margin-right: 5px;
}

.social-buttons iframe,
.social-buttons span {
	vertical-align: top !important;
}

.social-buttons div iframe {
	margin-right: 1px !important;
}


.spb-cls-wp{
	margin: 0.5em 0;
}
.swn_top_note{
	padding: 0.5em 0.9em;
	background: #fcf3c4;
	border: 1px solid #3c2618;
	border-radius: 0.5em;
	margin: 1em 0;
	box-sizing: border-box;
	width: 90%;
	font-size: 90%;
	display: inline;
	filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .3));
}

.newk{
	width:218px;
	height: 33px;
	position: absolute;
	left: 150px;
	top: -5px;
	z-index: 5;
}

.topulmain{
	margin-top: 60px;
}


@media screen and ( max-width:767px ){
	.swn_top_note{
	padding: 0.3em;
	background: #fcf3c4;
	border: 1px solid #3c2618;
	border-radius: 0.5em;
		display: block;
		width: 100%;
		text-align: left;
}
	
	
	.newk{
	width:50%;
	height: auto;
	position: absolute;
	left: 25%;
	top: -5px;
	z-index: 5;
}
	
	
	.topulmain{
	margin-top: 30px;
}
	
	
}




.main_bg03{
	width:100%;
	background-color: #fffbf0;
		background-image: 
		repeating-linear-gradient(45deg,
		rgba(255,248,227,0.0)0px 80px,
		rgba(254,237,188,0.5)80px 82px
		),
		repeating-linear-gradient(-45deg,
		rgba(255,248,227,0.0)0px 80px,
		rgba(254,237,188,0.5)80px 82px
		);
	padding:10px 0 20px 0;
}