@charset "utf-8";
/* CSS Document for responsive made by TOKITA DESIGN 2016/June */
/* media query is writing last */

*{margin:0;padding:0;}
a{color:#06f;text-decoration: none;}
ul,li{list-style:none;}
img{vertical-align:middle;border:none;}
img{max-width: 100%}
img{width: auto;}
html{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%; /*デフォルトサイズが16pxという意味*/
  color: #333;
  line-height: 1.5;
}
body{text-align: center;}

a:hover .alpha {
filter: alpha(opacity=80);
opacity: 0.80;
-moz-opacity: 0.80;
}


/* hタグ */
h1{line-height:120%;font-weight: bold;}
h2{line-height:150%;font-weight: 600;padding-bottom: 20px;font-size:30px;}
h4{line-height:150%;font-weight: 400;}

/* 文字色 */
.red {font-weight:bold;color:#ff0000;}
.blue{font-weight:bold;color: blue;}
.gold{color: rgb(206,177,96);font-size: 18px;}
.gold-l{color: rgb(206,177,96);font-weight: bold;}
.black{font-weight:bold;color: #000;}
.white{font-weight: bold;color: #fff;}

/* 文字効果 */
.shadow{color: #fff;
    text-shadow:
    0px -1px #000,
    1px 0px #000,
    0px 1px #000,
    -1px 1px #000;
}

.decoration{text-decoration: line-through;}
.red-square{background-color: red;padding:10px;}

/* 文字 pタグ */
.text1{
    width: 98%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 36px;
}

.text2{
    width: 96%;
    font-size: 18px;
    font-weight: thin;
    text-align: left;
    margin: 0 auto 20px;
    line-height: 36px;
}

.text3{
    width: 96%;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0 auto 20px;
    line-height: 36px;
}

.text4{
    width: 96%;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 36px;
}

.text5{
    width: 96%;
    font-size: 24px;
    font-weight: thin;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 36px;
}

.text6{
    width: 96%;
    font-size: 20px;
    font-weight: thin;
    text-align: left;
    margin: 0 auto 20px;
    line-height: 30px;
}
.font30{font-size: 32px;}
.font26{font-size: 2.6em;vertical-align:text-bottom;line-height: 1.5}


/*▼content start▼ */

.header {
border-top: 2px solid #333;
border-bottom: 1px solid #ccc;
overflow: hidden;
}
.header .headerIn {
width: 90%;
margin: 0 auto;
}
.header .text {
float: left;
font-size: 12px;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0px 0px;
margin-top: 6px;
text-align: left;
}
.header h1 {
width: 180px;
float: left;
margin: -10px 400px 10px 0;
}
.header .tel {
width: 182px;
float: left;
margin-right: 10px;
margin-top: -14px;
}
.header .btn {
    width: 181px;
    /* float: right; */
    padding-bottom: 10px;
    margin-top: 5px;
    margin: 0 auto;
}

.main h1{padding-top: 5px;}
.main h2{padding-top: 5px;line-height: 1.1}

.main .mainIn {
    width: 100%;
    background: url(../img/main_bg.png) top no-repeat;
    margin: 0 auto;
}


.bule-background{
	background-color: #e5f2fa;
    padding: 20px 0;
}

#nayami{
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin: 0 auto;

}
/*▼area1▼ */
.area1{padding:50px 0 0 0;}
.applybutton{margin-bottom:40px;}

.area1-intro{border: solid 1px gray;width: 98%;margin:0 auto; }
/*▲area1▲ */
/*▼area2▼ */
.sec2 {background: url(../img/sec26_bg.png);padding: 50px 0 15px;box-shadow: 0 1px 6px rgba(10, 10, 10, 0.1) inset;filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, strength=5, direction=180);}
.sec2 h2 {width: 960px;text-align: left;margin: 0 auto 50px;}
.sec2 .box {text-align: left;width: 98%;margin: 0px auto 23px;background: url(../img/sec2_boxBg.png) no-repeat bottom right;border: 2px solid #dcdcdc;background-color: #FFF;}

.sec2 .box h3 {
padding-left: 20px;
background: url(../img/sec2_h3bg.png) no-repeat;
width: 98%;
line-height: 84px;
margin: 10px 0 16px -5px;
}

.sec2 .box h3 .font32 {font-size: 18px;}
.sec2 .box h3 .font40 {font-size: 18px;color: #F00;}

.sec2 .box h3 img {margin-left: 8px;vertical-align: baseline;width: 25px;height: 25px;}
.sec2 .box .ttl {
font-size: 18px;
line-height: 34px;
margin-left: 10px;
margin-bottom: 16px;
}
.sec2 .box .ttl .work {
background: url(../img/sec2_workBg.png) no-repeat;
margin-right: 20px;
padding: 2px 14px 0;
}
.sec2 .box .text {
font-size: 16px;
margin-left: 16px;
margin-bottom: 20px;
padding-right: 32px;
}
.sec2 .box .tableBox {overflow: hidden;}
.sec2 .box table {
border-collapse: separate;
border-spacing: 2px;
margin-left: 16px;
margin-bottom: 20px;
width: 350px;
text-align: center;
float: left;
}
.sec2 .box td:first-child {
font-size: 15px;
}
.sec2 .box th {
vertical-align: middle;
padding: 2px 14px;
background-color: #707070;
color: #FFF;
font-weight: bold;
font-size: 14px;
}
.sec2 .box th.after {
background-color: #f97500;
}
.sec2 .box td {
padding: 2px 14px;
background-color: #EEE;
font-size: 12px;
}
.sec2 .box td.after {
background-color: #ffe2b4;
}
.sec2 .box .improve {
width: 147px;
margin-left: -30px;
margin-right: 40px;
}
.sec2 .box .improve th {
background-color: transparent;
color: #f97500;
}
.sec2 .box .improve td {
color: #FFF;
height: 27px;
background-color: transparent;
font-size: 14px;
padding-left: 10px;
line-height: 27px;
}
.sec2 .box .improve .up {
background: url(../img/sec2_balloonUp.png) no-repeat center center;
}
.sec2 .box .improve .down {
background: url(../img/sec2_balloonDown.png) no-repeat center center;
}
.sec2 .box .result {
margin-bottom: 20px;
}
.sec2 .box li {
list-style: none;
font-size: 28px;
border-bottom: 1px solid #d6d5d5;
width: 355px;
margin-bottom: 16px;
padding-bottom: 4px;
margin-left: 20px;
}
.sec2 .box li span {
color: #f97500;
margin-right: 8px;
}


.sec2 .gyoukai{
	 list-style: none;
    font-size: 18px;
    width: 98%;
    margin-bottom: 16px;
    padding-bottom: 4px;
    margin-left: 20px;
    margin: 0 auto;
    text-align: left;
}

.sec2 .gyoukai li span {
    color: #f97500;
    margin-right: 8px;
}


#content h2{
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #087ed4;
	margin-top: 20px;
}

.faqs{background: url(../img/faqs_bg.png) left top no-repeat}

/*▼area3▼ */
.reason{background-color: #21497b;padding:25px 0 25px;width:100%;}
.reasonbox{margin: 0 auto;width: 98%;}
.reasonbox dl {text-align: left;color: #fff;font-size: 1.1em;line-height: 1.5;}
.reasonbox dt {
    float: left;
    clear: left;
    width: 100%;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.reasonbox dd{padding-bottom: 25px;}

.dvd-contents{
 list-style: none;
    font-size: 16px;
    width: 98%;
    margin-bottom: 16px;
    padding-bottom: 4px;
    margin-left: 20px;
    margin: 0 auto;
    text-align: left;
}

.dvd-contents li span {
    color: #f97500;
    margin-right: 8px;
}

.area8-img{
	padding-top: 15px;
	padding-bottom: 40px;
}

/*▼area9▼ */
.area9{
	background: url(../img/sec26_bg.png);
    box-shadow: 0 1px 6px rgba(10, 10, 10, 0.1) inset;
    padding: 50px 0 10px;
    text-align: left;
}
.area9 h2 {
    width: 95%;
    margin: 0 auto 30px;
}

.area9 dl{
	text-align: left;
    width: 98%;
    margin: 0 auto;
}

.area9 dt{
	background: url(../img/sec6_q.png) no-repeat;
    padding: 6px 0 6px 45px;
    margin-bottom: 11px;
    color: #004a9f;
    font-weight: bold;
}

.area9 dd {
    background: url(../img/sec6_a.png) no-repeat;
    padding: 6px 0 40px 48px;
}

/*▼area10▼ */
.area10{background-color: #e5f2fa;padding: 20px 0;}
.area10 .inBox{
	width: 96%;
    margin: 0 auto;
    background-color: #FFF;
    overflow: hidden;
}

.area10 .btn {margin-top: -20px;}
.area10 .btn img{    width: 95％;
    height: auto;
    margin-top: 20px;}


#link {
    margin: 0 45px;
    padding: 15px;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: #999999;
    border-top: dotted 1px #999999;
}
#footer {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    padding: 15px;
    color: #CCCCCC;
    background-color: #333333;
}


/*1024px以上のScreenの場合*/
@media screen and (min-width : 1024px) {
/* 文字 pタグ */
.text1,.text2,.text3,.text4,.text5,.text6{width:900px;}
.text2{font-size: 22px;}
.text1{font-size: 18px;}
.text2{font-size: 24px;}
.text4{font-size: 30px;}
.text5{font-size: 30px;}

/* 文字色 */
.gold{color: rgb(206,177,96);font-size: 24px;}




/*▼content start▼ */
.header .headerIn {width: 960px;}
.header .btn {
width: 181px;
float: right;
margin-top: -14px;
}

.main .mainIn {width: 960px;height: 410px;}

.head_inquery{width: 100%;height: auto;}


#nayami{font-size:2.0em;width: 980px;}
#content h2{font-size: 2.5em;text-align: center;font-weight: bold;color: #087ed4;margin-top: 20px;}

/*▼area1▼ */
.area1-intro{width: 980px;padding: 10px 5px 10px 5px;}
.sec2 .box{width: 910px;}
.sec2 .box h3 {width: 586px;height: 84px;}

/*▼area2▼ */
.sec2 {padding: 50px 0 60px;}
.sec2 .box h3 .font40 {font-size: 40px;color: #F00;}
.sec2 .box .ttl {font-size: 22px;line-height: 34px;margin-left: 16px;margin-bottom: 16px;}
.sec2 .gyoukai{font-size: 28px;width: 910px;}

/*▼area3▼ */
.reasonbox{width: 980px;}
.reasonbox dl {font-size: 1.4em;}

/*▼area4▼ */
.dvd-contents{font-size: 28px;width: 910px;}

/*▼area7▼ */
.font26{line-height: 1.0}

/*▼area7▼ */
.area8-img{padding-top: 50px;}

/*▼area9▼ */
.area9 h2 {width: 960px;margin: 0 auto 54px;}
.area9 dl{width: 920px;}

/*▼area10▼ */
.area10 .inBox{width: 920px;}
.area10 .btn img{width: 100%;height: auto;}
}