@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  brand.css
// style info :  スタイル指定
=================================================================== */
body#brandPage figcaption, .img-caps{
  font-size: 14px;
  letter-spacing: initial;
}
body#brandPage main section{
  letter-spacing:0.5px;
}



/* タイトル共通パーツ
--------------------------------------------------------------------------------*/
.HeadTitle{
  font-size:46px;
  margin-bottom: 70px;
}
.SecTitle{
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  text-align: left;
}
br.sp_only{display: none;}

@media screen and (max-width:768px){
  .HeadTitle,.SecTitle{/*font-size: 2rem;*/ font-size:28px;}
}
@media screen and (max-width:414px){
  br.pc_only{display: none;}
  br.sp_only{display: block;}
}
@media screen and (max-width:320px){
  .HeadTitle,.SecTitle{/*font-size: 2rem;*/ font-size:23px;}
}


/* sec02
--------------------------------------------------------------------------------*/
.sec02{ padding: 120px 0;}
.sec02 p{letter-spacing: 0.7px;}
.sec02_box1{margin-bottom: 50px;}
.sec02_box1 .left {
    width: 65%;
    float: left;
}
.sec02_box1 .right {
    width: 35%;
    float: left;
    padding-left: 8%;
}
.sec02_box2 .left {
    width: 65%;
    float: left;
}
.sec02_box2 .right {
    width: 35%;
    float: left;
    padding-left: 8%;
}
.sec02 figure{text-align: center;}
.sec02 .annotation{/*font-size: 16px;*/ font-size: 1em; color: #666;}

@media screen and (max-width:768px){
  .sec02_box1 .left,.sec02_box1 .right{width:100%;}
  .sec02_box1 .right{padding: 0;}
  .sec02_box2 .left,.sec02_box2 .right{width:100%;}
  .sec02_box2 .right{padding: 0;}
}
@media screen and (max-width:414px){
  .sec02{padding: 0 0 60px;}
  .sec02 .left{margin-bottom: 30px;}
  .sec02 .annotation{/*font-size:12px;*/ font-size:0.75em;}
}



/* sec03
--------------------------------------------------------------------------------*/
.sec03{padding: 0 0 120px;}
.sec03 .sec03_inner{max-width: 970px;}
.sec03 .box{border: 1px solid #69631f;padding: 5%;background: url("../../../img/pages/brand/img4.png")no-repeat right -10px bottom 10px;}
.sec03 .SecTitle{/*font-size: 22px;*/ font-size: 1.375em; margin-bottom: 10px;margin-top: 50px;}
.sec03 .box .spec{line-height: 1.7; /*font-size: 15px;*/ font-size: 0.9375em;}
.sec03 .annotation{text-align: right; /*font-size: 12px;*/ font-size: 0.75em; color: #666;}

.sec03_content{border: 1px solid #69631f; padding: 30px;}
.sec03_content .sec03_wrap{}
.sec03_content .sec03_wrap:after{content: ""; display: block; clear:both;}
.sec03_content .sec03_wrap .left{float: left; width: 50%;}
.sec03_content .sec03_wrap .right{float: right; width: 50%; text-align: center;} 
.sec03_content .sec03_wrap .right1 img{margin-top: -50px;}
.sec03_content .spec{line-height: 1.7; font-size: 0.9375em;}

.sec03_content .sakuranomiya{border-bottom: 1px solid #69631f; margin-bottom: 30px; padding-bottom: 30px;}

@media screen and (max-width:991px){
	.sec03_content .sec03_wrap .left{float: none; width: 100%;}
	.sec03_content .sec03_wrap .right{float: none; width: 100%;}
	.sec03_content .sec03_wrap .right1 img{margin-top: 0;}
}

@media screen and (max-width:414px){
  .sec03_content{padding: 15px;}
  .sec03_content .spec{font-size: 0.8em;}
  .sec03 .annotation{text-align: left;}
  .sec03 .SecTitle{font-size:1.16em; margin-top: 0;}
  .sec03_content p.read{font-size: 1.2em;}
}




/*2020.03.24 追記*/
p.brand_annotation{font-size: 0.7rem; line-height: 1.4;}

/*---sec01---*/
#brandPage .HeadTitle{color: #787953; margin-bottom: 40px;}
.sec01_read{text-align: center; margin-bottom: 50px;}
.business_concept .box_01 figure{background: #f0f6f0; text-align: center; margin-bottom: 20px;}
.business_concept .box_02 dl{display: table; width: 100%; margin: 8px 0;}
.business_concept .box_02 dl dt{display: table-cell; padding: 10px; width: 30%; text-align: center; background: green; color: #fff;}
.business_concept .box_02 dl:nth-child(3) dt,
.business_concept .box_02 dl:nth-child(4) dt{background: darkorange;}
.business_concept .box_02 dl dd{display: table-cell; padding: 10px;}


/*---secTopic---*/
.secTopic{padding-top: 80px;}
.secTopic h3{text-align: center;}
.secTopic p.brand_annotation.secTopic_read{text-align: center;}

.secTopic_wrap{margin-top: 50px; margin-bottom: 20px;}
.secTopic_wrap .topics_inner{border: 1px solid #bca859; padding: 5px;}
.secTopic_wrap .topics_inner figure{position: relative;}
.secTopic_wrap .topics_inner figure figcaption{position: absolute; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); padding: 5px; margin: 0;}
.secTopic_wrap .topics_inner p{background: #bca859; color: #fff; line-height: 1.5; padding: 5px 10px; margin: 5px 0;}
.secTopic_wrap .topics_inner dl{ line-height: 1.8; padding: 10px;}
.secTopic_wrap .topics_inner dl dt{font-weight: bold;}
.secTopic_wrap .topics_inner dl dd{font-size: 0.8rem;}


/*---secPerformance---*/
.secPerformance{padding-top: 80px;}
.secPerformance h3{text-align: center;}
.secPerformance .infiniteslide li figure,
.syunkou-list li figure{position: relative;}
.secPerformance .infiniteslide li figure figcaption,
.syunkou-list li figure figcaption{position: absolute; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); padding: 5px; margin: 0;}
.secPerformance .infiniteslide li  p{text-align: center; font-size: 0.8rem;}

.syunkou-list {margin: 0 30px;}
.syunkou-list p{font-size: 13px;}

@media (max-width: 480px){
	.syunkou-list {margin: 0;}
	.syunkou-list li:nth-child(odd){padding-right: 5px;}
	.syunkou-list li:nth-child(even){padding-left: 5px;}
}
/*---sec03---*/

.sec03 .right figure figcaption{text-align: right;}

/*---secSupport_business---*/
.secSupport_business h3{text-align: center;}
.secSupport_business_read{text-align: center; margin-bottom: 80px;}
.secSupport_business_image{text-align: center; background: #eeeeee; padding: 20px 0;}

.secSupport_wrap{margin-bottom: 80px;}
.secSupport_wrap h4{background: #87121a; text-align: center; color: #fff; font-size: 1.5rem; padding: 15px 10px;}
.secSupport_wrap figure{text-align: center;}
.support_wrap{display: flex;}
.support_wrap .support_box{border: 1px solid #bca859; margin: 0 15px; padding: 20px; width: 33.33%;}
.support_wrap .support_box h5{text-align: center;}
.support_wrap .support_box h5.shortTxt{margin:.9em 0;}
.support_wrap .support_box p{font-size: 1rem; line-height: 1.8;}
p.secSupport_read{margin-bottom: 30px;}

.nursery{border: 1px solid #000; padding: 40px;}
.nursery ul li{line-height: 1.8; margin-bottom: 10px; padding-left: 15px; position: relative;} 
.nursery ul li::before{content: "●"; position: absolute; left: 0; top: 0;}
.nursery ul li b{font-weight: bold;}
.secSupport_mini{font-size: 0.9rem;}

.robot{background: #F4F4F4; padding: 40px;}
.robot p{color: #036eb7; font-size: 1.8rem;}
.robot ul li{line-height: 2; padding-left: 15px; position: relative;}
.robot ul li::before{content: "●"; position: absolute; left: 0; top: 0;}

@media (max-width: 991px){
  .secSupport_wrap .col-sm-12:last-child{margin-top: 20px;}
}
@media (max-width: 480px){
  #brandPage .HeadTitle{font-size: 24px;}
  .SecTitle{font-size: 22px;}
  .conts-ttl{margin: 40px 0 40px;}
  .sec01_read,
  .secSupport_business_read{text-align: left;}
	.secSupport_business_image{background: none;}

  .business_concept .box_02 dl{margin-bottom: 10px;}
  .business_concept .box_02 dl dt,
  .business_concept .box_02 dl dd{display: block; width: 100%;}
  .business_concept .box_02 dl dd{font-size: 15px; line-height: 1.5;}

  body#brandPage main section{padding-top: 40px;}
  .secTopic_wrap .topics_inner{margin-bottom: 10px;}

  .sec03{padding: 0;}
.support_wrap .support_box h5.longTxt{margin:.9em 0;}
	
  .nursery,
  .robot{ padding: 20px;}
  .secSupport_business_read{margin-bottom: 40px;}
  .secSupport_wrap{margin-bottom: 40px;}
  .secSupport_wrap h4{font-size: 1.3rem; line-height: 1.5;}
  .support_wrap{display: block;}
  .support_wrap .support_box{width: 100%; margin: 0 0 10px;}
  .robot p{font-size: 1.5rem;}
	
	  .pinch_sp_view{border: 1px solid #787953;max-width: 360px;margin: 0 auto;background: #fff;padding: 15px 0 0 0;overflow: hidden;}
  .pinch_sp_view figure{width: 13%;float: left;text-align: right;}
  .pinch_sp_view p{width: 84%;float: left;font-size: .8em;margin-left: 3%;}
}