@charset "UTF-8";

/*reset*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: aliased;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}
/* clear fix-----------------------------------------*/
.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     visibility:hidden;
     line-height: 0;
     font-size: 0;
     clear: both;
}
.clearfix {
     clear: both;
     display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* common -----------------------------------------*/
body{
	font:14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
}

h1{
	font-weight:normal;
}

nav {
	background: #E6E6E6;
	border-bottom:2px solid #F3E463;
}
nav ul {
	margin: 0;
	list-style-type: none;
}
nav ul li {
    display: block;
    float:left;
	border-right:1px solid #fff;

}
nav ul li a{
	display:block;
	padding:12px;
	background:linear-gradient(to bottom, #f4f4f4 0%,#e6e6e6 5%,#e6e6e6 95%,#e0e0e0 100%);
	text-shadow: 1px 1px 1px #fff;
}

nav ul li a:hover{
  background:#eee;
}

nav ul li ul {
	display: none;
}
nav a{
	color:#000;
	text-decoration:none;
}



a {
	color: #4086D3;
	text-decoration:underline;
}
a:hover {
	color: #72A0D3;
}
/*a, a:hover {
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}*/


#head_inq{
    color: #fff;
    text-align: center;
    display: block;
    width: 230px;
    height: 50px;
    background: #4086D3;
    text-decoration: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    top: 0;
    right: 5px;
    box-shadow: 1px 1px 1px #aaa;
    padding-top: 5px;
    line-height: 22px;
}
#head_inq span.inq_main{
	font-size:20px;
	background-image:url(../img/mail_icon.png);
	background-repeat:no-repeat;
	background-position:left 4px;
    padding-left: 32px;
}
#head_inq:hover{
	background:#72A0D3;
}

/*kv*/
#kv,
#kv2{
	background:url(../img/kv_bg.png);
	box-shadow:0 1px 1px #ccc;
}
#kv_inner,
#kv_inner2{
	background:url(../img/pcimg.png) no-repeat top right;
}
#kv_txt2{
    color: #454545;
    margin: 0 auto;
    letter-spacing: 6px;
}
#kv_txt2 h2{
	font-weight:normal;
}


/*topicpath*/
#topic-path{
	color:#333;
	margin-bottom:5px;
}

ol.topic-path {
	margin: 0 auto; 
	padding:5px; 
	list-style-type: none; 
	font-size: 80%;
}
ol.topic-path li {
	padding-left: 5px;
	display: inline;
}
ol.topic-path li.first {
/*	padding-left: 25px;
	background: url(../img/topic-path-home-gray.png) no-repeat left;*/
}
ol.topic-path li a {
	padding-right: 18px;
	background: url(../img/topic-path-gray.gif) no-repeat right;
}


h3{
	color:#408663;
	font-weight:bold;
}
.h3p{
	color:#4A4A4A;
	font-weight:bold;
}
.section-lv1{
	margin-bottom:20px;
}
.section-inner{
	margin-bottom:20px;
}

.pimg{
	text-align:center;
}
.by{
	background:yellow;
	font-weight:bold;
}
.b{
	font-weight:bold;
}
.red{
	color:red;
}

footer{
	text-align:center;
	margin-top:100px;
	position:relative;
}
.toinq{
	text-align:center;
	padding:100px 0 50px;
	font-size:26px;
}
.inq_btn{
    color: #fff;
    text-align: center;
    display: block;
    width: 240px;
    height: 50px;
    background: #4086D3;
    text-decoration: none;
    border-radius: 5px;
    padding:10px 20px;
    line-height:25px;
	margin:20px auto;
	font-size:16px;
}
.inq_btn span.inq_main {
    font-size: 20px;
    background-image: url(../img/mail_icon.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 32px;
}
.inq_btn:hover{
	background:#72A0D3;
	color:#fff;
}

.totop{
	text-align:right;
	font-size:14px;
	margin-top:100px;
}

#footnav{
    padding: 10px;
    overflow: hidden;
    position: relative;
	border-top:1px solid #ccc;
}
#footnav a{
	color:#333;
	text-decoration:none;
}
#footnav a:hover{
	text-decoration:underline;
}
#footnav ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#footnav ul li {
    float: left;
	display:inline-block;
    margin-right: 5px;
    padding: 0 10px;
    position: relative;
    left: -50%;
	border-right:1px solid #ccc;
}
#footnav ul li:last-child{
	border:none;
}



/*----------------------------------------------------------------------*/
@media screen and (max-width:480px){
#head_inq{
	display:none;
}
#nav_home{
	display:block;
}

#logo{
    position: absolute;
    top: 7px;
	left:5px;
    z-index: 9999999;
}
#logo img{
	width:150px;
	height:34px;
}
nav ul li a{
	background:#ccc;
	color:#000;
}
h1{
	position:absolute;
	top:0;
}
#kv, #kv_inner{
	height:150px;
}
#kv_inner{
/*	background:url(../img/pcimg2.png) no-repeat bottom right;
	background-size:auto 70% ;*/
	background:none;
}
#kv_txt{
padding: 60px 20px 0;
    color: #454545;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 22px;
    position: absolute;
}
#kv_txt em{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 6px;
    line-height: 30px;
    background: url(../img/bgy.png) left 15px no-repeat;
	text-decoration:none;
}
.section-lv1{
	padding:10px;
}

.section-inner p{
	margin: 10px 0;
	font-size:14px;
	line-height:22px;
}

h3{
	font-size:18px;
	padding-bottom:5px;
}
p.h3p{
	font-size:14px;
	padding-bottom:10px;
	line-height: 16px;
	font-weight:normal;
}
#footnav{
	font-size:12px;
}
ol.topic-path {
    margin: 45px 0px 0;
}
#kv_inner2{
	background-size:120px auto;
	background-position:bottom right;
	padding:5px 0;
	margin-bottom:20px;
}

#kv_txt2{
	margin:5px;
	font-size:20px;
	font-weight:none;
}
.section-inner .fl{
	float:left;
	width:700px;
}
.exdiv{
	display:none;
}
.toinq{
	font-size:18px;
	margin-bottom:0;
}
.totop{
	margin-top:30px;
}

}


@media screen and (min-width: 480px){
#nav_inq{
	display:none;
}

#kv, #kv_inner{
	height:160px;
}
#kv_inner{
	background-size:250px;
}
#kv_txt{
	padding:20px 50px;
    color: #454545;
    margin: 0 auto;
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 30px;
}
#kv_txt em{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 10px;
    line-height: 60px;
	background:url(../img/bgy.png) left 15px no-repeat;
}



h3{
	font-size:22px;
	padding-bottom:5px;
}
p.h3p{
	font-size:18px;
	padding-bottom:10px;
}
.section-lv1{
	padding:10px;
}
.section-inner p{
	margin: 10px 0;
	font-size:16px;
	line-height:28px;
}
#kv_inner2{
	background-size:150px auto;
	background-position:bottom right;
	padding:5px 0;
	margin-bottom:20px;
}

#kv_txt2{
	margin:5px;
	font-size:24px;
	font-weight:none;
}
.section-inner .fl{
	float:left;
	width:700px;
}

}


@media screen and (max-width: 700px){
#head_inq{
    width: 140px;
    height: 32px;
    line-height: 10px;
}
#head_inq .inq_sub{
	display:none;
}
#head_inq span.inq_main{
    font-size: 15px;
    background: none;
    padding: 0;
}
h1{
	font-size:10px;
}
#logo img{
    width: 132px;
    height: 30px;
}
nav ul li a{
	padding:10px;
	font-size:12px;
}
#nav_home{
	display:none;
}
.section-inner .fl{
	width:auto;
}
}



@media screen and (min-width: 1000px){

#logoinq{
	width:1000px;
	margin:0 auto;
	position:relative;
}
nav ul{
	width:1000px;
	margin:0 auto;
	border-left:1px solid #fff;
}
#main{
	width:1000px;
	margin:0 auto;
}
#kv, #kv_inner{
	height:250px;
}
#kv_inner{
	background-size:auto;
}
#kv_txt{
    width: 840px;
    color: #454545;
    margin: 0 auto;
    padding: 40px 80px 0;
    font-size: 30px;
    letter-spacing: 6px;
    line-height: 50px;
}
#kv_txt em{
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 10px;
    line-height: 60px;
	background:url(../img/bgy.png) left 30px no-repeat;
}


h3{
	font-size:28px;
	padding-bottom:5px;
}
p.h3p{
	font-size:22px;
	padding-bottom:10px;
}

ol.topic-path {
	width:1000px;
}
#kv_inner2{
	background-size:200px auto;
	padding:20px 0;
	margin-bottom:20px;
}
#kv_txt2{
	width:1000px;
	margin:0 auto;
	font-size:30px;
	font-weight:none;
}
.section-inner .fl{
	float:left;
	width:700px;
}

}