@charset "utf-8";

/*----------------------------------------------------
	service
----------------------------------------------------*/

@media screen and (min-width: 481px) {/*-----------------------------*/

.top_bnr h4{
margin-bottom: 18px;
}

.s_nav li{
width:258px;
margin-bottom: 18px;
}
.s_nav.service-nav li{
width:24%;
margin-bottom: 18px;
}

.s_nav li a{
font-size:18px;
color:#fff;
display: block;
line-height: 62px;
background: url(/img/service/btn_bg.jpg) 0 0 repeat-x;
}

.txt_wrap .img{
/*width:278px;*/
width:48%;
}

.txt_wrap .txt_box{
/*width:488px;*/
width:48%;
}
.voice_waku2 li p {
  width:60%!important;
}

.txt_wrap .txt_box h4{
margin-bottom: 12px;
}

.stit_bb{
color: #014e9a;
font-size:20px;
border-bottom: 1px solid #ccc;
padding-left: 48px;
line-height: 38px;
padding-bottom: 7px;
position: relative;
margin-bottom: 12px;
}

.stit_bb i{
font-family: 'Domine', serif;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius:100%;
background: #014e9a;
color: #fff;
font-size:22px;
width:32px;
line-height: 32px;
height: 32px;
border: 2px solid #5e9ad6;
position: absolute;
top:0;
bottom:0;
left:0;
display: block;
text-align: center;
font-weight: normal;
}

.service_box .bg_cream{
padding: 20px 20px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 14px;
}

.service_box .bg_cream h4{
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
padding: 0 5px 5px;
}

.justify.detail .w50{
/*width:386px;*/
width:48%;
}

.justify.detail .check02.w25{
width:23%;
}
.justify.detail .check02.w50{
width:345px;
}


.w100{
width:100%;
}

.bg_cream.box02{
padding: 20px 25px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#service .merit_box.bg_cream .txt01:before {
display: block;
content: "";
width: 100px;
height:148px ;
bottom: 0px;
left: 6px;
margin: auto;
position: absolute;
background: url(/img/top/img_onayami02.png) 50% 50% no-repeat ;
background-size: 100px auto;
}


#service .merit_box.bg_cream{
margin: 50px auto;
padding: 18px 30px 35px;
}

.merit_box .txt01{
padding-left: 131px;
}

#service .merit_box .merit li{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #d94277;
border: 6px solid #d94277;
border-top:  4px solid #d94277;
margin-top: 20px;
}

#service .merit_box .merit li h4{
color: #f7ff7e;
position: relative;
line-height: 48px;
padding-bottom: 2px;
font-size:22px;
letter-spacing: 0.8px;
padding-left: 103px;
}

#service .merit_box .merit li h4 i{
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#service .merit_box .merit li p{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #fff;
padding: 21px 14px 12px;
}

.merit li .img.right{
margin-top: -5px;
}

.plan_btn li{
/*width:248px;*/
width:32%;
margin-bottom: 25px;
}

.pdf_btn p{
width:33%;
}

.pdf_btn p.w30{
width:28%;
}

.pdf_btn p.w36{
width:36.5%;
}


.pdf_btn p.btn02 a{
font-size:18px;
padding: 0 10px 0;
letter-spacing: 0px;
}

.pdf_btn p.btn02 a span {
background: url(/img/common/btn01_ar.png) right 50% no-repeat;
background-size: 22px auto;
padding-right: 28px;
}

.caption{
color:#fff;
font-size:20px;
background: #014e9a;
text-align: center;
line-height: 62px;
font-weight: normal;
letter-spacing: 1px;
}

table.step{
width:100%;
font-size:16px;
height:522px;
}

table.step tr:nth-child(odd){
background: #fffef0;
}


table.step th{
width:9em;
padding: 12px 5px 12px 20px;
border: 1px solid #ccc;
vertical-align: middle;
}

table.step th.number{
width:130px;
position: relative;
/*text-indent: -9999px;*/
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
text-align: center;
padding: 12px;
font-size:30px;
font-weight:bold;
color:#fff;
-webkit-text-stroke: 6px #014e9a;
text-stroke: 6px #014e9a;
paint-order: stroke;
}
table.step th.number.n01 span {
  z-index:1;
  position: relative;
} 
table.step th.number.n01::before {
display: block;
content: "";
width:108px ;
height: 522px;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/service/step_arrow.png) 50% 50% no-repeat;
  z-index:0;
}

table.step th.number::after {
display: block;
content: "";
width:100%;
height: 1px;
bottom: -1px;
left: 0;
right: 0;
margin: auto;
position: absolute;
border-bottom: 1px solid #ccc;
}

table.step td{
vertical-align: middle;
padding: 12px 20px;
border: 1px solid #ccc;
}

table.step td span{
padding-left:1.2em;
display: block;
position: relative;
margin-bottom: 4px;
}

table.step td span:before {
display: block;
content: "";
top:8px;
left: 2px;
margin: auto;
position: absolute;
width: 10px;
height: 10px;
background-color: #014e9a;
border-radius: 100%;
}

.plan_detail{

}

.plan_detail .stit_wrap{
background: #014e9a;
color:#fff;
line-height: 56px;
padding: 0 27px;
margin-bottom: 20px;
}

.plan_detail .stit_wrap h4{
padding-right: 35px;
}

.plan_detail .tokuten{
padding-left: 135px;
}

.plan_detail .tokuten dt{
width:122px;
background: #d94277;
color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
position: absolute;
top:0;
left:0;
margin: auto;
text-align: center;
line-height: 34px;
}

.plan_detail .tokuten dd{
line-height: 1.7;
}

.plan_box02{
margin: 30px auto 25px;
background: #c0ddfa;
padding: 11px 14px 14px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.plan_box02 li{
width:296px;
margin-top: 10px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background: #fff;
}

.plan_box02 li h4{
background: #014e9a;
border-radius:8px 8px 0 0 ;
color:#fff;
padding-left: 82px;
padding-top: 13px;
padding-bottom: 11px;
position: relative;
}

.plan_box02 li h4.l2{
line-height: 63px;
padding-top: 8px;
padding-bottom: 8px;
}

#plan06 .plan_box02 li h4{
height: 141px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;}

.plan_box02 li h4 i{
position: absolute;
top:7px;
left:10px;
margin: auto;
}

.plan_box02 li p{
padding: 10px 16px;
line-height: 1.7;
}

.plan_detail .btn_btm{
margin: 0 auto;
width:724px;
}

.plan_detail .btn_btm li{
width:348px;
max-width: 94%;
}

.plan_detail .btn_btm li a{
border-radius: 10px;
display: block;
text-align: center;
}

.plan_detail .btn_btm .btn_contact a{
background: #ffaf3c;
}


.plan_detail .btn_btm .btn_consul a{
background: #d94277;
}


}/*-----------------------------*/



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


.top_bnr h4{
margin-bottom: 12px;
}

.s_nav{
margin: 10px auto 0;
}

.s_nav li{
width:48.6%;
margin-bottom: 8px;
}

.s_nav li a{
font-size:16px;
letter-spacing: 1px;
color:#fff;
display: block;
line-height: 46px;
background: url(/img/service/btn_bg.jpg) 0 0 repeat-x;
}

.txt_wrap .txt_box{
margin-top: 12px;
}

.txt_wrap .txt_box h4{
margin-bottom: 12px;

}

.stit_bb{
color: #014e9a;
font-size:20px;
border-bottom: 1px solid #ccc;
padding-left: 48px;
line-height: 38px;
padding-bottom: 7px;
position: relative;
margin-bottom: 12px;
}

.stit_bb i{
font-family: 'Domine', serif;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius:100%;
background: #014e9a;
color: #fff;
font-size:22px;
width:32px;
line-height: 32px;
height: 32px;
border: 2px solid #5e9ad6;
position: absolute;
top:0;
bottom:0;
left:0;
display: block;
text-align: center;
font-weight: normal;
}

.service_box .bg_cream{
padding: 20px 20px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 14px;
}

.service_box .bg_cream h4{
border-bottom: 1px solid #ccc;
margin-bottom: 12px;
padding: 0 5px 5px;
}

.w100{
width:100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#service .merit_box.bg_cream .txt01:before {
display: block;
content: "";
width: 70px;
height:100px ;
bottom: 0px;
left: 6px;
margin: auto;
position: absolute;
background: url(/img/top/img_onayami02.png) 50% 50% no-repeat ;
background-size: 70px auto;
}


#service .merit_box.bg_cream{
margin: 20px auto;
padding: 15px 15px 12px;
}

.merit_box .txt01{
padding-left:84px;
}

#service .merit_box .merit li{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #d94277;
border: 6px solid #d94277;
border-top:  4px solid #d94277;
margin-top: 10px;
}

#service .merit_box .merit li h4{
color: #f7ff7e;
position: relative;
line-height: 1.6;
padding:5px 5px 10px 78px;
font-size:18px;
letter-spacing: 0.8px;
}

#service .merit_box .merit li h4 i{
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#service .merit_box .merit li h4 i img{
height:61px;
}

#service .merit_box .merit li p{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #fff;
padding: 14px 9px 12px 12px;
}

.scroll_wrap{
width:100%;
overflow-x: scroll;
}

.plan_btn li{
width:48.5%;
margin-bottom: 15px;
}

.caption{
color:#fff;
font-size:18px;
background: #014e9a;
text-align: center;
line-height: 48px;
font-weight: normal;
letter-spacing: 1px;
}

table.step{
width:560px;
height:525px;
max-width: none;
font-size:14px;
}

table.step tr:nth-child(odd){
background: #fffef0;
}

table.step th{
width:7em;
padding: 10px 5px 10px 8px;
border: 1px solid #ccc;
vertical-align: middle;
}

table.step th.number{
width:110px;
position: relative;
/*text-indent: -9999px;*/
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
text-align: center;
padding: 12px;
font-size:30px;
font-weight:bold;
color:#fff;
-webkit-text-stroke: 6px #014e9a;
text-stroke: 6px #014e9a;
paint-order: stroke;
}
table.step th.number.n01 span {
  z-index:1;
  position: relative;
}

table.step th.number.n01::before {
display: block;
content: "";
width:108px ;
height: 522px;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/service/step_arrow.png) 50% 50% no-repeat;
  z-index:0;
}

table.step th.number::after {
display: block;
content: "";
width:100%;
height: 1px;
bottom: -1px;
left: 0;
right: 0;
margin: auto;
position: absolute;
border-bottom: 1px solid #ccc;
}

table.step td{
vertical-align: middle;
padding:10px 10px;
border: 1px solid #ccc;
}

table.step td span{
padding-left:1.2em;
display: block;
position: relative;
margin-bottom: 4px;
}

table.step td span:before {
display: block;
content: "";
top:8px;
left: 2px;
margin: auto;
position: absolute;
width: 10px;
height: 10px;
background-color: #014e9a;
border-radius: 100%;
}

#m05 .btn02{
margin-bottom: 15px;
text-align: center;
display: block;
}

.plan_detail .stit_wrap{
background: #014e9a;
color:#fff;
line-height: 1.5;
padding: 6px 18px;
margin-bottom: 17px;
}

.plan_detail .stit_wrap h4{
padding-right: 15px;
line-height: 1.65;
}

.plan_detail .tokuten{
text-align: center;
}

.plan_detail .tokuten dt{
width:130px;
background: #d94277;
color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin: 0 auto 14px;
display: inline-block;
text-align: center;
letter-spacing: 2px;
line-height: 32px;
}

.plan_detail .tokuten dd{
text-align: left;
}

.plan_detail .tokuten p.mt10{
padding: 10px 0;
}

.plan_box02{
margin: 30px auto 18px;
background: #c0ddfa;
padding: 11px 14px 14px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.plan_box02 li{
margin-top: 10px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background: #fff;
}

.plan_box02 li h4{
background: #014e9a;
border-radius:8px 8px 0 0 ;
color:#fff;
padding-left: 82px;
padding-top: 13px;
padding-bottom: 11px;
position: relative;
}

.plan_box02 li h4 i{
position: absolute;
top:13px;
left:13px;
margin: auto;
}

.plan_box02 li h4 i img{
height:50px;
}

.plan_box02 li p{
padding: 10px 16px;
}

.plan_detail .btn_btm{
text-align: center;
}

.plan_detail .btn_btm li{
width:300px;
max-width: 94%;
margin: 0 auto 12px;
}

.plan_detail .btn_btm li a{
border-radius: 10px;
display: block;
text-align: center;
}

.plan_detail .btn_btm .btn_contact a{
background: #ffaf3c;
}

.plan_detail .btn_btm .btn_consul a{
background: #d94277;
}

.merit li .img.right{
padding:0px 0 10px 26px;
}

.pdf_btn .btn02 a{
padding: 0 5px 0;
letter-spacing: 0.4px;
}

.pdf_btn .btn02 a span {
    padding-right: 24px;
}
}/*-----------------------------*/