@charset "utf-8";

html {
 -webkit-text-size-adjust: 100%;
}
    
img{
max-width: 100%;
height:auto;
}

.img{
display: block;
}

body{
position:relative;
min-width: 100%;
overflow: hidden;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}

input[type="submit"] {
  -webkit-appearance: none;
}

.spNav,
.w320_only,
.pc_only{display:none !important;}
.sp_only{display:block;}

.bg_gray.bg_w,
.bg_w{
display: block;
background: #fff;
}

body p{
font-size:15px;
line-height: 1.8;
letter-spacing: 0.6px;
}

#main_contents{
padding-bottom: 20px;
padding-top: 114px;
}

.box1200 {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.box1000{
overflow: hidden;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.w900,
.w94sp{
width:92% !important;
margin-left:auto;
margin-right:auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.w90sp{
width:90% !important;
margin-left:auto;
margin-right:auto;
}


.w800{
width:92% !important;
margin-left:auto;
margin-right:auto;
}

.w60{
clear:both;
width:80%;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}


.left{float: none;}
.right{float: none;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:8px;}
.mb15{margin-bottom:10px;}
.mb20{margin-bottom:15px;}
.mb25{margin-bottom:18px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:25px;}
.mb50{margin-bottom:25px;}
.mt_15{margin-top:-15px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:15px;}
.pt25{padding-top:20px;}
.pt30{padding-top:20px;}
.pt35{padding-top:20px;}
.pt40{padding-top:20px;}
.pt50{padding-top:25px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl10{padding-left:10px;}

.pd30{
padding: 0 3%;
}

.pd10{
padding: 10px;
}


.txt11{ font-size:10px; }
.txt12{ font-size:11px; }
.txt13{ font-size:12px; }
.txt14{ font-size:13px; }
.txt15{ font-size:15px; }
.txt16{ font-size:15px; }
.txt17{ font-size:15px; }
.txt18{ font-size:16px; }
.txt20{ font-size:18px; }
.txt21{ font-size:18px; }
.txt22{ font-size:19px; }
.txt24{ font-size:20px; }
.txt28{ font-size:20px; }
.txt32{ font-size:22px; }
.txt36{ font-size:24px; }
.txt42{ font-size:24px; }

.tLsp{
text-align: left!important;
}

.sp_only{display:block;}

.tCsp{
text-align: center !important;
}

.tLsp{
text-align: left !important;
}

li {
position: relative;
}
a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}

a.more:hover{
background-color: rgba(255,255,255,0.3);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.btn_blue{
text-align: center;
}

.btn_blue a{
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #0871c4;
font-size:16px;
background:url(/img/common/arrow_w.png) 96% 50% no-repeat #0871c4;
background-size:12px auto;
line-height: 48px;
height:48px;
width:300px;
max-width: 85%;
color:#fff;
padding-right: 8px;
box-shadow:0px 3px 0px -1px #999;
}

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

.btn_blue a{
font-size:14px;

}

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

.btn_orange{
text-align: center;
}

.btn_orange a{
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:18px;
background:url(/img/common/i_mail.png) 40px 55% no-repeat #eb6100;
line-height: 60px;
height:58px;
width:240px;
color:#fff;
box-shadow:0px 3px 0px -1px #999;
position: relative;
padding-left: 40px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.btn_orange.arrow a:before {
display: block;
content: "";
width:100% ;
height: 58px;
left:0;
margin: auto;
position: absolute;
background:url(/img/common/arrow_w.png) 96% 50% no-repeat;
z-index: 99;
}

.post_content h2,
.stit_bt{
position: relative;
padding: 14px 8px 10px;
font-size:18px;
background-image: linear-gradient(to right, #295c82, #295c82 3px, transparent 1px, transparent 4px);
background-size: 5px 1px;
background-position: bottom;
background-repeat: repeat-x;
margin-bottom: 22px;
vertical-align: middle;
line-height: 1.4;
}

.post_content h2:before,
.stit_bt:before {
display: block;
content: "";
width:100%;
height: 3px;
top: 0;
left: 0;
margin: auto;
position: absolute;
background:url(/img/common/stit_bt.jpg) 0 50% no-repeat #003d6b;
z-index: 99;
}

.stit_bt.txt28{
font-size:19px;
text-align: center;
}

.post_content h3,
.stit_bo{
padding: 8px 10px;
line-height: 1.4;
font-size:18px;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 2px solid #c9c9c9;
border-top:3px solid #0871c4;
margin-bottom:20px;
vertical-align: middle;
text-align: left;
}

.post_content h3{
font-size:15px;
padding: 8px 12px;
}
/*----------------------------------------------------
	header
----------------------------------------------------*/
#header-wrap { 
position: fixed; 
z-index: 99999; 
top: 0; 
left: 0; 
width: 100%; 
background: #fff;
overflow: visible;
transition: .5s;
}

#header-wrap.hide{
transform: translateY(-100%);
}

header{
background: #fff;
margin: 0 auto;
text-align: left;
overflow: visible;
position: relative;
}

header .header_btm{
padding-left: 2%;
margin: 6px 0;
}

#index header .header_btm{
padding-left: 2%;
margin: 0px 0 6px;
}

header .h_btn{
z-index: 999;
position: absolute;
top:63px;
right:62px;
width:84px;
height:50px;
}

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

header .h_btn{
right:58px;
}

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

header .h_btn ul{
z-index: 999;
}

header .h_btn li{
display: inline-block;

}

header .h_btn a{
display: block;
}

header .h_btn img{
width:38px;
height:auto;
}

.tagline{order: -1;}

.tagline h1,
.tagline p{
background: #0068b7;
color:#fff;
line-height: 1.5;
font-size:10px;
letter-spacing: 0.5px;
text-align: left;
padding: 2px 5px;
font-weight: normal;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

header .txt01 img{
max-width: 80%;
}

header .txt01{
line-height: 1;
margin-bottom: 5px;
}

.header_btm .txt_h1{
background: url(/img/common/h_read2.png) right 50% no-repeat;
background-size: auto 16px;
color: #0871c4;
display: inline-block;
padding-right: 60px;
margin-bottom: 4px;
font-size:10px;
letter-spacing: 0.3px;
line-height: 16px;
font-weight: normal;
}

header .logo{
float:left;
padding-right: 20px;
text-align: center;
}

header .logo img{
height:50px;
}

header .txt02{
font-size: 12px;
letter-spacing: 0;
}

header .h_trial,
header .guide{
display: none;
}

nav#gnavi{
display: none!important;
}

.mean-container .mean-nav ul{
display:none;
}
/*----------------------------------------------------
	tit
----------------------------------------------------*/

.tit_wrap.bg_blue01{
background:url(/img/common/sp/bg_tit.png) 0 50% no-repeat #0068b7;
background-size: auto 105px;
}

.tit_wrap.bg_blue01 .box1000{
height:105px
}

.title{
display: block;
font-size:19px;
text-align: center;
color:#fff;
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
letter-spacing: 3px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.title{
font-size:18px;
}

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

.title span{
letter-spacing: 0.8px;
position: relative;
display: inline-block;
min-height: 48px;
line-height: 48px;
padding: 2px 15px;
background: url(/img/common/tit_l.png) 0px 50% no-repeat;
background-size: auto 26px;
}

.title span:after {
background: url(/img/common/tit_r.png) right 50% no-repeat;
background-size: auto 26px;
display: block;
content: "";
width: 10px;
height: 52px;
margin: auto;
z-index: 99;
position: absolute;
right:0;
font-weight: normal;
top:0;
}

#improve .title span,
#firsttime .title span,
#flow .title span,
#page .title span,
#column .title span{
line-height: 1.3;
padding: 15px;
padding: 2px 15px;
letter-spacing: 1.5px;
}

#firsttime .title span em,
#page .title span em,
#column .title span em{
display: block;
}

.title span{
background: url(/img/common/tit_l.png) 0px 55% no-repeat;
background-size: auto 40px;
letter-spacing: 3px;
}

#example .title span,
#trial .title span{
white-space: nowrap;
}

.title span:after {
background: url(/img/common/tit_r.png) right 50% no-repeat;
background-size: auto 40px;
top:0;
bottom:0;
margin: auto;
}

/*----------------------------------------------------
	#breadcrumb
----------------------------------------------------*/

#breadcrumb{
text-align:left;
background: #ecf8ff;
padding: 5px 8px 8px;
line-height: 1.4;
}

#breadcrumb li{
display:inline;
position: relative;
font-size:12px;

letter-spacing: 0;
}

#breadcrumb li a {
color:#0871c4;
}

#breadcrumb li span{
display: inline;
}

#breadcrumb li:after {
    content: '>';
}

#breadcrumb li:last-child:after {
    content: ' ';
}

#breadcrumb li:last-child a{
font-weight: bold;
color:#333;
}

/*----------------------------------------------------
	index
----------------------------------------------------*/


.main_img{
position: relative;
}

/*
.main_img .box1000:after {
display: block;
content: "";
width: 54px;
height: 252px;
bottom: 80px;
left: 0;
margin: auto;
position: absolute;
background:url(/img/index/sp/main02.png) left 0 no-repeat;
background-size:56px auto;
}*/

.main_img .box1000{
height:auto;
background:url(/img/index/sp/bg_main.png) 0 0 no-repeat #0068b7;
background-size: 60% auto;
position: relative;
}

.main_img h2{
color:#fff;
display: inline-block;
padding:12px 2% 0px;
font-size:18px;
line-height: 1.6;
font-weight: 700;
margin: 0 auto;
}

.main_img h2 span{
font-size:20px;
background: url(/img/index/marker_green.png) 0 bottom no-repeat ;
background-size: 100% auto;
padding-bottom: 6px;
}

.main_img .h2_txt{
text-indent: -9999px;
background: url(/img/index/h2_txt.png) 50% 0 no-repeat ;
background-size:94% auto;
width:100%;
padding-top: 19%;
}


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

.main_img h2{
padding:12px 3% 0px;
}

.main_img h2 br{
display: none;
}

.main_img .h2_txt{
background-size:96% auto;
}


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


.main_img .btn_first{
padding-top: 18px;
width:100%;
margin: 0 auto 4px;
bottom:-84px;
position: absolute;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
}

.main_img .btn_first img{
height:63px;
}
/*

.main_img .btn_about{
padding-top: 20px;
bottom:-82px;
position: absolute;
left:0;
right:0;
margin:auto;
width:100%;
text-align: center;
}

.main_img .btn_about img{
height:58px;
}
*/
.main_img .slide01{
width:100%;
margin:22px auto 0;

}

.main_img .slide01 li img{
padding: 0 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.main_img .slide01 .bx-wrapper{
}

#index .read{
margin: 0 auto;
padding: 96px 3% 10px 3%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#index .read p{
padding-bottom: 0px;
font-size:12px;
line-height: 20px;
}

#index .read .em{
font-size:120%;
font-weight: bold;
font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
font-style: normal;
}

.bg_blue02.ov{
overflow: hidden !important;
}

#index .read span{
font-size:;
}

#index .read .h_trial {
text-align: center;
margin: 10px auto;
}

#index .read .h_trial img{
height:60px;
}

#index01{
background:#eb6100;
padding: 25px 4% ;
color:#fff;
overflow: hidden;
}

#index01 h3{
font-size:16px;
line-height: 1.4;
margin-bottom: 10px;
}

#index01 h3 .em{
font-size:120%;
}

#index01 p.txt18{
}

#index01 .fuki_box{
padding: 12px 12px 12px 12px;
color:#333;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom: 22px;
line-height: 1.5;
overflow: visible;
position: relative;
}

#index01 .fuki01:before {
display: block;
content: "";
width: 120px;
height:180px;
right: -17px;
bottom: 0;
margin: auto;
position: absolute;
background: url(/img/index/sp/bg_first01.png) right bottom no-repeat;
background-size: 120px auto;
z-index: 2;
}

#index01 .fuki02:before {
display: block;
content: "";
width: 120px;
height:180px;
right: -17px;
bottom: 0;
margin: auto;
position: absolute;
background: url(/img/index/sp/bg_first02.png) right bottom no-repeat;
background-size: 120px auto;
z-index: 2;
}
#index01 .fuki_box p{
letter-spacing: 0.6px;
}

#index01 .fuki_box p.txt18{
margin-bottom: 10px;
font-size:14px;
padding-right: 86px;
}

#index01 .fuki_box p a{
display: block;
color:#fff;
letter-spacing: 0.4px;
font-size: 15px;
height: 42px;
line-height: 42px;
color: #fff;
text-align: center;
box-shadow:0px 5px 3px -3px #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 5px;
padding-right: 3px;
}

#index01 .fuki_box .btn02,
#index01 .fuki_box .btn01{
position:relative;
z-index: 99
}

#index01 .fuki_box .btn01 a{
background:url(/img/common/arrow_w.png) 99% 50% no-repeat #07b177;
background-size:7px auto;
}

#index01 .fuki_box .btn02 a{
background:url(/img/common/arrow_w.png) 99% 50% no-repeat #0068b7;
background-size:7px auto;
letter-spacing: 0;
}

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


#index01 .fuki_box{
padding: 10px;
}

#index01 .fuki_box .btn02 a{
line-height: 1.4;
padding: 5px 3px 5px 0;
}

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

#index01 .fuki_box a:hover{
text-decoration: none;
opacity: .8;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

#index02{
padding: 30px 0 0;
text-align: center;
background:url(/img/index/fuki_o.png) 50% top no-repeat #fafafa;
background-size: auto 18px; 
}

#index02 h2{
font-size:28px;
line-height: 45px;
background:url(/img/index/i_okomari.png) 0 50% no-repeat;
background-size:42px auto;
padding-left: 49px;
text-align: left;
letter-spacing: 1px;
margin:0 auto;
display: inline-block;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#index02 h2 .marker{
display: inline-block;
line-height: 40px;
border-bottom: 5px solid #fff100;
}


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

#index02 h2{
font-size:24px;
letter-spacing:0px;
}

#index02 h2 .marker{
line-height: 36px;
}

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

#index02 ul{
padding: 0 3%;
}

#index02 h4.stit02{
margin: 14px 3% 14px;
line-height: 1.4;
padding: 4px 15px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
border: 2px solid #0068b7;
color: #0068b7;
text-align: center;
font-size:12px;
display: inline-block;
}

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

#index02 h4.stit02{
letter-spacing: 0;
}

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

#index02 ul li{
line-height: 22px;
font-size:14px;
padding-left: 70px;
font-weight: bold;
position: relative;
background-image: linear-gradient(to right, #ccc, #ccc 4px, transparent 1px, transparent 5px);
background-size: 7px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding-top:12px;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#index02 ul li:last-child{
background: none;
margin-bottom: 20px;
}

#index02 ul li i img{
position: absolute;
left:0;
top:0;
bottom:0;
margin: auto;
width:60px;
}

#index02 ul em{
font-size:120%;
}

#index02 .bg_blue01{
padding: 14px 3% 14px 30%;
background:url(/img/index/okomari04.png) 14px 50% no-repeat #0068b7;
background-size:23% auto;
/*font-weight: bold;*/
}

#index02 .bg_blue01 h4{
margin-left: -10px;
font-size:19px;
margin-bottom: 6px;
letter-spacing: 0.8px;
}

#index02 .bg_blue01 p{
letter-spacing: 0.8px;
}
.about04 .btn_orange03{
margin: 10px auto 35px;
}

#index02 .btn_orange03{
margin: 0px auto 35px;
}

.btn_orange03 a{
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size:16px;
background:url(/img/common/arrow_w.png) 98% 50% no-repeat #eb6100;
line-height: 50px;
height: 50px;
width: auto;
font-weight: bold;
padding: 0 25px;
box-shadow:0px 3px 0px -1px #999;
position: relative;
color:#fff;
text-decoration: none;
}

#index02 .btn_orange03 a{
font-size:14px;
line-height: 1.35;
padding-top: 10px;
height: 50px;
}

#index02 .btn_orange03 em.txt_y{
font-size:18px;
display: block;
letter-spacing: 2px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.about04 .btn_orange03 a{
padding: 0 20px 0 10px;
font-size:13px;
letter-spacing: 0;
}

#index02 .btn_orange03 em.txt_y{
font-size:18px;
display: block;
}

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



#index03{
padding: 35px 3%;
}

#index03 h2{
margin:0 0 30px;
text-align: center;
}

#index03 h2{
background:url(/img/index/stit_tokucho2.png) 50% 50% no-repeat;
background-size: 100% auto;
font-size:32px;
margin-bottom: 30px;
text-align: center;
letter-spacing: 3px;
line-height: 1.2;
}

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

#index03 h2{
background:url(/img/index/stit_tokucho2.png) 50% 50% no-repeat;
background-size: 120% auto;
}

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

#index03 h2 .txt_s{
font-size:18px;
display: inline-block;
padding-left: 45px;
letter-spacing: 1px;
line-height: 1;
}

#index03 h2 .txt_red{
font-family: 'Oswald', sans-serif;
font-size:32px;
display: inline-block;
margin: 0 -0.5em;
}

#index03 .tokucho li{
border: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
padding: 12px 10px 10px 105px;
font-size:13px;
letter-spacing: 0;
line-height: 22px;
margin-bottom: 10px;
}

#index03 ul.tokucho li i img{
position: absolute;
left:12px;
top:0;
bottom:0;
margin: auto;
width:80px;
}

#index03 ul.tokucho li.li03 i img{
top:auto;
bottom:0;
margin: auto;
}

#index03 ul.tokucho em{
font-size:100%;
font-weight: bold;
}

.btn03_list{
padding: 25px 2% 0;
 border-top:1px solid #ccc;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.btn03_list li{
background: #fff;
text-align: center;
font-size:12px;
border: 3px solid #313131;
padding: 14px 10px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:48%;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.btn03_list li i img{
width:40px;
}

.btn03_list li p{
font-size:16px;
line-height: 1.5;
color:#0871c4;
font-weight: bold;
margin:5px auto 5px;
}

.btn03_list li p.l1{
line-height: 2.2em;
}

.btn03_list li span{
text-align: left;
display: block;
line-height: 1.7;
font-size:13px;
}

.btn03_list li a.more:hover{
background-color: rgba(149,215,254,0.1);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}


#index04{
padding: 20px 3% 40px;
}

#index04 h2{
background:url(/img/index/sp/stit_column.png) right bottom no-repeat;
background-size:auto 45px;
font-size:18px;
line-height: 45px;
height:45px;
padding-left: 16px;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#index04 ul{
margin: 20px auto;
}

#index04 li{
background:url(/img/common/arrow_blue.png) 98% 50% no-repeat #f1f9fe;
background-size:8px auto;
position: relative;
font-size:15px;
padding: 12px 14px 12px 10px;
margin-bottom: 4px;
overflow: hidden;
}

#index04 li .img{
width:96px;
float:left;
}

#index04 li .txt_box{
padding-left:106px;
}

#index04 li .tit{
color:#2578be;
display: block;
font-weight: bold;
margin: 8px 0 0;
line-height: 1.4;
}

.index_content li .cate{
color:#fff;
display: block;
font-size:10px;
line-height: 1.3;
padding-top: 3px;
}

.index_content li .cate i{
background: #07b177;
padding: 2px 5px;
display: inline;
font-weight: normal;
}

/*
.cate.cate1 a,
.cate.cate1{
background: #07b177 !important;
}

.cate.cate2 a,
.cate.cate2{
background: #a99b76 !important;
}

.cate.cate3 a,
.cate.cate3{
background: #ec6941 !important;
}*/

#index05{
background:url(/img/index/stit_omoi.jpg) 50% top no-repeat #fff;
background-size: 100% auto;
padding-top: 260px;
}

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

#index05{
padding-top: 240px;
}
}/*-----------------------------*/


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

#index05{
padding-top: 210px;
}
}/*-----------------------------*/

#index05 .stit_h2{
visibility: hidden;
}

#index05 .txt_box{
width:94%;
background:rgba(255, 255, 255, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px 12px 0;
z-index: 99;
position: relative;
margin: -50px auto 20px;
}

#index05 .txt01{
font-size:15px;
line-height: 1.5;
font-weight:bold;
text-align: center;
}

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

#index05 .txt01 br{
display: none;
}

#index05 .txt01 .txt18{
font-size:15px;
}

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

#index05 .txt01 .em{
background: #eb6100;
display: inline-block;
padding: 0 4px;
color:#fff;
font-size:105%;
}

#index05 .txt_box h3.stit01{
font-size:22px;
line-height: 34px;
margin: 20px auto;
text-align: center;
letter-spacing: 2px;
}

#index05 .txt_box h3 .em{
font-size:120%;
position: relative;
display: inline-block;
}

#index05 .txt_box h3 em:before {
display: inline-block;
content: "";
width: 100%;
height:8px;
bottom: 6px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}

#index05 .txt02{
padding: 0 5% 30px;
}

#index05 .txt02 .em{
font-weight: bold;
position: relative;
font-size:120%;
padding-bottom: 2px;
background:url(/img/common/bo_y.gif) 0 bottom repeat-x;
z-index: 2;
}

#index05 .omoi_wrap{
background:url(/img/index/sp/bg_omoi.jpg) 50% top no-repeat #f7f7f7;
background-size:auto 95%;
padding-top: 20px;
overflow: hidden;
}


#index05 article .txt_box02{
background: #fff;
padding: 20px 15px 25px;
width:92%;
margin: 10px 5% 20px;
box-shadow:0px 2px 4px 0px #999;
position: relative;
}

#index05 article .txt_box02:after {
display: block;
content: "";
width: 100px;
height:10px;
top: 0px;
margin: auto;
position: absolute;
background: #313131;
z-index: 1;
}

#index05 article .txt_box02 h3,
#index05 article .txt_box02 h4{
font-size:18px;
margin-bottom: 14px;
line-height: 28px;
}

#index05 article .txt_box02 p{
font-size:14px;
line-height: 1.8;
letter-spacing: 0;
}

#index05 article .txt_box02 p em{
font-weight: bold;
position: relative;
padding-bottom: 2px;
background:url(/img/common/bo_y.gif) 0 bottom repeat-x;
z-index: 2;
}

#main #faq{
text-align: center;
padding-bottom: 10px;
}

#main #faq h2{
margin: 20px auto;
display: inline-block;
background:url(/img/index/i_faq.png) 0 50% no-repeat;
background-size:auto 70px;
padding-left: 80px;
padding-top: 10px;
font-size:22px;
height: 74px;
}

#main #faq h2 span{
color:#999;
font-size:14px;
font-weight: normal;
display: block;
}

#main #faq .acc{
text-align: left;
width:92%;
margin: 0 auto 25px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #c9c9c9;
background:#fff;
padding: 12px 12px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#main #faq .acc dt{
color:#003d6b;
position: relative;
cursor: pointer;
font-weight: bold;
}

#main #faq .acc dt:before {
display: block;
content: "";
width: 18px;
height:18px ;
top: 0;
right: 0;
bottom:0;
margin: auto;
position: absolute;
background: url(/img/common/arrow_open.png) 50% 55% no-repeat #003d6b;
background-size: 12px auto;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}

#main #faq .acc dt.active:before {
background: url(/img/common/arrow_close.png) 50% 45% no-repeat #003d6b;
background-size: 12px auto;
}

#main #faq .acc dt i{
margin-top: 16px;
position: absolute;
left:0;
text-align: center;
font-size:18px;
display: inline-block;
width:50px;
height:24px;
line-height: 24px;
color:#fff;
font-style: normal;
background: #0871c4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
font-family: 'Oswald', sans-serif;
}

#main #faq .acc dt i:before {
display: block;
content: "Qestion";
font-size:14px;
letter-spacing: 0;
width:50px ;
height:20px ;
top: -24px;
left: 0;
right: 0;
letter-spacing: 0.2px;
margin: auto;
font-family: 'Oswald', sans-serif;
font-style: italic;
position: absolute;
color:#0871c4;
font-weight: bold;
/*background: url(/img/index/i_q.png) 50% 50% no-repeat;*/
}

#main #faq .acc dt span{
font-size:16px;
line-height: 1.4;
display: block;
padding-left:58px;
padding-right:25px;
}

#main #faq .acc dd{
margin-top:20px;
padding-top: 24px;
position: relative;
font-size:14px;
line-height: 1.7;
}

#main #faq .acc dd:before {
display: block;
letter-spacing: 0.2px;
content: "Answer";
font-size:14px;
width:100%;
height:16px;
top: 0;
left: 2px;
right: 0;
margin: auto;
font-family: 'Oswald', sans-serif;
font-style: italic;
position: absolute;
color:#d90e48;
font-weight: bold;
/*background: url(/img/index/i_q.png) 50% 50% no-repeat;*/
}

/*----------------------------------------------------
	sidebar
----------------------------------------------------*/
aside{
text-align: center;
padding: 20px 0 20px;
}

.side_bnr{
margin-bottom: 30px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.side_bnr.pc_only{
margin-bottom: 0;
}

.side_bnr li{
width:48%;
margin-bottom: 14px;
}

aside .news_box{
margin-bottom: 20px;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
}

aside .news_box h4{
padding-top: 15px;
background: url(/img/index/fuki_gray.png) 50% bottom no-repeat;
padding-bottom: 10px;
}

aside .news_box h4 img{
height:64px;
}

aside .news_box .btn_blue02{
padding: 22px 0;
}

aside .news_box ul{
padding: 5px 18px 10px;
}

aside .news_box li{
padding-top: 5px;
padding-bottom: 5px;
/*border-bottom: 1px dashed #999;*/
background-image: linear-gradient(to right, #ccc, #ccc 6px, transparent 1px, transparent 4px);
background-size: 9px 1px;
background-position: bottom;
background-repeat: repeat-x;
}

aside .news_box li:last-child{
background: none;
}

aside .news_box li .date{
display: inline-block;
font-size:12px;
font-weight: bold;
padding: 3px 0 0;
}

aside .news_box .cate{
font-size:10px;
color:#fff;
display: inline-block;
background: #003d6b;
text-align: center;
padding: 0 5px;
}

aside .news_box .cate.cate1{
background: #003d6b;
}

aside .news_box .cate.cate2{
background: #068f60;
}

aside .news_box .tit{
color:#2578be;
display: block;
font-size:14px;
padding: 2px 0 8px;
}

aside .news_box .tit a{
color:#2578be;
}

.btn_blue02 a{
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:150px;
line-height: 38px;
color:#2578be;
background:url(/img/common/arrow_blue.png) 96% 50% no-repeat #ecf8ff;
border: 1px solid #207fca;
background-size: 8px auto;
}

.box_tc{
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
padding: 15px 12px;
text-align: center;
width:94%;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.box_tc .txt_box.tL{
padding-left: 3px;
text-align: center;
margin-bottom: 10px;
}

.box_tc .txt_box .name{
font-size:20px;
margin: 20px auto 14px;
}

.box_tc .img2 img{
vertical-align: middle;
}

.box_tc p.add{
font-size:12px;
}

.box_tc ul{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:14px;
padding-top: 2px;
overflow:hidden;
margin-bottom: 15px;
}

.box_tc ul li{
display: inline-block;
}

.box_tc a.tel{
vertical-align: bottom;
}

.box_tc span{
display: inline-block;
background: #0871c4;
color:#fff;
font-size:11px;
line-height: 1.3;
padding: 0 4px;
}

.box_tc .img2 img{
display: inline-block;
padding: 5px 1px;
width:120px;
}

.box_tc .img2 img.indeed{
width:90px;
}

aside .inq_box2{
padding: 30px 20px;
letter-spacing: 0px;
width:94%;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
aside .inq_box2{
padding: 30px 4%;
}


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

aside .inq_box2 .txt{
color:#fff;
background: #0871c4;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
height:36px;
font-size:18px;
line-height: 36px;
padding: 0 20px;
letter-spacing: 0.4px;
display: inline-block;
margin-bottom: 15px;
}

aside .inq_box2 .time{
font-size:12px;
}

aside .inq_box2 .tel{
display: inline-block;
color:#0871c4;
font-family: 'Oswald', sans-serif;
/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
background: url(/img/common/i_tel.png) 0 50% no-repeat;
background-size: 30px auto;
line-height: 30px;
letter-spacing: -0.2px;
font-size:36px;
font-weight: bold;
padding-left: 35px;
}

.btn_orange2 a{
font-size:15px;
letter-spacing: 0;
line-height: 50px;
height: 48px;
box-shadow:0px 3px 0px -1px #999;
background: url(/img/common/i_mail.png) 30px 50% no-repeat #eb6100;
background-size:30px auto;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-align: left;
padding: 0 30px 0 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

aside .inq_box2 .txt2{
font-weight: bold;
position: relative;
line-height: 1.3;
margin-bottom: 10px;
display: inline-block;
}

aside .inq_box2 .txt2:before {
display: block;
content: "〈";
width: ;
height: ;
top: 0;
bottom:0;
left: -1.2em;
margin: auto;
position: absolute;
}

aside .inq_box2 .txt2:after {
display: block;
content: "〉";
width: ;
height: ;
top: 0;
bottom:0;
right: -1.2em;
margin: auto;
position: absolute;
}


aside .inq_box2 li:first-child{
padding-bottom: 20px;
/*border-bottom: 1px dashed #999;*/
background-image: linear-gradient(to right, #c9c9c9, #c9c9c9 6px, transparent 1px, transparent 4px);
background-size: 9px 1px;
background-position: bottom;
background-repeat: repeat-x;
margin-bottom: 20px;
}

/*----------------------------------------------------
	column
----------------------------------------------------*/

.column01{
padding: 74px 12px 12px 31%;
background:url(/img/column/img01.jpg) 0 70px no-repeat #fff;
background-size:28% auto;
position: relative;
}

.column01 .txt01{
position: absolute;
font-size:16px;
left:15px; 
top:15px;
background:url(/img/column/icon01.png) 5px 2px no-repeat;
background-size:30px auto;
padding:0px 10px 5px 40px;
line-height: 1.45;
}

.column01 p.txt18{
font-size:14px;
}

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

.column01{
padding: 74px 12px 12px 31%;
background:url(/img/column/img01.jpg) 0 bottom no-repeat #fff;
background-size:28% auto;
}

.column01 p.txt18{
font-size:13px;
letter-spacing: 0;
}

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

.column01 h2{
margin-bottom: 10px;
}

.column02{
padding: 30px 3% 0px;
}

.stit_bt .new{
background: #e60012;
color:#fff;
font-size:14px;
margin-right: 12px;
font-weight: normal;
padding: 0px 4px 0px 5px;
display: inline-block;
font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
}

/*
ul.new_list {
overflow: hidden;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}


.new_list li{
margin-bottom: 20px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}


li .tit{
position: relative;
color:#2578be;
font-size:16px;
display: block;
margin: 15px 0 8px;
}

{
color:#fff;
display: inline-block;
font-size:13px;
background: #07b177;
padding: 2px 7px;
}*/

#page .column03{
padding: 20px 0 20px;
}

.archive .column03{
padding: 20px 3% 20px;
}

#column .column04{
padding: 25px 3%;;
}

#news .column03{
padding: 20px 3%;
}

ul.new_list
.archive_list ul{
margin: 20px auto 10px;
}

.new_list li,
.archive_list li{
position: relative;
font-size:15px;
padding: 10px 0;
margin-bottom: 4px;
overflow: hidden;
clear:both;
position: relative;
}


.archive_list li.new .img,
.new_list li.new .img {
position: relative;
}

.archive_list li.new .img:after,
.new_list li.new .img:after {
display: block;
content: "";
width: 30px;
height: 30px;
top: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/column/i_new.png) 50% 50% no-repeat;
background-size: 30px auto;
}

#page .new_list li,
#page .archive_list li,
#column .new_list li,
#column .archive_list li{
background:url(/img/common/arrow_gray.png) 100% 50% no-repeat;
background-size: 8px auto;
}

#news .archive_list li{
padding: 12px 0px 15px;
/* border-bottom: 1px dashed #999; */
background-image: linear-gradient(to right, #d1d1d1, #d1d1d1 3px, transparent 1px, transparent 4px);
background-size: 5px 1px;
background-position: bottom;
background-repeat: repeat-x;
}

.new_list li .img,
.archive_list li .img{
width:96px;
float:left;
border:1px solid #c9c9c9;
display: inline-block;
margin-top: 5px;
}

.archive_list li .txt_box{
padding-left:108px; 
padding-right: 10px;
}

.new_list li .txt_box{
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-direction:column;
}

.new_list li .cate{
order: -1;
}

.new_list li .tit,
.archive_list li .tit{
color:#2578be;
display: block;
padding-right: 8px;
/*font-weight: bold;*/
}

.new_list li .tit{
margin-left: 10px;
}

.archive_list li .tit a{
color:#2578be;
}

.new_list li .cate,
.archive_list li .cate{
margin: 0 0 8px;
color:#fff;
letter-spacing: -0px;
display: block;
font-size:11px;
}
#news .archive_list li .date{
font-size:13px;
}
#news .archive_list li .cate{
display: inline-block;
margin: 0 0 5px;
}

#news .archive_list li .cate a{
display: inline-block;
font-size:12px;
padding: 0px 6px;
}

.new_list li .cate{
margin: 0px 0 8px 10px;
}

.archive_list li .cate {
margin: 0px 0 8px;
color: #fff;
display: inline-block;
font-size: 12px;
background: #07b177;
padding: 0 7px;
}

.sidebar .cate1,
.news_content .cate1 {
background: #053E69 !important;
}


.related_list li .cate{
margin: 0 0 6px;
color:#fff;
display: inline-block;
font-size:10px;
letter-spacing: -0.2px;
line-height: 1.4;
font-weight: normal;
}

li .cate a{
color:#fff;
}

.new_list li .cate i,
.archive_list li .cate i{
display: inline;
padding: 3px 7px 4px;
background: #07b177;
}

.btn_more{
text-align: center;
margin: 0px auto 10px;
}

.btn_more a{
text-align-last: center;
display: block;
font-size:16px;
margin:10px auto 30px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 200px;
line-height: 38px;
color: #2578be;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #ecf8ff;
border: 1px solid #207fca;
background-size: 8px auto;
}

.btn_more  a:hover{
text-decoration: none!important;
opacity: .8;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #fff;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.archive_list li a.more:hover{
background-color: rgba(149,215,254,0.1);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.paginate {
  width: 610px;
  margin: -34px auto 0;
  overflow: hidden;
}

.paginate .prev {
  float: left;
}

.paginate .prev a:after {
  border-width: 5.5px 8px 5.5px 0;
  border-color: transparent #ee6b93 transparent transparent;
  left: 60px;
  top: 15px;
}

.paginate .next {
  float: right;
}

.paginate .next a:after {
  border-width: 5.5px 0 5.5px 8px;
  border-color: transparent transparent transparent #ee6b93;
  right: 60px;
  top: 15px;
}

.paginate a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 43px;
  line-height: 43px;
  width: 252px;
  text-align: center;
  font-size: 14px;
  position: relative;
}

.paginate a:after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.archive-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.archive-link a {
  display: block;
  width: 174px;
  height: 28px;
  line-height: 28px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0;
  border-radius: 15px;
  padding-top: 1px;
}

.archive-pagenate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.archive-pagenate a,
.archive-pagenate span {
  display: block;
  border-radius: 3px;
  background-color: #f9f9f9;
  color:#333;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  text-align: center;
  margin-left: 6px;
}

.archive-pagenate a:first-child,
.archive-pagenate span:first-child {
  margin-left: 0;
}

.archive-pagenate a.current,
.archive-pagenate span.current {
  background-color: #ccc;
  color:#fff;
}

.archive-pagenate a:hover{
text-decoration: none;
  background-color: #ccc;
}

.pagenate {
overflow: hidden;
margin: 30px auto 40px;
}

.pagenate .prev a{
float:left;
display: inline-block;
width:50%;
}

.pagenate .next a{
float:right;
display: inline-block;
width:49%;
text-align: right;
}

.column_related{
padding: 25px 3% 10px;
background:url(/img/common/fuki_w.png) 50% top no-repeat #f7f7f7;
background-size: 20px auto;
}

.stit_navy{
background: #003d6b;
color:#fff;
font-size:18px;
text-align: center;
line-height: 2;
margin-bottom:20px;
}

ul.related_list  {
overflow: hidden;
}

.related_list li{
float:left;
background: #fff;
margin:0 1% 20px;
border: 1px solid #c9c9c9;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.related_list li:after{
display: block;
content: "";
width:100% ;
height: 3px;
bottom:-3px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #cfcfcf;
}

.related_list li:nth-child(10),
.related_list li:nth-child(7),
.related_list li-:nth-child(4){
clear:both;
}

.related_list li .img{
display: block;
position: relative;
width:34%;
overflow: hidden;
float:left;
}

/*
.related_list li .img img{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
z-index: 999;
width: 100%;
}*/

.related_list li .cate{
margin: 0 0 6px;
color:#fff;
display: inline-block;
font-size:10px;
letter-spacing: -0.2px;
line-height: 1.4;
font-weight: normal;
}

i{font-weight: normal;}

.related_list li .cate i{
color:#fff;
display: inline;
padding: 3px 7px 4px;
background: #07b177;
}

.cate a {
    background: #07b177 !important;
}

.sidebar cate1,
.news_content cate1{
background: #053E69 !important;
}

.related_list li .txt_box{
padding: 5px 8px 10px 36%;
position: relative;
z-index: 999;
}

.related_list li .tit{
display: block;
margin-top: 3px;
font-size:15px;
line-height: 1.4;
height:2.8em;
letter-spacing: 0.2px;
overflow: hidden;
}

.related_list li .tit a{
color: #0871c4;
}

.cate_list{
margin-top: -10px;
}

.cate_list li {
background-image: linear-gradient(to right, #999, #999 3px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding: 8px 5px 0;
}

.cate_list li a {
position: relative;
font-size: 15px;
margin-bottom: 4px;
overflow: hidden;
background: url(/img/column/post_link.png) 0px 5px no-repeat;
color: #0871c4;
text-decoration: underline;
padding-left: 20px;
display: inline-block;
}

.article_wrap{
padding: 0 3% 30px;
}

#news .article_wrap{
padding: 0 3% 10px;
}

.post_head .cate a{
color:#fff;
font-weight: normal;
font-size:12px;
padding: 0 15px;
line-height: 26px;
display: inline-block;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}

.post_head .post_tit{
font-size:18px;
padding: 20px 0 10px;
line-height: 1.4;
}

.post_head .tag{
border-bottom:1px solid #c9c9c9;
border-top:1px solid #c9c9c9;
padding: 10px 0px 3px;
text-align: center;
}

.post_head .tag li{
display: inline-block;
padding: 0 3px;
}

.post_head .tag li a{
font-size:12px;
display: inline-block;
border: 1px solid #0871c4;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 20px;
height:20px;
padding: 0 8px 0 26px;
margin-bottom: 8px;
color:#0871c4;
background:url(/img/column/i_tag.png) 6px 50% no-repeat #fff;
background-size: 18px auto;
}

.post_head .tag li a:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
background:url(/img/column/i_tag.png) 10px 50% no-repeat #ecf8ff;
}

.post_head_thumbnail{
margin: 25px 0 10px;
display: block;
text-align: center;
}

.post_content{
padding: 10px 0;
text-align: start;
}

.post_content p{
margin-bottom: 1.5em;
font-size:15px;
}

.post_content .aligncenter{
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

.post_content .alignleft{
text-align: left;
display: block;
float:left;
}

.post_content .alignright{
text-align: right;
display: block;
float:right;
}

.post_content a{
margin-bottom: 10px;
background:url(/img/column/post_link.png) 0px 50% no-repeat ;
padding-left: 18px;
color:#0871c4;
text-decoration: underline;
}

.post_content a:hover{
text-decoration: none;
}

#news .post_head .post_tit{
border-bottom: 1px solid #c9c9c9;
padding: 20px 0 0px;
}

#news .post_head .post_tit span{
display: inline-block;
line-height: 50px;
border-bottom: 4px solid #313131;
line-height: 1.5;
padding-bottom: 8px;
}


#news .btn_back{
margin: 20px auto;
text-align: center;
}

#news .btn_back a{
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:16px;
background:url(/img/index/arrow_b.png) 96% 50% no-repeat #fff;
line-height: 48px;
height: 48px;
width: auto;
font-weight: bold;
padding: 0 30px;
border: 1px solid #c9c9c9;
position: relative;
text-decoration: none;
}

#news .btn_back a:hover{
opacity: 1;
background-color: rgba(149,215,254,0.1);
-webkit-transition: all .4s linear;
transition: all .4s linear;
color:#0871c4;
border: 1px solid #999;
}

.addtoany_content{

}

.addtoany_content {
    clear: both;
    margin: 10px 0;
}

.post_content .addtoany_list{
max-width: 100%!important;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack:center;
     justify-content:center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.post_content .addtoany_list a{
margin: 0 4px;
}

.post_content .addtoany_list a:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.addtoany_list.a2a_kit_size_32 a>span {

}

.a2a_svg svg {
height: 32px !important;
}

.post_content #toc_container a{
background:none ;
padding-left: 0px;
}

.post_content #toc_container {
margin:0 auto 2em;
}

#toc_container.no_bullets li{
text-indent: -1em;
padding-left: 1em;
}

#toc_container ul ul {
 margin-left: 0em;
}

#toc_container.no_bullets ul ul li{
text-indent: -2em;
padding-left: 2em;
}

.post_content a.no_icon,
.addtoany_list a{
background:none ;
padding-left: 0px;
width:32px;
text-decoration: none;
}

.post_content a.no_icon:hover{
text-decoration: underline;
}

.post_content .lkc-info{
display: none;
}

.post_content .lkc-thumbnail {
display: inline-block;
max-width: 150px;
max-height: 150px;
padding: 0;
margin: 0 25px 4px 0;
float: left;
}

.post_content .lkc-thumbnail-img {
width: 150px;
max-height: 150px;
border: 1px solid #ccc;
}

.post_content .lkc-thumbnail-img img{
display: block;
}

.post_content .lkc-title {
margin-bottom: 15px;
display: block;
}

/*----------------------------------------------------
	flow
----------------------------------------------------*/

.tabBox .content{
padding: 25px 3% 25px;
font-size:15px;
}

#flow.tabBox .content{
padding: 25px 0 0;
}

.tabBox .content .stit_bt{
margin-bottom: 25px;
}

.tabBox .tabs{
border-bottom: 2px solid #fff;
}

.tabBox .tabs li{
width:50%;
float:left;
font-size:12px;
line-height: 2em;
text-align: left;
font-weight: bold;
background: #f5f5f5;
/*border-bottom: 1px solid #eee;*/
padding: 2px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.tabBox .tabs li a{
position: relative;
display:block;
line-height: 1.3;
background:url(/img/flow/tab_arrow02.png) 3% 50% no-repeat #fff;
background-size:20px auto;
border: 2px solid #0068b7;
padding: 10px 3px 10px 30px;
letter-spacing: 0.2px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
-webkit-transition: all .4s linear;
transition: all .4s linear;
color:#0068b7;
text-decoration: none;
}

.tabBox .tabs li a span.txt_b{
display: block;
}

.tabBox .tabs li a span.txt16{
display: block;
font-size:10px;
}

.tabBox .tabs li a:hover{
background:url(/img/flow/tab_arrow01.png) 3% 50% no-repeat #f7f7f7;
background-size:20px auto;
}

.tabBox .tabs li.active a,
.tabBox .tabs li.active a:hover{
background:url(/img/flow/tab_arrow01.png) 3% 50% no-repeat #0068b7;
border: 2px solid #0068b7;
background-size:20px auto;
color:#fff;
}

.tabBox .tabs li.active a .txt_b {
color: #fff;
}

.tabBox .content .step{
margin-bottom: 10px;
padding: 0 0px 30px;
position: relative;
}

#flow.tabBox .content .step{
padding: 0 3% 30px;
}

#flow.tabBox #tab1.content .step01{
padding: 0 0 30px;
}

.tabBox .content article .bg_gray{
border: 1px solid #c9c9c9;
padding: 15px 15px 10px;
margin: 10px auto 10px;
font-size:14px;
}

.tabBox .content article .bg_aqua{
background: url(/img/flow/icon01.png) 3% 20px no-repeat #d5f2ff;
background-size: 72px auto;
padding: 15px 10px 15px 84px;
margin: 20px auto 10px;
}

.tabBox .content article .bg_aqua h4{
letter-spacing: 0;
font-size: 16px;
margin-bottom: 5px;
}

.tabBox .content article .bg_aqua p{
font-size:13px;
}

.tabBox .content article .bg_gray .h_trial img{
height:85px;
}


#flow .content article h3{
padding-left: 90px;
position: relative;
}

#flow .content article h3.stit_bo.em{
padding-left: 12px;
}

#flow .content article h3 em{
font-size:12px;
display: inline-block;
padding-left: 78px;
letter-spacing: 0.4px;
margin-bottom: 12px;
} 

#flow .content article h3 span{
position: absolute;
left:10px;
top:7px;
background: #0871c4;
color:#fff;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
line-height: 28px;
width:72px;
display: inline-block;
font-family: 'Oswald', sans-serif;
/*
font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, sans-serif;*/
font-size:14px;
text-align: center;
vertical-align: middle;
}

#flow .content article:after {
display: block;
content: "▼";
text-align: center;
width:100%;
line-height: 1;
bottom: 5px;
left: 0;
right:0;
font-size:22px;
margin: auto;
position: absolute;
color:#003d6b;
}

#flow .content article.step04{
padding-bottom: 0px;
margin-bottom: 0;
}

#flow .content article.step04:after {
display: none;
}

/*
#flow .btn_rose a{
margin: 20px auto 20px;
text-align: center;
font-size:16px;
letter-spacing: 0;
width: 250px;
line-height: 50px;
height: 50px;
box-shadow:0px 3px 0px -1px #999;
background: url(/img/common/arrow_w.png) 96% 50% no-repeat #d90e48;
background-size:15px auto;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}*/

#flow article .btn_orange a{
margin: 30px auto 10px;
position: relative;
width: 280px;
line-height: 42px;
height: 42px;
font-size:16px;
display: block;
padding-right: 10px;
padding-left: 0px;
text-align: center;
background: url(/img/common/arrow_w.png) 96% 50% no-repeat #eb6100;
}

#flow .content h4.txt_o{
background: #feeeff;
color:#da1556;
border: 1px solid #da1556;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
line-height:1.4;
text-align: center;
font-size:16px;
padding: 10px 10px;
margin: 30px auto 0;
letter-spacing: 0;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

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

#flow .content h4.txt_o{
font-size:14px;
}

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

.img{
text-align: center;
}
#flow .img01{
width:180px;
padding-bottom: 10px;
}

/*----------------------------------------------------
	partner
----------------------------------------------------*/

.improve01 .fuki_box{
background: url(/img/improve/img01.jpg) 96% bottom no-repeat #fafafc;
background-size: 26% auto;
padding: 24px 20% 24px 18px;
margin-bottom: 20px;
text-align: left;
}

.arrow_box {
font-size:18px;
font-weight: bold;
line-height: 1.3;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 12px;
margin-bottom: 20px;
position: relative;
background: #ffffff;
border: 2px solid #313131;
}


.arrow_box em{
font-size:19px;
}

.arrow_box.fuki01{
width:100%;
}

.arrow_box.fuki02{
width:86%;
margin-left: 0px;
}

.arrow_box:after, .arrow_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
margin-top: -10px;
}
.arrow_box:before {
border-color: rgba(49, 49, 49, 0);
border-left-color: #313131;
border-width: 13px;
margin-top: -13px;
}

.improve01{
text-align: center;
}

.improve01 h2.stit{
font-size:22px;
line-height: 1.4;
z-index: 2;
position: relative;
display: inline-block;
margin: 0 auto;
}

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

.improve01 h2.stit{
font-size:21px;
letter-spacing: 0;
}

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

.improve01 h2.stit:before{
display: block;
content: "";
width: 100%;
height:8px;
bottom: 2px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #78bede;
z-index: -1;
padding-right: 4px;
}

.improve01 .txt01{
margin:20px auto 30px;
text-align: left;
font-size:15px;
}

.improve01 .txt01 em{
font-size: 120%;
}

.improve01 .list01{
margin: 10px auto;
}

.improve01 .list01 p{
letter-spacing: 0.2px;
}

.improve01 p.tLsp{
padding-left:5px; 
}

.improve01 .list01 li{
text-align: left;
font-size:18px;
background-image: linear-gradient(to right, #c9c9c9, #c9c9c9 3px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding: 16px 0 14px 62px;
}

.improve01 .list01 li:last-child{
background: none;
}

.improve01 .list01 li i{
position: absolute;
left:10px;
top:0;
bottom:0;
margin: auto;
width:40px;
height:40px;
}

.improve01 .list01 li i img{
width:40px;
}

.improve01 .imgL{
display: block;
text-align: center;
}

.improve01 .imgL img{
height:150px;
padding-bottom: 10px;
}
.improve02 .link_list {
margin: 30px auto 30px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.improve02 .link_list li{
width:30%;
float:left;
background: #fff;
height:30%;
font-size:17px;
font-weight: bold;
}

.improve02 .link_list li:first-child{
margin-left: 0;
}

.improve02 .link_list li span.img{
border: 1px solid #cdcdcd;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
padding: 5px;
}

/*
.improve02 .link_list li span.img img{
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}*/

.improve02 .improve_content{
padding:10px 3% 30px;
}

.improve02 .stit_bo02 {
padding: 8px 0;
line-height: 1.4;
font-size: 20px;
border-bottom: 2px solid #c9c9c9;
margin-bottom: 20px;
vertical-align: middle;
text-align: center;
}

.improve02 .mk{
margin-bottom: 18px;
}

.improve02 .mk li{
font-size:15px;
line-height: 1.8;
text-indent: -1em;
padding-left:1em;
}

.improve02 h4.bg_yellow{
margin: 20px auto;
}

.improve02 .imgL{
display: block;
text-align: center;
}

.improve02 .imgL img{
height:120px;
padding-bottom: 10px;
}

.improve02 h4.bg_yellow span{
display: inline-block;
border: 2px solid #333;
background: #f4e827;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size:16px;
text-align: center;
padding: 6px 28px 5px;
font-weight: bold;
}

.improve02 .marker2{
background: url(/img/common/bg_yellow.png) 0 85% repeat-x ;
background-size: auto 3px;
display: inline;
padding: 0 2px 4px;
}

.improve02 .link_arrow{
border-bottom: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
font-size:16px;
padding: 6px;
margin: 20px auto 38px;
}

.improve02 .link_arrow a{
background: url(/img/common/link_arrow.png) 0 50% no-repeat;
padding-left: 26px;
display: inline-block;
line-height: 22px;
text-decoration: none;
}

.improve02 .txt_b.bb{
border-bottom: 1px solid #0871c4;
}

.inq03{
background: #002745;
padding:30px 0px;
position: relative;
color:#fff;
}

.inq03:before{
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 15px solid #fff;
}

.inq03 .stit{
color:#fff;
border: 2px solid #fff;
font-size:18px;
padding: 10px;
margin: 0 30px;
}

.inq03 .txt_box{
padding:20px 0 20px 0;
}

.inq03 .txt_box p{
padding-left:3%;
padding-right:3%;
} 

.inq03 .txt_box2{
background: url(/img/improve/inq03_img.png) left 50% no-repeat ;
background-size: 36% auto;
padding-left: 38%;
}


.inq03 .bg_w{
padding: 20px 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#333;
}
/*
.inq03 ul{
padding: 15px 0;
overflow: hidden;
background: #fff;
}

.inq03 ul li{
padding: 0 0;
text-align: center;
font-size:18px;
display: inline-block;
line-height: 1.3;
}

.inq03 ul li p.fb{
line-height: 1;
margin-bottom: 8px;
}

.inq03 ul li.left{
background-image: linear-gradient(to bottom, #999, #999 5px, transparent 1px, transparent 5px);
background-size: 1px 8px;
background-position: right;
background-repeat: repeat-y;
text-align: center;
width:390px;
}

.inq03 ul li.right{
width:270px;
}

.inq03 ul li .tel{
display: block;
color:#0871c4;
font-family: 'Oswald', sans-serif;

background: url(/img/common/i_tel.png) 22px 50% no-repeat;
line-height: 52px;
font-size:55px;
font-weight: bold;
letter-spacing: 0;
padding-left: 50px;
margin-bottom: 4px;
}

.inq03 ul li .time{
font-size:14px;
}*/


/*----------------------------------------------------
	partner
----------------------------------------------------*/

.partner01 p.bg_blue02{
line-height: 1.4;
background: url(/img/partner/stit_bg01.png) right 50% no-repeat #003d6b;
background-size: auto  100%;
font-size:15px;
margin-top: 15px;
padding:10px 28px 10px 12px;
display: inline-block;
}

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

.partner01 p.bg_blue02{
font-size:13px;
letter-spacing: 0.4px;
}
}/*-----------------------------*/

.partner01 h2.stit{
letter-spacing: 0.3px;
line-height:1.4;
padding:15px 12px 25px 15px;
}

.partner01 .marker2{
background: url(/img/common/bg_yellow.png) 0 bottom repeat-x ;
display: inline;
padding: 0 2px 4px;
}

.partner01 h3.bg_blue01{
-webkit-border-radius: 3px 3px 0 0 ;
-moz-border-radius: 3px 3px 0 0 ;
border-radius: 3px 3px 0 0 ;
line-height: 1.4;
background: url(/img/partner/icon01.png) 10px 50% no-repeat #0871c4;
background-size: 60px auto;
padding:15px 15px 10px 74px;
font-size:19px;
}

.partner01 .list01 em,
.partner01 h3.bg_blue01 em{
font-size:110%;
}
.partner01 .list01{
padding: 12px 12px 10px;
border-left: 2px solid #c9c9c9;
border-right: 2px solid #c9c9c9;
border-bottom: 2px solid #c9c9c9;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
font-size:15px;
font-weight: bold;
letter-spacing: 0.3px;
margin-bottom: 30px;
}

.partner01 .list01 i{
display: inline-block;
margin: 0 3px;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 32px;
width:32px;
height:32px;
color:#fff;
font-family: 'Oswald', sans-serif;
background: #0871c4;
text-align: center;
position: absolute;
top:0;
bottom:0;
left:4px;
margin: auto;
}

.partner01 .list01 li{
background-image: linear-gradient(to right, #c9c9c9, #c9c9c9 3px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding: 10px 0 10px 44px;
}

.partner01 .list01 li .txt_b{
background: url(/img/common/bg_yellow.png) 0 90% repeat-x ;
background-size: 100% 3px;
display: inline;
padding: 0 2px 4px;
}

.partner01 .list01 li:last-child{
background: none;
}

.partner01 .txt48{
color: #003d6b;
margin: 25px auto;
font-size:26px;
}

.partner01 .txt_box02 li{
padding-top: 120px;
background: url(/img/partner/sp/img02.png) 50% 0 no-repeat #fff;
background-size:90px auto;
margin-bottom: 30px;
text-align: center;
font-size:12px;
}

.partner01 .txt_box02 h4{
line-height: 1.5;
margin-bottom: 5px;
font-size:20px;
}

.partner02{
padding: 16px 3% 0;
}

.partner02 h2.stit{
margin-bottom: 40px;
background: url(/img/partner/indeed.png) 50% 0 no-repeat;
background-size: auto 50px;
padding-top: 60px;
line-height: 1.4;
letter-spacing: 1px;
text-align: center;
}

.partner02 h2.stit em{
padding: 0 3px;
}

.partner02 h3.bb{
padding: 10px 0;
font-size:20px;
text-align: center;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
margin-bottom: 15px;
}

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

.partner02 h3.bb{
font-size:18px;
letter-spacing: 0;
}

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

.partner02 .bg_w{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #333;
padding-bottom: 20px;
margin-bottom: 40px;
}

.partner02 .txt01{
position: relative;
top: -20px;
text-align: center;
}

.partner02 .txt01 span{
color:#fff;
display: inline-block;
font-size:18px;
font-weight: bold;
}

.partner02 .txt01 span.bg_oragne{
background: #eb6100;
padding: 4px 20px;
}

.partner02 .txt01 span.bg_green{
background: #22ac38;
padding: 4px 20px;
}

.partner02 .bg_aqua{
padding: 15px;
margin-bottom: 20px;
-webkit-border-radius:4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
}

.partner02 .bg_aqua p{
font-size:15px;
text-indent: -1em;
padding-left:1em;
letter-spacing: 0.8px;
}

.partner02 .bg_blue02{
font-size:16px;
line-height: 38px;
padding:0 26px;
position: relative;
overflow: visible;
margin-bottom: 14px;
}

.partner02 .bg_blue02:before {
display: block;
content: "";
width: 20px;
height: 8px;
top: 0;
left: -3px;
bottom: 0;
margin: auto;
position: absolute;
background: #fff100;
}

.partner02 .list02 li{
padding-left: 44px;
padding-top:7px;
min-height: 29px;
margin-bottom: 15px;
font-size:15px;
}

.partner02 .list02 i{
position: absolute;
left:0;
top:0;
bottom:0;
margin: auto;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 34px;
padding-right: 4px;
font-size:18px;
height:36px;
width:36px;
text-align: center;
background: url(/img/partner/fuki_bg.png) 50% 50% no-repeat #fff;
background-size: 36px auto;
color: #003d6b;
margin-right: 10px;
font-weight: bold;
font-family: 'Oswald', sans-serif;
}

.partner03 .stit_bt{
margin-bottom: 15px;
}

.partner03 .pd30{
margin: 30px 0;
}

.partner03 .list03 li{
background-image: linear-gradient(to right, #c9c9c9, #c9c9c9 5px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding: 12px 4px 12px 50px;
font-size:15px;
}

.partner03 .list03 li:last-child{
background:none;
}

.partner03 .list03 li i{
display: inline-block;
position: absolute;
width:46px;
height:46px;
color:#eb6100;
font-size:20px;
text-align: center;
left:0;
font-weight: bold;
padding-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: url(/img/partner/i_merit.png) 50% top no-repeat;
background-size:46px auto;
}

.partner03 .list03 li span {
display: inline-block;
/*border-left: 4px solid #0871c4;*/
line-height: 1.4;
font-weight: normal;
}

.partner03 .list03 li span em{
font-size: 110%;
}

.partner03 p.txt16.fb{
font-weight: normal;
}

.inq02{
background: url(/img/partner/bg_inq02.png) right top no-repeat #003d6b;
background-size: 52% auto;
color:#fff;
padding: 25px 4%;
}

.inq02 .img_box{
margin: 20px auto 10px;
display: block;
overflow: hidden;
}

.inq03 .img_box img,
.inq02 .img_box img{
vertical-align: middle;
}

.inq03 .img_box img.logo,
.inq02 .img_box img.logo{
width:140px;
}

.inq03 .img_box .bnr,
.inq02 .img_box .bnr{
display: block;
padding: 10px 10px 10px;
}

.inq03 .img_box img,
.inq02 .img_box img{
width:60%;
}

.inq03 .img_box img.indeed,
.inq02 .img_box img.indeed{
width:20%;
padding-left: 3%;
}

.inq02 h3,
.inq02 h4{
display: inline-block;
color:#fff;
font-size:17px;
padding: 5px;
border-top: 2px solid #fff;
font-weight: normal;
border-bottom: 2px solid #fff;
}

.inq03 .bg_w,
.inq02 .bg_w{
clear: both;
padding: 14px 12px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color:#333;
}

.inq03 .bg_w li.left,
.inq02 .bg_w li.left{
background-image: linear-gradient(to right, #999, #999 5px, transparent 1px, transparent 2px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 10px;
margin-bottom: 10px;
}

.inq03 .bg_w li p,
.inq02 .bg_w li p{
margin-bottom: 4px;
}

.inq03 .bg_w .tel,
.inq02 .bg_w .tel{
/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
font-family: 'Oswald', sans-serif;
font-size:36px;
font-weight: bold;
letter-spacing: 0.2px;
background: url(/img/common/i_tel.png) left 50% no-repeat;
background-size:30px auto;
color:#0871c4;
padding-left: 34px;
line-height: 1;
}

.inq03 .bg_w .time,
.inq02 .bg_w .time{
font-size:12px;
line-height: 1.3;
}

.inq01 .btn_orange a,
.inq03 .bg_w .btn_orange02 a,
.inq02 .bg_w .btn_orange02 a{
background: url(/img/common/i_mail.png) 40px 50% no-repeat #eb6100;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 17px;
line-height: 50px;
height: 50px;
width: 240px;
color: #fff;
box-shadow: 0px 3px 0px -1px #999;
position: relative;
padding-left: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*----------------------------------------------------
	firsttime
----------------------------------------------------*/
.firsttime01 .tit_box{
background: url(/img/first/sp/img01.png) -20px 80px no-repeat #fff;
background-size: 130px auto;
padding: 20px 4% 20px 4%;
}

.firsttime01 .stit{
font-size:24px;
letter-spacing: 0.3px;
line-height: 1.4;
padding: 0 10px;
margin-bottom: 30px;
}

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

.firsttime01 .stit{
font-size:22px;
margin-bottom: 20px;
}

.firsttime01 .stit span{
font-size:18px;
}

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

.firsttime01 .stit span{
font-size:20px;
}

.firsttime01 .txt21{
font-size:16px;
padding-left: 110px;
}

.firsttime01 .bg_green{
background:#07b177;
padding: 20px 3%;
}

.firsttime01 .bg_green i.q{
display: inline-block;
margin-right: 20px;
left: 12px;
position: absolute;
width:65px;
}

.firsttime01 .bg_green i.q img{
padding-top: 4px;
width:65px;
height:65px;
}

.firsttime01 .bg_green .fuki01{
margin-top: 8px;
display: inline-block;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:16px;
line-height: 1.4;
padding:8px 13px;
position: relative;
margin-left: 80px;
}

.firsttime01 .bg_green .fuki01:before {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -7px;
border: 8px solid transparent;
border-right: 14px solid #fff;
color: #fff;
}

.firsttime01 .bg_green .txt_box{
background: #40c399;
padding: 4px;
margin-top: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.firsttime01 .bg_green .txt_box .bg_w{
padding: 10px 10px;
}

.firsttime01 .bg_green .txt_box h4.stit02{
background: #fff100;
line-height: 1.4;
font-size:20px;
text-align: center;
padding: 8px;
}

.firsttime01 .bg_green .txt_box .list01{
width:310px;
margin: 0 auto 20px;
padding-top: 2px;
}

.firsttime01 .bg_green .txt_box .list01 li{
text-align: center;
padding: 10px 3px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 1.6;
margin-bottom: 12px;
}

.firsttime01 .bg_green .txt_box .list01.left li{
text-align: left;
padding: 5px 10px 5px 15px;
}

.firsttime01 .bg_green .txt_box .list01 li .marker{
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
font-size:22px;
}

.firsttime01 .bg_green .txt_box .list01 li .marker:before{
display: block;
content: "";
width: 100%;
height:4px;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff100;
z-index: -1;
padding-right: 10px;
}

.firsttime01 .bg_green .txt_box .list01.left li .marker.pr0:before{
padding-right: 0;
}

.firsttime01 .bg_green .txt_box .list01 li:before{
display: block;
content: "";
width: 10px;
height:100%;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
border-top: 1px solid #313131;
border-left: 1px solid #313131;
border-bottom: 1px solid #313131;
}

.firsttime01 .bg_green .txt_box .list01 li:after{
display: block;
content: "";
width: 10px;
height:100%;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
border-top: 1px solid #313131;
border-right: 1px solid #313131;
border-bottom: 1px solid #313131;
}

.firsttime01 .bg_green h5{
font-size:20px;
border: 2px solid #d40032;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 1.4;
padding: 10px;
margin: 0px auto 10px;
width:300px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}


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

.firsttime01 .bg_green .txt_box .list01{
width:270px;
}

.firsttime01 .bg_green .txt_box .list01 li .marker{
font-size:20px;
}

.firsttime01 .bg_green h5{
width:274px;
}

.firsttime01 .bg_green .txt_box .list01.left li{
text-align: left;
padding: 5px 8px 5px 10px;
letter-spacing: -0.2px;
}


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



.firsttime01 .bg_green .reason_box{
padding: 20px 2% 20px;
background: #003d6b;
}

#firsttime h3.bo_yellow{
font-size:21px;
color:#fff;
display: inline-block;
border-bottom: 4px solid #fff100;
line-height: 1.4;
margin-bottom: 25px;
}

#firsttime .firsttime03 h3.bo_yellow{
text-align: center;
}

.firsttime01 .bg_green .reason_box .tokucho{
padding: 0 0 20px;
}

.firsttime01 .bg_green .reason_box .tokucho li{
width: 260px;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color:#333;
font-size:14px;
min-height:260px;
letter-spacing: 0.3px;
margin:0 auto 20px;
}

.firsttime01 .bg_green .reason_box .tokucho li i{
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
display: block;
position: relative;
height:105px;
background: url(/img/first/bg_blue.gif) 0 bottom no-repeat #0050ff;
}

.firsttime01 .bg_green .reason_box i:after{
content: "";
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -10px;
border: 8px solid transparent;
border-bottom: 12px solid #fff;
}

.firsttime01 .bg_green .reason_box .tokucho li i img{
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.firsttime01 .bg_green .reason_box .tokucho li h4{
font-size:17px;
line-height: 1.4;
color:#0050ff;
margin: 20px auto 15px;
}

.firsttime01 .bg_green .reason_box .tokucho li:nth-child(2) h4{
margin: 14px auto 12px;
}

.firsttime01 .bg_green .reason_box .tokucho li p{
line-height: 1.7;
letter-spacing: 0.5px;
padding: 0 12px;
}

.firsttime01 .bg_green .reason_box .tokucho li p .marker{
position: relative;
text-align: center;
}

.firsttime01 .bg_green .reason_box .tokucho li p .marker:before{
display: block;
content: "";
width: 100%;
height:3px;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #f19149;
z-index: ;
}

.table_reason{
width:100%;
font-size:16px;
}

.table_reason th{
background: #ebebeb ;
padding: 8px 4px;
line-height: 1.3;
border: 1px solid #c9c9c9;
vertical-align: middle;
font-size:14px;
}

.table_reason th.blank{
border-left:1px solid #003d6b;
border-top:1px solid #003d6b;
background: #003d6b;
}

.table_reason th.bg02{
color:#fff;
background: #626262;
}

.table_reason td{
padding: 8px 8px;
border: 1px solid #c9c9c9;
background: #fff;
width:20%;
vertical-align: middle;
}

.table_reason td.bg_aqua,
.table_reason th.bg_aqua{
color:#0050ff;
font-weight: bold;
background: #ecf8ff;
}

.firsttime02{
padding: 50px 0 40px;
}

.firsttime02 .way {
font-weight: bold;
margin-bottom: 20px;
}

.firsttime02 .way li{
position: relative;
padding-left: 80px;
line-height: 1.4;
margin-bottom: 5px;
}

.firsttime02 .way i{
position: absolute;
left:0;
display: inline-block;
margin: 0 3px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 20px;
height:20px;
padding: 0 12px 0;
border: 1px solid #d40032;
color: #d40032;
}

.firsttime02 .way i.free{
color:#0871c4;
border: 1px solid #0871c4;
}

.firsttime02 .txt01{
padding: 10px;
font-size:15px;
}

.firsttime03 h4.txt18{
font-size:15px;
letter-spacing: 0.6px;
margin-bottom: 25px;
}

.firsttime03 .pd10{
padding: 10px 2%;
}

.firsttime03 p{
font-size:15px;
}

.firsttime03 ol.bg_gray{
padding: 10px;
font-size:15px;
letter-spacing: 0.3px;
font-weight: bold;
margin: 20px 0;
}

.firsttime03 ol li{
padding-left: 40px;
margin-bottom: 4px;
}

.firsttime03 ol i{
position: absolute;
left:0;
display: inline-block;
margin: 0 3px;
font-size:14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 22px;
width:24px;
height:22px;
color:#0871c4;
border: 2px solid #0871c4;
margin-right: 6px;
font-family: 'Oswald', sans-serif;
background: #fff;
text-align: center;
}

.firsttime03 ol li{
margin: 5px 0 8px;
}
/*
.firsttime03 .bg_gray{
width:110%;
margin-left: -5% !important;
}*/

.firsttime03 .btn_sample{
margin: 12px auto 40px;
}

.firsttime03 .btn_sample a{
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size:16px;
background:url(/img/common/arrow_w.png) 96% 50% no-repeat #07b177;
line-height: 48px;
height: 48px;
width:240px;
font-weight: bold;
box-shadow:0px 3px 0px -1px #999;
position: relative;
color:#fff;
text-decoration: none;
text-shadow:0px 1px 1px #999;
letter-spacing: 3px;
}

.reason_box02{
background: #003d6b;
padding: 30px 20px 20px;
margin-bottom: 50px;
position: relative;
}

.reason_box02:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(200, 78, 89, 0);
border-top-width:12px;
border-bottom-width:12px;
border-left-width:10px;
border-right-width:10px;
margin-left: -10px;
border-top-color:#fff;
top:0;
left:50%;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.reason_box02{
padding:25px 15px 18px;
}

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

.reason_box03 ul{
text-align: left;
}

.reason_box03 ul h4{
font-weight: bold;
font-size:18px;
padding-left: 38px;
margin-bottom: 10px;
}

.reason_box03 li{
margin-bottom: 20px;
}

.reason_box03 li{
padding-left: 94px;
background-size: 80px auto !important;
}

.reason_box03 li.r01{
background: url(/img/first/reason01.png) 0 0 no-repeat;
}

.reason_box03 li.r02{
background: url(/img/first/reason02.png) 0 0 no-repeat;
}

.reason_box03 li.r03{
background: url(/img/first/reason03.png) 0 0 no-repeat;
}

.reason_box03 li h4 i{
position: absolute;
left:94px;
background: #003d6b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#fff100;
font-size:18px;
padding: 0 4px;
font-family: 'Oswald', sans-serif;
}

.reason_box03 li p{
font-size:15px;
padding-bottom: 10px;
letter-spacing: 1px;
}

.reason_box03 li{
margin-bottom: 30px;
}
/*----------------------------------------------------
	price
----------------------------------------------------*/

#price .content h3.stit_bo{
padding: 10px 10px 8px;
}

#price .content h3.stit_bo span{
background: #0871c4;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 24px;
width:24px;
display: inline-block;
margin-right: 10px;
font-size:16px;
text-align: center;
margin-top: -5px;
vertical-align: middle;
}

#price .page_link{
margin: 10px auto 30px;
display: block;
width:96%;
}

#price .page_link li{
height:85px;
border:1px solid  #0871c4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*overflow: hidden;*/
text-align: center;
padding: 10px 10px 24px;
margin-bottom: 46px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#price .page_link li .img img{
position: absolute;
top: 40%;
left:12px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:120px;
}

#price .page_link li:before {
display: block;
content: "";
width: 100%;
height: 20px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background:url(/img/price/page_link.png) 50% 50% no-repeat #0871c4;
background-size:14px auto;
}

#price .page_link li:after {
display: block;
content: "";
width: 22px;
height: 22px;
bottom:-35px;
left: 0;
right:0;
margin: auto;
position: absolute;
background:url(/img/price/icon_plus.png) 50% 50% no-repeat #ccc;
background-size:22px auto;
z-index: 9;
}

#price .page_link li:last-child{
margin-bottom: 10px;
}

#price .page_link li:last-child:after{
display: none;
}

#price .page_link li p{
font-weight: bold;
padding-left: 126px;
font-size:14px;
line-height: 50px;
}

#price .page_link li:last-child p{
font-size:13px;
line-height: 1.4;
letter-spacing: 0;
padding-top: 3px;
padding-left: 116px;
}

#price .page_link li:last-child p em{
font-size:14px !important;
}

#price .page_link li .txt_o{
font-size:16px;
font-weight: bold;
letter-spacing: 0.2px;
float:left;
width:120px;
line-height: 50px;
text-align: center;
}

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

#price .page_link{
width:100%;
}

#price .page_link li {
    padding: 10px 8px 24px;
}
    

#price .page_link li .img img{
width:100px;
}

#price .page_link li p{
padding-left: 98px;
letter-spacing: 0.1px;
font-size:13px;
}

#price .page_link li:last-child p{
padding-left: 105px;
}

#price .page_link li p br{
display: none;
}

#price .page_link li .txt_o{
font-size:14px;
letter-spacing: 0.1px;
float:left;
width:100px;

}

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


#price .point_box{
border: 6px solid #c9c9c9;
padding: 22px 12px 18px;
margin: 50px auto 10px;
}

#price .point_box:before {
display: block;
content: "";
width:60px ;
height: 50px;
top: -34px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/price/icon_point.png) 50% 50% no-repeat;
background-size:60px auto;
}

#price .point_box h4{
font-size: 21px;
text-align: center;
padding-bottom:6px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

.step02 .imgR,
.step02 .img{
display: block;
margin: 15px auto 15px;
text-align: center;
}

.step02 .imgR img{
width:120px;
}

#price.tabBox .content .step {
position: relative;
}

#price.tabBox .content .step.step03{
padding-bottom: 0;
}

#price .txt_box02{
padding: 0 10px 0 90px;
background: url(/img/price/img03.png) 12px 50% no-repeat;
background-size: 60px auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#price .txt_box02 p.txt21{
margin-bottom: 8px;
letter-spacing: 2px;
}

#price .txt_box02 p.txt15{
font-size:12px;
}

#price .txt_box02 .marker{
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
}

#price .txt_box02 .marker:before{
display: block;
content: "";
width: 100%;
height:4px;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #eb6100;
z-index: -1;
}

/*----------------------------------------------------
	company
----------------------------------------------------*/
.company01 {
padding: 15px 0  0;
}

.company01 h2{
text-align: center;
}

.company01 h2 img{
width:140px;
}

.company01 .txt_box{
padding: 18px 5%;
}

.profile{
width:100%;
font-size:15px;
}

.company_content .profile{
width:100%;
margin: 0 auto;
display: block;
border: 1px solid #eee;
}

.company_content .profile tr,
.company_content .profile tbody{
display: block;
width: 100%;
font-size:15px;
}

.profile th{
font-size:14px;
display: block;
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;
background: #eee ;
padding: 6px 15px;
text-align: left;
}

.company_content .profile th{
text-align: center;
}

.profile td{
font-size:15px;
display: block;
text-align: left;
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;
padding: 8px 15px;
}


.company02{
padding: 20px 3% 30px;
}

.company02 .profile td ul{
padding-top: 15px;
}

.company02 .profile td li{
overflow: hidden;
margin-bottom: 10px;
font-size:12px;
}

.company02 .profile td li:first-child{
float:left;
width:48%;
}

.company02 .profile td li:nth-child(2){
float:right;
width:48%;
}

.company02 .profile td li:last-child{
clear:both;
}

.company02 .profile td li img{
display: block;
width:90%;
padding: 0 5%;
}

.company02 .profile td li:last-child img{
display: inline-block;
float: left;
width:80px;
}

.company02 .profile td li span{
display: block;
}

.company02 .profile td li:last-child span{
position: absolute;
top: 50%;
left:110px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

table.history{
width:100%;
display: block;
margin-top: -10px;
}

table.history tbody{
display: block;
width: 100%;
}

table.history tr{
display: block;
width: 100%;
background: url(/img/company/th_bg2.png) 10px top no-repeat;
}

table.history th{
font-size:14px;
color:#0871c4;
padding: 10px 5px 10px 40px;
text-align: left;
vertical-align: middle;
display: block;
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;
}

table.history tr:first-child{
background: url(/img/company/th_bg.png) 10px 10px no-repeat;
}

table.history th span{
display: inline-block;
background: #eee;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:12px;
font-style: italic;
padding: 0px 10px;
color:#a0a0a0;
}

table.history td{
display: block;
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;
font-size:14px;
padding: 0 10px 10px 40px;
text-align: left;
}

table.history td span.fukidashi{
background: #ecf8ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
position: relative;
padding: 12px;
}

table.history td span.fukidashi span.ti{
text-indent: -1em;
padding-left:1em;
display: block;
}

table.history td span.fukidashi:before {
display: block;
content: "";
width:12px ;
height:14px ;
top:15px;
left: -12px;
margin: auto;
position: absolute;
background: url(/img/company/fuki_blue.png) 50% 50% no-repeat;
}

table.history.last tr{
background: url(/img/company/th_bg3.png) 8px top no-repeat;
}

table.history th.pb40{
padding-bottom: 30px!important;
}

table.history.last td span.fukidashi{
background: #0871c4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
position: relative;
padding: 12px;
font-size:16px;
color:#fff;
letter-spacing:0.3px;
}

table.history.last th{
font-size:18px;
padding-top: 15px;
padding-left: 46px;
}

table.history.last td span.fukidashi:before {
display: block;
content: "";
width:12px ;
height:14px ;
top:0;
bottom:0;
left: -12px;
margin: auto;
position: absolute;
background: url(/img/company/fuki_blue02.png) 50% 50% no-repeat;
}

.company03{
padding: 20px 3%;
background: url(/img/company/img02.jpg) 46% bottom no-repeat #fff;
background-size: 100% auto;
}

.company03 .txt01{
font-size:13px;
text-align: left;
width:78%;
line-height: 1.7;
text-align: justify;
margin:10px auto 30px;
}

.company03 .txt_rose{
color: #d40032;
width:250px;
line-height: 42px;
margin: 0 auto 10px;
background: rgba(255,255,255,0.8);
border: 3px solid #e26381;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:17px;
text-align: center;
}

.company04{
padding: 30px 3%;
}

.company04 .map_box{
margin: 15px auto;
display: block;
height:0;
width:100%;
padding-top:66.8%;
position: relative;
overflow: hidden;
border: 1px solid #c9c9c9;
display: inline-block;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.company04 .map_box iframe{
display: block;
height:100%;
width:100%;
top: 0;
left: 0;
position: absolute;
}

/*----------------------------------------------------
	example
----------------------------------------------------*/

.example01{
background:url(/img/example/sp/img01.png) right top no-repeat #fff;
background-size:auto 100%;
padding:20px 12px 15px;
}

.example01 .marker{
font-size:22px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
margin-bottom: 20px;
}

.example01 .marker:before{
display: block;
content: "";
width: 100%;
height:8px;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}

.example01 .txt01{
font-size:14px;
padding-right: 98px;
line-height: 22px;
}

.example01 .txt01 em{
color:#de2f5f;
font-size: 16px;
}

#example .tabs{
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

#example .tabs li{
width:50%;
text-align: center;
border-bottom: 1px solid #002745;
}

#example .tabs li a{
height:100%;
font-size:14px;
position: relative;
display:block;
line-height: 1.3;
color:#fff;
text-align: center;
background: #003d6b;

height:57px;
position: relative;
letter-spacing: 0.2px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#example .tabs li a span{
position: absolute;
top: 50%;
left:0;
right:0;
padding:0 10px;
text-align: center;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#example .tabs li a:before {
display: block;
content: "";
width:1px ;
height:100%;
top: 0;
bottom:0;
right: 0;
margin: auto;
position: absolute;
background:#002745;
z-index: 99;
}

#example .tabs li:last-child a:before{
display: none;
}

#example .tabs li a:hover{background:#0871c4;}
#example .tabs li.active a {
background:#0871c4;
}

#example .content {
padding: 25px 0 0;
position: relative;
}

#example .content h3{
padding: 8px 3% 8px;
font-size:16px;
text-align: left;
}

#example .content .bb_box p{
padding: 0 3%;
}

#example .bb_box{
border-bottom:1px solid #c9c9c9;
border-top:1px solid #c9c9c9;
padding: 10px 0;
margin: 10px auto 30px;
}

#example .bb_box p{
display: inline-block;
}

#example .tag{
text-align: right;
display: inline-block;
float:right;
padding-right: 10px;
}

#example .tag li{
font-size:12px;
display: inline-block;
margin: 0 3px;
display: inline-block;
border: 1px solid #0871c4;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 20px;
height:20px;
padding: 0 10px 0;
color:#0871c4;
}

#example .faq .stit_bo{
font-size:16px;
padding-left:3.5em !important;
line-height: 1.4;
position: relative;
}

#example .faq .stit_bo span{
color: #0871c4;
font-family: 'Oswald', sans-serif;
font-size:110%;
font-weight: 700;
position: absolute;
left:8px;
top:5px;
}

#example .faq .stit_bt{
margin-bottom: 40px;
}

#example .faq p{
margin-bottom: 35px;
font-size:14px;
}

#example .faq p .img{
padding-bottom: 15px;
}

#example .profile{
width:92%;
margin: 20px auto;
display: block;
font-size:15px;
}

/*
#example .profile th{
border: 2px solid #fff;
font-size:14px;
font-weight: bold;
}

#example .profile td{
border: 2px solid #fff;
font-size:14px;
}*/

#example .profile td a.link{
color:#0871c4;
background: url(/img/example/i_blank.png) right 50% no-repeat ;
padding-right: 25px;
line-height: 18px;
text-decoration: none;
}

#example .result_box{
width:94%;
border: 1px solid #333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 12px 12px;
position: relative;
margin: 60px auto;
overflow: visible;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#example .result_box i{
text-align: center;
display: block;
}

#example .result_box i img{
width:70px;
display: inline-block;
margin-top:-36px;
}

#example .result_box h4{
font-size:18px;
text-align: center;
letter-spacing: 1px;
padding-top: 10px;
margin-bottom: 15px;
}

#example .result_box h4 em.marker{
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
font-size:120%;
}

#example .result_box h4 em.marker:before{
display: block;
content: "";
width: 100%;
height:8px;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}


#example .result_box p{
font-size:15px;
background: url("/img/common/dot02.png") repeat left bottom;
line-height: 33px;
margin: 0px;
position: relative;
padding-top: 3px;
}

#example .result_box p:before {
display: block;
content: " ";
width: 100%;
height: 2px;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url("/img/common/dot02.png") repeat left top #999;
z-index: 99;
}


#example .result_box p span{
display: inline;
}


/*----------------------------------------------------
	about
----------------------------------------------------*/

.about01 {
padding:0 0 20px;
}

.about01 .tit_box{
padding: 20px 4% 20px;
}

.about01 .stit{
font-size:20px;
line-height:1.8;
}

.about01 .stit em.txt_lose{
font-size:24px;
}

.about01 .txt24{
color:#003d6b;
font-size:16px;
margin:10px auto 0; 
}

.about01 .marker{
font-size:22px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
}

.about01 .marker:before{
display: block;
content: "";
width: 100%;
height:6px;
bottom: -0px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}

.about01 .txt_box{
padding: 0 12px;
}

.about01 .bg_aqua{
background: #ecf8ff;
padding: 14px;
margin: 10px auto 40px;
}

.about01 .bg_aqua .txt18{
padding-top: 12px;
text-align: left;
font-size:15px;
}

.about01 .read02{
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding: 18px 5px;
line-height: 1.45;
margin-bottom: 25px;
font-size:17px;
}

.about01 .read02 em{
font-size:120%;
}

.about01 .tit_rose{
margin: 20px auto -38px;
background: url(/img/about/icon.png) 10px 50% no-repeat #da034a;
background-size:47px auto;
padding: 10px 10px 10px 65px;
width:94%;
color:#fff;
font-size:17px;
line-height: 1.4;
letter-spacing: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 99;
position: relative;
}

.about01 .tit_rose em{
font-size:16px;
padding:0 3px;
}

.about01 .sugoi_box h3{
text-align: center;
margin: 0px auto 20px;
}

.about01 .sugoi_box h3 span{
display: block;
border-bottom: 3px solid #003d6b;
position: relative;
font-size:18px;
letter-spacing: 0.4px;
}

.about01 .sugoi_box h3 span:after{
 border: solid transparent;
 content:'';
 height:0;
 width:0;
 pointer-events:none;
 position:absolute;
 border-color: rgba(200, 78, 89, 0);
 border-top-width:16px;
 border-bottom-width:16px;
 border-left-width:10px;
 border-right-width:10px;
 margin-left: -10px;
 border-top-color:#003d6b;
top:102%;
 left:50%;
}

.about01 .sugoi_box h3 em{
font-size:22px;
padding: 0 1em 0 0.9em;
position: relative;
color: #003d6b;
}


.about01 .sugoi_box h3 em:before {
display: block;
bottom: 1px;
left: 0;
margin: auto;
font-size:21px;
position: absolute;
color:#0871c4;
line-height: 1.1;
content: "＼" ;
}

.about01 .sugoi_box h3 em:after {
display: block;
content: "／";
width: ;
height: ;
bottom: 1px;
right: 0;
margin: auto;
font-size:21px;
position: absolute;
color:#0871c4;
line-height: 1.1;
}

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

.about01 .sugoi_box h3 span{
font-size:16px;

}

.about01 .sugoi_box h3 em{
font-size:19px;
}

.about01 .sugoi_box h3 em:before {
font-size:17px;
}

.about01 .sugoi_box h3 em:after {
font-size:17px;
}

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


.about01 .sugoi_box ul{
margin-bottom: 30px;
}

.about01 .sugoi_box li{
text-align: center;
padding: 15px 2px 15px 63px;
border-bottom: 1px solid #c9c9c9;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.about01 .sugoi_box li:last-child{
border-bottom: none;
}

.about01 .sugoi_box li span{
background: #0871c4;
color:#fff100;
font-size:13px;
padding-top: 3px;
font-family: 'Oswald', sans-serif;
text-align: center;
display: inline-block;
width:50px;
height:50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 35px;
position: absolute;
top: 50%;
left:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.about01 .sugoi_box li span em{
display: block;
font-size:20px;
width:36px;
border-top:1px solid #fff100;
margin: 0 auto;
line-height: 1.3;
margin-top: 1px;
}


.about01 .sugoi_box li p{
font-size:15px;
font-weight: bold;
line-height: 24px;
text-align: left;
letter-spacing: 0.8px;
}

.about01 .sugoi_box li .txt_b{
font-size:18px;
letter-spacing: 1px;
display: inline;
position: relative;
z-index: 2;
background: url(/img/common/bo_y.gif) repeat-x left bottom;
}


.about_content {
padding: 24px 3% 10px;
}

.stit_blue{
background: url(/img/about/stit_bg.png) left top no-repeat #0871c4;
line-height: 1.4;
font-size:17px;
padding: 8px 25px 8px 25px;
color: #fff;
text-align: center;
margin-bottom: 15px;
}

.about_content.about02{
padding: 0;
}

.about_content.about02 .bg_blue01{
padding-top: 30px;
text-align: center;
}

.about02:before{
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 18px solid #fff;
}

.about02 h2.txt30{
display: inline-block;
margin: 0 auto 20px;
}

.about02 h2.txt30 span{
background: url(/img/about/icon01.png) left 50% no-repeat;
background-size: 60px auto;
height:70px;
line-height: 70px;
padding-left: 70px;
display: inline-block;
letter-spacing: 0.6px;
}

.about02 h2 em{
border-bottom: double 6px #fff100;
}

.about02 p.txt21{
line-height: 1.4;
font-size:19px;
padding: 0 3%;
margin-bottom: 20px;
}

.about03 .job_cate ul{
padding-left: 2%;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: flex-start;
   -ms-flex-pack:flex-start;
     justify-content:flex-start;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.about03 .job_cate li{
width:30%;
margin: 0 1% 8px;
height:46px;
letter-spacing: 0.3px;
line-height: 46px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #c9c9c9;
background: #f9f9f9;
font-size:15px;
text-align: center;
}

.about03 .job_cate li.co01{border-top:3px solid #ec6941}
.about03 .job_cate li.co02{border-top:3px solid #00479d}
.about03 .job_cate li.co03{border-top:3px solid #097c25}
.about03 .job_cate li.co04{border-top:3px solid #7e6b5a}
.about03 .job_cate li.co05{border-top:3px solid #7e0043}
.about03 .job_cate li.co06{border-top:3px solid #0091d0}
.about03 .job_cate li.co07{border-top:3px solid #d6c800}
.about03 .job_cate li.co08{border-top:3px solid #13b5b1}
.about03 .job_cate li.co09{border-top:3px solid #b3d465}
.about03 .job_cate li.co10{border-top:3px solid #601986}
.about03 .job_cate li.co11{border-top:3px solid #005752}
.about03 .job_cate li.co12{border-top:3px solid #8f82bc}
.about03 .job_cate li.co13{border-top:3px solid #ca0041}
.about03 .job_cate li.co14{border-top:3px solid #1b1b1b}
.about03 .job_cate li.co15{border-top:3px solid #1e2678}
.about03 .job_cate li.co16{border-top:3px solid #a0a0a0}

.about03 .job_cate h4{
width:88%;
font-size:17px;
padding: 10px 12px;
margin: 30px auto 60px;
	position: relative;
	background: #fff;
	border: 3px solid #eee;
}

.about03 .job_cate h4 em{
font-size:120%;
}

.about03 .job_cate h4:after,
.about03 .job_cate h4:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.about03 .job_cate h4:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.about03 .job_cate h4:before {
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #eee;
	border-width: 19px;
	margin-left: -19px;
}

.about03 .support{
position: relative;
text-align: left;
}

.about03 .support .txt_box{
padding-top: 200px;
background: url(/img/about/img_three_count.jpg) 50% top no-repeat #fff;
background-size: auto 200px;
min-height: 300px;
text-align: center;
}

.about03 .support .txt_box h4{
margin-bottom: 20px;
}

.about03 .support .bg_aqua{
padding:14px;
margin: 20px auto 30px;
}

.about03 .support .bg_aqua h4{
letter-spacing: 1.4px;
font-size:17px;
margin-bottom: 10px;
}

.about03 .support .bg_aqua li{
text-indent: -1em;
padding-left:1em;
margin-bottom: 5px;
font-size:15px;
line-height: 1.6;
}

.about03 .support .bg_aqua li .fb{
display: block;
margin-bottom: 4px;
}

.about03 .support .report{
width:240px;
padding-bottom: 10px;
}

.about04{
background: #fff7eb;
padding: 20px 4% 0;
text-align: center;
}

.price_box .tit_box span {
background: #e60012;
color: #fff026;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 16px;
line-height: 30px;
display: inline-block;
padding: 2px 15px 2px 20px;
border: 2px solid #fff;
margin-bottom: 6px;
}

.price_box .tit_box{
/*position: relative;
border-bottom:1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 5px;*/
display: none;
}

.price_box .tit_box i{
position: absolute;
left:14px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.price_box .tit_box h3{
display: block;
color: #e60012;
font-size:20px;
display: inline-block;
letter-spacing: 1px;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

.price_box .tit_wrap span{
position: absolute;
 top: 50%;
 right:55px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
background: #e60012;
color:#fff026;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size:20px;
line-height: 1.5px;
display: inline-block;
padding: 2px 15px 2px 20px;
border: 2px solid #fff;
}

.price_box .plan_wrap{
position: relative;
margin: 0 auto 0px;
/* display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack: space-between;
     justify-content: space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;*/
}


.price_box .plan_wrap .img04{

}

.plan_free{
padding: 25px 20px;
margin:-25px auto 10px; 
background:url(/img/price/img_free.png) right top no-repeat #0871c4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.plan_free h3{
font-size:20px;
color:#fff;
letter-spacing: 2px;
}

.plan_free h3 .txt_y{
font-size:28px;
}

.plan_free a{
display: inline-block;
}

.plan_free a.txt_w{
color:#fff;
font-size:20px;
}

.plan_free .bg_y{
letter-spacing: 0.5px;
background: #fff026;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:18px;
line-height: 1.5;
padding: 10px 18px;
font-weight: bold;
margin-top: 8px;
}

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

.plan_free .bg_y{
font-size:16px;
letter-spacing: 0.3px;
padding: 10px 10px;
}

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

.plan_free .bg_y:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
background: #fef68f;
}

.price_box article{
display: none;
}

/*
.price_box article img{
display: block;
}

.price_box article h4{
padding: 10px 0 0;
font-size:15px;
background: #fff;
line-height: 1.4;
position: relative;
letter-spacing: 0.5px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.price_box article p{
color:#fff;
letter-spacing: 0.3px;
text-align: left;
font-size:14px;
line-height: 20px;
position: relative;
padding: 3px 5%;
margin-bottom: 60px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.price_box article p em{
color: #fff026;
line-height: 26px;
font-style: normal;
font-size:120%;
}

.price_box article p:after {
display: block;
content: "";
height: 55px;
width: 100%;
bottom:-55px ;
left: 0;
right:0 ;
margin: auto;
position: absolute;
}

.price_box article#plan01 p{
background: #007cbd;

}

.price_box article#plan01 p:after{
background:url(/img/about/plan01_btm.png) 50% top no-repeat;
background-size:auto 45px;
}

.price_box article#plan02 p{
background: #005d8e;

}

.price_box article#plan02 p:after{
background:url(/img/about/plan02_btm.png) 50% bottom no-repeat;
background-size:100% 55px;
}

.price_box article#plan03 p{
background: #004062;
}

.price_box article#plan03 p:after{
background:url(/img/about/plan03_btm.png) 50% bottom no-repeat;
background-size:100% 55px;
}
*/

.about04 .tit_box02{
position: relative;
margin-bottom: 20px;
height:70px;
margin-top: 30px;
}

.about04 .tit_box02 i{
position: absolute;
top: 0;
left: 8px;
bottom:0;
margin: auto;
z-index: 2;
}

.about04 .tit_box02 i img{
width:84px;
display: block;
margin-top: -10px;
}

.about04 .tit_box02:before {
display: block;
content: "";
width:100% ;
height: 64px;
left: 0;
right: 0;
bottom:0;
margin: auto;
position: absolute;
border-bottom: 3px solid #004062;
border-top: 3px solid #004062;
z-index: 1;
}

.about04 .tit_box02 h3{
padding: 0 2px;
color: #004062;
line-height: 1.4;
z-index: 2;
font-size:18px;
position: absolute;
top: 50%;
left:0;
right:0;
padding-left: 70px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}


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

.about04 .tit_box02 i{
left: 0px;
}

.about04 .tit_box02 i img{
width:78px;
display: block;
margin-top: -6px;
}

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


.about04 table{
position: relative;
z-index: 2;
font-size:19px;
width:100%;
margin-top: 60px;
border: 3px solid #c9c9c9;
margin-bottom: 5px;
}

.about04 table th{
letter-spacing: 2px;
background: #e8e8e8;
border: 1px solid #c9c9c9;
padding: 12px 10px;
color:#646464;
width:6em;
width:16%;
font-size:16px;
vertical-align: middle;
}

.about04 table td{
width:21%;
position: relative;
font-weight: bold;
letter-spacing: 0.5px;
background: #fff;
border: 1px solid #c9c9c9;
font-size:17px;
vertical-align: middle;
}

.about04 table td.txt_red{
color:#e60012;
}

.about04 table td .txt30{
font-size:30px;
}

.about04 table td .name{
display: inline-block;
background: #007cbf;
color:#fff;
width:100%;
height:54px;
line-height: 54px;
position: absolute;
top: -60px;
left:0;
}

.about04 table td .name:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 8px solid transparent;
border-top: 12px solid #007cbf;
}

.about04 table td .name{
display: inline-block;
background: #959595;
color:#fff;
width:100%;
height:54px;
line-height: 54px;
position: absolute;
top: -60px;
left:0;
}

.about04 table td .name:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 8px solid transparent;
border-top: 12px solid #959595;
color:#fff;
}

.about04 table td .name.fu{
background: #007cbf;
}

.about04 table td .name.fu:before{
border-top: 12px solid #007cbf;
}

.about04 p.tR{
color:#646464;
padding: 5px 0 30px;
}

.about05 .voice_box{
padding: 10px 0;
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-direction:column;
}

.about05 .voice_box h4{
font-size:18px;
line-height: 1.4;
margin-bottom: 15px;
order: -1;
text-align: center;
}

.about05 .voice_box img{
padding: 0 0px 15px 0;
max-width:300px;

}

.about05 .voice_box:nth-child(even) img{
padding: 0 0 15px 0;
}

.about05 .voice_box .tag{
padding: 20px 0 10px;
text-align: center;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack: center;
     justify-content: center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.about05 .voice_box .tag li{
display: inline-block;
font-size:12px;
display: inline-block;
border: 1px solid #aaa;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 18px;
height:18px;
padding: 0 12px;
color:#aaa;
margin: 0 4px 10px;
}

.about05 .btn_more02{
text-align: center;
margin-bottom: 40px;
}
.about05 .btn_more02 a{
display: inline-block;
-webkit-border-radius: 4x;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 40px;
height:40px;
width:220px;
font-weight: bold;
text-align: center;
color:#0871c4;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #fff;
background-size:10px auto;
border: 2px solid #0871c4;
}

.about05 .btn_more02 a:hover{
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #ecf8ff;
}

/*----------------------------------------------------
	inquiry
----------------------------------------------------*/

#inquiry .inquiry01{
padding: 25px 3% 0;
background:url(/img/inqiury/inq_bg.png) 0 0 no-repeat;
background-size:auto 120px;
}

#inquiry.form .inquiry01{
padding: 25px 0 25px;
}

#inquiry .inquiry01 .txt01{
font-size:19px;
text-align: center;
margin-bottom: 20px;
}

#inquiry .inquiry01 .txt01 br{
display: none;
}

#inquiry .inquiry01 .txt01 em.bg_blue02{
font-size:21px;
padding: 4px 6px;
}

#inquiry .inquiry01 .txt01 em.marker{
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
}

#inquiry .inquiry01 .txt01 em.marker:before{
display: block;
content: "";
width: 100%;
height:8px;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}

#inquiry .inquiry01 h2.stit{
background: #eaf6ff;
border: 2px solid #003d6b;
color: #003d6b;
font-size:17px;
letter-spacing: 0.3px;
line-height: 1.4;
padding: 10px;
text-align: center;
}


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

#inquiry .inquiry01 .txt01{
font-size:17px;
letter-spacing: 0;

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


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

#inquiry .inquiry01 h2.stit{
font-size:15px;
letter-spacing: 0px;
line-height: 1.4;
padding: 10px 2px;
}

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

#inquiry .inquiry01 .txt_box{
padding: 15px 0px 5px;
}

#inquiry .inquiry01 p.txt02{
margin: 5px;
}

#inquiry .inquiry01 p em{
font-size:110%;
}

#inquiry .inquiry01 .tel_bnr{
margin-bottom: 10px;
}

.inquiry_content{
padding-left: 3%;
padding-right: 3%;
}

.inquiry_content .stit_bo{
margin-bottom: 20px;
font-size:17px;
}

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

.inquiry_content .stit_bo{
letter-spacing: 0;
}

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


.inquiry_content .stit_bo i{
background: #0871c4;
line-height: 28px;
height:30px;
display: inline-block;
width:30px;
text-align: center;
color:#fff;
font-size:17px;
margin-right: 10px;
font-family: 'Oswald', sans-serif;
}

#inquiry .inquiry02 ul{
padding: 0 10px 20px;
text-align: left;
margin-top: -10px;
}

#inquiry .inquiry02 li{
background-image: linear-gradient(to right, #e5e5e5, #e5e5e5 5px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
font-size:14px;
padding: 8px 0 8px 30px;
line-height: 1.4;
}

#inquiry .inquiry02 li:last-child{
background: none;
}

#inquiry .inquiry02 li:before {
display: block;
content: "";
width: 16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height:4px ;
top: 16px;
left: 3px;
margin: auto;
position: absolute;
background: #0871c4;;
}

#inquiry .inquiry02 .txt_b{
display: block;
}

#inquiry .inquiry02 .txt_b a{
display: inilne-block;
background:url(/img/common/arrow_blue.png) right 50% no-repeat;
background-size:8px auto;
font-size:14px;
color:#0871c4;
padding-right: 12px;
}

#inquiry .inquiry02 h3 .txt_b a{
line-height: 40px;
}

/*----------------------------------------------------
	form
----------------------------------------------------*/

#form_box{
margin-bottom: 0px;
padding: 20px 0 20px;
}

#form_box.inquiry03{
padding: 10px 3% 20px;
}

#inquiry.form #form_box{
padding: 30px 0 20px;
}

#form_box .tit_box{
margin: 0 auto 22px;
position: relative;
background:url(/img/inqiury/icon_form.png) left 50% no-repeat;
background-size: 55px auto;
padding-left: 60px;
}

#form_box .tit_box h3{
font-size:18px;
}

#form_box .tit_box .marker{
display: inline-block;
position: relative;
z-index: 2;
letter-spacing: 0.2px;
font-size:14px;
line-height: 1.3;
}

#form_box .tit_box .marker:before{
display: block;
content: "";
width: 93%;
height:4px;
bottom: 0px;
left: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: -1;
}

#form_box .step{
margin: 25px auto 25px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

#form_box .step li{
font-size:13px;
width:30%;
height:40px;
color:#626262;
font-weight: bold;
letter-spacing: 0;
line-height: 40px;
display: inline-block;
border: 2px solid #ccc;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

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


#form_box .step li{
font-size:12px;
}

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


#form_box .step li.on{
border: 2px solid #0871c4;
color:#0871c4;
}

#form_box .step li i{
position: absolute;
top:-13px;
left:50%;
margin-left: -12px;
background: #c9c9c9;
line-height: 24px;
height:24px;
width:24px;
display: inline-block;
text-align: center;
color:#fff;
font-size:15px;
margin-right: 15px;
font-family: 'Oswald', sans-serif;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#form_box .step li:after {
display: block;
content: "";
width: 11px ;
height:11px ;
top: 0;
left: -14px;
bottom: 0;
margin: auto;
position: absolute;
background: url(/img/inqiury/arrow_step.png) 50% 50% no-repeat;
background-size: 11px auto;
z-index: 9;
}

#form_box .step li:first-child:after{
display: none;
}


#form_box .step li.on i{
background: #0871c4;
}


#form_box p{
text-align: left;
/*font-size:14px;
width:94%;*/
margin-left:auto;
margin-right:auto;
}

.w900.bg_gray{
width: 100% !important;
padding:15px 3%;
}

#form_box table.table_form{
width:100%;
font-size:15px;
letter-spacing: 1px;
margin-bottom: 10px;
text-align: left;
display: block;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box table.table_form tr,
#form_box table.table_form tbody{
display: block;
width: 100%;
}

#form_box table.table_form th{
display: block;
position: relative;
font-size:14px;
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;
padding: 5px 3% 5px;
background: #c8ecff;
text-align: center;
}

#form_box table.table_form td{
display: block;
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;
padding: 9px 3% 8px;
}

#form_box table.table_form td label{
padding-right: 14px;
}

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

#form_box table.table_form th{
padding: 6px 6% 2px;
}

#form_box table.table_form td{
padding: 9px 6% 8px;
}
}

#form_box .table_form th .txts{
display: block;
font-size:14px;
color:#333;
text-align: left;
}

#form_box .table_form th .must{
color: #fff;
font-weight: normal;
font-size:11px;
background: #bf0000;
padding: 1px 5px;
line-height: 1.2;
height:14px;
display: inline-block;
position: absolute;
right:3%;
top:0;
bottom:0;
margin: auto;
}

#form_box .table_form th .txt_red{
color:#bf0000;
display: inline-block;
font-style:normal;
font-size:13px;
padding-left: 10px;
}

#form_box .table_form td .date_wrap .txt{
font-size:13px;
font-weight: bold;
font-style: italic;
color:#707070;
}

.confirm #form_box .table_form td .date_wrap .txt{
font-style: normal;
color:#333;
font-size:14px;
}

.confirm #form_box table td{
font-weight:bold;
}

#form_box table td input[type="text"]{
width:100%;
-webkit-appearance: none;
}

#form_box table td input.w50{
width:40%;
}

#form_box table td input[type="password"]{
width:14em;
}

#form_box table td textarea{
width:100%;
height:8em;
-webkit-appearance: none;
}

#form_box table td input[type="password"],
#form_box table td input[type="text"],
#form_box table td textarea{
font-size:15px;
padding:4px 2%;
border: 1px solid #bdbdbd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size:14px;
  font-style: italic;
}
::-moz-placeholder {
  font-size:14px;
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
  font-size:14px;
  font-style: italic;
}

.confirm #form_box table th{

}

.confirm #form_box table td{
font-weight:bold;
}

#form_box .submit{
text-align: center;
}

#form_box .btn input{
display:inline-block;
color: #fff;
letter-spacing: 0.5px;
text-align: center;
margin: 0 auto 20px;
text-align:center;
border: none;
line-height: 42px;
border-radius: 3px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
cursor:pointer;
}

#form_box .submit input,
#form_box .submit02 input{
padding: 0 5px;
width: 180px;
font-size: 16px;
background: url(/img/common/arrow_w.png) 97% 50% no-repeat #0871c4;
background-size: 10px auto;
}

#form_box .btn{
width:98%;
margin-left: auto;
margin-right: auto;
}

#form_box .btn input:hover{
opacity: .8;
}

#form_box .back input{
background: url(/img/common/arrow_w_l.png) 3% 50% no-repeat #666;
background-size: 10px auto;
text-align:center;
padding: 0 4px 0 12px;
width: 150px;
font-size: 14px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
#form_box .submit input,
#form_box .submit02 input{
width: 158px;
}

#form_box .back input{
width: 130px;
}
}

#form_box .back{
display:block;
float:left;
width:44%;
text-align:right !important;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box .submit02{
display:block;
float:right;
width:52%;
text-align:left !important;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box p.exp01{
font-size:12px;
line-height: 1.5;
padding: 20px 0 20px;
}

#form_box .exp02{
line-height: 1.5;
text-align: left;
padding: 10px 0 20px;
}

#form_box .exp03{
margin: 0 3% 20px;
}

#form_box p.text_red{
color:#BD0711;
}

#form_box p.text_red a{
text-decoration: underline;
color:#BD0711;
}

#form_box a.bo{
text-decoration: underline;
}

#form_box a.bo:hover,
#form_box p.text_red a:hover{
text-decoration: none;
color:#89040c;
}

.thanks #form_box .complete_txt{
font-size:18px;
text-align: center;
margin:0px auto 20px;
letter-spacing: 0;
}

.thanks #form_box .complete_txt02{
padding-bottom: 10px;
font-size:15px;
}

#form_box .complete_box{
padding: 20px 8% 20px;
width:110%;
margin: 0 -5% 40px;
text-align: center;
border: 1px solid #eeeeee;
background: #f9f9f9;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box .complete_box h4{
font-size:20px;

margin-bottom: 10px;
}

#form_box .complete_box h5.txt01{
font-size:15px;
margin-bottom:0px
}

#form_box .complete_box h5.txt02{
font-size:15px;
margin-top: 10px;
}

.complete_box .tel{
display: inline-block;
color:#0871c4;
font-family: 'Oswald', sans-serif;
/*font-family: 'HelveticaNeue-CondensedBold', 'Helvetica', Arial, sans-serif;*/
background: url(/img/common/i_tel.png) 0 50% no-repeat;
background-size: 40px auto;
line-height: 40px;
font-size:40px;
font-weight: bold;
letter-spacing: 0.1px;
padding-left: 50px;
margin-bottom: 4px;
}

.complete_box .time{
font-size:14px;}

.thanks p.btn02 a{
text-align-last: center;
display: block;
line-height:42px;
font-size:16px;
letter-spacing: 0.1px;
width:220px;
color:#0068b7;
margin:10px auto 20px;
border: 1px solid #0068b7;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.thanks p.btn02 a:hover{
text-decoration: none!important;
opacity: .8;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #eff5f9;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}


/*----------------------------------------------------
	trial
----------------------------------------------------*/

.trial01{
margin: 30px auto 20px;
}

.thanks .trial01{
margin: 0px 3% 20px;
overflow: visible;
}

.trial01 em{
font-size:110%;
}

.trial01 .stit.bg_blue02{
font-size:21px;
padding:6px 10px;
text-align: center;
margin-bottom: 20px;
line-height: 1.4;
}

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

.trial01 .stit.bg_blue02{
font-size:19px;
}

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

.trial01 .bg_gray{
padding: 14px 3% ;
margin: 30px auto 20px;
text-align: center;
border: 1px solid #eeeeee;
background: #f9f9f9;
text-align: left;
}

.trial01 .complete_box{
text-align: center;
}

.trial01 .link_arrow{
background: url(/img/common/link_arrow.png) 0 50% no-repeat;
padding-left: 26px;
display: inline-block;
line-height: 22px;
color:#0871c4;
}

.trial02 .stit_bt{
margin-left:3%;
margin-right:3%;
position: relative;
overflow: visible;
}

.trial02 .stit_bt i{
position: absolute;
right:170px;
top:-20px;
z-index: 999;
}

.trial02 div.note {
font-size: 11px;
padding-bottom: 5px;
}

#form_box .table_form th.li4 .bg{
height:3em;
display: block;
}

#form_box .table_form th .bg .fix_txt{
position: absolute;
bottom:4px;
left:0;
right:0;
margin: auto;
display: block;
text-align: center;
font-size:13px;
font-weight: normal;
width:100%;
}

#form_box .table_form input.url{
width:13em;
margin-left: 4px;
}

/*----------------------------------------------------
	inq
----------------------------------------------------*/
.inq01{
border: 1px solid #eee;
}

.inq01 h3{
font-size:17px;
line-height: 1.4;
padding: 8px;
text-align: center;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.inq01 h3{
font-size:16px;
}

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

.inq01 ul{
padding: 18px 4px;
overflow: hidden;
background: #fff;
}

.inq01 ul li{
text-align: center;
padding: 3px 4px 0;
font-size:14px;
line-height: 1.3;
}

.inq01 ul li p.fb{
line-height: 1;
margin-bottom: 8px;
}

.inq01 ul li.left{
background-image: linear-gradient(to right, #999, #999 5px, transparent 1px, transparent 2px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 10px;
margin-bottom: 10px;
}

.inq01 ul li .tel{
display: inline-block;
color:#0871c4;
font-family: 'Oswald', sans-serif;
/*font-family: 'HelveticaNeue-CondensedBold', 'Helvetica', Arial, sans-serif;*/
background: url(/img/common/i_tel.png) 0 80% no-repeat;
background-size: 30px auto;
line-height: 36px;
font-size:36px;
font-weight: bold;
letter-spacing: 0.3px;
padding-left: 34px;
margin-bottom: 4px;
}

.inq01 ul li .time{
font-size:12px;
}

/*
.inq01 .btn_orange a {
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
background: url(/img/common/i_mail.png) 36px 55% no-repeat #eb6100;
background-size: 24px auto;
line-height: 40px;
height: 40px;
width: 200px;
color: #fff;
box-shadow: 0px 3px 0px -1px #999;
position: relative;
padding-left: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}*/

.inq01 .bg_blue02.tL{
text-align: center;
padding-bottom: 14px;
}

.inq01 .bg_blue02 h5{
font-size:15px;
text-align: center;
padding: 15px 8px 8px;
}

.inq01 .bg_blue02 em{
font-size:120%;
}

.inq01 .bg_blue02 .h_trial img{
height:52px;
}

/*----------------------------------------------------
	privacy
----------------------------------------------------*/

.privacy_content{

margin-bottom: 50px;
}

.privacy_content .txt01{
margin-bottom: 25px;
font-size:15px;
}

.privacy_content .stit_bo.txt18{
font-size:15px;
/*padding: 0px 15px;
line-height: 60px;*/
}

.privacy_content p{
font-size:14px;
letter-spacing: 0.5px;
}

.privacy_content ol{
margin: 0px auto 25px;
}

.privacy_content ol li{
margin: 22px auto 0;
padding-bottom: 25px;
border-bottom: 1px solid #c9c9c9;
}

.privacy_content ol li:last-child{
border-bottom: 0;
}

.privacy_content ol li h4{
font-size:16px;
margin-bottom: 14px;
}

.privacy_content .bg_gray{
border: 1px solid #c9c9c9;
padding: 24px 4%;
}

.privacy_content .bg_gray p{
text-align: left;
font-size:13px;
}

.privacy_content .bg_gray p.txt02{
margin: 16px auto 10px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.privacy_content .bg_gray p{

}

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

.link_box{
padding: 5px 3% 0px;
}

.link_box ul.clm3{
padding-top: 25px;
 border-top:1px solid #ccc;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.link_box ul.clm3 li{
background: #fff;
text-align: center;
font-size:12px;
border: 3px solid #313131;
padding: 14px 10px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:49%;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.link_box ul.clm3 li i img{
width:40px;
}

.link_box ul.clm3 li:last-child{
width:100%;
text-align: left;
position: relative;
}

.link_box ul.clm3 li p{
font-size:16px;
line-height: 1.5;
color:#0871c4;
font-weight: bold;
margin:5px auto 5px;
}

.link_box ul.clm3 li p.l1{
line-height: 2.2em;
}

.link_box ul.clm3 li span{
text-align: left;
display: block;
line-height: 1.7;
font-size:13px;
}

.link_box li a.more:hover{
background-color: rgba(149,215,254,0.1);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.link_box ul.clm3 li:last-child i{
position: absolute;
width: 40px;
height:50px;
padding: 0;
display: inline-block;
top:50%;
left:18px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.link_box ul.clm3 li:last-child .txt_box{
padding-left: 60px;
}

.link_box ul.clm3 li:last-child .txt_o{
display:inline-block;
font-size:14px;
position: relative;
padding: 0 18px;
vertical-align: bottom;
}

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


.link_box ul.clm3 li:last-child img{
width:35px;
}

.link_box ul.clm3 li p{
font-size:15px;
letter-spacing: 0;
}

.link_box ul.clm3 li:last-child .txt_o{
font-size:13px;
}

.link_box ul.clm3 li:last-child .txt_box{
padding-left: 55px;
}
}/*-----------------------------*/


.link_box ul.clm3 li:last-child .txt_o:before {
display: block;
content: "＼";
width: ;
height: ;
font-size:14px;
left: 0;
bottom:0;
margin: auto;
position: absolute;
}


.link_box ul.clm3 li:last-child .txt_o:after {
display: block;
content: "／";
width: ;
height: ;
font-size:14px;
right: 0;
bottom:0;
margin: auto;
position: absolute;
}
/*-----------------------------------
footer
-------------------------------------*/

.footer_nav{
clear: both;
background: #003d6b;
font-size:13px;
line-height: 1.4;
padding: 33px 5% 25px;
color:#fff;
}

.footer_nav a{
color:#fff;
}

.footer_nav dt{
letter-spacing: 2px;
font-family: 'Oswald', sans-serif;
font-size:22px;
border-left:3px solid #fff026;
line-height: 1.2;
padding-left: 12px;
}

.footer_nav dd ul{
padding: 15px 5px;
}

.footer_nav dd li{
background: url(/img/common/arrow_yellow.png) 8px 12px no-repeat;
padding: 8px 3px 8px 20px;
font-size:14px;
border-bottom: 1px solid #001f37;
}

/*
.footer_nav ul{
width:100%;
padding: 10px 3%;
margin-bottom: 20px;
position: relative;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.footer_nav ul ul{
padding: 4px 0
}

.footer_nav ul li.pa span{
display: block;
cursor: pointer;
position: relative;
border-bottom: 1px solid #70b6ee;
font-style: italic;
font-size:14px;
margin-top: 4px;
}

.footer_nav ul li.pa span:before {
display: block;
content: "＋";
width: ;
height: ;
top:0;
bottom:0;
right: 4px;
margin: auto;
position: absolute;
color:#fff;
font-style: normal;
line-height: 34px;
font-size:18px;
}

.footer_nav ul li.pa span.active:before {
display: block;
content: "ー";
width: ;
height: ;
top:0;
bottom:0;
right: 4px;
margin: auto;
position: absolute;
color:#fff;
font-style: normal;
line-height: 34px;
font-size:18px;
}

.footer_nav ul li.pa a{
line-height: 34px;
display: inline-block;
pointer-events: none;
}

.footer_nav ul li li{
border-bottom: 1px solid #0871c4;
font-style: normal;
padding: 0 5px;
}

.footer_nav ul li.pa ul a{
background: url(/img/common/arrow_w.png) 100% 50% no-repeat;
background-size:8px auto;
display: block;
pointer-events: all;
font-size:13px;
}

.footer_nav ul li a:hover{
text-decoration: underline;
}

*/

footer{
background: #002745;
position: relative;
font-size:14px;
overflow: hidden;
color:#fff;
text-align: center;
padding:30px 0px 30px;
}

footer .box_left img{
}

footer .box_left p.add{
font-size:12px;
padding-top: 30px;
}

footer .box_left ul{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:14px;
}

footer .box_left ul li{
display: inline-block;
line-height: 24px;
}

footer .box_left a.tel{
font-size:18px;
font-family: 'HelveticaNeue-CondensedBold','Helvetica Neue', Helvetica, Arial, sans-serif;
color:#fff;
letter-spacing: 2px;
vertical-align: bottom;
}

footer .box_left span{
display: inline-block;
background: #0871c4;
color:#fff;
font-size:11px;
line-height: 1.5;
padding: 0 4px;
}

footer .box_left .fax{
vertical-align: middle;
line-height: 18px;
}

footer .box_left .fax span{
font-size:11px;
vertical-align: middle;
pointer-events: none;
color:#fff;
}

footer .box_left .fax span a{
color:#fff;
}

footer .box_right .btn a{
margin-top: 22px;
display: inline-block;
width:200px;
font-size:15px;
text-align: center;
background: url(/img/common/arrow_w.png) 97% 50% no-repeat ;
background-size: 8px auto;
color:#fff;
line-height: 44px;
border: 1px solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

footer .box_right .btn a:hover{
opacity: .8;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

#copy {
font-size:12px;
text-align: center;
color:#fff;
clear: both;
background: #002745;
padding: 12px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.pageTop{
position: fixed;
text-align: right;
bottom:15px;
right:3%;
z-index: 9999;
}

.pageTop a{
opacity: 0.8;
}

.pageTop a img{
width:44px;
height:44px;
}

.page-top a:hover img{
opacity: 1;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.sp_only.sp320only{
display: none;
}

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

.sp_only.sp320only,
.sp320,
.pc_only.sp320{
display: block!important;
}

.sp320no,
.sp_only.sp320{
display: none!important;
}

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