@charset "utf-8";

/*-- 

common

====================================================== --*/

/*-- link --*/

/* common */
a{outline:none;color:#009FE7;}
a:link{text-decoration:underline;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;outline:none;}
a:active{text-decoration:none;}

/*-- font --*/

/* color */
.fc-fff{color:#fff!important;}
.fc-f00{color:#f00!important;}
.fc-000{color:#000!important;}
.fc-434343{color:#434343!important;}
.fc-ff4c4c{color:#FF4C4C!important;}

/* size */
.fs18{font-size:150%!important;}
.fs17{font-size:142%!important;}
.fs16{font-size:134%!important;}
.fs15{font-size:125%!important;}
.fs14{font-size:117%!important;}
.fs13{font-size:108%!important;}
.fs12{font-size:100%!important;}
.fs11{font-size:92%!important;}
.fs10{font-size:84%!important;}
.fs9{font-size:75%!important;}

/* weight */
.fw-bold{font-weight:bold!important;}
.fw-normal{font-weight:normal!important;}

/*-- html body --*/

body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:62.5%;/*10px基準*/
color:#434343;
min-width:1000px;
background:#434343;
-webkit-text-size-adjust:100%;
min-width:1000px;
}

/*-- input textarea --*/

input,
textarea,
button {
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*-- text-align  vertical-align  float clear --*/

.ta-left{text-align:left!important;}
.ta-center{text-align:center!important;}
.ta-right{text-align:right!important;}
.ta-justify{text-align:justify!important;text-justify:inter-ideograph!important;}
.va-top{vertical-align:top!important;}
.va-middle{vertical-align:middle!important;}
.va-bottom{vertical-align:bottom!important;}
.fl-right{float:right!important;}
.fl-left{float:left!important;}
.clear{clear:both!important;}

/*-- list --*/

ul.lst-disc{
margin-left:2em!important;
text-indent:0!important;
list-style-type:disc!important;
}
ol.lst-decimal{
margin-left:2em!important;
text-indent:0!important;
list-style-type:decimal!important;
}

/*-- clearfix --*/

.cf{
/zoom:1;/* IE lt 8 */
}
.cf:after{
content:'';
display:block;
clear:both;
height:0;
}

/*-- width --*/

.w100{width:100px!important;}
.w150{width:150px!important;}
.w200{width:200px!important;}
.w250{width:250px!important;}
.w300{width:300px!important;}
.w350{width:350px!important;}
.w2eq{width:50%!important;}
.w3eq{width:33%!important;}
.w4eq{width:25%!important;}
.w5eq{width:20%!important;}

/*-- margin --*/

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.ml30{margin-left:30px!important;}

/*-- padding --*/

.pb0{padding-bottom:0!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pl30{padding-left:30px!important;}

/*-- sup --*/

sup{
font-size:72%;
vertical-align:top;
}

/*-- other --*/

a,
.op{
opacity:1;
transition:opacity .15s ease-in-out;
}
a:hover,
.op:hover{
opacity:0.7;
cursor:pointer;
}
.bg-replace{
text-indent:-9999px;
display:block;
}
.pc-none{
display:none;
}

/*-- 

header

====================================================== --*/

header{
width:100%;
background:#fff;
border-bottom:1px solid rgba(237,237,237,0.8);
z-index:2;
}
header.fixed{
position:fixed;
}
header > .inner{
width:1000px;
margin:0 auto;
position:relative;
}

/*-- logo --*/

header .logo{
padding:7px 0;
width:560px;
}
header .logo a:link{
text-decoration:none;
}
header .logo img{
vertical-align:middle;
}
header .logo span{
font-size:170%;
display:block;
height:46px;
box-sizing:border-box;
background:url(../img/logo.png) no-repeat left top;
line-height:1;
color:#434343;
padding:15px 0 0 220px;
}

/*-- menu --*/

header .menu{
position:absolute;
top:5px;
right:248px;
font-size:150%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:75px;
height:50px;
text-align:center;
box-sizing:border-box;
padding-top:15px;
background:#1FA5FA url(../img/ico_arrow-white_down.png) no-repeat center 36px;
background-size:8px auto;
color:#fff;
}
header .menu.active{
background:#0592EF url(../img/ico_arrow-white_up.png) no-repeat center 36px;
background-size:8px auto;
}

/*-- utility --*/

header .utility{
position:absolute;
top:9px;
right:0;
height:85px;
}
#index header .utility{
background:url(../img/txt_inquiry.png) no-repeat center bottom;
}
#index header.fixed .utility{
background:none;
}

/*-- nav --*/

header nav{
display:none;
position:absolute;
width:100%;
min-width:1000px;
z-index:2;
}
header nav .inner{
width:100%;
background:rgba(5,146,239,0.97);
padding:25px 0;
}
header nav .inner ul{
width:1000px;
margin:0 auto;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:no-wrap;
justify-content:space-between;
}
header nav .inner ul li{
border-left:1px solid #69BBF1;
}
header nav .inner dl{
padding:10px 30px;
}
header nav .inner dl dt{
color:#fff;
font-size:120%;
font-weight:bold;
margin-bottom:20px;
}
header nav .inner dl dd{
font-size:140%;
margin-top:12px;
}
header nav .inner dl dd a{
color:#fff;
text-decoration:none;
}
header nav .close{
float:right;
}
header nav .close span{
font-size:150%;
display:block;
background:rgba(5,146,239,0.97);
color:#fff;
margin:10px 10px 0 0;
padding:8px 25px;
}

/*-- 

article

====================================================== --*/

article{
background:#EBF0F0;
}
#index article{
background:#fff;
}

/*-- box-cv --*/

.box-cv{
background:#fff;
width:810px;
height:120px;
}
.box-cv > p{
width:580px;
padding:27px 0 0 50px;
box-sizing:border-box;
float:left;
}
.box-cv > ul{
background:#DEF2F5;
width:230px;
height:120px;
float:right;
padding:15px;
box-sizing:border-box;
}
.box-cv > ul li{
text-align:center;
margin-top:11px;
}
.box-cv > ul li:first-child{
margin-top:0;
}
.box-cv > ul li a{
font-size:140%;
display:block;
background:#009CFF url(../img/ico_arrow-white_right.png) no-repeat 180px center;
background-size:7px auto;
text-decoration:none;
color:#fff;
height:40px;
line-height:40px;
}
.box-cv > ul li a span{
width:8em;
display:inline-block;
}
.box-cv > ul li:first-child a span{
background:url(../img/ico_mail.png) no-repeat left center;
padding-left:0.5em;
margin-right:-0.5em;
}

/*-- keyvisual-sec --*/

#keyvisual-sec{
background:#1986EA;
}
#keyvisual-sec span{
display:block;
background:url(../img/bg_sec.png) no-repeat center top;
width:1000px;
height:80px;
margin:0 auto;
font-size:240%;
color:#fff;
padding:28px 30px;
box-sizing:border-box;
text-shadow:-2px -2px 1px rgba(0,0,0,0.2);
letter-spacing:.1em;
}

/*-- path --*/

#path{
background:#fff;
}
#path ol{
width:1000px;
margin:0 auto;
}
#path ol li{
float:left;
font-size:120%;
background:url(../img/ico_arrow-gray_right.png) no-repeat right center;
background-size:6px auto;
padding:14px 20px 14px 0;
margin-right:14px;
}
#path ol li:last-child{
background:none;
padding-right:0;
margin-right:0;
}
#path ol li a{
color:#434343;
}
#path ol li span{
}

/*-- wrapper --*/

#wrapper{
position:relative;
width:1000px;
margin:30px auto 0;
}

/* aside */

#wrapper aside{
position:absolute;
top:0;
left:0;
width:200px;
}
#wrapper aside h1{
font-size:140%;
color:#fff;
font-weight:bold;
background:#1986EA;
padding:12px 20px;
line-height:1.2;
}
#wrapper aside ul{
font-size:140%;
}
#wrapper aside ul li{
margin-top:3px;
}
#wrapper aside ul li a{
display:block;
background:#fff;
padding:12px 10px 12px 20px;
color:#434343;
text-decoration:none;
}
#wrapper aside ul li.on a{
color:#1986EA;
background:#E7F5FE;
}
#wrapper aside ul li a span{
display:block;
background:url(../img/ico_arrow-gray_right.png) no-repeat right center;
background-size:7px auto;
padding-right:10px;
line-height:1.2;
}

/* main */

#wrapper main{
margin-left:250px;
padding-bottom:60px;
min-height:400px;
display:block;
}
#wrapper main section > p{
font-size:140%;
line-height:1.8;
margin-top:25px;
}
#wrapper main section > p > strong{
color:#FF4C4C;
}

/*-- 

headline

====================================================== --*/

.headline-a{
text-align:center;
font-size:260%;
padding:100px 0 40px;
border-bottom:2px solid #434343;
letter-spacing:.1em;
}
#wrapper main section:first-child .headline-a{
padding:28px 0 40px;
}
.headline-b{
font-size:240%;
line-height:1.4;
font-weight:bold;
margin-top:20px;
}
.headline-c{
font-size:200%;
line-height:1.2;
font-weight:bold;
margin-top:20px;
}

/*-- 

box

====================================================== --*/

/*-- .box-white --*/

.box-white{
background:#fff;
box-shadow:0 0 3px rgba(67,67,67,0.1);
padding:25px;
text-align:center;
font-size:180%;
line-height:1.6;
margin-top:20px;
}
.box-white strong{
color:#FF4C4C;
}
.box-white .txt{
font-size:133%;
line-height:1.4;
padding:10px 0;
}
.box-white .tel{
padding:10px 0;
}

/*-- dl.box-blue --*/

dl.box-blue{
background:#fff;
box-shadow:0 0 3px rgba(67,67,67,0.1);
margin-top:30px;
}
dl.box-blue dt{
background:#1986EA;
padding:10px;
font-size:180%;
line-height:1.6;
text-align:center;
color:#fff;
font-weight:bold;
}
dl.box-blue dt strong{
font-size:122%;
}
dl.box-blue dd{
padding:25px;
padding-left:40px;
}
dl.box-blue dd p{
margin-top:20px;
font-size:140%;
line-height:1.4;
}

/*-- dl.box-red --*/

dl.box-red{
background:#fff;
box-shadow:0 0 3px rgba(67,67,67,0.1);
margin-top:30px;
}
dl.box-red dt{
background:#FF4C4C;
padding:10px;
font-size:180%;
line-height:1.6;
text-align:center;
color:#fff;
font-weight:bold;
}
dl.box-red dt strong{
font-size:122%;
}
dl.box-red dd{
padding:25px;
}
dl.box-red p{
font-size:220%;
text-align:center;
line-height:1.6;
}
dl.box-red dd strong{
color:#FF4C4C;
}

/*-- .box-notice --*/

.box-notice{
background:#FF4C4C;
padding:20px 130px;
}
.box-notice > p{
font-size:160%;
line-height:1.2;
color:#fff;
font-weight:bold;
background:url(../img/ico_notice.png) no-repeat left top;
padding-left:30px;
}

/*-- .box-qa --*/

.box-qa dt{
font-size:180%;
line-height:1.2;
font-weight:bold;
margin-top:20px;
padding-top:20px;
border-top:1px solid #ccc;
}
.box-qa dt:first-child{
border-top:none;
padding-top:0;
}
.box-qa dd{
font-size:140%;
line-height:1.8;
background:#fff;
box-shadow:0 0 3px rgba(67,67,67,0.1);
padding:25px 40px;
margin-top:20px;
}
.box-qa dd span{
text-indent:-1.8em;
padding-left:1.8em;
display:block;
}
.box-qa dd strong{
color:#FF4C4C;
margin-right:10px;
}

/*-- 

hr

====================================================== --*/

hr{
margin:30px 0;
}
hr.arrow01{
border:none;
background:url(../img/ico_arrow01.png) no-repeat center center;
height:22px;
margin:10px 0;
}

/*-- 

btn

====================================================== --*/

/*-- btn01 --*/

.btn01{
margin-top:10px;
background:#009CFF;
display:inline-block;
}
.btn01 a{
font-weight:bold;
color:#fff;
display:inline-block;
text-decoration:none;
padding:8px 10px;
}
.btn01 a span{
background:url(../img/ico_arrow-white_right.png) no-repeat right center;
background-size:7px auto;
padding:0 30px;
}

/*-- btn02 --*/

.btn02{
margin-top:30px;
text-align:center;
}
.btn02 a{
font-size:114%;
width:300px;
background:#009CFF url(../img/ico_arrow-white_right.png) no-repeat 260px center;
background-size:7px auto;
border:none;
font-weight:bold;
color:#fff;
display:inline-block;
text-decoration:none;
padding:15px 0;
}

/*-- btn-form --*/

.btn-form{
margin-top:30px;
text-align:center;
}
.btn-form button{
font-size:160%;
width:300px;
background:#009CFF url(../img/ico_arrow-white_right.png) no-repeat 260px center;
background-size:7px auto;
border:none;
font-weight:bold;
color:#fff;
display:inline-block;
text-decoration:none;
padding:15px 0;
}

/*-- 

lst

====================================================== --*/

/*-- lst-check --*/

.lst-check{
margin:0 55px;
}
.lst-check > li{
font-size:200%;
line-height:1.2;
background:url(../img/ico_check.png) no-repeat left 7px;
padding:8px 0 8px 40px;
}
.lst-check > li strong{
color:#FF4C4C;
}

/*-- lst-num --*/

.lst-num{
}
.lst-num > li{
font-size:180%;
line-height:1.2;
text-indent:-1.7em;
padding:8px 0 8px 1.7em;
}
.lst-num > li strong{
color:#1985EA;
margin-right:1em;
}

/*-- 

table

====================================================== --*/

/*-- tbl-line01 --*/

.tbl-line01{
font-size:140%;
line-height:1.6;
width:100%;
}
.tbl-line01 th,
.tbl-line01 td{
border-bottom:1px solid #ccc;
}
.tbl-line01 th{
padding:25px 25px 25px 0;
text-align:left;
vertical-align:top;
}
.tbl-line01 td{
padding:25px 0;
}

/*-- tbl-line02 --*/

.tbl-line02{
font-size:140%;
line-height:1.6;
width:100%;
}
.tbl-line02 th,
.tbl-line02 td{
border:1px solid #ccc;
padding:25px 30px;
}
.tbl-line02 th{
width:140px;
text-align:left;
background:#E9FAFE;
vertical-align:middle;
}
.tbl-line02 td{
background:#fff;
}

/*-- tbl-form01 --*/

.tbl-form01{
font-size:140%;
line-height:1.6;
width:100%;
}
.tbl-form01 th,
.tbl-form01 td{
border-bottom:1px solid #ccc;
}
.tbl-form01 th{
padding:38px 25px 25px 0;
text-align:left;
vertical-align:top;
}
.tbl-form01 td{
padding:25px 0;
}
.tbl-form01 th span{
font-size:86%;
color:#fff;
float:right;
background:#FF7F00;
padding:0 10px;
margin-top:1px;
}
form .notice{
font-size:140%;
line-height:1.6;
text-align:center;
margin-top:20px;
}

/*-- 

input select textarea

====================================================== --*/

input{
border:1px solid #ccc;
padding:12px 15px;
width:100%;
box-sizing:border-box;
}
select{
display:block;
border:1px solid #ccc;
padding:12px 15px;
box-sizing:border-box;
margin-bottom:10px;
}
textarea{
border:1px solid #ccc;
padding:12px 15px;
width:100%;
box-sizing:border-box;
font-size:95%;
}

/*-- 

txt

====================================================== --*/

.txt01{
text-align:center;
font-size:220%!important;
line-height:1.6!important;
margin-top:0!important;
padding:50px 0;
}

/*-- 

content-cv

====================================================== --*/

#content-cv{
background:url(../img/bg_cv.jpg) no-repeat center bottom;
background-size:cover;
height:350px;
}
#content-cv .inner{
width:1000px;
margin:0 auto;
padding-top:104px;
}
#content-cv .box-cv{
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
#content-cv .inner > p{
font-size:160%;
font-weight:bold;
width:810px;
text-align:center;
margin-top:40px;
color:#fff;
}

/*-- 

pagetop

====================================================== --*/

#pagetop{
width:60px;
height:60px;
background:#009CFF url(../img/ico_arrow-white_up.png) no-repeat center center;
border-radius:60px;
position:fixed;
right:30px;
z-index:2;
}

/*-- 

footer

====================================================== --*/

footer{
background:#434343;
color:#F8F8F3;
}
footer .inner{
width:1000px;
margin:0 auto;
}

/*-- nav --*/

footer nav{
padding:30px 0 60px;
}
footer nav ul{
}
footer nav ul li{
float:left;
border-left:1px solid #9E9E9B;
padding:0 20px;
}
footer nav ul li:first-child{
border-left:none;
padding-left:0;
}
footer nav ul li a{
font-size:140%;
color:#F8F8F3;
}

/*-- address --*/

footer address{
line-height:1.6;
width:650px;
float:left;
}
footer address .head_office{
font-size:140%;
padding-bottom:30px;
}
footer address .tokyo{
font-size:120%;
float:left;
padding-right:30px;
}
footer address .osaka{
font-size:120%;
}

/*-- google_map --*/

footer #gmap{
float:right;
}
footer #google_map{
width:324px;
height:160px;
}
footer #gmap > p{
text-align:right;
margin-top:10px;
}
footer #gmap > p a{
font-size:120%;
color:#F8F8F3;
background:url(../img/ico_arrow-white_right.png) no-repeat left center;
background-size:6px auto;
padding-left:15px;
}

/*-- copyright --*/

footer .copyright{
clear:both;
font-size:140%;
text-align:center;
padding:90px 0 30px;
}

/*-- 

post_news

====================================================== --*/

.post_news{
color:#FF4D4D;
background:#fff;
line-height:1.6;
max-width:1000px;
width:100%;
margin:40px auto;
padding:20px 30px;
border:4px solid #FF4D4D;
box-sizing:border-box;
}
.post_news_title{
font-size:220%;
text-align:center;
margin-bottom:10px;
}
.post_news_text{
font-size:160%;
}
.post_news.small{
margin:20px auto 10px;
padding:15px;
border:2px solid #FF4D4D;
}
.post_news.small .post_news_text{
font-size:140%;
text-align:center;
}