@charset "UTF-8";
/* CSS Document */


.main {
  background-color: #fff;
}

body {
  margin: 0;
  padding: 0;
}
/****FV****/
.section-FV{
    position: relative;
    margin:0 auto;
    width: 100%;
    height: auto;
  }
.section-FV-img-tablet{
  display: none;
}
.section-FV-img-pc img{
  display:block;
  width: 100%;
  height: auto;
}
.FV-discription{
    display:block;
    margin:0 auto;
    padding-top:60px;
    font-size:1.8vw;
  line-height: 2.8vw;
  }
/*.highways-logo img{
  position: absolute;
  top: 30px;
  right: 30px;
  margin: auto;
  z-index: 3;
  max-width:348px;
  width: 7%;
  height:auto;
}*/
.arrow {
  position: relative;
  margin-top:30px;
  padding-bottom:90px;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 55px solid transparent;
  border-top: 35px solid #e9f3ff;
  border-bottom-width: 0;
}

/*スマホとタブレット*/
@media(max-width:768px){
  .section-FV-img-pc{
    display:none;
  }
  .section-FV-img-tablet{
    display:block;
  }
  .section-FV-img-tablet img{
    width: 100%;
    height: auto;
  }
  .FV-discription{
    display:block;
    padding-top:30px;
    font-size:2.6vw;
    line-height: 3.2vw;
  }
  /*.highways-logo img{
  position: absolute;
  top: 30px;
  right: 30px;
  margin: auto;
  z-index: 3;
  max-width:348px;
  width: 15%;
  height:auto;
}*/
  .arrow {
  padding-top:20px;
  padding-bottom:20px;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 35px solid transparent;
  border-top: 15px solid #e9f3ff;
  border-bottom-width: 0;
}

}
/*スマホのみ*/
@media(max-width:480px){
  .FV-discription{
    font-size:1.6rem;
    line-height: 2.4rem;
  }
}



/****「仕事は好き、営業はキライ…」では済まされない！****/
.section-data{
  background-color:#f6f8f9;
}
.data-img-1-sp{
  display: none;
}
.data-img-1-pc{
  display:block;
  width:100%;
  padding-top:30px;
   }
.data-img-1-pc img{
  width:700px;
}
.section-data h3{
  display:block;
  font-size:5.0rem;
  line-height: 5.8rem;
  color:#333333;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
  padding:0 40px;
}
.data-h3-br{
  display: none;
}
.data-h3-span{
  color:#f15a24;
  font-size:5.0vw;
}
.section-data p{
    display:block;
    font-size:1.4vw;
    line-height:2.2vw;
    margin:10px 24px auto;
  padding-top:30px;
  }
 .section-data .data-p-JYUYO{
  font-size:2.0vw;
   line-height:3.0vw;
   font-weight:600;
   margin:0 auto;
   color:#666;
}
.section-data .data-p-JYUYO span{
    font-size:2.8vw;
   line-height:3.6vw;
    color:#f15a24;
  }
  .data-p-span{
  color:#f15a24;
  font-size:3.0vw;
  line-height:4.0vw;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
  font-weight:800;
  }
.data-yubi-img{
  display:block;
  padding-top:30px;
}
.data-yubi-img img{
  width:100px;
  height:auto;
}
.data-graph-sp{
  display: none;
}
.data-graph-pc{
  display:block;
  width:100%;
  max-width:980px;
  padding-top:30px;
  margin:30px auto 0;
   }
.data-graph-pc img{
  width:100%;
}
.section-data h4{
  display: inline-block;
  font-size:2.6vw;
  font-weight:800;
  line-height:3.0rem;
  color:#f15a24;
  padding:40px 24px;
  padding-bottom:80px;
}
.br{
  display: block;
}
/*スマホとタブレット*/
@media(max-width:768px){
  .data-img-1-pc{
  display: none;
}
.data-img-1-sp{
  display:block;
}
.data-img-1-sp img{
  display:block;
  width:100%;
  padding-top:20px;
}
  .section-data h3{
    display:block;
    font-size:4.4vw;
    line-height:5.0vw;
    margin:-20px 24px auto;
  }
  .data-h3-br{
  display: block;
}
  .data-h3-span{
  color:#f15a24;
  font-size:5.0vw;
 line-height:5.6vw;
}
  .section-data .data-p-JYUYO{
  font-size:3.4vw;
   line-height:4.0vw;
    font-weight:600;
    margin:20px 40px;
    color:#666;
}
  .section-data .data-p-JYUYO span{
  font-size:3.8vw;
   line-height:4.6vw;
    font-weight:600;
    color:#f15a24;
}
  .section-data p{
    display:block;
    font-size:2.4vw;
    line-height:3.0vw;
    margin:30px 24px auto;
    padding:0;
  }
  .data-p-span{
  color:#f15a24;
  font-size:2.8vw;
  line-height:3.4vw;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
  font-weight:800;
  }
  .data-yubi-img{
  display:block;
  padding-top:30px;
}
.data-yubi-img img{
  width:50px;
  height:auto;
}
.data-graph-pc{
  display: none;
}
.data-graph-sp{
  display:block;
  margin:0 24px auto;
}
.data-graph-sp img{
  display:block;
  width:100%;
  padding-top:40px;
}
  
  .section-data h4{
  display: block;
  font-size:3.0vw;
  font-weight:800;
  line-height:2rem;
    color:#f15a24;
  padding:30px 24px;
    padding-bottom: 40px;
}
  .br{
    display: block;
  }
}
/*スマホのみ*/
@media(max-width:480px){
  .section-data h3{
    display:block;
    font-size:2.4rem;
    line-height:3.0rem;
    margin:-20px 24px auto;
  }
   .data-h3-span{
  font-size:3.0rem;
 line-height:3.6rem;
}
  .section-data .data-p-JYUYO span{
  font-size:4.4vw;
   line-height:5.0vw;
    font-weight:600;
    max-width:300px;
    margin:20px auto;
}
  .section-data p{
    font-size:1.4rem;
    line-height:2.0rem;
    margin:20px 24px auto;
  }
  .data-p-span{
  font-size:2.4rem;
  line-height:3.0rem;
  }
  .section-data h4{
  display: block;
  font-size:1.6rem;
  font-weight:800;
  line-height:1.4rem;
}
}


/****フリーランスは2つのリスクを背負っています。****/
/****以下、img-pc,img-spは画像セクション用のクラス名****/
.img-pc{
  display:block;
  width:100%;
  margin:0 auto;
}
.img-pc img{
  display:block;
  width:100vw;
}
.img-ipad{
  display:none;
}
.img-sp{
  display:none;
}

/*ipad*/
@media(max-width:768px){
.img-ipad{
  display:block;
  width:100%;
  margin:0 auto;
}
.img-ipad img{
  display:block;
  width:100vw;
}
.img-pc{
  display:none;
}
.img-sp{
  display:none;
}
}
/*スマホ*/
@media(max-width:480px){
.img-sp{
  display:block;
  width:100%;
  margin:0 auto;
}
.img-sp img{
  display:block;
  width:100vw;
}
.img-pc{
  display:none;
}
.img-ipad{
  display:none;
}
}
/****/
.section-freelance-pre {
  margin:80px auto;
  max-width:1396px;
}
.gyaku{
  color:#666;
  font-size:4.0vw;
}
.freelance-pre-p h4{
  font-size:2.2vw;
  line-height:3.2vw;
}
.freelance-pre-p h4 span{
  color:#a67c52;
  font-size:3.6vw;
  font-weight:700;
  line-height:4.6vw;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
.freelance-pre-p p{
  font-size:1.6vw;
  line-height:2.4rem;
  margin-top:20px;
}
/*スマホとタブレット*/
@media(max-width:768px){
.section-freelance-pre {
  margin:60px 24px;
}
.gyaku{
  color:#666;
  font-size:3.0vw;
}
.freelance-pre-p h4{
  font-size:3.0vw;
  line-height:3.6vh;
}
.freelance-pre-p h4 span{
  color:#a67c52;
  font-size:3.0vw;
  font-weight:700;
  line-height:3.6vh;
}
.freelance-pre-p p{
  font-size:2.6vw;
  line-height:3.2vh;
  margin-top:30px;
}
}
/*スマホのみ*/
@media(max-width:480px){
  .section-freelance-pre {
  margin:40px 24px;
}
.gyaku{
  color:#666;
  font-size:2.4rem;
}
.freelance-pre-p h4{
  font-size:2.0rem;
  line-height:2.6rem;
}
.freelance-pre-p h4 span{
  color:#a67c52;
  font-size:2.0rem;
  font-weight:700;
  line-height:2.6rem;
}
.freelance-pre-p p{
  font-size:1.6rem;
  line-height:2.0rem;
  margin-top:20px;
}
}

/***フリーランスAさんのとこ****/
.section-freelance-A{
}
.free-A-img-pc{
  display:block;
  width:100%;
  margin:0 auto;
}
.free-A-img-pc img{
  display:block;
  width:100vw;
}
.free-A-img-sp{
  display:none;
}
/*スマホとタブレット*/
@media(max-width:768px){

.free-A-img-sp{
  display:block;
  width:100%;
  margin:0 auto;
}
.free-A-img-sp img{
  display:block;
  width:100vw;
}
.free-A-img-pc{
  display:none;
}
}


/****フリーランスの収入格差はこんごどんどん開いていきます****/
.section-freelance-advice-pre {
  background-color:#F6E53F;
  padding-top:50px;
  padding-bottom:100px;
}
.freelance-advice-pre-p{
  margin:0 40px;
}
.freelance-advice-pre-p p{
  display:block;
  font-size:1.6vw;
  line-height:2.6vw;
   margin-top:10px;
  color:#333;
  font-weight:600;
}
.advice-pre2-strong{
  font-size:2.0vw;
  line-height:2.8vw;
  color:#FA3636;
}
/*スマホとタブレット*/
@media(max-width:768px){
.section-freelance-advice-pre {
}
.freelance-advice-pre-p p{
  font-size:2.0vw;
  line-height:3.0vh;
  margin-top:20px;
}
  .advice-pre2-strong{
  font-size:2.2vw;
  line-height:3.0vw;
  color:#484848;
}
}
/*スマホのみ*/
@media(max-width:480px){
  .section-freelance-advice-pre {
  padding-top:50px;
  padding-bottom:50px;
}
  .freelance-advice-pre-p{
  margin:0 24px;
}
.freelance-advice-pre-p p{
  font-size:1.6rem;
  line-height:2.4rem;
  margin-top:10px;
}
  .advice-pre2-strong{
  font-size:1.8rem;
  line-height:2.8rem;
  color:#484848;
}
}


/****１つでも当てはまるのなら次のアドバイスは有益です****/
.section-freelance-advice-pre2{
  margin:0px auto;
  max-width:1600px;
  background-color: #fff;
}

.section-freelance-advice-pre2 h2{
  font-size:2.4vw;
  line-height: 3.0vw;
  padding-top:40px;
  padding-bottom:40px;
}
.advice-pre2-apply4{
  display:block;
  margin:0 135px;
  text-align: left;
  padding:40px;
  background-color:#f6f8f9;
}
.pre2-apply4-conteiner{

}
.advice-pre2-apply4 h3 {
  font-size:1.8vw;
  line-height: 2.6vw;
   margin:0 40px;
  margin-top:10px;
}
.check-mark img{
  display:inline-block;
  width:40px;
  height:auto;
  margin-right:10px;
  margin-bottom:-5px;
}
.advice-pre2-apply4 p{
  font-size:1.6rem;
  line-height: 2.4rem;
  margin-top:10px;
  margin-left:140px;
  margin-bottom:10px;
  padding:0 0 20px;
}
.section-freelance-advice-pre2 h4{
  font-size:3.0rem;
  line-height: 3.8rem;
  padding-top:70px;
  padding-bottom:30px;
}
/*スマホとタブレット*/
@media(max-width:768px){
  .section-freelance-advice-pre2{
  margin:0px auto;
}
.section-freelance-advice-pre2 h2{
  font-size:2.0rem;
  line-height: 2.8rem;
  margin:0 24px;
  padding-top:40px;
  padding-bottom:40px;
}
.advice-pre2-apply4{
  display:block;
  margin:0 24px;
  text-align: left;
  padding-bottom:20px;
}
  
.advice-pre2-apply4 h3 {
   display:inline-block;
  font-size:1.8rem;
  line-height: 2.6rem;
  margin-top:30px;
  margin-left:10px;
}
  .check-mark img{
  display:inline-block;
  width:30px;
  height:auto;
  margin-right:5px;
    margin-left:10px;
}
.advice-pre2-apply4 p{
  font-size:1.6rem;
  line-height: 2.4rem;
  margin-top:10px;
  margin-left:70px;
  margin-right:20px;
  margin-bottom:10px;
}
.section-freelance-advice-pre2 h4{
  font-size:2.0rem;
  line-height: 2.8rem;
  margin:0 24px;
  padding-top:40px;
  padding-bottom:40px;
}
}
/*スマホ*/
@media(max-width:480px){
  .section-freelance-advice-pre2{
  margin:0px auto;
}
.section-freelance-advice-pre2 h2{
  font-size:2.0rem;
  line-height: 2.8rem;
  margin:0 24px;
  padding:0;
  padding-top:20px;

}
.advice-pre2-apply4{
  display:block;
  margin:0px;
  text-align: left;
  padding-right:25px;
  padding-left:35px;
  padding-top:30px;
  padding-bottom:10px;
}
  
.advice-pre2-apply4 h3 {
   display:inline-block;
  font-size:1.8rem;
  line-height: 2.6rem;
  margin:10px 0px;
  
}
  .check-mark img{
  display:inline-block;
  width:30px;
  height:auto;
  margin-right:5px;
    margin-left:-20px;
}
.advice-pre2-apply4 p{
  font-size:1.6rem;
  line-height: 2.4rem;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:25px;
}
.section-freelance-advice-pre2 h4{
  font-size:2.0rem;
  line-height: 2.8rem;
  margin:0 24px;
  padding:0px;
  padding-top:20px;
}
}

/****ここまでのまとめ****/
.section-freelance-matome{
  display:block;
  background-image: url("../img/6.section-matome/matome-bg-pc.jpg");
  background-position: left;
  background-size: cover;
  margin: 0 auto;
  width: 100vw;
  height:550px;
  padding-top: 120px;
}
.section-freelance-matome h2{
  display:block;
  margin:0 auto;
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",  Meiryo, "sans-serif";
  font-size:3.4vw;
  font-weight:800;
  color:#29abe2;
}
.matome-discription{
  display:block;
  padding-top:50px;
  padding-bottom: 20px;
  font-size:1.8vw;
  font-weight:700;
  line-height:2.6vw;
  color:#333;
  text-align: center;

}
.matome-discription p{
  display:inline-block;
  text-align: left;
  padding-bottom: 20px;
}
/*ipad pro*/
@media(max-width:1024px){
    .section-freelance-matome {
  width: 100vw;
  height: 40vh;
}
  .matome-discription{
    padding:60px auto;
    font-size:1.8rem;
    line-height:2.4rem;
  }
}
/*ipad*/
@media(max-width:768px){
.section-freelance-matome {
  background-image: url("../img/6.section-matome/matome-bg-sp.jpg");
  padding-top:40px;
  width: 100vw;
  height: 500px;
}
  .section-freelance-matome h2{
  margin:40px auto;
  font-size:2.4rem;
}
  .matome-discription{
    padding:40px 24px;
    font-size:1.8rem;
    line-height:2.6rem;
  }
  .matome-discription p{
    margin-bottom: 20px;
  }
}
/*スマホ*/
  @media(max-width:480px){
    .section-freelance-matome {
  width: 100vw;
  height: 70vh;
}
  .matome-discription{
    padding:20px 30px;
    font-size:1.6rem;
    line-height:2.4rem;
  }
}
@media(max-width:330px){
    .section-freelance-matome {
  width: 100vw;
  height: 90vh;
}
  .matome-discription{
    padding:20px 30px;
    font-size:1.4rem;
    line-height:2.2rem;
  }
}



/****ツール営業の前****/
.section-tool-pre{
 margin:80px auto; 
}
.section-tool-pre p{
  color:#666;
  font-size:1.6vw;
  line-height:2.4vw;
  margin:10px auto;
}
.section-tool-pre p span{
  color:#a67c52;
  font-size:3.2vw;
  font-weight:700;
  line-height:4.2vw;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
.section-tool-pre h2{
  padding-top:40px;
  color:#666;
  font-size:1.8vw;
  line-height:2.4vw;
}
.section-tool-pre h2 span{
  color:#a67c52;
  font-size:3.4vw;
  font-weight:700;
  line-height:4.2vw;
  font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
.tool-pre-br{
  display: none;
}
/*ipad*/
@media(max-width:768px){
  .section-tool-pre{
 margin:50px 28px; 
}
.section-tool-pre p{
  color:#666;
  font-size:1.8rem;
  line-height:2.8rem;
  margin:10px auto;
}
.section-tool-pre p span{
  color:#a67c52;
  font-size:3.0rem;
  line-height:3.6rem;
  margin-bottom:20px;
}
.section-tool-pre h2{
  padding-top:40px;
  font-size:2.0rem;
  line-height:3.4rem;
}
.section-tool-pre h2 span{
  font-size:3.4rem;
  font-weight:700;
  line-height:4.4rem;
}
  .tool-pre-br{
    display: block;
  }
}
/*sp*/
@media(max-width:480px){
  .section-tool-pre{
 margin:80px 28px; 
}
.section-tool-pre p{
  color:#666;
  font-size:1.6rem;
  line-height:2.8rem;
  margin:10px auto;
}
.section-tool-pre p span{
  color:#a67c52;
  font-size:2.4rem;
  line-height:3.0rem;
  margin-bottom:20px;
}
.section-tool-pre h2{
  padding-top:40px;
  font-size:1.8rem;
  line-height:2.8rem;
}
.section-tool-pre h2 span{
  font-size:2.4rem;
  font-weight:700;
  line-height:3.0rem;
}
  .tool-pre-br{
    display: block;
  }
}


/****経営コンサルタントの
お悩み相談コーナー****/
.question-title{
  margin:40px auto 40px;
  font-size:4.0rem;
  line-height:5.0rem;
  font-weight:700;
  color:#3399cc;
}
@media(max-width:768px){
  .question-title{
    margin:40px 30px 20px;
  font-size:3.2rem;
  line-height:3.8rem;
}
}
@media (max-width: 480px){
.question-title {
    margin: 40px 30px 20px;
    font-size: 2.0rem;
    line-height: 3.0rem;
}
}
/****アコーディオンメニュー****/

.acc-container {
  width:80%;
  margin:30px auto 60px auto;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  overflow: hidden;
}

.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:20px 80px;
  cursor:pointer;
  background:#d9e7f7;
  border-bottom:1px solid #f6f8f9;
}
 .acc-btn .acc-btn-Q {
  font-size:3.4rem;
   line-height: 4.0rem;
   color:#0071bc;
   padding:0 5px;
}
.Q-yajirusi{
  display:block;
  margin-top:10px;
color:#3399cc;
}
.acc-content {
  width:100%;
  margin:0 auto;
  display: none;
  background:#ffece9;
  padding:30px;
  height: auto;
}

.acc-btn h2 {
  font:700 20px/26px 'Lato', sans-serif;
  color:#333;
}

.acc-content p { 
  font:400 18px/24px 'Lato', sans-serif;
  color:#798795;
  text-align: left;
  margin:0 60px;
  background-color: #f6f8f9;
    border-radius: 5px;
    padding:20px;
}
.acc-content-A{
  display:block;
  font:3.4rem 'Lato', sans-serif;
   line-height: 4.0rem;
  font-weight:600;
   color:#ffafac;
  text-align: left;
  padding:0 20px;
    min-width:710px;
}
.acc-content .acc-content-A-p{
  font-size:2.4rem;
  line-height:3.2rem;
  color:#888;
  font-weight:600;
}

/*PC*/
@media(min-width:1180px){
  .acc-content p{
    margin:0 120px 0 200px;
    max-width:1180px;
  }
  .acc-content-A{
    padding:0 120px 0 200px;
    margin:0 auto;
    
  }
}
/*スマホとタブレット*/
@media(max-width:768px){
  .acc-content {
  padding:30px 10px;
}
 .acc-container {
    width: 90%;
   margin: 30px auto 60px auto;}
  
  .acc-btn{
   padding:20px 25px;
}
  .acc-btn h2{
  font-size:1.8rem;
}
  .acc-btn .acc-btn-Q {
  font-size:3.0rem;
   line-height: 3.8rem;
   color:#0071bc;
   padding:0 5px;
}
  .Q-yajirusi{
  display:block;
  margin-top:5px;
}
  .acc-content-A {
  font-size:3.4rem;
   line-height: 3.8rem;
   color:#ffafac;
   padding:0;
}
  .acc-content .acc-content-A-p{
  font-size:2.0rem;
  line-height:2.4rem;
}
  .acc-content p { 
  font:400 16px/24px 'Lato', sans-serif;
  color:#798795;
  text-align: left;
  margin:0 4px;
    padding:10px;
}
  }
/*スマホとタブレット*/
@media(max-width:480px){
.question-title {
    margin: 40px 30px 5px;
    font-size: 2.8rem;
    line-height: 3.4rem;
}
}


/*--------------------------------------
コンバージョンアップボタン 黄色（中央寄せ）
--------------------------------------*/
.button3,
a.button3,
button.button3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.button3-wrap {
  margin: -220px 140px 60px;
  text-align: center; 
}

a.button3-c {
    font-size: 4.0rem;
    width: 100%;
    position: relative;
    padding: 0.1rem 2rem 2rem 2.1rem;
    color: #333;
    background: #fff100;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #ccc100;
}

a.button3-c span {
    font-size: 1.4rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 250px);
    display: block;
    width: 500px;
    padding: 0.5rem 0.5rem;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.button3-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #333;
  background: #fff100;
  -webkit-box-shadow: 0 2px 0 #ccc100;
  box-shadow: 0 2px 0 #ccc100;
}

a.button3-c:hover:before {
  left: 2rem;
}
/*ipad pro*/
@media(max-width:1024px){
.button3-wrap {
    margin: -120px 120px 60px;
    text-align: center;
}
a.button3-c {
font-size: 3.0rem;
    width: 100%;
    position: relative;
    padding: 0rem 2rem 2.5rem 2.1rem;
}
  a.button3-c span {
    font-size: 0.8rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}
/*ipad*/
@media(max-width:1080px){
.button3-wrap {
    margin: -200px 40px 60px;
    text-align: center;
}
}
/*ipad*/
@media(max-width:768px){
.button3-wrap {
    margin: -140px 40px 60px;
    text-align: center;
}
a.button3-c {
font-size: 2.4rem;
    width: 100%;
    position: relative;
    padding: 0.1rem 2rem 2rem 2.1rem;
}
  a.button3-c span {
    font-size: 0.8rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}
/*sp*/
@media(max-width:480px){
.button3-wrap {
    margin: -120px 24px 40px;
    text-align: center;
}
a.button3-c {
font-size: 1.8rem;
    width: 100%;
    position: relative;
    padding: 0.1rem 2rem 2rem 2.1rem;
}
  a.button3-c span {
    font-size: 0.8rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}