@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

#HEADER #HEADER_BOX ul.H_MENU li a.H_CONCEPT:link	{ background-color: #fb7c00; color: #fff; text-decoration: none; }
#HEADER #HEADER_BOX ul.H_MENU li a.H_CONCEPT:visited { background-color: #fb7c00; color: #fff; text-decoration: none; }

#CONTENTS { overflow: visible; }

.merit { width:980px; margin:0 auto; }
.merit ul { width:980px; margin:20px 0 50px 0; display: inline-flex;}
.merit ul li { width:490px; margin: 0 0 0 0; display: inline-block; }
.merit ul li span { width:100%; height: 70px; padding: 0px 0; display: block; vertical-align: middle; font-size: 20px; font-weight: bold; margin: 0 auto; text-align: center;}
.merit ul li p { width:auto; margin: 0 0 0 0; padding: 0 60px ; font-size: 13px; text-align: left; text-align: justify;}
.merit ul li p.attention { width:auto; text-align: end; margin: -10px 0 20px 0;}
.merit ul li img { width:100%; }
.merit ul li img.logo { width:auto; margin: -38px 20px 0px 0px; height:100%;}

.photo .attention { text-align: end; color: #fff; margin: 0;}
.title strong { width:auto; font-family: 'Fjalla One', sans-serif; font-size: 170px;}
.title span { font-size:12px; line-height: 3em; margin: 0 0 0 20px;}
.title span em { font-size: 70px; font-weight: bold; font-family: 'Anton', sans-serif; }

.photo { width:1100px; overflow: visible; }
.photo ul { width:1100px; display: flex; }
.photo ul li { width:540px; margin: 20px 20px 0 0; display: inline-block; }
.photo ul li p { width:460px; margin: 30px 20px 0 0; font-size: 15px; padding: 0 20px; color: #fff; text-align: left; text-align: justify;}
.photo img { width:100%; }



.box-garage { width:100vw; margin:100px auto 0 auto; position: relative;left: 50%;transform: translateX(-50%);padding: 40px;background: url('../img/black.png') center center /cover no-repeat ;}
.box-garage .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top: -80px; left: 30px; z-index: 100; display: inline-flex; }
.box-garage .photo { width:1080px; margin:0 auto; position: relative;}

.base-camp { width:100vw; margin:100px auto 0 auto; position: relative; left: 50%;transform: translateX(-50%);padding: 40px;background: url('../img/black.png') center center /cover no-repeat ;}
.base-camp .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top: -80px; right: 30px; z-index: 100; display: inline-flex; }
.base-camp .photo { width:1080px; margin:0 auto; position: relative;}

.box-terrace { width:100vw; margin:100px auto 0 auto; position: relative; left: 50%;transform: translateX(-50%);padding: 40px;background: url('../img/black.png') center center /cover no-repeat ;}
.box-terrace .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top: -80px; left: 30px; z-index: 100; display: inline-flex; }
.box-terrace .photo { width:1080px; margin:0 auto; position: relative;}


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

  .sidr ul li a.sidr-class-concept:link	{ background-color:#fb7c00; color: #000;}
  .sidr ul li a.sidr-class-concept:visited { background-color:#fb7c00; color: #000;}

  .merit { width:100%; margin:0 auto; }
  .merit ul { width:100%; margin:20px 0 50px 0; display: block;}
  .merit ul li { width:100%; margin: 50px 0 0 0; display: inline-block; }
  .merit ul li span { width:100%; height:30px; padding: 0px 0; display: block; vertical-align: middle; font-size: 20px; font-weight: bold; margin: 0 auto; text-align: center;}
  .merit ul li p { width:auto; margin: 0 0 0 0; padding: 0 10px ; font-size: 13px; }
  .merit ul li p.attention { width:auto; text-align: end; margin: -10px 0 20px 0;}
  .merit ul li img { width:100%; }
  .merit ul li img.logo { margin: -17px 5px 0px 0px; height: 150%;}

  .title strong { width:auto; font-family: 'Fjalla One', sans-serif; font-size: 40vw;}
  .title span { font-size:4vw; line-height: 2em; margin: 10px 0 0 10px; }
  .title span em { font-size: 14vw; font-weight: bold; font-family: 'Anton', sans-serif; }

  .photo { width:100%; overflow: visible; }
  .photo ul { width:100%; display: block; }
  .photo ul li { width:100%; margin: 5px 0px 0 0; display: block; padding: 3%; box-sizing: border-box; }
  .photo ul li.PC { display: none;}
  .photo ul li p { width:100%; margin: 0px 0px 0 0; font-size: 13px; padding: 0 0px; color: #fff; }
  .photo img { width:100%; }

  .box-garage { width:100%; margin:120px auto 0 auto; position: relative;left: 50%;transform: translateX(-50%);padding: 40px 0 120px 0;background: url('../img/black1.png') center center /cover no-repeat ;}
  .box-garage .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top:-145px; left: 0px; z-index: 100; display: inline-flex; }
  .box-garage .photo { width:100%; margin:0 auto; position: relative;}

  .base-camp { width:100%; margin:100px auto 0 auto; position: relative; left: 50%;transform: translateX(-50%);padding: 40px 0 120px 0;background: url('../img/black1.png') center center /cover no-repeat ;}
  .base-camp .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top: -145px; left: 0px; z-index: 100; display: inline-flex; }
  .base-camp .photo { width:100%; margin:0 auto; position: relative;}

  .box-terrace { width:100%; margin:100px auto 0 auto; position: relative; left: 50%;transform: translateX(-50%);padding: 40px 0 110px 0;background: url('../img/black1.png') center center /cover no-repeat ;}
  .box-terrace .title { width:auto; color:#fb7c00; margin: auto 0 auto; position: absolute; top: -145px; left: 0px; z-index: 100; display: inline-flex; }
  .box-terrace .photo { width:100%; margin:0 auto; position: relative;}

}