@charset "utf-8";
/* CSS Document */
body,html{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:14px;
	font-weight:500;
	overflow-x: hidden;
}
.sp{
	display: none;
}
.spblock{
	display: none!important;
}
.jigyo{
	width:480px;
}
.jigyo li{
	list-style-type: none;
	padding-left: 1em;
    text-indent: -1em;
}
.jigyo li::before {
	content: "● " ;
}
a{
	transition: .3s;
	text-decoration: none;
	color:#252E20;
}
a:hover{
	opacity: 0.7;
}
img{
	max-width: 100%;
}
.header {
	height:70px;
	overflow: hidden;
	position: relative;
}
.container {
	width:1200px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
}
.logo{
	position:absolute;
	top:50%;
	transform: translate(0,-50%);
	margin:0 0 0 30px;
}
ul {
	list-style-type: none;
}
.globalmenu{
	font-size:15px;
	font-weight:600;
	width:600px;
	float:right;
}
.globalmenu li{
	width:110px;
	height:30px;
	margin:20px 0;
	text-align: center;
	float:left;
	line-height: 30px;
	border-left:1px solid #000;
}
.double{
	line-height: 15px!important;
}
.globalmenu_last{
	border-right:1px solid #000;
}
.footer{
	background:#505050;
	color:#fff;
	height:100px;
}
.ft_logo{
	margin:20px 0 0 0;
}
.topimg {
	max-width: 1280px;
	margin:0 auto;
	background: 
		url("../images/deco1_2.png") no-repeat bottom center,
		url(../images/topback.jpg) no-repeat center center;
	text-align: center;
	z-index: -2;
}
.topimg img{
	margin:40px 0;
}
.area1 {
	background-color:#EAF5FC;
	z-index: -3;
}
.area2{
	background-color:#CBE4B9;
	background:
		url(../images/deco1.png) no-repeat center -20px,
		url(../images/back1.jpg) repeat center;	
	text-align: center;
	padding:3em 0;
	position: relative;
}
.area2b{
	background-color:#CBE4B9;
	background:
		url(../images/back1.jpg) repeat center;	
	text-align: center;
	padding:3em 0;
	position: relative;
}

h1{
	font-size:34px;
	font-weight: 600;
	line-height: 2em;
	margin: 1em 0;
}
h2{
	font-size:22px;
	font-weight: 600;
	line-height: 2em;
	margin: 1em 0;
}

.toptxt {
	max-width: 770px;
	margin:0 auto;
	line-height: 1.8em;
	z-index: 10!important;
	font-size:14px;
}

.btn_about {
	margin:40px 0;
	z-index: 5000!important;
}
.people{
	position: absolute;
	bottom:20px;
	left:50%;
	transform: translateX(-50%);
	z-index: 1!important;
}

.spacer40 {
	height:40px;
}

.back1 {
	position: relative;
	background-color: #CBE4B9;
	background-image: url(../images/back1.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
}
.back1 p{
	font-size:16px;
	font-weight: 700;
	line-height: 2em;
}
.floatleft {
	float:left;
}
.floatright{
	float:right;
}
.seido {
	width:950px;
	margin:0 auto;
	text-align: left;
	height: auto;
	overflow: hidden;
	color:#3071B9;
	font-size:16px;
	font-weight: 700;
}
.seido li{
	float:left;
	width:26em;
	margin-left: 1em;
}
.ic_l01{
	position: absolute;
	top:150px;
	left:50%;
	transform: translateX(-500px);
}
.ic_l02{
	position: absolute;
	top:600px;
	left:50%;
	transform: translateX(-550px);
}
.ic_r01{
	position: absolute;
	top:140px;
	left:50%;
	transform: translateX(400px);
}
.ic_r02{
	position: absolute;
	top:700px;
	left:50%;
	transform: translateX(450px);
}
.ic_r03{
	position: absolute;
	top:900px;
	left:50%;
	transform: translateX(400px);
}

.back2 {
	position: relative;
	background-color: rgba(203,228,185,0.5);
	background-image: url(../images/back2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	
}
.back2 p{
	font-size:16px;
	font-weight: 700;
	line-height: 2em;
}

.box {
	position: relative;
	width:800px;
	margin:0 auto;
	background:#fff;
	padding:40px;
	text-align: left;
	
}
.box p{
	font-weight: 500;
	line-height: 2em;
}

.boxtit {
	border-bottom: 3px dotted #3071B9;
	padding:10px 0;
	margin:0 0 20px;
}
.boxtit p{
	position: relative;
	color:#3071B9;
	font-size:20px;
	font-weight: 700;
	margin:-5px 0 0 11em;
}
.boxtit p:before {
        background: #3071B9;
        content: "";
        height: 25px;
        width: 3px;
        left: -15px;
        position: absolute;
        top: 8px;
}

.boxtit img{
	float:left;
	margin: 0 0 0 10px;
}
.mboxarea {
	margin:0 -20px;
	text-align: center;
}
.mboxarea img{
	margin:10px;
}
.flowimg {
	margin:20px auto;
}

.followarea {
	text-align: center;
	margin:0 -20px;
}
.followarea img{
	margin:10px;
}
.follow_ov {
	display: block;
	margin:40px auto;
}

.centertext {
	text-align: center;
}
.yboxtit{
	color:#3071B9;
	font-size:18px!important;
	letter-spacing: -1px;
	font-weight: 700;
	line-height: 24px!important;
}

.fw_ybox {
	position: relative;
	background:#FFF8CF;
	border:1px solid #F6AD3C;
	width:100%;
	padding:15px;
}
.fw_ybox p{
	font-size:12px;
}
.ybox_wrap{
	display: inline-block;
	height: auto;
	overflow: hidden;
	margin:15px;
}
.ybox {
	position: relative;
	background:#FFF8CF;
	border:1px solid #F6AD3C;
	width:220px;
	height:170px;
	padding:15px;
	display: block;
	text-align: left;
	margin: 0;
}
.ybox p{
	font-size:12px;
}
.topright{
	position:absolute;
	top:-1px;
	right:-1px;
}
.bottomleft{
	position: absolute;
	bottom:-1px;
	left:-1px;
}
.yboxarea {
	text-align: center;
	margin: 0 -30px;
}
.yboxarea img{
	/*margin:20px 12px;*/
}
.qnada {
	margin:0 auto;
	display: block;
}

.faqarea {
	text-align: center;
	width:1000px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	position:relative;
}
.faqarea img{
	margin:40px;
}

.ic_l03 {
	position: absolute;
	top:200px;
	left:50%;
	transform: translateX(-600px);
}
.ic_l04 {
	position: absolute;
	top:350px;
	left:50%;
	transform: translateX(-500px);
}
.ic_r04 {
	position: absolute;
	top:350px;
	left:50%;
	transform: translateX(400px);
}

.ic_l05 {
	position: absolute;
	top:-30px;
	left:-100px;
}
.ic_r05 {
	position: absolute;
	top:250px;
	right:-100px;
}
.ic_r06 {
	position: absolute;
	top:400px;
	right:-50px;
}

.ic_l06 {
	position: absolute;
	top:-30px;
	left:-150px;
}
.ic_l07{
	position: absolute;
	top:360px;
	left:-90px;
}
.ic_l08{
	position: absolute;
	top:700px;
	left:-120px;
}
.ic_l09{
	position: absolute;
	top:1100px;
	left:-100px;
}

.ic_r07 {
	position: absolute;
	top:300px;
	right:-80px;
}
.ic_r08 {
	position: absolute;
	top:900px;
	right:-120px;
}
.ic_l10 {
	position: absolute;
	top:420px;
	left:-100px;
}
.ic_r09{
	position: absolute;
	top:10px;
	right:-100px;
}.ic_r09{
	position: absolute;
	top:10px;
	right:-100px;
}.ic_r10{
	position: absolute;
	top:400px;
	right:-80px;
}.ic_r11{
	position: absolute;
	top:470px;
	right:-120px;
}
.ic_l11 {
	position: absolute;
	top:200px;
	left:-30px;
}
.ic_r12{
	position: absolute;
	top:420px;
	right:-10px;
}
.page {
	width:700px;
	margin:5em auto;
	background: #fff;
	border:1px solid #3071B9;
	border-radius: 10px;
	padding:40px;
	line-height: 2em;
	overflow: hidden;
	height: auto;
	text-align: left;
}
.page dt,dd{
	float:left;
}
.page dt{
	clear: both;
	width:6em;
  	text-align-last: justify;       /* Chrome・Firefox用 */
  	text-justify: inter-ideograph;  /* IE・Edge用 */
	margin-right: 2em;
}

.wrapper {
	height: auto;
	overflow: hidden;
}

.kumiai02 {
	float:left;
	margin:1em 0;
}

.kanyu {
	margin:1em 0 1em 1em;
}

.kumiaigaiyo {
	margin:1em 0;
}

.btm01 {
	position: absolute;
	bottom:0px;
	left:50%;
	transform: translateX(-430px);
}

.btm02 {
	position: absolute;
	bottom:0px;
	left:50%;
	transform: translateX(310px);
}

.form700 {
	width:700px;
	margin: 0 auto;
	text-align: left;
}
input,textarea{
	width:100%;
	background:#fff;
	border: 1px #3071B9 solid;
	border-radius: 8px;
	font-size:20px;
	padding:5px;
}
input{
	margin-bottom: 1em;
}
button{
	margin:2em auto 0;
	display: block;
}
ol{
	margin:0 0 0 2em;
}
h5{
	font-size:13px;
	font-weight: 500;
	margin:1em 0;
}
nav.globalMenuSp {
	display:none;
}
.child{
	display: none;
}
.ico{
	width:20px;
	vertical-align: middle;
}
@media (max-width: 1200px) {
	.abouttxt{
		text-align: left;
	}
	.toptxt {
		text-align: left;
	}
	.mboxarea {
		margin:20px -20px;
		text-align: center;
	}
	.boxtit img{
		margin: 0 0 20px 0px;
	}

	.seido_sp{
		margin:0 0 20px 20px;
	}
	.fw_ybox {
		position: relative;
		background:#FFF8CF;
		border:1px solid #F6AD3C;
		width:221px;
		padding:15px;
		margin:20px auto;
	}
	
	.pc{
		display: none;
	}
	.sp{
		display: inline;
	}
	.spblock{
		display: block!important;
	}
	.globalmenu{
		display: none;
	}
	.container {
		padding: 0 1em;
	}
	.area2{
		padding:1em;
	}
	.people{
		display: none;
	}
	.back1{
		padding:0 1em;
	}
	.seido {
		width:100%;
		padding:0 1em;
	}
	.seido li{
		float:left;
		width:100%;
		margin-left: 1em;
	}
	.back2{
		padding:0 1em;
	}
	.box{
		width:100%;
	}
	.boxtit p{
		margin:0;
		clear: both;
	}
	.faqarea {
		width:100%;
	}
	.ic_l11 {
		position: absolute;
		top:200px;
		left:0px;
	}
	.ic_r12{
		position: absolute;
		top:400px;
		right:0;
	}
	.faqarea img{
		margin:1em 0; 
	}
	.form700{
		width:100%;
		padding:1em;
	}
	.btm01 {
		position: absolute;
		bottom:0px;
		left:50%;
		transform: translateX(-130px);
	}
	.btm02 {
		position: absolute;
		bottom:0px;
		left:50%;
		transform: translateX(50px);
	}
	.page {
		width:calc(100% - 10px);
		margin:5px;
	}
	.boxtit p:before {
			background: none;;
			content: "";
	}
	.jigyo{
		width:100%;
	}
	.kanyu {
		margin:1em 0 1em 0;
	}

}