@charset "utf-8";

@import "default.css";

/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body {text-align:center;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width: 100%;}

* {
  box-sizing: border-box;
}
/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------*/
a			{color:#0068b7;text-decoration:none;}
a:link		{color:#0068b7;text-decoration:none;}
a:visited	{color:#0068b7;}
a:hover		{text-decoration:underline;}
a:active	{color:#0068b7;}

/* ===================================================================
Layout
=================================================================== */
#wrap			   {margin: 0 auto;}

/* ===================================================================
Layout-contents
=================================================================== */

/*	g_nav
----------------------------------------------------*/


/*	maincolumn
----------------------------------------------------*/
.kaigyou {
  display: none;
}

#maincolumn .start-btn {
  padding: 280px 0 0 100px;
  /* padding-top: 280px;
  padding-left: 330px;
  padding-right: 120px; */
}

.btn_pc {
  display: block;
}

.btn_sp {
  display: none;
}

.mainImage	 {
position:relative;
background: url(../../images/mainImage_v3.jpg) no-repeat center;
height: 463px;
width: 800px;
margin: 0 auto;
}

.question	 {
position:relative;
background: url(../../images/bg_v2.jpg) no-repeat;
height: 463px;
width: 800px;
margin: 0 auto;
}

.question .box {
width:551px;
padding:120px 0 0 0;
margin:0 auto;
}

.q-text {
font-size:24px;
color:#333333;
line-height:1.5em;
padding: 0 30px;
}

.q_01 .box .btn li {
float:left;
display:inline;
margin:70px 0 0 50px;
}

.q_02 .box .btn li {
  float:left;
  display:inline;
  margin:70px 0 0 50px;
}  

.q_03 .box .btn li {
  float:left;
  display:inline;
  margin:45px 0 0 50px;
}  

.question .box .btn li:first-child {
margin-left: 0px;
}

.answer01	 {
position:relative;
background: url(../../images/answer_bg_02_v2.jpg) no-repeat;
height: 500px;
width: 800px;
margin: 0 auto;
}

.answer02 .txt {
  padding-top: 90px;
  padding-left: 60px;
  padding-right: 60px;
} 
.txt {
  padding-top: 90px;
  padding-left: 70px;
  padding-right: 70px;
}  

.big-txt {
  font-size:40px;
  font-weight: bold;
  color:#333333;
}  

.middle-txt {
  text-align: center;
  font-size:30px;
  font-weight: bold;
  color:#333333;
}  

.middle-txt .red {
  font-size: 40px;
  color: #DD0000;
}

.a-text {
font-size:15px;
color:#333333;
}

.answer01 .tel_btn {
position:absolute;
top:238px;
left:139px;
}

.answer01 .online_btn {
position:absolute;
top:238px;
left:426px;
}

.answer01 .mail_btn {
position:absolute;
top:292px;
left:426px;
}


.answer_a	 {
  position:relative;
  background: url(../../images/answer_bg_02_v2.jpg) no-repeat;
  height: 500px;
  width: 800px;
  margin: 0 auto;
}

.answer_a .tel_btn {
position:absolute;
top:238px;
left:139px;
}

.answer_a .online_btn {
position:absolute;
top:238px;
left:426px;
}

.answer_a .mail_btn {
position:absolute;
top:292px;
left:426px;
}


.answer03	 {
position:relative;
background: url(../../images/answer_bg_01_v2.jpg) no-repeat;
height: 500px;
width: 800px;
margin: 0 auto;
}

.answer_b	.txt {
  padding-top: 80px;
}

.answer_b .a-text {
  position:absolute;
  top:139px;
  left:256px;
  padding-right: 120px;
  font-size:14px;
  line-height:1.7em;
  letter-spacing: 1px;
  color:#333333;
}

.answer_b .tel_btn {
position:absolute;
top:298px;
left:141px;
}

.answer_b .online_btn {
position:absolute;
top:298px;
left:427px;
}

.answer_b .mail_btn {
position:absolute;
top:352px;
left:427px;
}

.answer_b .detail {
position:absolute;
top:236px;
left:356px;
}

.answer04	 {
position:relative;
background: url(../../images/answer_bg_03_v2.jpg) no-repeat;
height: 500px;
width: 800px;
margin: 0 auto;
}

.answer04 .a-text {
  position:absolute;
  top:139px;
  left:278px;
  padding-right: 120px;
  font-size:14px;
  line-height:1.7em;
  letter-spacing: 1px;
  color:#333333;
}  


.answer06	 {
position:relative;
background: url(../../images/answer_bg_04_v2.jpg) no-repeat;
height: 500px;
width: 800px;
margin: 0 auto;
}


/*	sidebar
----------------------------------------------------*/


/*	footer
----------------------------------------------------*/
#footer {
  margin-top: 15px;
  padding-right: 380px;
}
.copy {
color:#333333;
font-size:14px;
text-align: right;
}

#q_footer_01 {
  margin-top: 275px;
  padding-right: 30px;
}

#q_footer_02 {
  margin-top: 240px;
  padding-right: 30px;
}

#q_footer_03 {
  margin-top: 205px;
  padding-right: 30px;
}

@media screen and (max-width:767px) {
  #footer {
    display: none;
  }

  #q_footer_01 {
    display: none;
  }

  #q_footer_02 {
    display: none;
  }

  #q_footer_03 {
    display: none;
  }
}


/*	max-width: 767px
----------------------------------------------------*/
@media screen and (max-width:767px) {
  .kaigyou {
    display: block;
  }  

  .mainImage {
    background: url(../../images/mainImage_v2_sp.jpg) no-repeat center top;
    height: 600px;
    width: 375px;
    margin: 0 auto;  
  }

  #maincolumn .start-btn {
    padding-top: 400px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .btn_pc {
    display: none;
  }
    
  .btn_sp {
    display: block;
  }  

      
  .answer01	 {
    position:relative;
    background: url(../../images/answer_bg_02_v2_sp.jpg) no-repeat center top;
    height: 600px;
    width: 375px;
    margin: 0 auto;
  }
  
  .txt {
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 20px;
  }  
  
  .big-txt	 {
    text-align: center;
    font-size: 28px;
  }

  .a-text	 {
    padding-top: 15px;
  }

  .question	 {
    background: url(../../images/bg_v2_sp.jpg) no-repeat center top;
    height: 600px;
    width: 375px;
    margin: 0 auto;
  }
  
  .q-text {
    font-size: 21px;
  }

  .question .box {
    width:100%;
    padding:190px 0 0 0;
  }

  .question .box .btn li:first-child {
    margin-left: 19px;
  }  

  .question .box .btn li:first-child {
    margin-left: 19px;
  }  

  .q_01 .box .btn li{
    margin :130px 0 0 20px;
  }

  .q_02 .box .btn li{
    margin :85px 0 0 20px;
  }

  .q_03 .box .btn li{
    margin :85px 0 0 20px;
  }

  .answer01 .tel_btn {
    top: 323px;
    left: 25px;
  }
  
  .answer01 .online_btn {
    top: 393px;
    left: 25px;
  }

  .answer01 .mail_btn {
    top: 393px;
    left: 194px;
  }

  .answer_a	 {
    position:relative;
    background: url(../../images/answer_bg_02_v2_sp.jpg) no-repeat center top;
    height: 600px;
    width: 375px;
    margin: 0 auto;
  }

  .answer_a .a-text {
    text-align: left;
  }

  .answer_a .tel_btn {
    top: 323px;
    left: 25px;
  }
  
  .answer_a .online_btn {
    top: 393px;
    left: 25px;
  }

  .answer_a .mail_btn {
    top: 393px;
    left: 194px;
  }

  .answer03	 {
    position:relative;
    background: url(../../images/answer_bg_01_v2_sp.jpg) no-repeat center top;
    height: 803px;
    width: 375px;
    margin: 0 auto;
  }

  .answer04	 {
    position:relative;
    background: url(../../images/answer_bg_03_v2_sp.jpg) no-repeat center top;
    height: 803px;
    width: 375px;
    margin: 0 auto;
  }

  .answer06	 {
    position:relative;
    background: url(../../images/answer_bg_04_v2_sp.jpg) no-repeat center top;
    height: 803px;
    width: 375px;
    margin: 0 auto;
  }

  .answer_b	.txt {
    padding-top: 66px;
  }

  .middle-txt {
    text-align: center;
    font-size:24px;
    font-weight: bold;
    color:#333333;
  }  
  
  .middle-txt .red {
    font-size: 36px;
    color: #DD0000;
  }

  .answer_b .a-text {
    position:absolute;
    top:296px;
    left:10px;
    margin-right: 10px;
    padding-right: 0;
    text-align: left;
  }    

  .answer_b .tel_btn {
    top:540px;
    left:24px;
    }
    
    .answer_b .online_btn {
    top:613px;
    left:24px;
    }
    
    .answer_b .mail_btn {
    top:613px;
    left:193px;
    }
    
    .answer_b .detail {
    top:453px;
    left:115px;
    }
    

}

/*	max-width: 576px
----------------------------------------------------*/
@media screen and (max-width:576px) {
  .big-txt	 {
    text-align: center;
    font-size: 26px;
  }

  .mainImage {
    max-width: 100%;
    background-size: contain;
  }

  .answer01 {
    max-width: 100%;
    background-size: contain;
  }

  .answer_a {
    max-width: 100%;
    background-size: contain;
  }

  .answer_b {
    max-width: 100%;
    background-size: contain;
  }

  .question {
    max-width: 100%;
    background-size: contain;
  }

}

/*	max-width: 390px
----------------------------------------------------*/
@media screen and (max-width:390px) {
  #maincolumn .start-btn {
    padding-top: 100vw;
    padding-left: 14vw;
    max-width: 100%;
  }

  .mainImage .btn_sp {
    width: 70vw;
  }

  .question .box {
    padding:50vw 0 0 0;
    margin:0 auto;
  }
    
  .q-text {
  font-size:5.5vw;
  }
    
  .question .box .btn li {
  float:left;
  display:inline;
  }

  .question .box .btn li:first-child {
   margin-left: 5vw;
  }

  .question .btn .btn_sp {
    width: 40vw;
  }

  .q_01 .box .btn li {
    margin:30vw 0 0 10vw;
  }

  .q_02 .box .btn li {
    margin:20vw 0 0 10vw;
  }

  .q_03 .box .btn li {
    margin:15vw 0 0 10vw;
  }

  .answer01 .tel_btn .btn_sp {
    width: 82vw;
  }

  .answer01 .online_btn .btn_sp {
    width: 39vw;
  }

  .answer01 .mail_btn .btn_sp {
    width: 39vw;
  }

  .answer01 .tel_btn {
    top: 86vw;
    left: 9vw;
  }
  
  .answer01 .online_btn {
    top: 105vw;
    left: 9vw;
  }

  .answer01 .mail_btn {
    top: 105vw;
    left: 51.5vw;
  }

  .answer_a .tel_btn .btn_sp {
    width: 82vw;
  }

  .answer_a .online_btn .btn_sp {
    width: 39vw;
  }

  .answer_a .mail_btn .btn_sp {
    width: 39vw;
  }

  .answer_a .tel_btn {
    top: 86vw;
    left: 9vw;
  }
  
  .answer_a .online_btn {
    top: 105vw;
    left: 9vw;
  }

  .answer_a .mail_btn {
    top: 105vw;
    left: 51.5vw;
  }

  .answer_b	.txt {
    padding-top: 15vw;
  }

  .middle-txt {
    text-align: center;
    font-size:6vw;
    font-weight: bold;
    color:#333333;
  }  
  
  .middle-txt .red {
    font-size: 9vw;
    color: #DD0000;
  }

  .answer_b .a-text {
    position:absolute;
    font-size: 4vw;
    top:78vw;
    left:10px;
    margin-right: 10px;
    text-align: left;
  }    

  .answer_b .tel_btn {
    top:145vw;
    left:9vw;
    }
    
    .answer_b .online_btn {
    top:163.5vw;
    left:9vw;
    }
    
    .answer_b .mail_btn {
    top:163.5vw;
    left:51.5vw;
    }
    
    .answer_b .detail {
    top:120vw;
    left:32vw;
    }
    .answer_b .tel_btn .btn_sp {
      width: 82vw;
    }
  
    .answer_b .online_btn .btn_sp {
      width: 39vw;
    }
  
    .answer_b .mail_btn .btn_sp {
      width: 39vw;
    }

    .answer_b .detail .btn_sp {
      width: 34vw;
    }
  

}

/*	max-width: 340px
----------------------------------------------------*/
@media screen and (max-width:340px){
    .answer05 .txt{
      padding-top: 50px;
    }
}