@charset "UTF-8";

/*　　　　　　共通　　　　　　*/

/*パンくずリスト改行なし*/
@media screen and (max-width: 480px){
div#breadcrumb li br.onlySp {
    display: none!important;
}
}


/*　　　　大阪地区本部　　　　*/
/*/coverall/coverall-osaka*/

/*投稿関連*/
body.page-coverall-osaka section#case {
    background-color: #ecfffb;
}

body.page-coverall-osaka section#news {
    background-color: #ecfffb;
}

body.page-coverall-osaka .st_main{
  position:relative;
}

body.page-coverall-osaka .st_main:after{
  content:"";
  display:block;
  width:2.6rem;
  margin:0 auto;
  border-bottom:3px solid #1BC1A1;
  margin-top: 0rem;
  margin-bottom: 0.6rem;
}

body.page-coverall-osaka .st_main h2{
  font-size:2.6rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#1BC1A1;
}

body.page-coverall-osaka .st_sub p{
  letter-spacing:0;
  font-size:1.2rem;
  color:#1BC1A1;
  font-weight:bold;
}

body.page-coverall-osaka .st_main h2{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

body.page-coverall-osaka .st_sub p{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 6px;
  text-align:center;
}

@media screen and (max-width:768px){
body.page-coverall-osaka .st_main:after{
    width:100%;
    margin-top: 0;
  }
  body.page-coverall-osaka .areaWrap .vc_col-sm-3.wpb_column{
    width:100%;
    padding:3rem 0;
  }
  body.page-coverall-osaka .st_main h2{
    font-size:2rem;
    
  }
}

/* #reason */
body.page-coverall-osaka #reason .reasonBox{
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url(/wp-upload/uploads/elected-2.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

body.page-coverall-osaka .reasonBox .wpb_column{
  padding: 0rem 0;
}

body.page-coverall-osaka .reasonTitle h3{
  color:#FF9248;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;

}
body.page-coverall-osaka .reasonText p{
  text-align:center;
  letter-spacing:0;
  line-height:1.4;
}

@media screen and (min-width:769px){
  body.page-coverall-osaka #reason .reasonBox{
    padding-top:2rem;
    height:53rem;
  }
  body.page-coverall-osaka #reason .reasonBox > body.page-coverall-osaka .vc_column-inner{
    width:18.75rem;
  }
  body.page-coverall-osaka .reasonTitle h3{
    font-size:3rem;
  }
}

@media screen and (max-width:768px){
  body.page-coverall-osaka .reasonTitle{
    text-align:center;
  }
  body.page-coverall-osaka .reasonTitle h3{
    font-size:2.2rem;
  }
  body.page-coverall-osaka #reason .reasonBox{
    padding-top:100%;
    width:calc(100% - 2rem);
    background-size:contain;
    background-position:top;
  }
}

/*service*/
body.page-coverall-osaka .A02 h3.style02 a,
body.page-coverall-osaka .A02_inner h3.style02 a {
 font-size: 1.25rem;
}

@media screen and (max-width:480px){
  body.page-coverall-osaka html .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >  body.page-coverall-osaka a{
    min-height:7rem;
  }
  #links .vc_tta-panel-body {
    width: 100%;
}
}


/*　　　　京都地区本部　　　　*/
/*/coverall/coverall-kyoto*/

/*投稿関連*/
body.page-coverall-kyoto section#case {
    background-color: #ecfffb;
}

body.page-coverall-kyoto section#news {
    background-color: #ecfffb;
}

body.page-coverall-kyoto .st_main{
  position:relative;
}

body.page-coverall-kyoto .st_main:after{
  content:"";
  display:block;
  width:2.6rem;
  margin:0 auto;
  border-bottom:3px solid #1BC1A1;
  margin-top: 0rem;
  margin-bottom: 0.6rem;
}

body.page-coverall-kyoto .st_main h2{
  font-size:2.6rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#1BC1A1;
}

body.page-coverall-kyoto .st_sub p{
  letter-spacing:0;
  font-size:1.2rem;
  color:#1BC1A1;
  font-weight:bold;
}

body.page-coverall-kyoto .st_main h2{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

body.page-coverall-kyoto .st_sub p{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 6px;
  text-align:center;
}

@media screen and (max-width:768px){
body.page-coverall-kyoto .st_main:after{
    width:100%;
    margin-top: 0;
  }
  body.page-coverall-kyoto .areaWrap .vc_col-sm-3.wpb_column{
    width:100%;
    padding:3rem 0;
  }
  body.page-coverall-kyoto .st_main h2{
    font-size:2rem;
    
  }
}

/* #reason */
body.page-coverall-kyoto #reason .reasonBox{
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url(../../../uploads/elected-2.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

body.page-coverall-kyoto .reasonBox .wpb_column{
  padding: 0rem 0;
}

body.page-coverall-kyoto .reasonTitle h3{
  color:#FF9248;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;

}
body.page-coverall-kyoto .reasonText p{
  text-align:center;
  letter-spacing:0;
  line-height:1.4;
}

@media screen and (min-width:769px){
  body.page-coverall-kyoto #reason .reasonBox{
    padding-top:2rem;
    height:53rem;
  }
  body.page-coverall-kyoto #reason .reasonBox > body.page-coverall-kyoto .vc_column-inner{
    width:18.75rem;
  }
  body.page-coverall-kyoto .reasonTitle h3{
    font-size:3rem;
  }
}

@media screen and (max-width:768px){
  body.page-coverall-kyoto .reasonTitle{
    text-align:center;
  }
  body.page-coverall-kyoto .reasonTitle h3{
    font-size:2.2rem;
  }
  body.page-coverall-kyoto #reason .reasonBox{
    padding-top:100%;
    width:calc(100% - 2rem);
    background-size:contain;
    background-position:top;
  }
}

/*service*/
body.page-coverall-kyoto .A02 h3.style02 a,
body.page-coverall-kyoto .A02_inner h3.style02 a {
 font-size: 1.25rem;
}

@media screen and (max-width:480px){
  body.page-coverall-kyoto html .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >  body.page-coverall-kyoto a{
    min-height:7rem;
  }
  #links .vc_tta-panel-body {
    width: 100%;
}
}



/*　　　　神戸地区本部　　　　*/
/*/coverall/coverall-kobe*/

/*投稿関連*/
body.page-coverall-kobe section#case {
    background-color: #ecfffb;
}

body.page-coverall-kobe section#news {
    background-color: #ecfffb;
}

body.page-coverall-kobe .st_main{
  position:relative;
}

body.page-coverall-kobe .st_main:after{
  content:"";
  display:block;
  width:2.6rem;
  margin:0 auto;
  border-bottom:3px solid #1BC1A1;
  margin-top: 0rem;
  margin-bottom: 0.6rem;
}

body.page-coverall-kobe .st_main h2{
  font-size:2.6rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#1BC1A1;
}

body.page-coverall-kobe .st_sub p{
  letter-spacing:0;
  font-size:1.2rem;
  color:#1BC1A1;
  font-weight:bold;
}

body.page-coverall-kobe .st_main h2{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

body.page-coverall-kobe .st_sub p{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 6px;
  text-align:center;
}

@media screen and (max-width:768px){
body.page-coverall-kobe .st_main:after{
    width:100%;
    margin-top: 0;
  }
  body.page-coverall-kobe .areaWrap .vc_col-sm-3.wpb_column{
    width:100%;
    padding:3rem 0;
  }
  body.page-coverall-kobe .st_main h2{
    font-size:2rem;
    
  }
}

/* #reason */
body.page-coverall-kobe #reason .reasonBox{
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url(../../../uploads/elected-2.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

body.page-coverall-kobe .reasonBox .wpb_column{
  padding: 0rem 0;
}

body.page-coverall-kobe .reasonTitle h3{
  color:#FF9248;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;

}
body.page-coverall-kobe .reasonText p{
  text-align:center;
  letter-spacing:0;
  line-height:1.4;
}

@media screen and (min-width:769px){
  body.page-coverall-kobe #reason .reasonBox{
    padding-top:2rem;
    height:53rem;
  }
  body.page-coverall-kobe #reason .reasonBox > body.page-coverall-kobe .vc_column-inner{
    width:18.75rem;
  }
  body.page-coverall-kobe .reasonTitle h3{
    font-size:3rem;
  }
}

@media screen and (max-width:768px){
  body.page-coverall-kobe .reasonTitle{
    text-align:center;
  }
  body.page-coverall-kobe .reasonTitle h3{
    font-size:2.2rem;
  }
  body.page-coverall-kobe #reason .reasonBox{
    padding-top:100%;
    width:calc(100% - 2rem);
    background-size:contain;
    background-position:top;
  }
}

/*service*/
body.page-coverall-kobe .A02 h3.style02 a,
body.page-coverall-kobe .A02_inner h3.style02 a {
 font-size: 1.25rem;
}

@media screen and (max-width:480px){
  body.page-coverall-kobe html .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >  body.page-coverall-kobe a{
    min-height:7rem;
  }
  #links .vc_tta-panel-body {
    width: 100%;
}
}


/*　　　　名古屋地区本部　　　　*/
/*/coverall/coverall-nagoya*/

/*投稿関連*/
body.page-coverall-nagoya section#case {
    background-color: #ecfffb;
}

body.page-coverall-nagoya section#news {
    background-color: #ecfffb;
}

body.page-coverall-nagoya .st_main{
  position:relative;
}

body.page-coverall-nagoya .st_main:after{
  content:"";
  display:block;
  width:2.6rem;
  margin:0 auto;
  border-bottom:3px solid #1BC1A1;
  margin-top: 0rem;
  margin-bottom: 0.6rem;
}

body.page-coverall-nagoya .st_main h2{
  font-size:2.6rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#1BC1A1;
}

body.page-coverall-nagoya .st_sub p{
  letter-spacing:0;
  font-size:1.2rem;
  color:#1BC1A1;
  font-weight:bold;
}

body.page-coverall-nagoya .st_main h2{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

body.page-coverall-nagoya .st_sub p{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 6px;
  text-align:center;
}

@media screen and (max-width:768px){
body.page-coverall-nagoya .st_main:after{
    width:100%;
    margin-top: 0;
  }
  body.page-coverall-nagoya .areaWrap .vc_col-sm-3.wpb_column{
    width:100%;
    padding:3rem 0;
  }
  body.page-coverall-nagoya .st_main h2{
    font-size:2rem;
    
  }
}

/* #reason */
body.page-coverall-nagoya #reason .reasonBox{
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url(../../../uploads/elected-2.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

body.page-coverall-nagoya .reasonBox .wpb_column{
  padding: 0rem 0;
}

body.page-coverall-nagoya .reasonTitle h3{
  color:#FF9248;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;

}
body.page-coverall-nagoya .reasonText p{
  text-align:center;
  letter-spacing:0;
  line-height:1.4;
}

@media screen and (min-width:769px){
  body.page-coverall-nagoya #reason .reasonBox{
    padding-top:2rem;
    height:53rem;
  }
  body.page-coverall-nagoya #reason .reasonBox > body.page-coverall-nagoya .vc_column-inner{
    width:18.75rem;
  }
  body.page-coverall-nagoya .reasonTitle h3{
    font-size:3rem;
  }
}

@media screen and (max-width:768px){
  body.page-coverall-nagoya .reasonTitle{
    text-align:center;
  }
  body.page-coverall-nagoya .reasonTitle h3{
    font-size:2.2rem;
  }
  body.page-coverall-nagoya #reason .reasonBox{
    padding-top:100%;
    width:calc(100% - 2rem);
    background-size:contain;
    background-position:top;
  }
}

/*service*/
body.page-coverall-nagoya .A02 h3.style02 a,
body.page-coverall-nagoya .A02_inner h3.style02 a {
 font-size: 1.25rem;
}

@media screen and (max-width:480px){
  body.page-coverall-nagoya html .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >  body.page-coverall-nagoya a{
    min-height:7rem;
  }
  #links .vc_tta-panel-body {
    width: 100%;
}
}





/*　　　　広島営業所　　　　*/
/*/coverall/coverall-hiroshima*/

/*投稿関連*/
body.page-coverall-hiroshima section#case {
    background-color: #ecfffb;
}

body.page-coverall-hiroshima section#news {
    background-color: #ecfffb;
}

body.page-coverall-hiroshima .st_main{
  position:relative;
}

body.page-coverall-hiroshima .st_main:after{
  content:"";
  display:block;
  width:2.6rem;
  margin:0 auto;
  border-bottom:3px solid #1BC1A1;
  margin-top: 0rem;
  margin-bottom: 0.6rem;
}

body.page-coverall-hiroshima .st_main h2{
  font-size:2.6rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#1BC1A1;
}

body.page-coverall-hiroshima .st_sub p{
  letter-spacing:0;
  font-size:1.2rem;
  color:#1BC1A1;
  font-weight:bold;
}

body.page-coverall-hiroshima .st_main h2{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

body.page-coverall-hiroshima .st_sub p{
    font-family: 'Muli','Noto Sans JP','メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 6px;
  text-align:center;
}

@media screen and (max-width:768px){
body.page-coverall-hiroshima .st_main:after{
    width:100%;
    margin-top: 0;
  }
  body.page-coverall-hiroshima .areaWrap .vc_col-sm-3.wpb_column{
    width:100%;
    padding:3rem 0;
  }
  body.page-coverall-hiroshima .st_main h2{
    font-size:2rem;
    
  }
}

/* #reason */
body.page-coverall-hiroshima #reason .reasonBox{
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url(../../../uploads/elected-2.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

body.page-coverall-hiroshima .reasonBox .wpb_column{
  padding: 0rem 0;
}

body.page-coverall-hiroshima .reasonTitle h3{
  color:#FF9248;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;

}
body.page-coverall-hiroshima .reasonText p{
  text-align:center;
  letter-spacing:0;
  line-height:1.4;
}

@media screen and (min-width:769px){
  body.page-coverall-hiroshima #reason .reasonBox{
    padding-top:2rem;
    height:53rem;
  }
  body.page-coverall-hiroshima #reason .reasonBox > body.page-coverall-hiroshima .vc_column-inner{
    width:18.75rem;
  }
  body.page-coverall-hiroshima .reasonTitle h3{
    font-size:3rem;
  }
}

@media screen and (max-width:768px){
  body.page-coverall-hiroshima .reasonTitle{
    text-align:center;
  }
  body.page-coverall-hiroshima .reasonTitle h3{
    font-size:2.2rem;
  }
  body.page-coverall-hiroshima #reason .reasonBox{
    padding-top:100%;
    width:calc(100% - 2rem);
    background-size:contain;
    background-position:top;
  }
}

/*service*/
body.page-coverall-hiroshima .A02 h3.style02 a,
body.page-coverall-hiroshima .A02_inner h3.style02 a {
 font-size: 1.25rem;
}

@media screen and (max-width:480px){
  body.page-coverall-hiroshima html .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >  body.page-coverall-hiroshima a{
    min-height:7rem;
  }
  #links .vc_tta-panel-body {
    width: 100%;
}






/* 　　　　　 バリア24plus　　　　  */
/*/cleaning_tool/cleaning_tool_02/*/


.b24p .A20 #tablepress-27.tablepress tbody {
    border-top: none;
}

.b24p .A20 .tablepress td.column-1 {
    background: #0a9379;
    font-size: 3rem;
    text-align: center;
    padding-right: 0;
    border-right: none;
    border-left: none;
    width: 25%;
    vertical-align: middle;
    border-bottom: 3px solid #ffffff;
    padding: 1rem 0;
    color: #ffffff;
}

.b24p .A20 .tablepress td.column-2 {
    background: #d8faf4;
    font-size: 1rem;
    text-align: left;
    padding-right: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 75%;
    vertical-align: middle;
    padding: 1rem;
    border-bottom: 3px solid #ffffff;
}

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

    .page-cleaning_tool_02 .lead .center {
        text-align: left;
    }

    .page-cleaning_tool_02 .lead .center br {
        display: none;
    }
}

.b24p .A09 .tablepress td.column-1 {
    width: 16rem;
}


.A01 h2.barrier24, .A01_inner h2.barrier24 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    background: #00a024;
    padding: 1rem 0;
}


/*　　　URLを入れるとリンク先の画像がでるやつ　　　*/

iframe.wp-embedded-content {
    max-width: 100%;
}


/*　　　　　　　空間除菌　　　　　　　*/
/*/service/service_03/*/

.TDSani .A09 .tablepress thead th {
    padding:1rem 0.5rem 1rem 0.5rem;
}

.TDSani .A09 .tablepress td.column-1 {
    text-align: center;
    width: 25%;
    vertical-align: middle;
    padding:1rem 0.5rem 1rem 0.5rem;
}

.TDSani .A09 .tablepress td.column-2 {
    text-align: center;
    width: 25%;
    vertical-align: middle;
    padding:1rem;
}

.TDSani .A09 .tablepress td.column-3 {
    text-align: center;
    width: 25%;
    vertical-align: middle;
    padding:1rem 0.5rem 1rem 0.5rem;
}

.TDSani .A09 .tablepress td.column-4 {
    text-align: center;
    width: 25%;
    vertical-align: middle;
    padding:1rem 0.5rem 1rem 0.5rem;
}

.TDSani .A09 .tablepress {
    min-width:auto;
}

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

    .page-service_03 .lead .center {
        text-align: left;
    }

    .page-service_03 .lead .center br {
        display: none;
    }
}


/*         botchan連動のため下部CTA非表示　　　　*/

body .imageLinks {
    display: none;
}

/*TOPページ　REAON修正*/
#reason2 {
    height:880px;
    position: relative;
    background-image: url(/wp-content/uploads/reasonback.jpg);
   
    background-position:50% 12%;
}

#reason2 .reason .vc_column-inner::after {
    height: 100%;
    width: 100%;
    position: absolute;
    background: #75d69c80;
    border-radius: 100%;
    top: -50px;
    z-index: -100;
}

#reason2 .reason02 .vc_column-inner::after {
    background: #7dd67580;
}

#reason2 .reason03 .vc_column-inner::after {
    background: #c5d67580;
}

#reason2 .reason{
    position:relative;
}

#reason2 .reason01 {
    top:50px;
    left:0;
    height: 360px;
    width: 360px;
    position: absolute;
    
}

#reason2 .reason02 {
    top: 75px;
    height: 360px;
    width: 360px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#reason2 .reason03 {
    top: 100px;
    height: 360px;
    width: 360px;
    position: absolute;
    right: 0;
}


/*文字の位置*/
#reason2 .reason H3{
    position:absolute;
    top: 10px;
    left: 0px;
    width: 260px;
    background-color: #6dab3c;
    text-align: center;
    color: #ffffffff;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Muli','Noto Sans JP','メイリオ',Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#reason2 .reason .reason02 H3{
    background-color: #6bbd2a;
}

#reason2 .reason .reason03 H3{
    background-color: #aba83c;
}

#reason2 .reason p{
    position:absolute;
    top:80px;
    left:70px;
    width:230px;
}


#reason2 .reason_img{
    position:relative;
}


#reason2 .reason_img01{
    position:absolute;
    top:-160px;
    left:330px;
    height:58px;
    width:50px;
    z-index:10;
}

#reason2 .reason_img02{
    position:absolute;
    top:-145px;
    left:660px;
    height:50px;
    width:50px;
    z-index:10;
}


/*フェードインダウン*/
#reason2 .reason01.fadeInDown.animated {
    -webkit-animation-name: TopfadeInDown;
    animation-name: TopfadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes TopfadeInDown {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}


/*フェードインアップ*/
#reason2 .reason02.fadeInUp.animated {
    -webkit-animation-name: TopfadeInUp;
    animation-name: TopfadeInUp;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes TopfadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}


/*フェードインライト*/
#reason2 .reason03.fadeInRight.animated {
    -webkit-animation-name: TopfadeInRight;
    animation-name: TopfadeInRight;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes TopfadeInRight {
0% {
    opacity: 0;
    -webkit-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

/*フェードインレフト*/
#reason2 .reason_img01.fadeInLeft.animated {
    -webkit-animation-name: TopfadeInLeft;
    animation-name: TopfadeInLeft;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes TopfadeInLeft {
0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

#reason2 .reason_img02.fadeInLeft.animated {
    -webkit-animation-name: TopfadeInLeft;
    animation-name: TopfadeInLeft;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes TopfadeInLeft {
0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}






@media screen and (max-width: 1024px){
#reason2 {
    height:1000px;
    background-size:2150px;
    background-position:50% 0;
}

#reason2 .reason01 {
    height: 360px;
    width:360px;
    position: absolute;
    left:calc(50% - 338px);
}

#reason2 .reason02 {
    top: 274px;
    height: 360px;
    width: 360px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#reason2 .reason03 {
    top: 0px;
    height: 360px;
    width: 360px;
    position: absolute;
    right: calc(50% - 338px);
}

#reason2 .reason_img01{
    position:absolute;
    top:-190px;
    left:48.8%;
    height:58px;
    width:58px;
    z-index:10;
}

#reason2 .reason_img02{
    display:none
}
}


@media screen and (max-width: 768px){
#reason2 {
    height:1300px;
    background-size:2800px;
    background-position:50% 0;
}
    
#reason2 .reason01 {
    top:25px;
    height: 360px;
    width: 360px;
    position: absolute;
    left: 10%;
}

#reason2 .reason02 {
    top: 341px;
    height: 360px;
    width: 360px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#reason2 .reason03 {
    top: 657px;
    height: 360px;
    width: 360px;
    position: absolute;
    right: 10%;
}

#reason2 .reason_img01{
    position:absolute;
    top:calc(-368px + 14vw);
    left:calc(32px + 35vw);
    height:50px;
    width:50px;
    z-index:10;
}

#reason2 .reason_img02{
    display:block;
    position:absolute;
    top:calc(-37px + 12vw);
    left:calc(-108px + 70vw);
    height:50px;
    width:50px;
    z-index:10;
}
}


@media screen and (max-width: 480px){
#reason2 {
    height:250vw;
    background-size:560%;
    background-position:50% 0;

}
       
#reason2 .reason .vc_column-inner::after {
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 100%;
    top: 0px;
    z-index: -100;
}

#reason2 .reason01 {
    top:0;
    height: 60vw;
    width: 95%;
    position: absolute;
    left:0;
}

#reason2 .reason02 {
    top: 55vw;
    height: 60vw;
    width: 95%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
}

#reason2 .reason03 {
    top: 110vw;
    height: 60vw;
    width: 95%;
    position: absolute;
    right: 0;
    left:0;
}

/*文字の位置*/
#reason2 .reason H3{
    position:absolute;
    top:10vw;
    
    width:70vw;
}

#reason2 .reason p{
    position:absolute;
    top:23vw;
    width:70vw;
}

#reason2 .reason_img01{
    position:absolute;
    top:52vw;
    left:0;
    right:0;
    margin:auto;
    height:50px;
    width:50px;
    z-index:10;
}

#reason2 .reason_img02{
    display:block;
    position:absolute;
    top:106vw;
    left:0;
    right:0;
    margin:auto;
    height:50px;
    width:50px;
    z-index:10;
}
}