@charset "UTF-8";

/* ======================================================
	Reset
====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================
	Element
====================================================== */
*{ box-sizing: border-box;}
body{color: #000; font-family: "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
a:link { color: #000;}
a:visited { color: #000;}
.fl{ float:left;}
.fr{ float:right;}

/* ======================================================
	COMMON
====================================================== */
/* 固定部分 */



/* ======================================================
	PC
====================================================== */
@media screen and (min-width: 1000px){

body#mori_bg{background: url(../images/5cp_001/bg_mori_pc.jpg) top center; background-size: cover; background-attachment: fixed; z-index: -10; position: relative;}
.inner{width: 1000px; margin: 0 auto;}
.sp{display: none;}

#FV {position: relative;}
#FV h1 img{width: 100%; margin-bottom: 30px;}
#FV dl{position: absolute; top:0px; left:0px; visibility: hidden;}

#cloud_bg_01 {position: relative; margin-top: 1155px; z-index: -1;}
#cloud_bg_01 .cloud_top{background-image: url(../images/5cp_001/cloud_top.png); background-position: top center; background-size: cover; height: 1582px;}
#cloud_bg_01 .white_bg{background: #fff; width: 100%; height: 3200px;}
#cloud_bg_01 .cloud_bottom{background-image: url(../images/5cp_001/cloud_bottom.png); background-position: bottom center; background-size: cover; height: 1582px;}
#cloud_bg_01 .cloud_content{position: absolute; top: -1155px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}

#cloud_bg_02 {position: relative; margin-top: 1552px; z-index: -2;}
#cloud_bg_02 .cloud_top{background-image: url(../images/5cp_001/cloud_top.png); background-position: top center; background-size: cover; height: 1582px;}
#cloud_bg_02 .white_bg{background: #fff; width: 100%; height: 1500px;}
#cloud_bg_02 .cloud_bottom{background-image: url(../images/5cp_001/cloud_bottom.png); background-position: bottom center; background-size: cover; height: 1582px;}
#cloud_bg_02 .cloud_content{position: absolute; top: -573px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}

#cloud_bg_03 {position: relative; margin-top: 1004px; z-index: -3;}
#cloud_bg_03 .cloud_top{background-image: url(../images/5cp_001/cloud_top.png); background-position: top center; background-size: cover; height: 1582px;}
#cloud_bg_03 .white_bg{background: #fff; width: 100%; height: 9500px;}
#cloud_bg_03 .cloud_bottom{background-image: url(../images/5cp_001/cloud_bottom.png); background-position: bottom center; background-size: cover; height: 1582px;}
#cloud_bg_03 .cloud_content{position: absolute; top: 300px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}

.CV_area{position: relative; z-index: 1000}
.CV_area .box_01{position: relative;}
.CV_area .box_01 .btn_01{position: absolute;bottom: 45px; right: 20px;}
.CV_area .box_02{position: relative;}
.CV_area .box_02 .btn_02{position: absolute;bottom: 45px; right: 20px;}

#sec_01{position: relative; z-index: 100; margin-top: 55px;}

#sec_02{background: url(../images/5cp_001/sec_02_bg.png) top center; height: 1819px; margin-top: -258px; position: relative;}
#sec_02 .item_01{position: absolute; top: 333px;  left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}
#sec_02 .item_02{position: absolute; top: 549px;  left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}
#sec_02 .item_03{position: absolute; top: 1053px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}
#sec_02 .item_04{position: absolute; top: 1341px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}
#sec_02 .item_05{position: absolute; top: 1524px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%);}

#sec_03 {margin-bottom: 45px;}

#sec_04 .tit{width: 1349px; background: url(../images/5cp_001/sec_04_tit_pc.png) top center no-repeat; height: 946px; background-size: contain; position: relative;}
#sec_04 .tit h2{visibility: hidden; position: absolute; top:0px;}
#sec_04 .box_01{margin-top: -361px; position: relative; z-index: 1000; margin-bottom: 10px;}
#sec_04 .box_02{margin-bottom: 10px;}
#sec_04 .box_03{margin-bottom: 30px;}

#sec_06 .item_03{width: 100%; height: 50px; text-align: right; padding-top: 15px; font-size: 12px; color: #333333; padding-right: 10px;}

#sec_08{margin-bottom: 50px;}

#sec_09 {font-size: 22px; line-height: 2.7rem; letter-spacing: 2px; color: #333333;}
#sec_09 .box_01 .bg_area{background: #f8f8f8; position: relative; width: 100%; height: 877px; margin-bottom: 50px;}
#sec_09 .box_01 .bg_area .item_01{position: absolute; top: 80px;  left: 96px;}
#sec_09 .box_01 .bg_area .item_02{position: absolute; top: 158px; left: 684px;}
#sec_09 .box_01 .bg_area .item_03{position: absolute; top: 405px; left: 96px;}
#sec_09 .box_01 .bg_area .item_04{position: absolute; top: 615px; left: 96px;}
#sec_09 .box_01 .bg_area .text_01{position: absolute; top: 158px; left: 133px; width: 520px;}
#sec_09 .box_01 .bg_area .text_02{position: absolute; top: 472px; left: 145px; width: 600px;}
#sec_09 .box_01 .bg_area .text_03{position: absolute; top: 679px; left: 145px; width: 675px;}

#sec_09 .box_02 .bg_area{background: #fcf9ed; position: relative; width: 100%; height: 815px; margin-bottom: 50px;}
#sec_09 .box_02 .bg_area .item_01{position: absolute; top: 87px;  left: 233px;}
#sec_09 .box_02 .bg_area .item_02{position: absolute; top: 327px; left: 91px;}
#sec_09 .box_02 .bg_area .item_03{position: absolute; top: 510px; left: 561px;}
#sec_09 .box_02 .bg_area .text_01{position: absolute; top: 407px; left: 91px; width: 850px;}

#sec_09 .box_03 .bg_area{background: #edf9f7; position: relative; width: 100%; height: 652px; margin-bottom: 50px;}
#sec_09 .box_03 .bg_area .item_01{position: absolute; top: 85px;  left: 59px;}
#sec_09 .box_03 .bg_area .item_02{position: absolute; top: 90px;  left: 625px;}
#sec_09 .box_03 .bg_area .item_03{position: absolute; top: 393px; left: 59px;}
#sec_09 .box_03 .bg_area .text_01{position: absolute; top: 157px; left: 59px; width: 530px;}
#sec_09 .box_03 .bg_area .text_02{position: absolute; top: 461px; left: 59px; width: 655px;}

#sec_10 dl{border-bottom: solid 1px #8b6002; font-size: 18px; line-height: 2.3rem; letter-spacing: 1px; color: #333333; padding: 15px;}
#sec_10 dl dt{color: #8b6002;}
#sec_10 dl dd.indent{text-indent: -1rem; margin-left:1rem;}
#sec_10 dl:last-child{border-bottom:none; margin-bottom: 20px;}

#sec_11 {margin-bottom: 50px;}
#sec_11 .tit{text-align: center;}
#sec_11 .tit img{margin: 50px 0 50px 0;}
#sec_11 dl{font-size: 20px; line-height: 2.7rem; letter-spacing: 1px; color: #553b01; padding-bottom:40px; background: #FFF;}
#sec_11 dl dt{background: #6c5b50; color: #fff; padding: 4px 2px 2px 20px;}
#sec_11 dl dd{padding: 20px;}

footer{background-image: url(../images/5cp_001/footer_cloud_pc.png); background-position: top center; background-size: cover; margin-top: 730px;  padding-top: 375px; height: 500px;}
footer .footer_box{font-size: 14px; letter-spacing: 1px; text-align: center;}
footer .footer_box ul{margin-bottom: 55px;}
footer .footer_box ul li {display: inline-block; margin-right: 50px; font-weight: bold;}
footer .footer_box ul li:last-child{margin-right: 0px;}
footer .footer_box ul li a{color: #553b01;}
footer .footer_box p{font-size: 8px;}
}
/* ======================================================
	SP
====================================================== */
@media screen and (max-width: 1000px){
img{width:100%; height:auto;}
body{font-size: 4vw;}
body#mori_bg{background: none;}
body#mori_bg::before {content: ""; z-index: -1; display: block; position: fixed; top: 0;left: 0; width: 100%; height: 110vh; background: url(../images/5cp_001/bg_mori_sp.png) top center/cover no-repeat; -webkit-background-size: cover;}
.pc{ display:none;}
/* 固定部分 */

#FV {position: relative;}
#FV dl{position: absolute; top:0px; left:0px; visibility: hidden;}

#sec_06{background: #fff;}
#sec_06 .item_03{width: 100%; text-align: right; padding: 5% 2% 8% 0; font-size: 70%; color: #333333;}

#sec_09 {font-size: 95%; line-height: 1.7em; letter-spacing: 1px; color: #333333;}
#sec_09 .box_01 .bg_area{background: #f8f8f8; width: 100%;}
#sec_09 .box_01 .bg_area .item_01{margin-bottom: 5%; padding-top: 15%;}
#sec_09 .box_01 .bg_area .item_02 img{width: 34%; float: right; padding: 2% 5% 0 0%;}
#sec_09 .box_01 .bg_area .text_01{width: 62%; padding: 0 0% 0 5%; float: left; margin-bottom: 10%;}
#sec_09 .box_01 .bg_area .text_02{padding: 0 5% 0 5%; margin-bottom: 10%;}
#sec_09 .box_01 .bg_area .text_03{padding: 0 5% 0 5%; padding-bottom: 10%;}

#sec_09 .box_02 .bg_area{background: #fcf9ed; width: 100%;}
#sec_09 .box_02 .bg_area .item_01{margin-bottom: 15%; padding-top: 15%;}
#sec_09 .box_02 .bg_area .item_03{padding-bottom: 10%;}
#sec_09 .box_02 .bg_area .text_01{padding: 0 5% 0 5%;}

#sec_09 .box_03 .bg_area{background: #edf9f7; width: 100%;}
#sec_09 .box_03 .bg_area .item_01{margin-bottom: 2%; padding-top: 15%;}
#sec_09 .box_03 .bg_area .item_02 img{width: 44%; float: right; padding: 2% 5% 0 0%;}
#sec_09 .box_03 .bg_area .item_03{}
#sec_09 .box_03 .bg_area .text_01{width: 52%; padding: 0 0% 0 5%; float: left; margin-bottom: 10%;}
#sec_09 .box_03 .bg_area .text_02{padding: 0 5% 0 5%; padding-bottom: 10%;}

#sec_10{background: #fff; padding-top: 10%;}
#sec_10 dl{border-bottom: solid 1px #897750; font-size: 79%; line-height: 1.6em; letter-spacing: 1px; color: #333333; padding: 5% 2%; width: 90%; margin: 0 auto;}
#sec_10 dl dt{color: #8b6002;}
#sec_10 dl dd.indent{text-indent: -1em; margin-left:1em;}
#sec_10 dl:last-child{border-bottom:none; padding-bottom: 5%;}

#sec_11 {background: #fff;}
#sec_11 .tit{text-align: center;}
#sec_11 .tit img{margin: 15% 0 5% 0;}
#sec_11 dl{font-size: 79%; line-height: 1.6em; letter-spacing: 1px; color: #553b01; padding-bottom:5%; background: #FFF;}
#sec_11 dl dt{background: #6c5b50; color: #fff; padding: 2% 1% 1.7% 5%;}
#sec_11 dl dd{padding: 5%;}

footer{padding-bottom: 10%;}
footer .footer_box{font-size: 90%; letter-spacing: 1px; text-align: center; margin-top: -58%;}
footer .footer_box ul{margin-bottom: 10%;}
footer .footer_box ul li {display: block; font-weight: bold; margin-bottom: 8%;}
footer .footer_box ul li a{color: #553b01;}
footer .footer_box p{font-size: 50%; color: #553b01; line-height: 1.6em;}
}