@charset "utf-8";

/*PC用 css*/

.w320_only,
.sp_only,
.sp_only ul{display:none;
}

body{
min-width: 1160px;
background: #ecf8ff;
}

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

p{
line-height: 1.85;
letter-spacing: 0.8px;
}

.imgR {
	float: right;
	margin: 0 0 20px 20px;
}

.imgL {
	float: left;
	margin: 0 20px 20px 0;
}

.bg01{
background: url(/img/common/bg01.jpg) ;
}

.bg02{
background: url(/img/common/bg02.gif) ;
}

.left{
float:left;
}

.right{
float:right;
}

.cB{
clear:both;
}

h2,h3{
line-height: 1.4;
}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt10{margin-top:10px;}
.mt10{margin-top:20px;}
.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:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl10{padding-left:10px;}

.pd30{
padding: 0 30px;
}

.pd10{
padding: 10px;
}

.txt11{ font-size:11px; }
.txt12{ font-size:12px; }
.txt13{ font-size:13px; }
.txt14{ font-size:14px; }
.txt15{ font-size:15px; }
.txt16{ font-size:16px; }
.txt17{ font-size:17px; }
.txt18{ font-size:18px; }
.txt20{ font-size:20px; }
.txt21{ font-size:21px; }
.txt22{ font-size:22px; }
.txt24{ font-size:24px; }
.txt25{ font-size:25px; }
.txt26{ font-size:26px; }
.txt28{ font-size:28px; }
.txt30{ font-size:30px; }
.txt32{ font-size:32px; }
.txt36{ font-size:36px; }
.txt40{ font-size:40px; }
.txt42{ font-size:42px; }
.txt48{ font-size:48px; }
a.tel,
a.tel-link{
pointer-events: none;
}

input:hover,
a:hover .ho{
opacity: .8;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

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:18px;
background:url(/img/common/arrow_w.png) 96% 50% no-repeat #0871c4;
line-height: 68px;
height:68px;
width:360px;
color:#fff;
box-shadow:0px 3px 0px -1px #999;
}

.btn_orange a:hover,
.btn_blue a:hover{
text-decoration: none;
}

.btn_orange{
text-align: center;
}

.btn_orange a{
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
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;
}

.about04 .btn_orange03{
margin: 10px auto 55px;
}

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

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

#index02 .btn_orange03 a{
line-height: 1.35;
padding-top: 10px;
height: 68px;
}

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

.post_content h2,
.stit_bt{
position: relative;
padding: 19px 8px 14px;
font-size:22px;
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: 30px;
vertical-align: middle;
line-height: 1.4;
}

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

.post_content h2:after,
.stit_bt:after {
display: block;
content: "";
width:100% ;
height: 4px;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #003d6b;
z-index: 98;
}

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

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

.post_content h3{
font-size:20px;
}

/*----------------------------------------------------
	#box1000（背景/ページ横幅）
------------
----------------------------------------*/

#container{
text-align:center;
overflow:hidden;
letter-spacing: 1px;
}

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

.box1000 {
overflow: hidden;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

.w800{
overflow: hidden;
width: 810px;
margin-left: auto;
margin-right: auto;
}

.w900{
overflow: hidden;
width: 900px;
margin-left: auto;
margin-right: auto;
}

main{
float:left;
width:730px;
margin-bottom: 50px;
}

aside{
width:240px;
float:right;
}

#index #main{
padding-top: 40px;
}

#main li{
position: relative;
}
/*----------------------------------------------------
	header
----------------------------------------------------*/
.tagline{
background: #0068b7;
color:#fff;
}

.tagline .box1000{
line-height: 32px;
font-size:13px;
letter-spacing: 0.1px;
text-align: left;
font-weight: normal;
}

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

header .h_btn{
height:58px;
position: absolute;
z-index: 9999;
top:0;
left:0;
right:0;
margin: auto;
}

header .h_btn ul{
top:0;
right:0;
position: absolute;

}

header .h_btn li{
display: inline-block;
}

header .h_btn a{
display: block;
}

header .h_btn .mail a{
background: url(/img/common/h_inq_on.png) 0 0 no-repeat;
width:172px;
height:58px;
}

header .h_btn .login a{
background: url(/img/common/h_login_on.png) 0 0 no-repeat;
width:123px;
height:56px;
}

header .h_btn a:hover img{
opacity: 0;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.header_btm{
margin: 10px auto 0;
vertical-align: middle;
height:142px;
position: relative;
}

header .txt01{
/*
font-size: 12px;
color: #0068b7;
line-height: 24px;
vertical-align: middle;*/
margin-bottom: 10px;
}

.header_btm .txt_h1{
background: url(/img/common/h_read2.png) right 50% no-repeat;
color: #0871c4;
display: inline-block;
padding-right: 120px;
margin-bottom: 10px;
}

/*
header .txt01 span{
background: #eb6100;
display: inline-block;
color:#fff;
font-size:16px;
padding: 0 7px 0 10px;
letter-spacing: 3px;
position: relative;
margin-left: 10px;
text-align: center;
}

header .txt01 span:before {
display: block;
content: "";
width:7px;
height:9px;
top: 0;
left: -7px;
bottom: 0;
margin: auto;
position: absolute;
background: url(/img/common/fukidashi.gif) 50% 50% no-repeat;
}*/

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

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

header .guide{
background: #ecf8ff;
padding: 12px 12px 12px 22px;
width:345px;
float:left;
font-weight: bold;
}

header .guide li{
display: inline-block;
font-size:14px;
line-height: 2;
}

header .guide li a{
padding-left: 26px;
color:#003d6b;
letter-spacing: 0.7px;
}

header .guide li a:hover{
text-decoration: underline;
}

header .guide li.i_co{
padding-right: 10px;
}

header .guide li.i_co a{
background: url(/img/common/i_co.gif) 0 50% no-repeat;
}
header .guide li.i_pa a{
background: url(/img/common/i_pa.gif) 0 50% no-repeat;
padding-left: 28px;
}

header .guide li.i_pa{
padding-left: 5px;
}

header .guide li.i_flow a{
background: url(/img/common/i_flow.gif) 0 50% no-repeat;
}

header .h_trial{
float:right;
margin-top: -1px;
}

/*----------------------------------------------------
	nav
----------------------------------------------------*/

nav#gnavi{
width:100%;
padding:0;
height:70px;
background: #003d6b;
overflow: visible;
}

nav#gnavi ul{
width:1000px;
margin:0 auto 50px;
height:70px;
overflow: visible;
}

nav#gnavi ul li{
float:left;
display:block;
margin:0;
width:166px;
position: relative;
}

nav#gnavi li.nav01{

}

nav#gnavi .nav02{

}

nav#gnavi .nav03{

}

nav#gnavi .nav04{

}

nav#gnavi .nav05{

}

nav#gnavi ul li a{
color:#fff;
height:70px;
display:block;
position: relative;
}

nav#gnavi ul li a span{
line-height:1.1;
display:block;
font-size:17px;
text-decoration: none;
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

nav#gnavi ul li:before {
display: block;
content: "";
width: 1px;
height: 40px;
background: #fff;
top: 0;
left:0;
bottom: 0;
margin: auto;
position: absolute;
z-index: 99;
}

nav#gnavi ul li a span i{
display: block;
font-size:12px;
font-style: normal;
}

nav#gnavi ul li:first-child:before{
display: none;
}

#index nav#gnavi li.nav01 a:before,
#about nav#gnavi li.nav02 a:before,
#firsttime nav#gnavi li.nav03 a:before,
#improve nav#gnavi li.nav04 a:before,
#price nav#gnavi li.nav05 a:before,
#example nav#gnavi li.nav06 a:before,
nav#gnavi ul li a:hover:before {
display: block;
content: "";
width: 100%;
height: 4px;
bottom: 0;
left:0;
right: 0;
margin: auto;
position: absolute;
background: #fff026;
z-index: 99;
}

#index nav#gnavi li.nav01 a,
#about nav#gnavi li.nav02 a,
#firsttime nav#gnavi li.nav03 a,
#improve nav#gnavi li.nav04 a,
#price nav#gnavi li.nav05 a,
#example nav#gnavi li.nav06 a,
nav#gnavi ul li a:hover{
color:#fff026;
background: #0871c4;
}

/*--スマホ用ナビ非表示--*/
#spNav {
display: none !important;
}

/*----------------------------------------------------
	tit
----------------------------------------------------*/

.tit_wrap.bg_blue01{
background:url(/img/index/bg_tit.png) 50% 50% no-repeat #0068b7;
}

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

.title{
display: block;
font-size:30px;
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;
}

.title span{
position: relative;
display: inline-block;
min-height: 52px;
line-height: 50px;
padding: 2px 40px;
background: url(/img/common/tit_l.png) 0px 50% no-repeat;
}

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

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

#breadcrumb{
text-align:left;
background: #ecf8ff;
padding: 15px 0;
}

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

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

#breadcrumb li span{
display: inline-block;
}

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

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

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

/*----------------------------------------------------
	index
----------------------------------------------------*/
.main_img{
background:url(/img/index/bg_main.png) 50% 0 no-repeat #0068b7;
}

.main_img .box1000{
height:540px;
width:1160px;
text-align: left;
}

.main_img .box1000 img.main_img01{
padding-top:58px;
margin: auto;
max-width: none;
}

.main_img h2{
color:#fff;
padding-left: 10px;
padding-top: 70px;
font-size:30px;
line-height: 1.5;
margin-bottom: 10px;
font-weight: 700;
}

.main_img h2 span{
font-size:34px;
background: url(/img/index/marker_green.png) 0 bottom no-repeat ;
padding-bottom: 10px;
}

.main_img .h2_txt{
text-indent: -9999px;
background: url(/img/index/h2_txt.png) 50% 50% no-repeat ;
width:574px;
height:165px;
margin-bottom: 5px;
}

.main_img .btn_first{
margin-left:20px;
background: #0068b7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/*
.main_img .btn_about{
margin-top: 45px;
margin-left:30px;
background: url(/img/common/btn_about_on.png) 0 50% no-repeat ;
}*/

.main_img .slide01{
width:542px;
padding:0 0;
height:489px;
overflow: visible;
position: absolute;
top:52px;
right: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;
}

#index .read{
height:150px;
margin: 0 auto;
width:1085px;
}

#index .read p{
padding: 34px 0px 10px 15px;
width:690px;
float:left;
letter-spacing: 0.9px;
line-height: 1.5;
}

#index .read .em{
font-size:28px;
font-weight: bold;
font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
font-style: normal;
padding:0 2px;
}

#index .read span.txt21{
font-size:21px;
padding:0 2px 0 0;
}

#index .read span{
font-size:23px;
padding:0 2px;
}

#index .read .h_trial{
margin-top: 40px;
background: url(/img/common/bnr_trial-on.png) 50% 50% no-repeat;
}

#index01{
background:url(/img/index/bg_first.png) 5px bottom no-repeat #eb6100;
padding: 30px 30px 8px 197px;
color:#fff;
overflow: hidden;
}

#index01 h3{
font-size:30px;
line-height: 1.4;
margin-bottom: 10px;
letter-spacing: 2px;
}

#index01 h3 .em{
font-size:36px;
}

#index01 .fuki_box{
padding: 13px 22px 20px;
color:#333;
background: #fff;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 25px;
line-height: 1.6;
}

#index01 .fuki_box p{
letter-spacing: 1px;
}

#index01 .fuki_box p.txt18{
margin-bottom: 10px;
}

#index01 .fuki_box p a{
display: block;
color:#fff;
letter-spacing: 1.3px;
font-size: 18px;
line-height: 50px;
height: 50px;
color: #fff;
text-align: center;
box-shadow:0px 2px 0px 1px #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

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

#index01 .fuki_box .btn02 a{
background:url(/img/common/arrow_w.png) 96% 50% no-repeat #0068b7;
}

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

#index02{
padding: 65px 42px;
background:url(/img/index/fuki_o.png) 50% top no-repeat #fafafa;
}

#index02 h2{
font-size:50px;
line-height: 85px;
background:url(/img/index/i_okomari.png) left 50% no-repeat ;
padding-left: 90px;
text-align: left;
letter-spacing: 5px;
margin-bottom: 4px;
}

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

#index02 h4.stit02{
margin: 14px auto 30px;
line-height: 40px;
padding: 0 30px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
border: 2px solid #0068b7;
color: #0068b7;
font-size:23px;
display: inline-block;
}

#index02 ul{
}

#index02 ul li{
font-size:20px;
padding-left: 108px;
font-weight: bold;
position: relative;
background: url(/img/common/dot01.png) 0 bottom repeat-x;
height:102px;
line-height: 1.45;
padding-top: 18px;
-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: 10px;
}

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

#index02 ul em{
font-size:26px;
}

#index02 .bg_blue01{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 25px 18px 20px 200px;
background:url(/img/index/okomari04.png) 18px 60% no-repeat #0068b7;
/*font-weight: bold;*/
}

#index02 .bg_blue01 h4{
margin-left: -20px;
margin-bottom: 8px;
}

#index02 .bg_blue01 p{
font-size:15px;
line-height: 28px;
letter-spacing: 1.2px;
}

#index03{
padding: 60px 30px;
}

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

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

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


#index03 .tokucho li{
border: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
height:173px;
font-size:18px;
margin-bottom: 10px;
font-weight: bold;
}

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

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

#index03 .tokucho li span{
display: inline-block;
position: absolute;
top: 50%;
left:175px;
letter-spacing: 1.2px;
right:0;
padding-right: 25px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#index03 ul.tokucho em{
font-size:22px;
font-weight: bold;
padding: 0 2px;
}

#index03 .btn03_wrap{
overflow: hidden;
margin:45px auto 0px;
}

.btn03_list{
 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 {
width:48%;
background: #fff;
font-size: 13px;
border: 3px solid #313131;
padding: 14px 14px 17px 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 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{
position: absolute;
top: 50%;
left:15px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

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


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

.btn03_list li p.l1{
line-height: 42px;
}

.btn03_list li span{
text-align: left;
display: block;
line-height: 1.4;
}

/*


#index03 .btn03 a{
display: inline-block;
border: 3px solid #313131;
width:320px;
color:#0871c4;
font-size:18px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
text-decoration: none;
line-height: 82px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#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;
}

#index03 .btn03.left a{
background: url(/img/index/icon_jisseki.png) 15px 50% no-repeat;
padding-left: 40px;
}

#index03 .btn03.right a{
background: url(/img/index/icon_plan.png) 15px 50% no-repeat;
padding-left: 40px;
}

#index03 .btn03 a:before {
display: block;
content: "";
width: 10px;
height:18px ;
top: 0;
bottom: 0;
right: 3%;
margin: auto;
position: absolute;
background: url(/img/index/arrow_b.png) 50% 50% no-repeat;
}

#index03 .btn03 a:hover{
background-color: rgba(149,215,254,0.1);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}*/

#index04{
padding: 20px 30px 30px;
}

#index04 h2{
background:url(/img/index/stit_column.png) 50% 50% no-repeat;
font-size:24px;
line-height: 60px;
height:60px;
padding-left: 45px;
color:#fff;
}

#index04 h2 span{font-size:28px;}

#index04 ul{
margin: 30px auto;
}

#index04 li{
background:url(/img/common/arrow_blue.png) 96% 50% no-repeat #f1f9fe;
position: relative;
font-size:16px;
padding: 10px 40px 10px 10px;
margin-bottom: 4px;
overflow: hidden;
}

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

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

#index04 li .tit{
color:#2578be;
display: block;
font-weight: bold;
}

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

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



/*
.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;
padding-top: 480px;
}

#index05 .stit_h2{
visibility: hidden;
}

#index05 .txt_box{
width:670px;
background:rgba(255, 255, 255, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 40px 40px 0;
z-index: 99;
position: relative;
margin: -112px auto 30px;
}

#index05 .txt01{
font-size:22px;
font-weight:bold;
letter-spacing: 1px;
}

#index05 .txt01 .em{
background: #eb6100;
display: inline-block;
padding: 0 6px;
margin: 0 2px;
color:#fff;
line-height: 31px;
}

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

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

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

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

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

#index05 article{
height:478px;
}

#index05 article.a01{
background:url(/img/index/omoi01.jpg) 50% bottom repeat-x;
}

#index05 article.a02{
background:url(/img/index/omoi02.jpg) 50% bottom repeat-x;
}

#index05 article.a03{
background:url(/img/index/omoi03.jpg) 50% bottom repeat-x;
}

#index05 article .txt_box02{
position: absolute;
background: #fff;
padding: 30px 28px 35px;
width:500px;
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:24px;
margin-bottom: 14px;
letter-spacing: 1.2px;
}

#index05 article.a01 .txt_box02{
top:60px;
left:40px;
}

#index05 article.a02 .txt_box02{
top:48px;
left:186px;
}

#index05 article.a03 .txt_box02{
top:100px;
left:40px;
}

#index05 article .txt_box02 p{
font-size:15px;
line-height: 28px;
text-align: justify;
letter-spacing: 1px;
}

#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{
padding-top: 20px;
margin-bottom: 50px;
padding-bottom: 40px;
}

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

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

#main #faq .acc{
text-align: left;
width:680px;
margin: 0 auto 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #c9c9c9;
background:#fff;
padding: 22px;
-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;
height:50px;
font-weight: bold;
}

#main #faq .acc dt:before {
display: block;
content: "";
width: 25px;
height:25px ;
top: 0;
right: 0;
bottom:0;
margin: auto;
position: absolute;
background: url(/img/common/arrow_open.png) 50% 55% no-repeat #003d6b;
-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;
}

#main #faq .acc dt i{
margin-top: 20px;
position: absolute;
left:0;
text-align: center;
font-size:21px;
display: inline-block;
width:58px;
height:32px;
line-height: 32px;
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:16px;
letter-spacing: 0;
width:58px ;
height:20px ;
top: -28px;
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:21px;
line-height: 1.4;
display: inline-block;
position: absolute;
top: 55%;
left:68px;
right:42px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#main #faq .acc dd{
margin-top:20px;
padding-top: 30px;
position: relative;
font-size:14px;
line-height: 26px;
letter-spacing: 0.44px;
}

#main #faq .acc dd:before {
display: block;
letter-spacing: 0.2px;
content: "Answer";
font-size:16px;
width:100%;
height:20px;
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;*/
}


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

.column01{
padding: 33px 36px 15px 250px;
background:url(/img/column/img01.jpg) 0 top no-repeat #fff;
}

.column01 .txt01{
font-size:22px;
background:url(/img/column/icon01.png) 10px 2px no-repeat;
padding:5px 0 20px 80px;
line-height: 1.45;
}

.column01 .txt18{
line-height: 1.5;
}

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

.column02{
padding: 50px 30px 0px;
}

.stit_bt .new{
background: #e60012;
color:#fff;
font-size:18px;
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 {
 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;
}

.new_list li{
width:31%;
margin-left:3%;
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;
}

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

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


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

.new_list li .cate{
color:#fff;
display: block;
font-size:12px;
line-height: 1.5;
}

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

li .cate i{font-weight: normal;}

#page .column03,
#column .column03{
padding: 60px 30px 40px;
}

#column .column04{
padding: 42px 30px ;
}

.column03.news_content,
#news .column03{
padding: 42px 30px;
}

.archive_list ul{
margin: 30px auto;
}

.archive_list li{
position: relative;
font-size:16px;
padding: 20px 0px;
overflow: hidden;
background-image: linear-gradient(to right, #d1d1d1, #d1d1d1 3px, transparent 1px, transparent 4px);
background-size: 5px 1px;
background-position: bottom;
background-repeat: repeat-x;
}

.archive_list li:first-child{
padding-top: 0;
}

.archive_list li:after{
background:url(/img/common/arrow_gray.png) 50% 50% no-repeat;
display: block;
content: "";
width:18px ;
height:30px ;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
position: absolute;
}

.archive_list li .img{
width:120px;
float:left;
border:1px solid #c9c9c9;
display: inline-block;
}

.archive_list li .txt_box{
padding-left:136px;
padding-right: 40px;
}

.archive_list li .date{
font-size:14px;
}

.archive_list li .tit{
color:#2578be;
display: block;
font-weight: bold;
}

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

.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;
}

li .cate a{
color:#fff;
}

.btn_more{
text-align: center;
margin: 30px auto 50px;
}

.btn_more a{
text-align-last: center;
display: block;
line-height:40px;
font-size:18px;
letter-spacing: 0.1px;
width:240px;
color:#0068b7;
margin:20px auto 40px;
border: 2px solid #0068b7;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.btn_more  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;
}

.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 {
overflow: hidden;
text-align: center;
}

.archive-pagenate a,
.archive-pagenate span {
  display: inline-block;
  border-radius: 3px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  color:#333;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  text-align: center;
  margin-left: 10px;
}

.archive-pagenate a.prev,
.archive-pagenate a.next{
background: none;
border:none;
color:#0871c4;
font-size:18px;
}

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

.archive-pagenate a:hover,
.archive-pagenate a.current,
.archive-pagenate span.current {
  background-color: #0871c4;
  border: 1px solid #0871c4;
  color:#fff;
  text-decoration: none;
}

.archive-pagenate a.prev:hover,
.archive-pagenate a.next:hover{
background: none;
border:none;
color:#0871c4;
text-decoration: underline;
}

.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: 45px 30px 20px;
background:url(/img/common/fuki_w.png) 50% top no-repeat #f7f7f7;
}

.stit_navy{
background: #003d6b;
color:#fff;
font-size:21px;
text-align: center;
line-height: 56px;
margin-bottom: 35px;
}

ul.related_list  {
 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;
}

.related_list li{
float:left;
background: #fff;
width:31.3%;
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:100%;
height: 0 ;
padding-top: 57%;
overflow: hidden;
}

.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{
display: inline-block;
font-size:12px;
letter-spacing: 0;
line-height: 1.4;
padding-bottom: 10px;
}

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

.related_list li .txt_box{
padding: 0 10px 12px;
margin-top: -7px;
position: relative;
z-index: 999;
}

.related_list li .tit{
display: block;
font-size:14px;
line-height: 1.4;
}

#column .cate_box{
padding: 30px 0;
}

#column .cate_box .stit_navy{
margin-bottom: 15px;
}

.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 10px;
}

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

.cate_list li a:hover{
text-decoration: none;
}

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

.post_head .cate a{
color:#fff;
font-size:14px;
padding: 0 25px;
line-height: 36px;
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:24px;
padding: 20px 0 10px;
line-height: 1.5;
}

#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;
}

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

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

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

.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_content{
padding: 20px 0;
text-align: start;
}

.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 h4{
padding: 0 10px;
margin-bottom: 1.2em;
font-size:18px;
}

.post_content h2,
.post_content h3{
margin-top:20px;
}

.post_content p{
padding:0 10px 1.5em;
font-size:15px;
}

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

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

#news .btn_back{
margin: 40px;
}

#news .btn_back a{
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:18px;
background:url(/img/index/arrow_b.png) 96% 50% no-repeat #fff;
line-height: 62px;
height: 62px;
width: auto;
font-weight: bold;
padding: 0 40px;
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;
}

.post_content .addtoany_list{
 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;
}

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

/**/

.post_content a.no_icon, .addtoany_list a {
    background: none;
    padding-left: 0px;
    width: 19%;
    text-decoration: none;
}
.addtoany_list.a2a_kit_size_32 a>span {
   display: block;
   width:auto;
}

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

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

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

.post_content a.no_icon,
.addtoany_list a{
background:none ;
padding-left: 0px;
width:23%;
/*width:19%;*/
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: 45px 30px 0;
font-size:15px;
}

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

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

.tabBox .tabs li{
width:50%;
float:left;
font-size:18px;
line-height: 2em;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #eee;
}

.tabBox .tabs li a{
position: relative;
display:block;
line-height: 1.3;
height:68px;
background:url(/img/flow/tab_arrow02.png) 95% 50% no-repeat #eee;
padding: 15px 80px 10px 35px;
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;
}

.tabBox .tabs li:last-child a{

}

.tabBox .tabs li a:before {
display: block;
content: "";
width:24px ;
height:24px ;
top: 0;
left: 0;
margin: auto;
position: absolute;
background:url(/img/flow/tab_icon02.png) no-repeat;
}

.tabBox .tabs li.active a:before {
background:url(/img/flow/tab_icon01.png) no-repeat;
}

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

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

.tabBox .tabs li.active a,
.tabBox .tabs li.active a:hover{
background:url(/img/flow/tab_arrow01.png) 95% 50% no-repeat #fff;
}

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

#flow.tabBox .content .step .img{
float:left;
padding: 0 15px 15px 0;
width:30%;
}

.tabBox .content .step .img img{

}

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

.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:14px;
}

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

#flow .content article h3 em{
font-size:80%;
display: block;
} 

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

#flow .content article:after {
display: block;
content: "▼";
text-align: center;
width:100%;
line-height: 1;
bottom: 0px;
left: 0;
right:0;
font-size:30px;
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:20px;
letter-spacing: 0;
width: 380px;
line-height: 60px;
height: 60px;
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: 380px;
line-height: 60px;
height: 60px;
font-size:20px;
padding-left: 0;
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: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width:90%;
line-height: 60px;
text-align: center;
font-size:18px;
margin: 30px auto;
}


#flow #tab2{
padding-bottom: 30px;
}

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

.improve01 .fuki_box{
background: url(/img/improve/img01.jpg) 96% bottom no-repeat #fafafc;
padding: 44px 184px 24px 44px;
margin-bottom: 40px;
}

.arrow_box {
font-size:21px;
font-weight: bold;
line-height: 1.5;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:14px 19px;
margin-bottom: 20px;
position: relative;
background: #ffffff;
border: 4px solid #313131;
}

.arrow_box.fuki01{
width:480px;
}

.arrow_box.fuki02{
width:462px;
margin-left: 18px;
}

.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: 12px;
margin-top: -12px;
}
.arrow_box:before {
border-color: rgba(49, 49, 49, 0);
border-left-color: #313131;
border-width: 18px;
margin-top: -18px;
}

.improve01 h2.stit{
z-index: 2;
position: relative;
display: inline-block;
}

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

.improve01 .txt01{
margin:20px auto 50px;
}

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

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

.improve01 .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: 16px 0 14px 82px;
}

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

.improve01 .list01 li i{
position: absolute;
left:14px;
top:8px;
bottom:0;
margin: auto;
}

.improve02 .link_list {
margin: 30px auto 50px;
}

.improve02 .link_list li{
width:210px;
float:left;
margin-left: 18px;
background: #fff;
min-height: 240px;
font-size:21px;
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;
height:195px;
}

.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 30px 30px;
}

.improve02 #link01{
padding-top: 30px;
}

.improve02 #link03{
padding-bottom: 50px;
}

.improve02 .stit_bo02 {
padding: 10px 0;
line-height: 1.4;
font-size: 24px;
border-bottom: 3px solid #c9c9c9;
margin-bottom: 25px;
vertical-align: middle;
text-align: left;
}

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

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

.improve02 .marker2{
background: url(/img/common/bg_yellow.png) 0 bottom 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: 10px;
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;
font-weight: bold;
text-decoration: none;
}

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

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

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

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

.inq03 .txt_box{
background: url(/img/improve/inq03_img.png) left 50% no-repeat ;
padding:40px 30px 50px 236px;
}

.inq03 .bg_w{
padding: 20px 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#333;
margin-top: 20px;
}

.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;
/*font-family: 'HelveticaNeue-CondensedBold', 'Helvetica', Arial, 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: 60px;
height: 60px;
background: url(/img/partner/stit_bg01.png) right 50% no-repeat #003d6b;
font-size:24px;
margin-top: 30px;
padding:0 45px 0 35px;
display: inline-block;
font-weight: bold;
letter-spacing: 0.9px;
}

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

.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: 90px;
background: url(/img/partner/icon01.png) 22px 50% no-repeat #0871c4;
padding-left: 110px;
}

.partner01 .list01{
padding: 20px 20px 15px;
border-left: 4px solid #c9c9c9;
border-right: 4px solid #c9c9c9;
border-bottom: 4px solid #c9c9c9;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
font-size:17px;
font-weight: bold;
letter-spacing: 0.3px;
margin-bottom: 40px;
}

.partner01 .list01 i{
display: inline-block;
margin: 0 3px;
font-size:21px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 32px;
width:32px;
height:32px;
color:#fff;
margin-right: 6px;
font-family: 'Oswald', sans-serif;
background: #0871c4;
text-align: center;
}

.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;
}

.partner01 .list01 li .txt_b{
background: url(/img/common/bg_yellow.png) 0 bottom 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;
}

.partner01 .txt_box02 li{
padding-left: 140px;
background: url(/img/partner/img02.png) 0 0 no-repeat #fff;
font-weight: bold;
margin-bottom: 30px;
}

.partner01 .txt_box02 h4{
line-height: 1.3;
margin-bottom: 5px;
letter-spacing: 1.4px;
}

.partner02{
padding: 36px 42px 0;
}

.partner02 h2.stit{
margin-bottom: 50px;
background: url(/img/partner/indeed.png) 0 50% no-repeat;
padding-left: 215px;
line-height: 1.3;
}

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

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

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

.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: 40px;
-webkit-border-radius:4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
}

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

.partner02 .bg_blue02{
font-size:18px;
line-height: 48px;
padding:0 25px;
position: relative;
overflow: visible;
margin-bottom: 18px;
}

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

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

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

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

.partner03 .pd30{
margin: 65px 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: 15px 4px 15px 76px;
min-height: 56px;
}

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

.partner03 .list03 li span {
display: inline-block;
line-height: 1.65;
}

.partner03 .list03 li:last-child span{
line-height: 3.1;
}

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

.inq02 .img_box{
margin: 20px auto;
}

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

.inq03 .img_box .bnr img,
.inq02 .img_box .bnr img{
height:35px;
padding-left: 30px;
}

.inq03 .img_box img.indeed,
.inq02 .img_box img.indeed{
height:70px;
padding-left: 12px;
}

.inq02 h4{
display: inline-block;
color:#fff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 5px;
}

.inq02 .bg_w{
padding: 20px 18px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color:#333;
}

.inq02 .bg_w .tel{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:40px;
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;
}

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

.bg_w .btn_orange02 a{
background: url(/img/common/i_mail.png) 18px 50% no-repeat #eb6100;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 14px;
line-height: 60px;
height: 58px;
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/img01.jpg) 0 0 no-repeat #fff;
padding: 50px 10px 60px 220px;
height:355px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.firsttime01 .stit{
font-size:41px;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: 15px;
}

.firsttime01 .tit_box p{
letter-spacing: 1.4px;
padding-left: 4px;
padding-right: 30px;
}

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

.firsttime01 .bg_green{
background:#07b177;
padding: 32px 24px;
}

.firsttime01 .bg_green i.q{
display: inline-block;
float:left;
margin-right: 40px;
margin-left: 10px;
}

.firsttime01 .bg_green .fuki01{
margin-top: 8px;
display: inline-block;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size:21px;
line-height: 64px;
height:64px;
padding:0 20px;
position: relative;
}

.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: 6px;
margin-top: 26px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

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

.firsttime01 .bg_green .txt_box h4.stit02{
background: #fff100;
line-height: 70px;
font-size:28px;
letter-spacing: 1.6px;
text-align: center;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.firsttime01 .bg_green .txt_box h4.stit02 em{
font-size:32px;
letter-spacing: 2px;
padding:0 4px;
}

.firsttime01 .bg_green .txt_box .list01{

padding-bottom: 5px;
padding-top: 2px;
}

.firsttime01 .bg_green .txt_box .list01.right{
padding-right: 8px;
width:300px;
}

.firsttime01 .bg_green .txt_box .list01.left{
width:314px;
margin-top: 20px;
margin-left: 8px;
}

.firsttime01 .bg_green .txt_box .list01 li{
padding:4px 10px 5px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 1.85;
margin-bottom: 12px;
}

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

.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:24px;
border: 3px solid #d40032;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height: 60px;
width:600px;
margin: 0px auto ;
letter-spacing: 1.9px;
}

.firsttime01 .bg_green .reason_box{
padding: 35px 20px 40px;
background: #003d6b;
}

#firsttime h3.bo_yellow{
font-size:24px;
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 li{
width: 200px;
float:left;
margin-left: 14px;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color:#333;
font-size:14px;
height:260px;
margin-bottom: 47px;
}

.firsttime01 .bg_green .reason_box .tokucho li:first-child{
margin-left: 0px;
}

.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:120px;
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:15px;
line-height: 1.4;
color:#0050ff;
margin: 14px auto 12px;
}

.firsttime01 .bg_green .reason_box .tokucho li p{
line-height: 1.5;
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: 12px 20px;
border: 1px solid #c9c9c9;
vertical-align: middle;
}

.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: 12px 20px;
border: 1px solid #c9c9c9;
background: #fff;
}

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

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

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

.firsttime02 .way i{
display: inline-block;
margin: 0 3px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 24px;
height:24px;
padding: 0 15px 0;
border: 2px solid #d40032;
color: #d40032;
margin-bottom: 10px;
margin-right: 10px;
}

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

.firsttime02 .txt01{
padding: 10px;
line-height: 28px;
}

.firsttime03 h4.txt18{
font-size:20px !important;
padding-top: 14px;
padding-bottom: 14px;
}

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

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

.firsttime03 ol i{
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 .btn_sample{
margin: 14px auto 50px;
}

.firsttime03 .btn_sample a{
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size:20px;
background:url(/img/common/arrow_w.png) 96% 50% no-repeat #07b177;
line-height: 68px;
height: 68px;
width:340px;
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: 50px;
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:20px;
 border-bottom-width:20px;
 border-left-width:15px;
 border-right-width:15px;
 margin-left: -15px;
 border-top-color:#fff;
 top:0%;
 left:50%;
}

.reason_box03 ul{
text-align: left;
margin-bottom: 40px;
}

.reason_box03 li{
padding-left: 150px;
}

.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{
font-size:24px;
font-weight: bold;
margin-bottom: 18px;
}

.reason_box03 li h4 i{
background: #003d6b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#fff100;
font-size:20px;
padding: 0 5px;
margin-right: 14px;
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: 12px 15px 10px;
}

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

#price .page_link{
padding: 10px 10px 50px;
margin: 0 auto;
display: inline-block;
}

#price .page_link li{
border:1px solid  #0871c4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float:left;
width:185px;
height:165px;
margin-left:46px;
text-align: center;
padding: 15px 15px 34px;
-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:first-child{
margin-left:0;
}

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

#price .page_link li:nth-child(2) img {
height:40px;
}

#price .page_link li:after {
display: block;
content: "";
width: 34px;
height: 34px;
top:0;
bottom: 0;
left: -41px;
margin: auto;
position: absolute;
background:url(/img/price/icon_plus.png) 50% 50% no-repeat #0871c4;
}

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

#price .page_link li p{
font-weight: bold;
font-size:18px;
bottom:44px;
left: 0;
right: 0;
margin: auto;
position: absolute;
line-height: 1.4;
}

#price .page_link li .txt_o{
font-size:21px;
font-weight: bold;
letter-spacing: 0;
}

#price .page_link li:last-child p{
background:url(/img/price/bg_dot.gif) 50% top repeat-x;
font-size:14px;
width:150px;
padding-top: 10px;
bottom:38px;
}

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

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

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

#price .point_box .imgR img{
padding-top: 15px;
}

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

#price .txt_box02{
padding: 30px 10px 0 135px;
background: url(/img/price/img03.png) 10px 0 no-repeat;
height:110px;
-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.txt16{
margin-bottom: 0;
}

#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;
}

#price #link05 .txt_box02{
padding: 20px 10px 0 125px;
background: url(/img/price/img03.png) 10px 0 no-repeat;
}


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

.company01 .txt_box{
padding: 30px;
}

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

.company_content .profile{
width:674px;
margin: 0 auto;
}

.profile th{
background: #f9f9f9 ;
padding: 12px 20px;
border: 1px solid #c9c9c9;
vertical-align: middle;
width:30%;
}

.profile td{
padding: 12px 20px;
border: 1px solid #c9c9c9;
text-align: left;
}

.company02{
padding: 30px 30px 50px;
}

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

.company02 .profile td li{
clear: both;
overflow: hidden;
margin-bottom: 10px;
}

.company02 .profile td li img{
float:left;
}

.company02 .profile td li span{
padding-left:162px;
display: block;
}

table.history{
width:100%;
}

table.history th{
font-size:14px;
color:#0871c4;
padding: 10px 5px 12px;
text-align: right;
vertical-align: middle;
width:152px;
background: url(/img/company/th_bg2.png) 10px top no-repeat;
vertical-align: top;
-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 th.first{
background: url(/img/company/th_bg.png) 10px top 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{
font-size:15px;
padding: 0 20px 30px;
text-align: left;
}

table.history td span.fukidashi{
background: #ecf8ff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
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 th{
width:170px;
font-size:24px;
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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: block;
position: relative;
padding: 12px;
font-size:18px;
color:#fff;
letter-spacing:0.3px;
}

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;
}

.company_content .stit_bt{
text-align: left;
}

.company03{
padding: 30px;
background: url(/img/company/img02.jpg) 50% bottom no-repeat #fff;
}

.company03 .txt01{
font-size:15px;
text-align: left;
width:470px;
margin:20px auto 40px;
}

.company03 .txt_rose{
color: #d40032;
width:420px;
line-height: 60px;
margin: 0 auto 10px;
background: rgba(255,255,255,0.8);
border: 3px solid #e26381;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:24px;
}

.company04{
padding: 50px 20px;
}

.company04 .map_box{
margin: 30px auto;
border: 3px 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{
max-width: 100%;
vertical-align: bottom;
}

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

.example01{
background:url(/img/example/img01.jpg) right top no-repeat #fff;
padding:42px;
}

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

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

.example01 .txt01{
font-size:21px;
width:520px;
line-height: 1.5;
}

.example01 .txt01 em{
color:#de2f5f;
}

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

#example .tabs li{
/*width:25%;*/
width:50%;
float:left;
text-align: left;
}

#example .tabs li a{
position: relative;
display:block;
line-height: 1.3;
height:78px;
color:#fff;
text-align: center;
background: #003d6b;
padding: 15px 80px 10px 35px;
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:before {
display: block;
content: "";
width:1px ;
height:50px ;
top: 0;
bottom:0;
right: 0;
margin: auto;
position: absolute;
background:#85a8c2;
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:url(/img/example/fuki_w.png) 50% bottom no-repeat #0871c4;
}

#example .tabs.btm li.active a {
background:url(/img/example/fuki_w02.png) 50% top no-repeat #0871c4;
}

#example .tabs li a span{
display: block;
position: absolute;
top: 50%;
padding: 5px 12px;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#example .content {
padding: 45px 30px;
position: relative;
}

#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;
}

#example .tag li{
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: 26px;
height:26px;
padding: 0 15px 0;
color:#0871c4;
}

#example .faq .stit_bo{
font-size:18px;
text-indent: -3em;
line-height: 1.4;
padding: 8px 15px 10px 3.8em;
}

#example .faq .stit_bo span{
color: #0871c4;
font-family: 'Oswald', sans-serif;
font-size:120%;
padding-right: 5px;
font-weight: 700;
}

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

#example .faq p{
margin-bottom: 25px;
}

#example .profile{
margin: 20px auto;
}

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

#example .profile th span{
font-size:13px;
display: block;
line-height: 1.4;
}

#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: 22px;
}

#example .result_box{
border: 2px solid #333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 24px 18px;
position: relative;
margin: 60px auto;
overflow: visible;
}

#example .result_box i{
position: absolute;
left:22px;
top:-43px;
}

#example .result_box h4{
font-size:26px;
padding-left: 155px;
letter-spacing: 2px;
margin-bottom: 30px;
}

#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 span{
padding: 2px 15px;
height:40px;
display: block;
background-image: linear-gradient(to right, #dbdbdb, #dbdbdb 3px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: bottom;
background-repeat: repeat-x;
-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 p span em{
line-height: 1.5;
}

#example .result_box p{
background-image: linear-gradient(to right, #dbdbdb, #dbdbdb 3px, transparent 1px, transparent 5px);
background-size: 8px 1px;
background-position: top;
background-repeat: repeat-x;
}

#example .faq p{
font-size:14px;
overflow: hidden;
}


#example .faq p .img{
width:260px;
}

#example .faq p .img.left{
padding: 0 20px 15px 0;
}

#example .faq p .img.right{
padding: 0 0 15px 20px;
}


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

.about01 {
padding-bottom: 40px;
}

.about01 .tit_box{
padding: 37px 40px 30px;
}

.about01 .stit{
font-size:38px;
letter-spacing: 1.6px;
}

.about01 .txt24{
color:#003d6b;
}

.about01 .marker{
font-size:42px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
margin-bottom: 26px;
}

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

.about01 .stit .marker.txt_rose{
font-size:48px!important;
display: inline-block;
}

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


.about01 .txt_box{
padding: 12px;
}

.about01 .bg_aqua{
background: #ecf8ff;
padding: 32px;
margin: 30px auto 70px;
}

.about01 .bg_aqua .txt18{
padding-top: 18px;
}

.about01 .read02{
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding: 18px 5px;
line-height: 1.45;
margin-bottom: 25px;
position: relative;
overflow: visible;
letter-spacing: 2px;
}

.about01 .read02:before {
display: block;
content: "";
width:22px ;
height:20px ;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/about/arrow_bottom.png) 50% 0 no-repeat ;
}

.about_content {
padding: 43px 30px 10px;
}

.about_content.about05 {
padding: 65px 30px 45px;
}

.stit_blue{
background: url(/img/about/stit_bg.png) left top no-repeat #0871c4;
line-height: 64px;
font-size:21px;
color: #fff;
text-align: center;
margin-bottom: 30px;
}

.about01 .tit_rose{
margin: 20px auto -68px;
background: url(/img/about/icon.png) 22px 50% no-repeat #da034a;
padding: 10px 10px 10px 100px;
width:600px;
color:#fff;
font-size:23px;
line-height: 34px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 99;
position: relative;
}

.about01 .tit_rose em{
font-size:28px;
}

.about01 .sugoi_box h3{
font-size:36px;
text-align: center;
margin-bottom: 20px;
}

.about01 .sugoi_box h3 span{
display: inline-block;
border-bottom: 5px solid #003d6b;
position: relative;
}

.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:45px;
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:38px;
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:38px;
position: absolute;
color:#0871c4;
line-height: 1.1;
}

.about01 .sugoi_box ul{
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;
margin-bottom: 40px;
}

.about01 .sugoi_box li{
text-align: center;
width:49.8%;
height:366px;
padding: 60px 20px 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;
}

.about01 .sugoi_box li:before{
display: block;
content: "";
width: 82%;
height:1px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #c9c9c9;
}

.about01 .sugoi_box li:nth-child(5):before,
.about01 .sugoi_box li:nth-child(6):before{
display: none;
}


.about01 .sugoi_box li:nth-child(even):after{
display: block;
content: "";
width: 1px;
height:82%;
bottom: 0;
top: 0;
left: 0;
margin: auto;
position: absolute;
background: #c9c9c9;
}

.about01 .sugoi_box li span{
background: #0871c4;
color:#fff100;
font-size:24px;
font-family: 'Oswald', sans-serif;
text-align: center;
display: inline-block;
width:90px;
height:90px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 35px;
}

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


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

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



.about_content.about02{
padding: 0;
}

.about_content.about02 .bg_blue01{
padding-top: 42px;
}

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

.about02 h2.txt30{
margin-bottom: 20px;
}

.about02 h2.txt30 span{
background: url(/img/about/icon01.png) left top no-repeat;
height:90px;
line-height: 90px;
padding-left: 110px;
display: inline-block;
letter-spacing: 2px;
}

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

.about02 p.txt21{
line-height: 1.4;
margin-bottom: 20px;
}

.about03 .job_cate ul{
width:98%;
margin: 8px auto;
overflow: hidden;
}

.about03 .job_cate li{
float:left;
width:30.8%;
margin:0 1% 15px;;
height:51px;
line-height: 51px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #c9c9c9;
background: #f9f9f9;
font-size:18px;
text-align: center;
}

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

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

.about03 .job_cate h4{
width:420px;
padding: 15px;
margin: 40px 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-left: 340px;
background: url(/img/about/img_three_count.jpg) 20px bottom no-repeat #fff;
background-size: 290px auto;
min-height: 320px;
padding-top: 20px;
}

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

.about03 .support .bg_aqua{
width:640px;
padding:25px 30px;
margin: 20px auto 50px;
}

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

.about03 .support .bg_aqua li{
text-indent: -1em;
padding-left:1em;
margin-bottom: 5px;
}

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

.about03 .support .img{
padding-right: 44px;
}

.about03 .support .report{
width:74%;
}

.about04{
background: #fff7eb;
padding-top: 40px; 
}

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

.price_box .tit_box{
height:110px;
position: relative;
/*background: url(/img/common/bg06.jpg) 0 50% repeat-x;*/
}

.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:30px;
display: inline-block;
letter-spacing: 3px;
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:26px;
line-height: 40px;
display: inline-block;
padding: 2px 15px 2px 20px;
border: 2px solid #fff;
}

.price_box .plan_wrap{
position: relative;
margin: 0 auto 70px;
padding-bottom: 60px;
 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{
position: absolute;
left:0;
right:0;
bottom:-90px;
margin: auto;
z-index: 99;
}

.plan_free{
font-size:26px;
padding: 35px 40px;
margin:0 auto; 
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:26px;
color:#fff;
letter-spacing: 2px;
}

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

.plan_free a{
display: inline-block;
}

.plan_free a.txt_w{
color:#fff;
}

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

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


.price_box article{
width:33%;
}

.price_box article img{
display: block;
}

.price_box article h4{
font-size:13px;
background: #fff;
height:90px;
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 h4 span{
padding: 10px 16px;
text-align: center;
position: absolute;
left:0;
right:0;
margin:0;
 top: 55%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.price_box article p{
color:#fff;
letter-spacing: 0.3px;
text-align: left;
font-size:12px;
line-height: 20px;
position: relative;
padding: 3px 5%;
-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;
height:120px;
}

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

.price_box article#plan02 p{
background: #005d8e;
height:160px;
}

.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;
height:140px;
}

.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;
height:90px;
}

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

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

.about04 .tit_box02 h3{
background: #fff7eb;
padding: 0 8px;
color: #004062;
display: inline-block;
line-height: 90px;
position: relative;
z-index: 2;
/*
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.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 14px;
}

.about05 .voice_box p{
font-size:14px;
}

.about05 .voice_box .txt01{
padding-right: 280px;
}

.about05 .voice_box .txt02{
padding-left: 280px;
}

.about05 .voice_box h4{
font-size:18px;
margin-bottom: 15px;
}

.about05 .voice_box img{
float:left;
padding: 0 20px 20px 0;
max-width:260px;
}

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

.about05 .voice_box .tag{
padding: 10px 0 10px;
}

.about05 .voice_box .tag li{
display: inline-block;
padding: 0 3px;
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-bottom: 30px;
}

.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: 55px;
height:55px;
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: 1px solid #0871c4;
}

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

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

.side_bnr li{
margin-bottom: 15px;
}

aside .news_box{
border-top:6px solid #0068b7;
border-bottom: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
margin-bottom: 15px;
}

aside .news_box h4{
height:64px;
padding-top: 8px;
background: url(/img/index/fuki_gray.png) 20% bottom no-repeat;
}

aside .news_box .btn_blue02{
padding: 14px 0;
/*
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;*/
}

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

aside .news_box li{
padding-top: 5px;
/*border-bottom: 1px dashed #999;*/
background-image: linear-gradient(to right, #959595, #959595 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:10px;
font-weight: bold;
padding: 2px 0;
}

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

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: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width:150px;
line-height: 44px;
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;
}

.box_tc .txt_box{
padding-left: 3px;
margin-bottom: 10px;
}

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

.box_tc ul{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:14px;
}

.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:12px;
line-height: 1.3;
padding: 0 4px;
}

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

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

aside .inq_box2{
border-right: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding: 18px 15px;
letter-spacing: 0px;
margin-bottom: 15px;
-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 .txt{
color:#fff;
background: #0871c4;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
height:32px;
line-height: 32px;
padding: 0 15px;
letter-spacing: -0.2px;
display: inline-block;
margin-bottom: 5px;
}

aside .inq_box2 .time{
font-size:10px;
letter-spacing: -0.1px;
}

aside .inq_box2 .tel{
display: 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: 20px auto;
line-height: 30px;
letter-spacing: -0.2px;
font-size:28px;
font-weight: bold;
padding-left: 25px;
}

aside .inq_box2 .btn_orange2 a{
font-size:15px;
max-width: 100%;
letter-spacing: 0;
width: 100%;
line-height: 54px;
height: 54px;
box-shadow:0px 3px 0px -1px #999;
background: url(/img/common/i_mail.png) 13px 50% no-repeat #eb6100;
background-size:30px auto;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
text-align: left;
padding-left: 45px;
-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;
line-height: 1.3;
margin-bottom: 10px;
}

aside .inq_box2 li:first-child{
padding-bottom: 10px;
/*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: 10px;
}


/*----------------------------------------------------
	inq
----------------------------------------------------*/

.inq01 h3{
font-size:24px;
line-height: 60px;
}

.inq01 ul{
padding: 15px 4px;
overflow: hidden;
background: #fff;
}

.inq01 ul li{
padding: 3px 21px 0;
font-size:18px;
display: inline-block;
line-height: 1.3;
}

.inq01 ul li p.fb{
line-height: 1;
margin-bottom: 10px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.inq01 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;
}

.inq01 ul li .tel{
display: 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;
line-height: 52px;
font-size:60px;
font-weight: bold;
letter-spacing: 0.1;
padding-left: 50px;
margin-bottom: 4px;
}

.inq01 ul li .time{
font-size:14px;}

.inq01 .bg_blue02{
height:98px;
}

.inq01 .bg_blue02 h5{
font-size:18px;
letter-spacing: 0px;
position: absolute;
top: 50%;
left:20px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.inq01 .bg_blue02 .em{
font-size:24px;
letter-spacing: 2px;
}

.inq01 .bg_blue02 p{
position: absolute;
top: 50%;
right:10px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.inq01 .bg_blue02 .h_trial{
background: url(/img/common/bnr_trial-on.png) 50% 50% no-repeat;
background-size:310px auto;
margin-right: 12px;
}

.inq01 .bg_blue02 .h_trial img{
width:310px;
}


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

#inquiry .inquiry01{
padding: 55px 30px 0;
background:url(/img/inqiury/inq_bg.png) 0 0 no-repeat;
}

#inquiry.form .inquiry01{
padding: 55px 30px 55px;
}

#inquiry .inquiry01 .txt01{
font-size:36px;
margin-bottom: 50px;
letter-spacing: 1.6px;
}

#inquiry .inquiry01 .txt01 em.bg_blue02{
font-size:44px;
padding: 12px 14px;
margin-right: 4px;
}

#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: 4px solid #003d6b;
color: #003d6b;
font-size:30px;
letter-spacing: 3px;
line-height: 72px;
}

#inquiry .inquiry01 .txt_box{
padding: 25px 15px;
}

#inquiry .inquiry01 p{
margin: 5px;
}

#inquiry .inquiry01 .tel_bnr{
margin-bottom: 10px;
}

.inquiry_content{
padding-left: 30px;
padding-right: 30px;
}

.inquiry_content .stit_bo{
margin-bottom: 20px;
font-size:20px;
}

.inquiry_content .stit_bo i{
background: #0871c4;
line-height: 36px;
height:38px;
display: inline-block;
width:38px;
text-align: center;
color:#fff;
font-size:22px;
margin-right: 15px;
font-family: 'Oswald', sans-serif;
}

#inquiry .inquiry02 ul{
padding: 0 12px 30px;
text-align: left;
font-weight: bold;
}

#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:18px;
padding: 14px 0 8px 40px;
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: 0;
left: 15px;
bottom: 0;
margin: auto;
position: absolute;
background: #0871c4;;
}

#inquiry .inquiry02 .txt_b a{
float:right;
display: inline-block;
background:url(/img/common/arrow_blue.png) right 50% no-repeat;
background-size:8px auto;
font-size:16px;
color:#0871c4;
padding-right: 20px;
}

#inquiry .inquiry02 h3 .txt_b a{
line-height: 40px;
}


/*----------------------------------------------------
	form
----------------------------------------------------*/

#form_box{
margin-bottom: 0px;
padding: 20px 30px 20px;
}

#inquiry.form #form_box{
padding: 70px 30px 20px;
}

#form_box .tit_box{
margin: 0 auto 22px;
position: relative;
height:72px;
background:url(/img/inqiury/icon_form.png) left 50% no-repeat;
padding-left: 80px;
}

#form_box .tit_box .marker{
display: inline-block;
position: relative;
z-index: 2;
line-height: 1;
font-size:21px;
}

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

#form_box .step{
margin: 40px auto;
}

#form_box .step li{
font-size:18px;
width:180px;
height:66px;
color:#626262;
margin-left:50px; 
font-weight: bold;
line-height: 66px;
display: inline-block;
border: 3px solid #ccc;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-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 .step li:first-child{
margin-left:0px; 
}

#form_box .step li.on{
border: 4px solid #0871c4;
color:#0871c4;
}

#form_box .step li i{
position: absolute;
top:-18px;
left:50%;
margin-left: -18px;
background: #c9c9c9;
line-height: 36px;
height:36px;
width:36px;
display: inline-block;
text-align: center;
color:#fff;
font-size:19px;
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: 18px ;
height:18px ;
top: 0;
left: -40px;
bottom: 0;
margin: auto;
position: absolute;
background: url(/img/inqiury/arrow_step.png) 50% 50% no-repeat;
z-index: 9;
}

#form_box .step li:first-child:after{
display: none;
}


#form_box .step li.on i{
background: #0871c4;
}

#form_box .form_wrap{
padding: 35px 35px 40px;
margin-bottom: 30px;
-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{
width:100%;
font-size:14px;
letter-spacing: 1px;
border-collapse: collapse;
text-align: left;
margin: 0 auto 20px;
}

#form_box .table_form th {
padding: 12px 15px 12px 0;
vertical-align: middle;
font-size:16px;
width:15em;
text-align: right;
}

#form_box .table_form th .bg{
display: block;
padding: 10px;
background: #c8ecff;
height:100%;
position: relative;
padding-right: 54px !important;
}

#form_box .table_form tr th.vt2,
#form_box .table_form tr th.vt {
padding: 12px 15px 12px 0;
vertical-align: top;
}

#form_box .table_form tr th.vt .bg{
height: 9.4em;
}

.confirm #form_box .table_form tr th.vt .bg{
height: auto;
}

/*
.confirm #form_box .table_form tr th {
padding: 15px 15px 15px 0;
vertical-align: middle;
}*/

#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-style: italic;
font-size:14px;
background: #bf0000;
padding: 2px 5px;
line-height: 1.2;
height:1.2em;
display: block;
margin:auto;
position: absolute;
right:10px;
top:0;
bottom:0;
}

#form_box .table_form th .txt_red{
display: block;
color:#bf0000;
font-style:normal;
font-size:14px;
padding-right: 10px;
}

#form_box .table_form td {
vertical-align: middle;
padding: 10px 20px 10px 5px;
font-size:16px;
}

#form_box .table_form td label{
padding-right: 20px;
}

#form_box table td input[type="text"]{
width:70%;
}

#form_box table td input.w50{
width:10em;
}

#form_box table td input[type="password"]{
width:12em;
}

#form_box table td textarea{width:90%;}

#form_box table td input[type="password"],
#form_box table td input[type="text"],
#form_box table td textarea{
font-size:17px;
border:1px solid #ccc;
padding:10px 2%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-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;
}

#form_box table td textarea{
height:10em;
}

.confirm #form_box table.table_form{
margin: 0 auto 40px;
}

.confirm #form_box .table_form tr th.vt {
padding: 10px 15px 15px 0;
vertical-align: top;
}

.confirm #form_box table th{
font-weight:normal;
}

.confirm #form_box table td{
font-weight:bold;
}

#form_box .btn input{
display:inline-block;
color: #fff;
letter-spacing: 2px;
text-align: center;
margin: 0 auto 20px;
text-align:center;
border: none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-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: 16px 10px 16px 0;
width: 300px;
font-size: 20px;
background: url(/img/common/arrow_w.png) 95% 50% no-repeat #0871c4;
background-size: 12px auto;
}

#form_box .btn input:hover{
opacity: .8;
}

#form_box .back input{
background: url(/img/common/arrow_w_l.png) 5% 50% no-repeat #666;
margin-top: 4px;
padding-left: 10px;
text-align:center;
padding: 14px 0 14px 10px;
width: 220px;
font-size: 20px;
}

#form_box .back{
display:block;
float:left;
width:46%;
text-align:right !important;
}

#form_box .submit02{
display:block;
float:right;
width:52%;
text-align:left !important;
}

#form_box p{
font-size:14px;
}

#form_box p.exp01{
margin-bottom: 30px;
}

#form_box .exp02{
width:870px;
text-align: left;
margin: 20px auto 0;
}

#form_box .exp03{
font-size:18px;
margin: 0 auto 30px;
}

#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;
}

.thanks #form_box #form_box{
min-height:400px;
}

.thanks #form_box .complete_txt{
font-size:36px;
text-align: left;
margin:20px auto 30px;
}

.thanks #form_box .complete_txt02{
padding-bottom: 30px;
font-size:16px;
}

#form_box .complete_box{
padding: 30px 30px 40px;
width:840px;
margin: 0 auto 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:30px;
margin-bottom: 10px;
}

#form_box .complete_box h5.txt01{
font-size:18px;
margin-bottom:10px
}

#form_box .complete_box h5.txt02{
font-size:18px;
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;
line-height: 52px;
font-size:60px;
font-weight: bold;
letter-spacing: 0.1;
padding-left: 50px;
margin-bottom: 4px;
}

.complete_box .time{
font-size:14px;}

.thanks p.btn02 a{
text-align-last: center;
display: block;
line-height:60px;
font-size:18px;
letter-spacing: 0.1px;
width:240px;
color:#0068b7;
margin:20px auto 40px;
border: 2px solid #0068b7;
background: url(/img/common/arrow_blue.png) 96% 50% no-repeat #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.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 30px;
}

.trial01 em{
font-size:44px;
}

.trial01 .stit.bg_blue02{
font-size:36px;
padding: 12px;
margin-bottom: 30px;
}

.trial01 .bg_gray{
padding: 14px 30px ;
margin: 30px auto 30px;
text-align: center;
border: 1px solid #eeeeee;
background: #f9f9f9;
text-align: left;
}

.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{
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 .bg{
position: relative;
}
#form_box .table_form th.li4 .bg {
padding: 40px 10px;
}

#form_box .table_form th.li2 .bg {
padding: 18px 10px;
}

#form_box .table_form th.li5 .bg {
padding: 72px 10px;
}

#form_box .table_form th .bg .fix_txt{
position: absolute;
bottom:4px;
left:0;
right:10px;
margin: auto;
display: block;
text-align: right;
font-size:13px;
font-weight: normal;
}

#form_box .table_form input.url{
width:13em;
margin-left: 4px;
}

/*----------------------------------------------------
	privacy
----------------------------------------------------*/

.privacy_content{
padding: 38px 30px;
margin-bottom: 50px;
}

.privacy_content .txt01{
margin-bottom: 35px;
font-size:16px;
}

.privacy_content .stit_bo.txt18{
font-size:18px;
padding: 0px 15px;
line-height: 60px;
}

.privacy_content p{
font-size:14px;
letter-spacing: 1px;
}

.privacy_content ol{
margin: 0px auto 30px;
}

.privacy_content ol li{
margin: 32px auto 0;
padding-bottom: 34px;
border-bottom: 1px solid #c9c9c9;
}

.privacy_content ol li:last-child{
border-bottom: 0;
}

.privacy_content ol li h4{
font-size:18px;
margin-bottom: 16px;
}

.privacy_content .bg_gray{
border: 1px solid #c9c9c9;
padding: 31px 30px;
}

.privacy_content .bg_gray p{
text-align: left;
}

.privacy_content .bg_gray p.txt02{
margin: 20px auto 10px;
}

/*----------------------------------------------------
	link_box
----------------------------------------------------*/

.link_box{
padding: 38px 45px;
}

.link_box ul.clm3{
 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;
font-size:13px;
border: 3px solid #313131;
padding: 16px 14px 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:240px;
width:31%;
margin-bottom: 24px;
-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:last-child{
width:100%;
text-align: left;
height:160px;
}

.link_box ul.clm3 li p{
font-size:18px;
line-height: 1.3;
color:#0871c4;
font-weight: bold;
margin:5px auto 8px;
}

.link_box ul.clm3 li p.l1{
line-height: 42px;
}

.link_box ul.clm3 li span{
text-align: left;
display: block;
line-height: 1.4;
}

.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{
float:left;
padding: 25px 20px 25px 35px;
}

.link_box ul.clm3 li:last-child .txt_box{
padding-left: 120px;
padding-top: 15px;
}

.link_box ul.clm3 li:last-child .txt_o{
display:inline-block;
font-size:16px;
position: relative;
padding: 0 20px;
vertical-align: bottom;
}

.link_box ul.clm3 li:last-child .txt_o:before {
display: block;
content: "＼";
width: ;
height: ;
font-size:18px;
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:18px;
right: 0;
bottom:0;
margin: auto;
position: absolute;
}

/*-----------------------------------
footer
-------------------------------------*/

.footer_nav{
clear: both;
background: #003d6b;
font-size:13px;
line-height: 1.4;
padding: 40px 0;
color:#fff;
}

.footer_nav a{
color:#fff;
}

.footer_nav .f_nav01{
float:left;
width:410px;
}

.footer_nav .f_nav02{
float:left;
width:300px;
}

.footer_nav .f_nav03{
float:right;
width:280px;
}

.footer_nav dt{
letter-spacing: 2px;
font-family: 'Oswald', sans-serif;
font-size:26px;
border-left:3px solid #fff026;
line-height: 1.2;
padding-left: 12px;
}

.footer_nav dd ul{
padding: 22px 5px;
}

.footer_nav dd li{
background: url(/img/common/arrow_yellow.png) 0px 50% no-repeat;
padding-left: 15px;
font-size:15px;
margin-bottom: 8px;
}


/*
.footer_nav ul.parent{
 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;
}

.footer_nav ul li.pa{
width:48%;
margin-bottom: 30px;
border-left:1px solid #0870c2;
position: relative;
font-size:18px;
padding-left: 4px;
}

.footer_nav ul li.pa:before {
display: block;
content: "";
width:1px ;
height: 30px;
top: 0;
left: 0;
margin: auto;
position: absolute;
background:#fff;
}

.footer_nav ul li.pa:nth-child(odd){
clear:both;
float:left;
}

.footer_nav ul li.pa:nth-child(even){
float:right;
}

.footer_nav ul li.pa li{
float:left;
width:50%;
margin-bottom: 8px;
font-size:13px;
}

.footer_nav ul li.pa a{
background: url(/img/common/footer_arrow.png) 9px 50% no-repeat;
padding-left: 35px;
line-height: 30px;
display: inline-block;
margin-bottom: 10px;
}

.footer_nav ul li.pa li a{
background: url(/img/common/footer_arrow02.png) 12px 2px no-repeat;
display: inline-block;
padding-left: 25px;
line-height: 1.5;
margin-bottom: 0px;
}

.footer_nav ul li a:hover{
text-decoration: underline;
}*/

footer{
background: #002745;
position: relative;
font-size:14px;
overflow: hidden;
color:#fff;
padding:50px 0px 30px;
}

footer .in_box{
width:790px;
margin: 0 auto;
}

footer .box_left{
width:540px;
padding-top: 0;
float:left;
overflow: hidden;
padding-right: 12px;
text-align: left;
-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 .box_left img{
float:left;
padding-right: 24px;
}

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:24px;
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:13px;
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: bottom;
}

footer .box_right .btn a{
margin-top: 22px;
display: inline-block;
width:225px;
font-size:16px;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
/*background: url(/img/common/menu_arrow.png) 95% 50% no-repeat ;*/
color:#fff;
background-size: 12px auto;
line-height: 50px;
border: 1px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

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: #007cbd;
padding: 12px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#btm_contact{
display:none;
}

.pageTop{
position: fixed;
text-align: right;
bottom:60px;
right:2%;
z-index: 9999;
}

.pageTop a{
opacity: 0.8;
}

.pageTop a:hover img{
opacity: 1;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

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