/* 
 Theme Name:   大家さんSOS
 Template:     fashion-sleeve
 Author: TORUS DEP'T PLANNING CO.
 Author URI: https://torus.g-art-man.com/
*/



/*==================================================
 * classes
 *================================================*/

body,h1, h2, h3, h4, h5, h6 {
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

.home h2,
.home h3,
.home h4{
   margin-bottom: auto;
}
.home article{
   padding: 30px 0;
}
a{ 
	-webkit-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-o-transition: all 0.2s; 
	transition: all 0.2s; 
}
.Th2{
   text-align: center;
   padding-bottom: 20px;
}
.Th2 img{
   margin: auto;
}
a:hover,
a:active {
   color: #fff;
   filter: alpha(opacity=70);
   -moz-opacity: 0.8;
   opacity: 0.8;
}
a:hover img,
a:active img {
   color: #fff;
   filter: alpha(opacity=70);
   -moz-opacity: 0.8;
   opacity: 0.8;
}
.btnArrow{
   text-align: center;
}
.btnArrow span{
   color: #ffff00;
}
.btnArrow a,
.btnArrow a:visited,
.btnArrow a:hover{
     display:inline-block;
     position: relative;
     width: 250px;
     height:70px;
     line-height: 65px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #d20000; /*ボタン色*/
     border-bottom: solid 6px #8c0000; /*下線色*/
     border-radius: 75px; /*角丸*/
     padding-left: 30px;
     font-size: 20px;
}
.btnArrow a:active {
     border-bottom: none;
     -webkit-transform: translateY(6px); /*下移動*/
     transform: translateY(6px);
}
.btnArrow a:before {
   content: '';
   display: inline-block;
   background-image: url(images/arrow.svg);
   vertical-align: middle;
   width: 30px;
   height: 30px;
   background-size: contain;
   position: absolute;
   margin-left: -34px;
   margin-top: 19px;
}
.btnCases{
   text-align: center;
   margin-top: 30px;
}
.btnCases a,
.btnCases a:visited,
.btnCases a:hover{
     display:inline-block;
     position: relative;
     width: 260px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #a67c52; /*ボタン色*/
     border-bottom: solid 6px #534741; /*下線色*/
     border-radius: 10px; /*角丸*/
     font-size: 15px;
     padding: 10px;
}
.btnCases a:active {
     border-bottom: none;
     -webkit-transform: translateY(6px); /*下移動*/
     transform: translateY(6px);
}

.txtc{
   text-align: center;
   font-size: 18px;
}
.smaller{
   font-size: 80%;
}
.home ul, .home ol{
   margin: auto;
   list-style: none;
}
.footer a:focus, .footer a:active, .footer a:hover {
    color: #e0e0e0 !important;
   text-decoration: none;
}
.Box{
   padding: 0 2%;
   max-width: 1170px;
   margin: auto;
}
.colum2 ol li{
   display: block;
   width: 100%;
}
.belt{
   padding: 30px 0;
   position: relative;
}
.belt h2{
   font-size: 20px;
   text-align: center;
}
.belt.greenBG h2{
   color: #fff;
}
.red{
   color: #d20000;
}
.brown{
   color: #a67c52;
}   
.yellow{
   color: #ffff00;
}

.grayBG{
   background: #ebebeb;
}
.greenBG{
   background: #8cc63f;
}
.yellowBG{
   background: #fff300;
}
.brownBG{
   background: #534741;
}
.eqht{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.colum2{
   font-size: 0;
   text-align: center;
}
.colum2 > li {
   display: block;
   text-align: left;
   font-size: initial;
   padding: 10px 1%;
   width: 100%;
}
.colum3{
   font-size: 0;
   text-align: center;
}
.colum3 > li {
   display: block;
   text-align: left;
   padding: 10px 0;
   font-size: initial;
   width: 100%;
}
.colum4{
   font-size: 0;
}
.colum4 > li {
   vertical-align: top;
      display: inline-block;
   width: 48%;
}
.colum5{
   font-size: 0;
}
.colum5 > li {
   vertical-align: top;
      display: inline-block;
   width: 48%;
}
.clearfix{
   display: table;
}

.roundFnt{
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.notoFnt{
    font-family: 'Noto Sans JP', sans-serif;
}
.wMax{
   width: 100%;
}

.wPC{display: none;}
.wSP{display: block;}
@media screen and (min-width: 960px) {
   .wPC{display: block;}
   .wSP{display: none;}
   .home article{
      
   padding: 60px 0;
   }
   .txtc{
      font-size: 20px;
   }
   .colum2 > li {
      width: 48%;
      display: inline-block;
      vertical-align: top;
   }
   .colum3 > li {
      width: 31%;
      display: inline-block;
      padding: 0% 2%;
      vertical-align: top;
   }
   .colum4 > li {
      width: 23%;
      padding: 0% 2%;
      vertical-align: top;
   }
   .colum5 > li {
      width: 19%;
      padding: 0% 2%;
      vertical-align: top;
   }
   .btnArrow a,
   .btnArrow a:visited,
   .btnArrow a:hover{
      font-size: 30px;
      width: 430px;
   }
   .check{
      font-size: 30px;
   }
}



/*==================================================
 * Table
 *================================================*/



/*==================================================
 * Header
 *================================================*/
.home .site-header{
   display: none;
}
@media screen and (max-width: 959px) {
}

@media screen and (min-width: 960px) {
}

/*==================================================
 * Footer
 *================================================*/

.footer{
   background: #4d4d4d;
   padding: 10px 0;
}
.footer h1{
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   margin: auto;
   margin-left: 10px;
}
.footer a,
.footer a:active,
.footer a:visited{
   color: #fff;
}
.footer ul{
   float: right;
}
.footer li{
   display: inline-block;
   margin: 0 10px;
   font-size: 14px;
}



/*==================================================
 * FrontPage
 *================================================*/
.hd{
   background: #fff000;
   text-align: center;
   position: relative;
   padding-top: 10px;
}
.hd img{
   max-width: 100%;
}
.hd li{
   color: #fff;
   background: #534741;
   margin: 3px 1%;
   border-radius: 10px; 
   font-size: 16px;
   line-height: 1.2em;
   padding: 5px 0;
}
.hdGreen{
   background: #8cc63f;
   padding: 30px 0;
   position: relative;
}
.hdGreen h2{
   text-align: left;
   color: #fff;
   font-size: 22px;
}
.hdGreen li{
   background: #fff;
   margin: 10px 1%;
   border-radius: 10px;
   font-size: 20px;
   text-align: center;
}
.hdGreen img{
   right: 10px;
   top: 10px;
}
.omakase{
   margin: auto;
   display: block;
}
.home article.assist{
   padding: 60px 0 30px;
}
.arrowTop{
   position: relative;
}
.arrowTop:before{
    content: '';
    top: 0;
    left: 50%;
    margin-left: -100px;
    border-style: solid;
    border-width: 40px 100px 0 100px;
    border-color: #8cc63f transparent transparent transparent;
    position: absolute;   
}
.assistBorder h2{
   margin-top: -9.7%;
}
.assistBorder{
   background: #fff;
   border: solid 5px #534741;
   margin: 30px 0;
}
.assistBorder h3{
   text-align: center;
   margin: 30px 3%;
}
.assistBorder h2 img{
   width: 100%;
}
.assistBorder p{
   margin: 30px 3%;
}
.japan{
   position: relative;
}
.japan p{
   font-size: 14px;
}
.japan h2{
   font-size: 30px;
   margin-bottom: 10px;
}
.japan h2 .smaller{
   display: block;
}
.cases li{
   border-radius: 10px;
   overflow: hidden;
   padding: 0;
   margin: 10px 0;
}
.case{
   margin: 10px;
   background: #fff;
}

.case .content{
   padding: 20px 10px 5px;
}
.case a,
.case a:visited{
   color: #000;
}
.case a:hover,
.case a:focus,
.case a:active{
   color: #333;
}
.case a.more-link{
   background: #a67c52;
   padding: 4px 5px;
   color: #fff;
   margin-bottom: 1.4em;
   display: block;
   text-align: center;
}
.case a img{
   width: 100%;
}
.caseT{
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 19px;
}
.case p,
.case h1,
.case h2,
.case h3,
.case h4,
.case h5,
.case h6{
   margin-bottom: 1em;
}
.cases .colum2 > li > h3{
   text-align: center;
   padding: 20px;
}
.caseAP{
   background: url(images/bgGreen.png);
}
.caseSingle{
   background: url(images/bgOrange.png);
}
.caseAP > h3{
   background: #8cc63f;
}
.caseSingle h3{
   background: #fa6e00;
}
.services{
   background: url(images/serviceBG.jpg);
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-repeat: no-repeat;
   background-size: cover;
}

.services .boxLine{
   background: #fff;
   padding: 10px;
}
.boxLine .inner{
   border: solid 1px #f05000;
   padding: 10px;
}
.services ul{
   text-align: center;
   font-size: 0;
}
.services li{
   display: inline-block;
   background: #f05000;
   color: #fff;
   font-size: 14px;
   border-radius: 10px;
   padding: 5px 10px;
   margin: 3px 2px;
}
.services p{
   text-align: center;
   margin-top: 10px;
}

.forget{
   position: relative;
}
.forget h3{
   margin: 20px 0;
   text-align: center;
}
.forget h3 img{
   margin:auto;
}

.checkWrap{
   background: #e6e6e6;
   border-radius: 20px;
}
.check{
   padding: 2px 10px;
   padding-left: 50px;
}
.check li{
   position: relative;
   margin: 20px 0;
}
.check li:before {
   content: '';
   display: inline-block;
   background-image: url(images/check.svg);
   vertical-align: middle;
   width: 30px;
   height: 30px;
   background-size: contain;
   position: absolute;
   margin-left: -34px;
   margin-top: -1px;
}
.kasai5{
   background: url(images/kasai5BG.jpg);
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-repeat: no-repeat;
   background-size: cover;
}
.kasai5 .colum5 li{
   background: #fff;
   border-radius: 10px;
   margin: 10px 1%;
   padding: 10px;
}
.kasai5 .colum5 li img{
   margin: auto;
   display: block;
}
.kasai5 .colum5 li p{
   font-size: 14px;
}
.kasai5 .colum5 li h3{
   text-align: center;
   color: #0056bc;
   font-family: 'M PLUS Rounded 1c', sans-serif;
   padding: 10px 0;
}
.kasaiMenu{
   padding-top: 20px;
}
.kasaiMenu li{
   background: #fff;
   margin: 10px 0;
}
.kasaiMenu li h3{
   background: #0056bc;
   color: #fff;
   padding: 10px;
   text-align: center;
}
.kasaiMenu li p{
   color: #0056bc;
   padding: 10px;
}

.borderT{
   border: solid 3px;
   border-radius: 20px;
}
.borderT h3{
   position: relative;
   font-size: 30px;
}
.borderT h3:before{
   content: '';
   position: absolute;
   background: #fff;
   width: 180px;
   height: 30px;
   left: 50%;
   margin-left: -100px;
   top: -20px;
}
.borderT h3 span{
   position: absolute;
   left: 50%;
   margin-left: -80px;
   top: -21px;
}
.object2{
   padding: 20px;
   padding-top: 30px;
}
.object{
   display: block;
   width: 100%;
}
.object ul{
   font-size: 0;
   margin-bottom: 10px;
}
.object ul li{
   display: inline-block;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   width: 33%;
   line-height: 1.4em;
   padding: 0 1%;
}
.object ul li img{
   display: block;
   margin: auto;
   margin-bottom: 10px;
}
.object h4{
   background: #fff000;
   text-align: center;
   font-weight:bold;
   font-size:26px;
}
.plus{
   margin: 20px auto;
}
.worry{
   margin-top: 30px;
}
.worry p{
   color: #000;
}
.proBnr img{
   margin: auto;
}
.pro h2{
   text-align: center;
   margin: 10px 0 40px;
   font-size: 24px;
}
.orangeBtn a,
.orangeBtn a:hover,
.orangeBtn a:visited{
   background-color: #fa8200;
   border-bottom: solid 6px #ed3c00;
}
.cycle img{
   margin: auto;
}
.home .gdnews{
   padding-top: 50px;
}
.gdnews.arrowTop:before{
   border-color: #ebebeb transparent transparent transparent;
}
.gdnews li{
   background: #f15a24;
   display: inline-block;
   text-align: center;
   color: #fff;
   margin: 5px 1%;
   border-radius: 10px;
   padding: 8px 20px;
}
.gdnews li span{
   color: #ffff00;
}
.gdnewsPsb{
   margin: 20px auto;
   display: block;
}
.gdnews p{
   color: #fff;
   font-weight: bold;
   text-align: center;
}
.media h4{
   text-align: center;
   margin-bottom: 10px;
   font-size: 20px;
}
.media .inner{
   display: block;
   margin: auto;
   max-width: 1046px;
   margin-bottom: 10px;
}
.media h3{
   color: #f05000;
   text-align: center;
}
.media img{
   margin-top: 20px;
}
.media p{
   font-size: 14px;
}
.caution{
   background: #f05000;
}
.caution h2{
   padding: 20px 10px;
}
.cautionBox{
   background: repeating-linear-gradient(-45deg, #ffff00 0px, #ffff00 20px, #000 20px, #000 40px);
   padding: 8px;
}
.cautionBox .grayBG{
   padding: 10px 0;
}
.cautionBox span{
   color: #e60000;
}
.cautionBox h3{
   font-size: 20px;
}
.cautionMan{
   margin: 20px 0;
}
.home .scfree{
   text-align: center;
   padding: 50px 0 30px;
}
.scfree.arrowTop:before{
   border-color: #f05000 transparent transparent transparent;
}
.scfree h2 span{
   color: #f05000;
   font-size: 140%;
}
.scfree p{
   margin: auto;
   font-size: 20px;
   color: #000;
}
.scfree h2{
   margin: 10px 0 20px;
}
.scfree h3{
   font-size: 20px;
}
.achieve h2{
   font-size: 24px;
}
.achieve h2 span{
   display: block;
}
.reason .no{
   background: #534741;
   color: #fff;
   font-weight: bold;
   display: inline-block;
   padding: 13px 10px 5px;
   line-height: 1.4em;
   margin-bottom: 5px;
}
.reason .no span{
   font-family: 'Work Sans', sans-serif;
   font-size: 250%;
}
.reason .title{
   border-bottom: solid 5px #534741;
   margin: 20px 0;
}
.reason .title h3{
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.reason .title h3 span{
   color: #f05000;
   font-weight: bold;
}
.brownRound{
   text-align: center;
   position: relative;
}
.brownRound li{
   background: #534741;
   color: #fff;
   border-radius: 50%;
   position: relative;
   display: inline-block;
   height: 90px;
   width: 90px;
   text-align: center;
   margin: 3px 3px;
}
.brownRound li p{
   line-height: 1.4em;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   width: 100px;
   text-align: center;
}
.reasonContact{
   margin-top: 60px;
}
.reasonContact h3{
   text-align: center;
   margin: 20px 0;
}
.reasonContact h3 img{
   margin: auto;
}
.flow li{
   background: #fff;
   position: relative;
   margin-bottom: 50px;
   border-radius: 10px;
   padding: 10px;
}
.flow li + li:before{
    content: '';
    top: -50px;
    left: 50%;
    margin-left: -80px;
    border-style: solid;
    border-width: 30px 80px 0 80px;
    border-color: #534741 transparent transparent transparent;
    position: absolute;   
}
.flow .no{
   background: #534741;
   color: #fff;
   display: inline-block;
   padding: 11px 10px 5px;
   line-height: 1.4em;
   margin-bottom: 5px;
   text-align: center;
   border-radius: 50%;
   height: 80px;
   width: 80px;
   position: absolute;
   top: -10px;
   left: -1%;
}
.flow .no span{
   font-weight: bold;
   font-family: 'Work Sans', sans-serif;
   font-size: 210%;
   display: block;
}
.flow h3{
    font-family: 'Noto Sans JP', sans-serif;
}
.flow p{   
   line-height: 1.4em;
}
.support h2{
   color: #fff;
   line-height: 1.6em;
}
.show_qa1{
   display: relative;
}
.qablock{
  position: relative ;
  margin-bottom:10px;
  background:#fff;
}
.show_button{
  position: absolute;
  background: #534741;
  top:16px;
  right:5px;
  width:35px;
  height:35px;
  border-radius: 50%;
  cursor: pointer;
}

.show_button:after{
  content: '＋';
  width: 10px;
  height: 10px;
  border: 0px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-28px;
  margin-top: -13px;
  text-align: center;
}

.show_button.closebutton:after{
  content: '＋' !important;
  width: 45px;
  height: 45px;
  line-height: 45px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -5px;
}

.qa_green .show_button:after{
   color: #fff;
  border-top:0px;
   font-size: 30px;
}


.qa_green .show_button.closebutton:after{
  color:#fff;
  border-top:0px;
}
.qablock h3{
   background: #ebebeb;
   border-radius: 10px;
   padding: 20px;
  cursor: pointer;
   padding-left: 40px;
   padding-right: 40px;
   font-size: 18px;
   font-family: 'Noto Sans JP', sans-serif;
}
.qicon1{
   display: inline-block;
   position: absolute;   
   top: 19px;
   left: 10px;
   cursor: pointer;
}
.qicon2{
   display: inline-block;
   position: absolute;
}
.qablock p{
   padding: 10px 10px;
}
.a-area-inner{   
   display: inline-block;
   padding-left: 30px;
}
.home .contact{
   background: url(images/bgGray.png);   
   padding-top: 60px;
}
.contact.arrowTop:before{
   border-color: #fff000 transparent transparent transparent;
}
.formWrap{
   background: #fff;
   padding: 10px;
}
@media screen and (max-width: 959px) {
   .hd h1{
      padding: 0 5px;
      margin: 10px;
   }
   .hdGreen .inner{
      display: table;
      margin: auto;
   }
   .hdGreen h2{
   display: table-cell;
   vertical-align: middle;
   }
   .hdGreen img{      
   width: 90px;
   display: table-cell;
   padding-left: 5px;
   }
   .assistBorder{
      margin: 50px 0 30px;
   }
   .japan img{
      display: block;
      margin: auto;
      max-width: 200px;
      margin-bottom: 10px;
   }
   .freeFlag{
      position: absolute;
      
   top: -13px;
   width: 120px;
   }
   .watchBnr{
   position: absolute;
   top: 30px;
   right: 10%;
   width: 80px;
   }
   .forget h2{
      margin-top: 90px;
   }
   .worryMan{
      display: block;
      margin: auto;
   }
   .worry p{
      font-size: 18px;
      text-align: center;
      margin-top: 20px;
   }
   .media h4 br,
   .media h3 br{
      display: none;
   }
   .cautionBox br{
      display: none;
   }
   .cautionBox h4{
      
   margin-top: -30px;
   display: inline-block;
   padding-left: 40px;
   vertical-align: top;
   }
   .iconCaution{
      display: inline-block;
      margin: auto;
      width: 30px;
      float: left;
   }
   .ideaMan{
   width: 59%;
   max-width: 334px;
   }
   .freeRound{
   width: 39%;
   max-width: 203px;
   }
   .home .scfree{
      padding-bottom: 0;
   }
   .scfree h2 span{
      display: block;
   }
   .scfree h3 br{
      display: none;
   }
   .flow li img{
      display: block;
      margin: auto;
   }
   .flow li h3{
      text-align: center;
      margin: 10px 0;
   }
   .flow li p{
      text-align: center;
   }
   .flow .no span{
      margin-top: 5px;
   }
   .support img{
      display: block;
      margin: 10px auto 0;
   }
   .support{
      padding-bottom: 0;
   }
   .support h2{
      font-size: 18px;
   }
   .support h2 .br{
      display: none;
   }
   .qicon1 img{
      width: 20px;
   }
   .qicon2 img{
      width: 20px;      
   }
}
@media screen and (max-width: 750px) {
   .watchBnr{
      right: 10px;
   }
}
@media screen and (min-width: 960px) {
   .belt h2{
      font-size: 26px;
   }
   .hd{      
      padding-top: 30px;
   }
   .hd h1{
      position: absolute;
      left: 50%;
      display: block;
      width: 32%;
      bottom: 20px;
      max-width: 411px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
   }
   .hd li{
   font-size: 22px;
   padding: 15px 0;
   }
   .hd .wMax{
      margin: auto;
      margin-top: 30px;
      max-width: 1244px;
   }
   .hdGreen h2{
      text-align: center;
      font-size: 35px;
   }
   .hdGreen .Box{
      max-width: 750px;
      position: relative;
   }
   .hdGreen li{
   font-size: 35px;
   }
   .hdGreen img{
   right: -110px;
   top: 0px;
   position: absolute;
   }
   .home article.assist{
      
   padding: 60px 0 100px;
   }
   .assistBorder h2{
   margin-top: -10.8%;
   }
   .assistBorder h3{
      font-size: 30px
   }
   .japan .btnArrow{
      font-size: 24px;
   }
   .japan img{
   position: absolute;
   right: 50px;
   top: 0;
   }
   .japan h2{
      font-size: 50px;
   }
   .case{      
   margin: 20px;
   }
   
   .case .content{
      padding: 20px 20px 3px;
   }
   .cases li{
      margin: 0px 1%;
   }
   .boxLine .inner{
      padding: 50px 20px;
   }
   .services ul{
      margin: 20px 0;
   }
   .services li{
      font-size: 28px;
      margin: 8px 7px;
      padding: 0px 17px;
   }
   .services p{
      font-size: 20px;
   }
   .checkWrap{
      padding-left: 15%;
   }
   .check li::before{
      
   margin-top: 12px;
   }
   .freeFlag{
      
   position: absolute;
   top: -23px;
   }
   .watchBnr{
      
   position: absolute;
   top: 50px;
   left: 50%;
   margin-left: 310px;
   }
   .kasai5 .colum5 li{
   margin: 0 0.5%;
   }
   .kasaiMenu{
   display: table;
   }
   .kasaiMenu li h3{
   display: table-cell;
   width: 150px;
   vertical-align: middle;
   }
   .kasaiMenu li p{
   display: table-cell;
   padding: 10px 20px;
   }
   .object2{
      
   padding: 40px;
   }
   .object{
      width: 45%;
   }
   .object ul{
      height: 150px;
   }
   .object ul li{
      font-size: 18px;
   }
   .worry p{
      font-size: 30px;
      margin-top: -169px;
   }
   .pro h2{
      font-size: 40px;
   }
   .cycleWrap h2{
      margin-bottom: 30px;
   }
   .gdnews li{
      font-size: 30px;
   }
   .media h4{
      font-size: 26px;
   }
   .media h3{
      font-size: 30px;
   }
   .cautionBox .inner{
      width: 880px;
      margin: auto;
   }
   .cautionBox .grayBG{
      padding: 60px 0;
   }
   .cautionBox h3{
      font-size: 28px;
   }
   .cautionBox h4{
      font-size: 28px;      
      display: inline-block;
      width: calc(100% - 130px);
      margin-left: 30px;
   }
   .cautionMan{
      margin-top: -50px;
   }
   .iconCaution{
   display: inline-block;
   float: left;
   }
   .home .scfree{
   padding: 90px 0;
   }
   .scfree p{
      font-size: 24px;
   }
   .scfree h2{
      font-size: 39px;
   }
   .scfree h3{
      font-size: 26px;
   }
   .ideaMan{      
   position: absolute;
   right: 50%;
   margin-right: 300px;
   bottom: 0;
   width: 25%;
   max-width: 334px;
   }
   .freeRound{
   position: absolute;
   bottom: 90px;
   width: 18%;
   max-width: 203px;
   left: 50%;
   margin-left: 310px;
   }
   .achieve h2{
      font-size: 40px;
   }
   .reason h3{
      font-size: 28px;
   }
   .reason .no{
      display: table-cell;
      padding: 5px 10px;
      width: 61px;
      text-align: center;
      vertical-align: middle;
   }
   .reason .title h3{
      display: table-cell;  
      vertical-align: middle;
      padding-left: 20px;
   }
   .reason .no span{
      display: block;
      text-align: center;
   }
   .reason li{
      vertical-align: middle;
   }
   .brownRound li{
   height: 170px;
   width: 170px;
   margin: 9px 7px;
   }
   .brownRound li p{      
   font-size: 26px;
   width: 150px;
   }
   .flow .inner{
      display: table;
   }
   .flow .img{
      display: table-cell;
      width: 200px;      
      vertical-align: middle;
      padding-left: 80px;
   }
   .flow img{
      text-align: center;
      margin: auto;
      display:block;
   }
   .flow h3{
      display: table-cell;      
      width: 240px;
      vertical-align: middle;
   }
   .flow p{
      display: table-cell;     
      vertical-align: middle;
   }
   .support{
   padding: 0;
   }
   .support .Box{
      position: relative;
      padding: 30px 0;
   }
   .support img{
      position: absolute;
      left: 20px;
      bottom: 0;
   }
   .support h2{
      display: inline-block;
      text-align: left;
      padding-left: 220px;
   }
   .show_button{
      width: 45px;
      height: 45px;
      top: 16px;
      right: 30px;
   }
   .qablock h3{      
   font-size: 22px;
   padding: 25px;
   padding-left: 90px;
   padding-right: 90px;
   }
   .qa_green .show_button::after{
      margin-left: 0px;
      margin-top: 0px;
   }
   .show_button.closebutton::after{
      margin-left: 0px;
      margin-top: 0px;
   }
   .qicon1{      
   top: 13px;
   left: 33px;
   }
   .qablock p{      
   padding: 20px 30px;
   }
   .a-area-inner{
      
   padding: 10px 60px 0;
   }
   .formWrap{
      
   padding: 30px;
   }
}

/*==================================================
 * Form
 *================================================*/
table th span{
   display: block;
   font-size: 14px;
   font-weight:lighter;
}
table th{
   font-weight: bold;
}
.need {
    color: #fff;
    background: #f05000;
    height: auto;
    padding: 2px 5px;
    font-size: 11px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}
table th,
table td{
   border-top: none;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{  
   border-radius: 5px;
}
.formArrow{
   text-align: center;
   margin-bottom: 20px;
}
.formArrow input[type="submit"],
.formArrow input[type="submit"]:hover,
.formArrow input[type="submit"]:focus{
     display:inline-block;
     position: relative;
     width: 250px;
     height:70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background: #0056bc; /*ボタン色*/
   border: none;
     border-bottom: solid 6px #0524a4; /*下線色*/
     border-radius: 75px; /*角丸*/
     padding-left: 50px;
     font-size: 20px;
}
.formArrow input[type="submit"]:active{
     border-bottom: none;
     -webkit-transform: translateY(6px); /*下移動*/
     transform: translateY(6px);
}
.formArrow span:before{
   content: '';
   display: inline-block;
   background-image: url(images/arrow.svg);
   vertical-align: middle;
   width: 30px;
   height: 30px;
   background-size: contain;
   position: absolute;
   margin-left: 15px;
   margin-top: 19px;
   z-index: 1;
}
 .formArrow span:active:before{
     -webkit-transform: translateY(6px); /*下移動*/
     transform: translateY(6px);
}

@media screen and (max-width: 959px) {
   table.question th,
   table.question td {
      display: block;
      width: auto;
   }
   table td.qTop {
      border-top: none !important;
   }
   table.question th {
      font-weight: bold;
      margin-bottom: -10px;
   }
   .w100 input{
      width: 100%;
   }
   .formProperty .mwform-checkbox-field{
      display: inline-block;
   }
   .formTel input{
      margin-bottom: 10px;
   }
}
@media screen and (min-width: 960px) {
   table th{
   width: 30%;
   }
   .formArrow span:before{
      margin-left: 50px;
   }
   .formArrow input[type="submit"],
   .formArrow input[type="submit"]:hover,
   .formArrow input[type="submit"]:focus{
      font-size: 30px;
      width: 430px;
   }
}


/*==================================================
 * Blog Custom
 *================================================*/
.has-medium-font-size{
   font-size: 24px;
}
.case .entry-meta a, case .entry-meta a:visited{    
   color: #3d3d3d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active,
.page-title a:hover,
.page-title a:focus,
.page-title a:active {
  color: #fa8200;
}
.entry-author,
.byline{
   display: none !important;
}
.site-header{
   background: #fff300;
}
.search-form .search-submit{
   background: #a67c52;
}
.search-form .search-submit:hover{
   background: #b2906e;
}
.more-link-wrapper .more-link, .more-link-wrapper .more-link:visited{
   border: 1px solid #fa8200;
   color: #fa8200;
}
.more-link-wrapper .more-link:hover, .more-link-wrapper .more-link:focus, .more-link-wrapper .more-link:active {
  color: #fff;
}
.more-link-wrapper .more-link::after{
   background: #fa8200;
}
.post-navigation .meta-nav{
   color: #fa8200;
}
a, a:visited{
   color: #fa8200;
}
a:hover, a:focus, a:active {
  color: #a67c52;
}
button, input[type="button"], input[type="reset"], input[type="submit"]{
   background: #a67c52;
   border: none;
   border-bottom: 3px solid #534741;
}
button:hover, button:focus, button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
  background: #b2906e;
}


@media screen and (max-width: 959px) {
   .main-navigation{
      border-top: 1px solid #fff;
      border-bottom: none;
   }
}