@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;padding: 147px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1110px;padding-bottom: 102px;}
#contentsmain .inner-Box h2 {text-align: center;position: relative;left: -63px;z-index: 3;margin-bottom: 114px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: absolute;top: 36px;right: -405px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box h3.f-min {margin-bottom: 34px;position: relative;font-size: 54px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 20px;line-height: 2.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}

#contents01 {margin: 0 auto;position: relative;background: #fff;padding: 136px 0 196px;}
#contents01 h2.f-min {margin-bottom: 77px;position: relative;font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;text-align: center;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 72px 0 0 590px;}
#contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3.f-min {margin-bottom: 36px;position: relative;font-size: 24px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents01 .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}

#contents02 {margin: 0 auto;position: relative;padding: 141px 0 95px;}
#contents02 .ttl-Box {margin: 0 auto;position: relative;text-align: center;}
#contents02 .ttl-Box h2.f-min {margin-bottom: 25px;position: relative;font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contents02 .ttl-Box h2.f-min span {display: block;font-size: 24px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contents02 .ttl-Box p.subttl {margin-bottom: 54px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: center;}
#contents02 .inner-Box {margin: 0 auto 40px;position: relative;width: 1133px;}
#contents02 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 101px;}
#contents02 .inner-Box ul li {position: relative;width: 30.3%;margin-right: 4%;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 22px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3.f-min {margin: 0px 0 13px 17px;position: relative;font-size: 20px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;}
#contents02 .inner-Box p.ltext {margin: 0px 0 0 17px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;opacity: 0.7;}
#contents02 .inner-Box h4.f-min {margin-bottom: 0px;position: relative;font-size: 30px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/concept/contents03-back01.png')no-repeat top center;padding: 220px 0 570px;}
#contents03 .inner-Box {margin: 0 auto 190px;position: relative;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 58px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box p.text {margin-bottom: 0px;position: relative;text-align: center;font-size: 20px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 600;color: #fff;text-align: center;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;width: 940px;color: #fff;}
#contents03 .inner-Box2 h3.f-min {margin-bottom: 30px;position: relative;font-size: 36px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents03 .inner-Box2 h3.f-min span {font-size: 18px;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;color: #fff;display: block;}
#contents03 .inner-Box2 figure.photo01 {position: absolute;top: 190px;right: 0;}
#contents03 .inner-Box2 figure.photo01 img{  }
#contents03 .inner-Box2 p.text2 {margin-bottom: 0px;position: relative;color: var(--, #FFF);leading-trim: both;text-edge: cap;font-family: var(--, "Yu Mincho");font-size: 18px;font-style: normal;font-weight: 400;line-height: 240%; /* 43.2px */letter-spacing: 1.8px;}

#contentsbottom {margin: 0 auto;position: relative;width: 1120px;padding: 135px 0 68px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2.f-min {margin-bottom: 63px;position: relative;text-align: center;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contentsbottom .inner-Box p.sibttl {margin-bottom: 70px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {width: 333px;margin-right: 60px;}
#contentsbottom .inner-Box ul li:nth-child(3) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;padding: 15px 0 0 10px;}

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{margin:0 auto;position:relative;background: url('../images/concept/sp-contentsmain-back01.png') no-repeat top center;background-size:cover;}
#contentsmain .inner-Box{margin:0 auto;position:relative;width:100%;padding-bottom: 21.1vw;}
#contentsmain .inner-Box h2{text-align:center;position:relative;left:0;z-index:3;margin: 0vw 7.6vw -2.3vw 23.6vw;padding: 8vw 0 0 0;}
#contentsmain .inner-Box h2 span{}
#contentsmain .inner-Box h2 img{}
#contentsmain .inner-Box figure.photo{position:relative;top:0;right:0;margin-bottom: 5.9vw;}
#contentsmain .inner-Box figure.photo img{width:100%;height:auto;}
#contentsmain .inner-Box h3.f-min{margin-bottom: 4.2vw;position:relative;font-size: 7.2vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;margin-left: 7.3vw;}
#contentsmain .inner-Box p.text{margin: 0 4vw 0 7.3vw;position:relative;font-size: 3.9vw;line-height: 2;letter-spacing: 0.09em;font-weight: 600;color: #1a1a1a;}


#contents01{margin:0 auto;position:relative;background:#fff;padding: 20.9vw 0vw 17.3vw;}
#contents01 h2.f-min{position:relative;font-size: 6.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;text-align: center;margin-bottom: 6.8vw;}
#contents01 .inner-Box{margin: 0 7vw;position:relative;padding: 0;}
#contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin: 0 -7vw 6.1vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;}
#contents01 .inner-Box h3.f-min{margin-bottom: 5.6vw;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents01 .inner-Box p.text{margin-bottom: 5.6vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}


#contents02{margin:0 auto;position:relative;padding: 22.1vw 4.8vw 11.2vw;}
#contents02 .ttl-Box{margin:0 auto;position:relative;text-align:center;}
#contents02 .ttl-Box h2.f-min{margin-bottom: 5vw;position:relative;font-size: 7.2vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents02 .ttl-Box h2.f-min span{display:block;font-size: 3.9vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents02 .ttl-Box p.subttl{margin: 0 2.3vw 10.4vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: left;}
#contents02 .inner-Box{margin:0 auto 9.7vw;position:relative;width:100%;}
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;margin-bottom: 0.4vw;margin-right: 2.5vw;}
#contents02 .inner-Box ul li{position:relative;width:100%;margin-right:0;margin-bottom: 10.1vw;}
#contents02 .inner-Box ul li:nth-child(3n){margin-right:0;}
#contents02 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom:5.3vw;}
#contents02 .inner-Box figure.photo img{width:100%;height:auto;}
#contents02 .inner-Box h3.f-min{margin: 0 0 0.8vw 2.4vw;position:relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;}
#contents02 .inner-Box p.ltext{margin: 0 0 0 2.3vw;position:relative;opacity: 0.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents02 .inner-Box h4.f-min{margin-bottom:0;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}


#contents03{margin:0 auto;position:relative;background: url('../images/concept/sp-contents03-back01.png') no-repeat top center;background-size: 100%;padding: 22vw 7.4vw 41.6vw;}
#contents03 .inner-Box{margin: 0 auto 22.9vw;position:relative;}
#contents03 .inner-Box h2{text-align:center;margin-bottom: 6.7vw;}
#contents03 .inner-Box h2 span{}
#contents03 .inner-Box h2 img{}
#contents03 .inner-Box p.text{margin: 0 -1vw 0 0vw;position:relative;text-align: left;font-size: 3.9vw;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #fff;}
#contents03 .inner-Box2{margin: 0 8vw;position:relative;color:#fff;}
#contents03 .inner-Box2 h3.f-min{margin-bottom:7.2vw;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents03 .inner-Box2 h3.f-min span{display:block;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;color: #fff;margin-bottom: 2.7vw;}
#contents03 .inner-Box2 figure.photo01{position:relative;top:0;right:0;margin-bottom: 6.7vw;}
#contents03 .inner-Box2 figure.photo01 img{width:100%;height:auto;}
#contents03 .inner-Box2 p.text2{margin-bottom:0;position:relative;font-size: 3.9vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;color: #fff;margin-right: -1vw;}


#contentsbottom{margin:0 auto;position:relative;padding: 25.1vw 4.8vw 12.8vw;}
#contentsbottom .inner-Box{margin:0 auto;position:relative;}
#contentsbottom .inner-Box h2.f-min{margin: 0 -4vw 7vw;position:relative;font-size: 5.8vw;line-height: 1.6;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box p.sibttl{margin: 0 2.2vw 7.9vw;position:relative;text-align: left;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;}
#contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 4.9vw 0 3vw;}
#contentsbottom .inner-Box ul li{width:100%;margin-right:0;margin-bottom:9.7vw;}
#contentsbottom .inner-Box ul li:nth-child(2){margin-right:0;}
#contentsbottom .inner-Box ul li figure{
    margin-bottom: -2vw;
}
#contentsbottom .inner-Box ul li a{}
#contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;padding: 4vw 0 0 1.4vw;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}

}