@charset "UTF-8";
#pankuzu {
    margin: 0 0 15px 0;
}

header.main_title{
	width:980px;
	height:570px;
	background:url(../img/main_bg.png) no-repeat center center;
	margin-bottom:60px!important;
}
header.main_title h1{
	padding-top:38px!important;
	text-align: center;
	margin:0 auto 36px!important;
	box-sizing:border-box;
	padding-left:0!important;
	background:none!important;
}
header.main_title .str_wrapper{
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:424px;
	margin:0 auto 30px;
}
header.main_title .str_wrapper .strength,
header.main_title .str_wrapper .saisei{
	width:174px;
	height:174px;
	border-radius: 10px;
	border:solid 3px #002f7b;
	text-align: center;
	padding-top:20px;
	background:#fff;
	box-sizing:border-box;
}
header.main_title .str_wrapper .strength img,
header.main_title .str_wrapper .saisei img{
	margin-bottom:14px;
}
header.main_title .str_wrapper .strength p,
header.main_title .str_wrapper .saisei p{
	line-height:1.7;
	font-size:12px;
	color:#002f7b;
	font-weight:bold;
}
header.main_title .str_wrapper .plus{
	width:45px;
}
header.main_title .lead{
	width:568px;
	height:110px;
	margin:0 auto;
	color:#fff;
	background:rgba(0,47,123,0.8);
	font-size:18px;
	text-align:center;
	padding:12px 0;
	line-height:1.7;
	box-sizing:border-box;
}

	@media screen and (max-width: 834px) {
		#page_content {
			padding: 55px 0 48px 0;
		}
		.main{
			width:100%;
		}
		header.main_title{
			width:100%;
			height:auto;
			background-size:cover;
			margin-bottom:60px!important;
			padding:4vw 0;
		}
		header.main_title h1{
			padding-top:0px!important;
			margin:0 auto 4vw!important;
		}
		header.main_title h1 img{
			width:90%;
		}
		header.main_title .str_wrapper{
			display:block;
			width:64%;
			margin:0 auto 3vw;
		}
		header.main_title .str_wrapper .strength,
		header.main_title .str_wrapper .saisei{
			padding:4%;
			width:100%;
			height:auto;
		}
		header.main_title .str_wrapper .strength:after,
		header.main_title .str_wrapper .saisei:after{
			content:"";
			display:block;
			clear:both;
		}
		header.main_title .str_wrapper .strength img,
		header.main_title .str_wrapper .saisei img{
			height:7vw;
			width:auto;
			display:block;
			margin:0 auto 1.6vw;
		}
		header.main_title .str_wrapper .strength p,
		header.main_title .str_wrapper .saisei p{
			float:left;
			display:block;
			text-align: left;
			font-size:2.4vw;
			line-height:1.4
		}
		header.main_title .str_wrapper .strength p br,
		header.main_title .str_wrapper .saisei p br{
			display:none;
		}
		header.main_title .str_wrapper .plus{
			width:45px;
			margin:1.2vw auto;
			text-align: center;
		}
		header.main_title .lead{
			width:80%;
			height:auto;
			text-align:center;
			padding:1.5vw 1.8vw;
			font-size:2.6vw;
		}
	}




.award{
	width:80%;
	max-width:680px;
	margin:0 auto 40px;
	border:solid #eee 3px;
	padding:20px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.award .pic{
	width:25%;
}
.award .pic img{
	width:100%;
}
.award .txt{
	width:70%;
}
.award .txt .msg{
	margin-bottom:10px;
	line-height:1.5;
}
.award .txt a{
	color: #3d86b9;
	text-decoration: underline;
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.4;
}

@media screen and (max-width: 620px) {
	.award{
		display:block;
	}
	.award .pic{
		width:100%;
		text-align: center;
		margin-bottom:15px;
	}
	.award .pic img{
		width:60%;
		max-width:240px;
	}
	.award .txt{
		width:100%;
	}
}


article section{
	width:938px;
	margin:0 auto;
}
article section img{
	vertical-align: bottom;
}
article section h2{
	font-size:32px;
	text-align: center;
	line-height:1.7;
	color:#444;
	margin-bottom:50px;
	font-weight: bold;
}

.sect1{
	margin-bottom:80px;
}
.sect1 .point_wrapper{
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
}
.sect1 .point_wrapper .p1{
	width:287px;
}
.sect1 .point_wrapper .p2{
	width:309px;
}
.sect1 .point_wrapper .p3{
	width:287px;
}
.sect1 .point_wrapper .p1 .pic{
	margin:0 0 20px;
}
.sect1 .point_wrapper .p2 .pic{
	margin:0 0 31px;
}
.sect1 .point_wrapper .p3 .pic{
	margin:0 0 31px;
}
.sect1 .point_wrapper .pic img{
	width:100%;
}
.sect1 .point_wrapper .txt{
	font-size:15px;
	line-height:1.7;
	width:287px;
	margin:0 auto;
}

@media screen and (max-width: 834px) {
	article section{
		width:96%;
	}
	article section h2{
		font-size:4vw;
		text-align: left;
		margin-bottom:7%;
	}
	article section h2 br{
		display:none;
	}
	
	.sect1{
		margin-bottom: 16vw;
	}
	.sect1 .point_wrapper{
		width:96%;
		margin:0 auto;
		display: -ms-flexbox;
		-ms-flex-pack: justify;
		-ms-flex-wrap: wrap;
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sect1 .point_wrapper .p1,
	.sect1 .point_wrapper .p2,
	.sect1 .point_wrapper .p3{
		width:48%;
		margin-bottom:4%;
	}
	.sect1 .point_wrapper .p1 .pic ,
	.sect1 .point_wrapper .p2 .pic ,
	.sect1 .point_wrapper .p3 .pic {
		margin: 0 0 5%;
	}
	.sect1 .point_wrapper .pic img{
		width:100%;
	}
	.sect1 .point_wrapper .txt{
		width:100%;
	}
	
}
@media screen and (max-width: 500px) {
	section h2{
		font-size:7vw;
		line-height:1.4;
	}
	.sect1 .point_wrapper{
		width:96%;
		display:block;
		margin:0 auto;
	}
	.sect1 .point_wrapper .p1,
	.sect1 .point_wrapper .p2,
	.sect1 .point_wrapper .p3{
		width:100%;
		margin: 0 0 8%;
	}
	.sect1 .point_wrapper .p3{
		margin: 0;
	}
	
}



.sect2{
	margin-bottom:60px;
}
.sect2 h2{
	margin-bottom:28px;
}
.sect2 .lead{
	text-align:center;
	line-height:1.68;
	margin-bottom:15px;
	font-size:16px;
}
.sect2 .pic{
	text-align:center;
	margin-bottom:25px;
}
.sect2 .msg_wrapper{
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
}
.sect2 .msg_wrapper > div{
	width:48.4%;
}
.sect2 .msg_wrapper > div h3{
	text-align:center;
	background:#fdd000;
	font-size:22px;
	font-weight:bold;
	line-height:1;
	padding:4px 0;
    margin-bottom: 14px;
}
.sect2 .msg_wrapper > div p{
	font-size:15px;
	line-height:1.5;
}
@media screen and (max-width: 834px) {
	.sect2{
		margin-bottom: 16vw;
	}
	.sect2 h2{
		margin-bottom:3.7vw;
	}
	.sect2 .lead{
		text-align:left;
		margin-bottom:2vw;
	}	
}
@media screen and (max-width: 560px) {
	.sect2 .msg_wrapper{
		display:block;
		width:90%;
		margin:0 auto;
	}
	.sect2 .msg_wrapper > div{
		width:100%;
		margin-bottom:3vw;
	}
	.sect2 .msg_wrapper > div h3{
		text-align:left;
		padding-left:5px;
	}
}



.sect3{
	margin-bottom:60px;
}
.sect3 .lead{
	color:#fff;
	font-size:26px;
	font-weight:bold;
	padding-left:60px;
    margin-bottom: 14px;
}
.sect3 .msg{
	color:#333;
	font-size:18px;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom:18px;
}
@media screen and (max-width: 834px) {
	.sect3 .lead{
		font-size:20px;
		font-weight:bold;
		padding-left:5px;
		margin-bottom: 14px;
		line-height:1.2;
	}
}

.sect3 .method{
	margin-bottom:50px;
}
.sect3 .method h3{
	margin-bottom:4px;
}
.sect3 .method1 h3 img{
	width:356px;
}
.sect3 .method1 .lead{
	background:#f6ac19;
}
.sect3 .method1 .flex_wrapper{
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
}
.sect3 .method1 .flex_wrapper .left{
	width:624px;
}
.sect3 .method1 .flex_wrapper .left h4{
	font-size:22px;
	color:#f6ac19;
	margin-bottom:14px;
	font-weight:bold;
	line-height:1.3;
}
.sect3 .method1 .flex_wrapper .left h4 small{
	font-size:50%;
}
.sect3 .method1 .flex_wrapper .left img{
	width:600px;
}
.sect3 .method1 .flex_wrapper .right{
	width:302px;
}
.sect3 .method1 .flex_wrapper .right .pic{
	margin-bottom:10px;
}
.sect3 .method1 .flex_wrapper .right .pic img{
	width:100%;
}
.sect3 .method1 .flex_wrapper .right .txt{
	font-size:14px;
	line-height:1.4;
}
@media screen and (max-width: 834px) {
	.sect3 .method1 h3 img {
		width: 60%;
	}
	.sect3 .method1 .items {
		width: 92%;
		margin:0 auto;
	}
	.sect3 .method1 .flex_wrapper{
		display:block;
	}
	.sect3 .method1 .flex_wrapper .left{
		width:100%;
		margin-bottom:4%;
	}
	.sect3 .method1 .flex_wrapper .left h4 br{
		display:none;
	}
	.sect3 .method1 .flex_wrapper .left img{
		width: 90%;
		max-width: 580px;
	}
	.sect3 .method1 .flex_wrapper .right{
		width:100%;
	}
	.sect3 .method1 .flex_wrapper .right .pic{
		margin-bottom:10px;
	}
	.sect3 .method1 .flex_wrapper .right .pic img{
		width:86%;
		max-width:302px;
	}
	.sect3 .method1 .flex_wrapper .right .txt{
		font-size:14px;
		line-height:1.4;
	}
}




.sect3 .method2{
	margin-bottom:10px;
}
.sect3 .method2 h3 img{
	width:592px;
}
.sect3 .method2 .lead{
	background:#004ea2;
}
.sect3 .method2 .items{
	display: -ms-flexbox;
    -ms-flex-align: start;
	display:flex;
	justify-content: flex-start;
}
.sect3 .method2 .items .i1{
	width:202px;
	margin-right:14px;
}
.sect3 .method2 .items .i1 img{
	width:100%;
}
.sect3 .method2 .items .i2{
	width:242px;
	margin-right:10px;
}
.sect3 .method2 .items .i2 .pic{
	text-align: center;
}
.sect3 .method2 .items .i2 .pic img{
	width:172px;
}
.sect3 .method2 .items h4{
	font-size:20px;
	font-weight:bold;
	color:#004ea2;
}
.sect3 .method2 .items h4 small{
	font-size:50%;
}
.sect3 .method2 .items .circle img{
	width:44px;
}
.sect3 .method2 .items .i3{
	width:475px;
	position: relative;
}
.sect3 .method2 .items .i3 .title{
	position:absolute;
	z-index:1;
}
.sect3 .method2 .items .i3 .title br.smp{
	display:none;
}
.sect3 .method2 .items .i3 .title .circle img{
	margin-right:20px;
}
.sect3 .method2 .items .i3 .pic img.p1{
	width:265px;
	margin-right:18px;
}
.sect3 .method2 .items .i3 .pic img.p2{
	width:180px;
}
@media screen and (max-width: 834px) {
	.sect3 .method2{
		margin-bottom:50px;
	}
	.sect3 .method2 h3 img{
		width:96%;
	}
	.sect3 .method2 .items{
		display:block;
		width: 92%;
		margin:0 auto;
	}
	.sect3 .method2 .items .i1{
		width:202px;
		margin-right:14px;

		display:inline-block;
		vertical-align: top;
	}
	.sect3 .method2 .items .i1 img{
		width:100%;
		vertical-align: top;
	}
	.sect3 .method2 .items .i2{
		width:auto;
		margin-right:0;

		display:inline-block;
		position: relative;
	}
	.sect3 .method2 .items .i2 .pic{
		margin-bottom: 5px;
	}
	.sect3 .method2 .items .i2 .circle{
		position: absolute;
		top:3px;
		left:3px;
	}
	.sect3 .method2 .items .i3{
		padding-top:30px;
	}

}
@media screen and (max-width: 540px) {
	.sect3 .method2 .items .i1{
		width:60%;
		margin:0 0 30px 0;
		display:block;
	}
	.sect3 .method2 .items .i2{
		display:block;
		width:auto;
		margin-right:0;
	}
	.sect3 .method2 .items .i2 h4{
		position: absolute;
		top: 0;
		left: 0;
	}
	.sect3 .method2 .items .i2 .circle {
		position: absolute;
		top: 50px;
		left: 0px;
	}
	.sect3 .method2 .items .i2 .pic{
		padding-top:50px;
	}
	.sect3 .method2 .items .i2 .pic img{
		width:64%;
		max-width:175px;
	}
	.sect3 .method2 .items .i3{
		width:100%;
	}
	.sect3 .method2 .items .i3 .title .circle{
		padding-top: 0px;
	}
	.sect3 .method2 .items .i3 .title .circle img {
		margin-right: auto;
		margin-top: auto;
	}
	.sect3 .method2 .items .i3 .pic{
		padding-top:20px;
	}
	.sect3 .method2 .items .i3 .pic img.p1{
		width:55%;
		margin-right:3.6%;
	}
	.sect3 .method2 .items .i3 .pic img.p2{
		width:38%;
	}
}


.sect3 .method3 h3 img{
	width:347px;
}
.sect3 .method3 .lead{
	background:#8ec43e;
}
.sect3 .method3 h4{
	font-size:20px;
	font-weight:bold;
	color:#8ec43e;
	margin-bottom: 10px;
}
.sect3 .method3 .items{
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}
.sect3 .method3 .items .left{
	width:460px;
}
.sect3 .method3 .items .left .p1{
	width:260px;
	margin-right:10px;
	display: inline-block;
}
.sect3 .method3 .items .left .p1 img{
	width:100%;
	margin-bottom:6px;
}
.sect3 .method3 .items .left .p2{
	width:178px;
	display: inline-block;
}
.sect3 .method3 .items .left .p2 img{
	width:100%;
	margin-bottom:6px;
}
.sect3 .method3 .items .right{
	width:446px;
}
.sect3 .method3 .items .right .pic{
	margin-bottom:10px;
}
.sect3 .method3 .items .right .pic .p3{
	width:214px;
	display: inline-block;
	margin-right:16px
}
.sect3 .method3 .items .right .pic .p3 img{
	width:100%;
	margin-bottom:6px;
}
.sect3 .method3 .items .right .pic .p4{
	width:214px;
	display: inline-block;
}
.sect3 .method3 .items .right .pic .p4 img{
	width:100%;
	margin-bottom:6px;
}
.sect3 .method3 .items .right .txt{
	font-size:14px;
	line-height:1.7;
}
.sect3 .method3 .notes{
	background:#e9f4cb;
	padding:18px 20px;
	border-radius:8px;
	line-height:1.4;
}
.sect3 .method3 .notes li:first-child{
	margin-bottom:0.5em;
}
@media screen and (max-width: 834px) {
	.sect3 .method3 h3 img {
		width: 60%;
	}
	.sect3 .method3 h4 {
		width: 92%;
		margin:0 auto 14px;;
	}
	.sect3 .method3 .items {
		width: 92%;
		margin:0 auto;
		display:block;
	}
	.sect3 .method3 .items .left{
		margin-bottom:20px;
		width:100%;
	}
	.sect3 .method3 .items .left .p1{
		width:57%;
		margin-right:1.5%;
	}
	.sect3 .method3 .items .left .p2{
		width:40%;
	}
	.sect3 .method3 .items .right{
		width:100%;
		margin-bottom: 20px;
	}
	.sect3 .method3 .items .right .pic .p3{
		width:48%;
		margin-right:1.5%;
	}
	.sect3 .method3 .items .right .pic .p4{
		width:48%;
	}
	
}
@media screen and (max-width: 500px) {
	.sect3 .method3 .items .left .p1 span,
	.sect3 .method3 .items .left .p2 span,
	.sect3 .method3 .items .right .pic .p3 span,
	.sect3 .method3 .items .right .pic .p4 span{
		font-size:12px;
	}
}