@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/

/* article
========================================================================================================
*/

/*----------------------------------------
                 business
-----------------------------------------*/

/*------- h3 --------*/

article#business section h3{
  width:100%;
  text-align: center;
  padding:0;
  margin:20px 0 10px 0;
}

article#business section h3 img{
  width:90%;
}

@media print, screen and (min-width:640px) {
 article#business section h3{
   width:100%;
   padding:0;
   margin:40px 0 15px 0;
 }

 article#business section h3 img{
   width:100%;
   max-width: 523px;
 }
}

article#business section div.point{
  width:100%;
  padding: 0;
  margin: 0 auto 10px auto;
}

article#business section div.point dl{
  width:100%;
  background: url(/images/business/business15.png) repeat;
  display: flex;
  flex-flow: column wrap;
  padding: 30px 0 10px 0;
  margin: 0 auto 2px auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.point dl{
   min-height: 110px;
   display: flex;
   flex-flow: row wrap;
   align-self: center;
   padding: 0;
   margin: 0 auto 2px auto;
  }
}

article#business section div.point dl dt{
  position: relative;
  width:100%;
}

@media print, screen and (min-width:640px) {
  article#business section div.point dl dt{
    width:30%;
  }
}

article#business section div.point dl dt img{
  display: block;
  width:35%;
  max-width: 159px;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.point dl dt img{
   width:100%;
   max-width: 159px;
   position: absolute;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
  }
}

article#business section div.point dl dd{
  width:100%;
  font-size: 14px; font-size: 1.4rem;
  line-height: 180%;
  font-weight: bold;
  padding: 20px 15px;
}

@media print, screen and (min-width:640px) {
  article#business section div.point dl dd{
   width:70%;
   font-size: 16px; font-size: 1.6rem;
   line-height: 180%;
   font-weight: bold;
  padding: 20px 20px 20px 15px;
  }
}

/*------- div --------*/

article#business section div{
  width:100%;
  position:relative;
  margin:0 0 20px 0;
}

article#business section div dl{
  width:100%;
  padding: 0;
  margin:0;
}

article#business section div ul li{
  width:100%;
  margin: 0;
  padding: 0;
}

article#business section div ul li img{
  width:100%;
}

@media print, screen and (min-width:640px) {
  article#business section div ul{
   width:100%;
   display: flex;
   flex-flow: row wrap;
   margin:0;
  }

  article#business section div ul li{
   width:50%;
  }
}

article#business section div p.b-01{
  position:absolute;
  top:-50px;
  right:3%;
  float:inherit;
  padding:0;
}

article#business section div p.b-01 img{
  width:80px;
  height:80px;
}

@media print, screen and (min-width:640px) {
  article#business section div p.b-01{
  position:absolute;
  top:-75px;
  left:20px;
  right: inherit;
  padding:0;
  text-align:left;
 }
 
 article#business section div p.b-01 img{
  width:100px;
  height:100px;
 }
}

/*------- ul --------*/

article#business section ul{
  width:100%;
  padding:0 0 0 10px;
  margin:0 0 20px 0;
}

article#business section ul li{
  font-size:11px; font-size:1.1rem;
  line-height:180%;
}


@media print, screen and (min-width:960px) {
 article#business section ul{
  width:100%;
  margin:0 0 50px 0;
 }

 article#business section ul li{
  font-size:14px; font-size:1.4rem;
  line-height:180%;
 }
}

/*------- bring --------*/

article#business section div.bring{
  text-align:center;
  padding:0 20px;
  margin:0 0 30px 0;
}

@media print, screen and (min-width:960px) {
 article#business section div.bring{
  margin:0 0 50px 0;
 }
}

article#business section div.bring p{
  width:100%;
  float:inherit;
  line-height:180%;
  text-align:left;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) {
 article#business section div.bring p{
  margin:0 0 40px 0;
 }
}

article#business section div.bring img.bring01{
  width:95%;
  max-width:635px;
  margin:0 0 20px 0;
}

article#business section div.bring img.bring02{
  width:80%;
  max-width: 380px;
}

@media print, screen and (min-width:960px) {
 article#business section div.bring img.bring01{
  width:635px;
  margin:0 0 20px 0;
 }
 article#business section div.bring img.bring02{
  width:380px;
 }
}

/*------- contract --------*/

article#business section dl.contract{
  width:100%;
  border:1px dashed #999;
  text-align:left;
  padding:15px 20px;
  margin:30px 0 0 0;
}

@media print, screen and (min-width:960px) {
  article#business section dl.contract{
  margin:50px 0 0 0;
 }
}

article#business section dl.contract dt{
  position: relative;
  display:block;
  font-weight:bold;
  line-height:130%;
  padding:0 0 0 35px;
  margin:10px 0 20px 0;
}

article#business section dl.contract dt a{
  color:#333;
  text-decoration:underline;
}

article#business section dl.contract dt a:hover{
  color:#999;
  text-decoration:none;
}

article#business section dl.contract dt:before{
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  width: 32px;
  height: 40px;
  margin-top: -17px;
  background: url(/common/images/icon-pdf.png) no-repeat top left;
  background-size: 32px 31px;
}

article#business section dl.contract dd{
  font-size: 14px; font-size: 1.4rem;
  line-height:150%;
}

/*------- btn --------*/

article#business section div.business-btn{
  width:90%;
  background-color:#F4F4F4;
  text-align:center;
  padding:25px 0;
  margin:0 auto 30px auto;
}

article#business section div.business-btn a{
  width:80%;
  display:inline-block;
  font-size:14px; font-size:1.4rem;
  text-align:center;
  line-height:130%;
  padding:10px;
}

@media print, screen and (min-width:400px) {
 article#business section div.business-btn a br{
  display:none;
 }
}

@media print, screen and (min-width:960px) {
 article#business section div.business-btn{
  width:100%;
  margin:0 auto 50px auto;
 }

 article#business section div.business-btn a{
  width:380px;
  height:50px;
  font-size:16px; font-size:1.6rem;
  line-height:50px;
  padding:0;
 }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                                     business campaign
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/


article#business section div.business-camp{ 
  width:100%;
  background-color: #FFF;
  font-family: "Hiragino Sans W6","Yu Gothic", "メイリオ", "Meiryo","Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
  padding: 40px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp{ 
   padding: 60px 0 40px 0;
   margin: 0 auto;
  }
}

article#business section div.business-camp img.business-camp-mv{ 
  display: block;
  width:90%;
  padding:0;
  margin: 0 auto 20px auto;
}

@media print, screen and (min-width:960px) {
  article#business section div.business-camp img.business-camp-mv{ 
   width:100%;
   padding:0;
   margin: 0 auto 40px auto;
  }
}

article#business section business-camp h3{ 
  width:100%;
  padding: 0;
  margin: 0 auto 20px auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp h3{ 
   margin: 0 auto 20px auto;
  }
}

article#business section div.business-camp p{ 
  width:100%;
  padding: 0;
  margin: 0 auto 10px auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp p{ 
   margin: 0 auto 10px auto;
  }
}

article#business section div.business-camp h3 img{ 
  display: block;
  width:80%;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp h3 img{ 
   width:100%;
   max-width: 446px;
  }
}

article#business section div.business-camp p.bus-title01 img{ 
  display: block;
  width:90%;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp p.bus-title01 img{ 
   width:100%;
   max-width: 509px;
  }
}

article#business section div.business-camp p.bus-title02 img{ 
  display: block;
  width:70%;
  margin: 30px auto;
}

@media print, screen and (min-width:640px) {
 article#business section div.business-camp p.bus-title02 img{ 
   width:100%;
   max-width:405px;
   margin: 35px auto 35px auto;
  }
}

article#business section div.business-camp div{ 
  width:90%;
  border-bottom: 1px dotted #B2B2B2;
  padding: 0;
  margin: 0 auto 40px auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div{ 
    width:95%;
    margin: 20px auto 60px auto;
  }
}

article#business section div.business-camp div ul{ 
  width:100%;
  padding: 0;
  margin: 0 auto;
}

article#business section div.business-camp div ul li{ 
  width:100%;
  display: flex;
  flex-flow: column; 
  border-top: 1px dotted #B2B2B2;
  padding: 30px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li{ 
   display: flex;
   flex-flow: row nowrap; 
   padding: 30px 0 20px 0;
   margin: 0 auto;
  }
}

article#business section div.business-camp div ul li p{ 
  width:90%;
  text-align: center;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li p{ 
   width:40%;
  }
}

article#business section div.business-camp div ul li p img{ 
  width:100%;
  max-width: 150px;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li p img{ 
   max-width: 190px;
  }
}

article#business section div.business-camp div ul li dl{ 
  width:95%;
  padding: 0 ;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl{ 
   width:60%;
   padding: 0 2.5% 0 0;
  }
}

article#business section div.business-camp dl{   
  background-image:none;
  border: none;
}

article#business section div.business-camp dt::after{ 
  content: "";
}

article#business section div.business-camp div ul li dl dt{ 
  background:none;
  color: #FFF;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  padding: 5px;
  margin: 0 0 20px 0;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dt{ 
   font-size: 16px; font-size: 1.6rem;  text-align: center;
   padding: 5px;
   margin: 0 0 20px 0;
  }
}

article#business section div.business-camp div ul li dl dt#bt01{ 
  background:#AF61A3;
}

article#business section div.business-camp div ul li dl dt#bt02{ 
  background:#D5AD3C;
}

article#business section div.business-camp div ul li dl dt#bt03{ 
  background:#EB6EA5;
}


article#business section div.business-camp div ul li dl dd{ 
  width:100%;
  font-size: 19px; font-size: 1.9rem;
  font-weight: 900;
  line-height: 130%;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dd{ 
    font-size: 21px; font-size: 2.1rem; 
  }
}

article#business section div.business-camp div ul li dl dd span{ 
  display: block;
  font-size: 12px; font-size: 1.2rem;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dd span{ 
   font-size: 13px; font-size: 1.3rem;
  }
}

article#business section div.business-camp div ul li dl dd.bus01{ 
  background-color: #EEE;
  font-size: 12px; font-size: 1.2rem;
  font-weight: 900;
  padding: 5px ;
  margin: 20px 0 5px 0;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dd.bus01{ 
    font-size: 12px; font-size: 1.2rem; 
    margin: 20px 0 0 0;

  }
}

article#business section div.business-camp div ul li dl dd.bus02{ 
  text-align: center;
  color: #E60012;
  padding:0 ;
  margin: 0 0 0 5px;
}

article#business section div.business-camp div ul li dl dd.bus02 span{   
  display: inline;
  font-family: "Arial", sans-serif; 
  font-weight: 700;
  font-size: 38px; font-size: 3.8rem;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dd.bus02 span{   
   font-size: 46px; font-size: 4.6rem;
  }
}

article#business section div.business-camp div ul li dl dd span.bus03{ 
  display: inline-block;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 900;
  color: #E60012;
  padding:0;
  margin: 0 ;
}

@media print, screen and (min-width:640px) {
 article#business section div.business-camp div ul li dl dd span.bus03{ 
    font-size: 16px; font-size: 1.6rem;
  }
}

article#business section div.business-camp div ul li dl dd span.bus04{ 
  display: inline-block;
  font-size: 11px; font-size: 1.1rem;
  font-weight: 900;
  color: #000;
  padding:0;
  margin: 0;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div ul li dl dd span.bus04{ 
    display: block;   
    font-size: 13px; font-size: 1.3rem;
    padding:0;
    margin: 0 0 0 5px;
  }
}

article#business section div.business-camp div ul li dl dd.bus05{ 
  background-color: #FFF;
  color: #000;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  padding:3px 0;
  margin: 10px 0 12px 0;
}

article#business section div.business-camp div ul li dl dd.bus05 span{ 
  display: inline;
  font-family: "Arial", sans-serif; 
  font-weight: 700;
  font-size: 22px; font-size:2.2rem; 
}


article#business section div.business-camp h4{ 
  font-size: 20px; font-size: 2.0rem;
  font-weight: 900;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #FFF;
  padding:0;
  margin: 0;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp h4{ 
   font-size: 24px; font-size: 2.4rem;
  }
}

article#business section div.business-camp h5{ 
  width:90%;
  /*background: url(/images/campaign/camp33.png) ;*/
  background: #6FBA2C;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  padding:8px 0;
  margin: 30px auto 20px auto;
}

@media print, screen and (min-width:640px) {
 article#business section div.business-camp h5{  
    width:95%;
    font-size: 15px; font-size: 1.5rem;
    margin: 35px auto 20px auto;
  }
}

article#business section div.business-camp h5 + p,
article#business section div.business-camp h5 + p + p{   
  width:90%;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  line-height: 150%;
  font-weight: 700;
  padding:0;
  margin: 0 auto 10px auto;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp h5 + p,
  article#business section div.business-camp h5 + p + p{   
   width:90%;
   font-size: 14px; font-size: 1.4rem;
  }
}

article#business section div.business-camp h5 + p span.txt-l{   
  font-size: 20px; font-size: 2.0rem;
  line-height: 120%;
  color: #E60012;
  font-weight: bold;
}

article#business section div.business-camp h5 + p span{
  display:inline-block;
  font-size: 13px; font-size: 1.3rem;
  line-height: 130%;
  color: #000;
  margin: 8px 0 0 0;
}

/* toggle */

div.business-camp div.business01 h4{
  display: block;
  position: relative;
  width:100%;
  height: 70px;
  background-color:#801A5B;
  color: #FFF;
  text-align: center;
  padding: 0;
  margin: 0 0 1px 0;
  cursor :pointer;
}

@media print, screen and (min-width:640px){
  div.business-camp div.business01 h4{
   width:100%;
   height: 50px;
   padding: 0;
   margin: 0 0 1px 0;
  }
}

div.business-camp div.business01 h4 span{
  display: block;
  width:100%;
  font-size: 16px; font-size: 1.6rem;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top:50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media print, screen and (min-width:640px){
  div.business-camp div.business01 h4 span{
  font-size: 18px; font-size: 1.8rem;
  }
}

div.business-camp div.business01 h4::after{
  content: "";
  width:17px;
  height: 18px;
  background: url(/images/campaign/camp35.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top:50%;
  right:20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.business-camp div.business01 h4.active::after{
  background: url(/images/campaign/camp36.png) no-repeat 0 0;
  background-size: 100%;
}

article#business section div.business-camp div.business01{
  border-bottom:none;
  margin: 20px auto 0 auto;
}

article#business section div.business-camp div.business01 div{
  width:100%;
  background-color: #FFF;
  border: none;
  padding:0;
  margin: 0 auto;
  display: none;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div.business01 div{
   width:100%; 
   padding: 0;
   margin: 0 auto;
   display: none;
  }
}

article#business section div.business-camp div.business01 dl{
  width:100%; 
  display:flex;
  flex-flow: column wrap;
  padding: 15px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:640px) {
article#business section div.business-camp div.business01 dl{
  width:100%; 
  display:flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0 auto;
  }
}

article#business section div.business-camp div.business01 dl dt{
  font-size: 14px; font-size: 1.4rem;
  font-weight: 700;
  line-height: 120%;
  padding: 0 20px;
  margin: 0 0 5px 0;
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div.business01 dl dt{
    width:60%;
    font-size: 16px; font-size: 1.6rem;
    padding: 10px 20px 10px 40px;
    margin: 0;
  }
}

article#business section div.business-camp div.business01 dl dd{
  position: relative;
  width:100%;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  padding: 0 20px 0 40px;
  margin: 0;
}

@media print, screen and (min-width:640px) {
article#business section div.business-camp div.business01 dl dd{
  width:40%;
  padding: 10px 20px 10px 25px;
  }
}

article#business section div.business-camp div.business01 dl dd::before{
  content: "";
  width:15px;
  height: 15px;
  background: url(/images/campaign/camp34.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top:50%;
  left:20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media print, screen and (min-width:640px) {
  article#business section div.business-camp div.business01 dl dd::before{
    position: absolute;
    top:50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

article#business section div.business-camp div.business01 div.area-contents dl:nth-child(odd){
  background: #F1F1F1;
}