/* Setting */
section{overflow:hidden;line-height:1.6;position:relative;word-break:keep-all}
section .section_fix{width:calc(100% - 20px);padding:0 10px;max-width:1600px;margin:0 auto;overflow:hidden}
section .section_title{width:100%;margin:0 auto 60px;overflow:hidden;position:relative;}
section .section_title h3{font-size:42px;margin-bottom:10px;}
section .section_title p{font-size:21px;color:#666666}
section .section_body{width:100%;overflow:hidden;position:relative;}

.dot{font-family:sans-serif}

/* Section01 */
#section01{width:100%;background:#FCF9F2;padding:200px 0 100px;}


/* Section02 */
#section02{width:100%;padding:100px 0;overflow:hidden;}
#section02 .section_title h3{display:inline-block;width:360px;}
#section02 .section_title p{display:inline-block;}


/* Section03 */
#section03{width:100%;padding:100px 0px;background:#FCF9F2;overflow:hidden;position:relative;}
#section03 .section_fix{display:table;table-layout:fixed;width:100%}
#section03 .section_fix>div{display:table-cell;vertical-align:middle;}
#section03 .section_fix>div.textarea img{display:block;margin-bottom:30px;max-width:210px;width:100%;}
#section03 .section_fix>div.textarea b{font-size:24px;color:#666666;margin-bottom:10px;display:block;}
#section03 .section_fix>div.textarea p{font-size:18px;color:#727171}
#section03 .section_fix>div.imgarea {text-align:right;}
#section03 .section_fix>div.imgarea img{width:100%}


/* Section04 */
#section04{width:100%;padding:100px 0;overflow:hidden;}
#section04 .section_title h3{display:inline-block;width:360px;}
#section04 .section_title p{display:inline-block;}
#section04 .section_title a{color:#004748}
#section04 .section_fix .section_body{overflow:hidden;}
#section04 .section_fix .section_body li{display:inline-block;width:calc((100% / 6) - 20px);height:0;padding-bottom:calc((125% / 6) - 20px);margin:10px;position:relative;overflow:hidden}
#section04 .section_fix .section_body li a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100}
#section04 .section_fix .section_body li div{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;overflow:hidden}
#section04 .section_fix .section_body li div img{min-width: 100%;  min-height: 100%;-ms-interpolation-mode: bicubic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}






@media all and (max-width:1440px){
	section .section_title h3{font-size:36px;}
	section .section_title p{font-size:19px;}
	#section03 .section_fix>div.textarea img{max-width:180px;}
	#section03 .section_fix>div.textarea b{font-size:21px;}
	#section02 .section_title h3{width:300px;}
	#section04 .section_title h3{width:300px;}
}

@media all and (max-width:1024px){
	section .section_title{margin:0 auto 40px}
	section .section_title h3{font-size:32px;}
	section .section_title p{font-size:17px;}
	#section01{padding:170px 0 100px}
	#section02 .section_title h3{width:270px;}
	#section04 .section_title h3{width:270px;}
	
	#section04 .section_fix .section_body li{width:calc((100% / 4) - 20px);padding-bottom:calc((125% / 4) - 20px);}
	#section04 .section_fix .section_body li:nth-child(n+13){display:none}

}


@media all and (max-width:768px){
	section .section_title{margin:0 auto 30px}
	#section01{padding:120px 0 50px}
	#section02 .section_title h3{width:100%;text-align:center;}
	#section02 .section_title p{width:100%;text-align:center;}
	#section04 .section_title h3{width:100%;text-align:center;}
	#section04 .section_title p{width:100%;text-align:center;}

	#section03 .section_fix>div{display:block;}
	#section03 .section_fix>div.textarea{margin-bottom:30px;text-align:center;}
	#section03 .section_fix>div.textarea img{margin:0 auto}
	#section03 .section_fix>div.textarea p{font-size:17px;}

	#section04 .section_fix .section_body li{width:calc((100% / 3) - 20px);padding-bottom:calc((125% / 3) - 20px);}


}


@media all and (max-width:480px){	
	section .section_title h3{font-size:27px;}
	section .section_title p{font-size:15px;}
	#section03 .section_fix>div.textarea img{max-width:150px;}
	#section03 .section_fix>div.textarea b{font-size:19px;}
	#section03 .section_fix>div.textarea p{font-size:15px;}


	#section04 .section_fix .section_body li{width:calc((100% / 2) - 20px);padding-bottom:calc((125% / 2) - 20px);}
	#section04 .section_fix .section_body li:nth-child(n+9){display:none}

}