@charset "UTF-8";

#page .page_title{background-color:#1B1D1D;}
#page .page_title .title{color:#fff;border-color:#fff;}
#page .desc_section{overflow:hiddne;position:relative;padding-bottom:15em;background-color:#1B1D1D;}
#page .desc_section:before{content:'';position:absolute;bottom:-1px;left:50%;right:0;width:0;height:0;border-bottom:150px solid #fff;border-left:2500px solid transparent;border-top:75px solid transparent;transform:translateX(-50%);}
#page .desc_section .inner{box-sizing:border-box;padding:3em 4em;background-color:#fff;}
#page .desc_section .section_title{text-align:left;}
#page .desc_section .section_title .title .line{display:inline-block;width:0;height:2px;margin-left:0.25em;background:#ACC93F;transition:all 1s;}
#page .desc_section .section_title .title.fade .line{width:2.2em;transition:all 1s;}
#page .desc_section .section_title + .section_content{margin-top:4em;}
#page .desc_section .section_content{margin-left:50%;}
#page .desc_section .section_content .desc{line-height:1.6;margin:0 auto;}
#page .image_section{padding:10em 0;margin:0;}
#page .image_section02{background-color:#342623;}
#page .image_section02:before{content:'';position:absolute;top:-1px;left:50%;right:0;width:0;height:0;border-top:150px solid #fff;border-left:2500px solid transparent;border-bottom:75px solid transparent;transform:translateX(-50%);}
#page .image_section .section_title .title{line-height:1.6;width:80%;margin:0 auto;text-align:left;}
#page .image_section02 .section_title .title{color:#fff;}
#page .image_section .section_title + .section_content{margin-top:4em;}
#page .image_section .section_content .image_box{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:0 auto;}
#page .image_section .section_content .image_box .image{overflow:hidden;width:calc(50% - 0.5em);margin:0;border-radius:1em;}
#page .image_section .section_content .image_box .image:before{content:'';display:block;padding-bottom:56.25%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .image_section .section_content .image_box .image:nth-of-type(1){width:100%;}
#page .image_section .section_content .image_box .image:nth-of-type(n+2){margin-top:1em;}
#page .image_section .section_content .image_box .image05{width:calc(70% - 0.5em);}
#page .image_section .section_content .image_box .image06{width:calc(30% - 0.5em);}
#page .image_section .section_content .image_box .image06:before{padding-bottom:132.5%;}
#page .image_section .section_content .image_box .image01:before{background-image:url(../img/image_section_img01.png);}
#page .image_section .section_content .image_box .image02:before{background-image:url(../img/image_section_img02.png);}
#page .image_section .section_content .image_box .image03:before{background-image:url(../img/image_section_img03.png);}
#page .image_section .section_content .image_box .image04:before{background-image:url(../img/image_section_img04.png);}
#page .image_section .section_content .image_box .image05:before{background-image:url(../img/image_section_img05.png);}
#page .image_section .section_content .image_box .image06:before{background-image:url(../img/image_section_img08.png);}
@media all and (max-width:1600px){
	#page .desc_section .inner{margin:0 2em;}
}
@media all and (max-width:1400px){
	#page .image_section{padding:8em 0;}
	#content #page .image_section02{padding-top:10em;}
}

@media all and (max-width:1000px){
	#page .desc_section .section_content{margin-left:30%;}
	#page .image_section{padding:6em 0;}
}

@media all and (max-width:600px){
	#page .desc_section .section_content{margin-left:0%;}
	#page .image_section{padding:4em 0;}
	#page .image_section .section_title .title{width:100%;}
	#page .image_section .section_content .image_box{width:100%;}
}

@media all and (max-width:400px){
	#page .image_section{padding:3em 0;}
	#content #page .image_section02{padding-top:12em;}
}