@charset "UTF-8";
/* CSS Document */

/* T A G
----------------------------------------------------*/
html {font-size: 62.5%;}
body {
background-color: #FFF;
font-size: 1.4rem;
color:#4C5059;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

div,
ul,
ol, 
dt, 
dd, 
th, 
td, 
p,
button,
input,
select,
textarea {
font-family:'Lato',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
font-size: 1.4rem;
line-height: 1.6;
}
@media only screen and (min-width: 768px) {
body,
div,
li, 
dt, 
dd, 
th, 
td, 
p,
button,
input,
select,
textarea {
font-size: 1.5rem;
line-height: 1.6;
}
}

h1,h2,h3,h4,h5,h6 {
font-family:'Lato',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
letter-spacing: 0.1em;
margin:0;
padding:0;
}

body {
min-width: 320px;
}
img {
max-width: 100%;
height: auto;
}

table {}

ul,ol {
list-style: none;
margin: 0;
padding: 0;
}

/*clearfix*/
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}

a {
color: #004098;
text-decoration: underline;
transition: all .3s;
}
a:hover {
opacity:0.7;
}

a.link-b {
color: #4C5059;
text-decoration: none;
transition: all .3s;
}
a.link-b:hover {
text-decoration: underline;
}

hr {border-top: 1px solid #ADC2AD;}



/* C O M M O N
=========================================================*/
/* ------------
 class
------------ */
.both {
clear: both;
}
.over {
overflow: hidden;
}
.container {
padding:0 0 2em;
}

.dib {
display: inline-block;
}
.db {
display: block;
}
.di {
display: inline;
}


/* ------------
 font
------------ */
.fs10 { font-size:1rem;}
.fs11 { font-size:1.1rem;}
.fs12 { font-size:1.2rem;}
.fs13 { font-size:1.3rem;}
.fs14 { font-size:1.4rem;}
.fs16 { font-size:1.6rem;}
.fs18 { font-size:1.8rem;}
.fs20 { font-size:2.0rem;}
.fs22 { font-size:2.2rem;}
.fs24 { font-size:2.4rem;}

.small{ font-size: 80%;}
.smaller {font-size: 70%;}
.big { font-size: 120%;}

.gf3 {font-family: 'Roboto Condensed',Verdana,sans-serif; font-weight:300;}
.gf4 {font-family: 'Roboto Condensed',Verdana,sans-serif; font-weight:400;}
.gf7 {font-family: 'Roboto Condensed',Verdana,sans-serif; font-weight:700;}

.bold { font-weight:600;}
.normal { font-weight:400;}
.thin { font-weight:200;}

.ls1 { letter-spacing:0.1em;}
.ls_02 { letter-spacing:-0.02em!important;}
.ls_05 { letter-spacing:-0.05em!important;}
.ls_1 { letter-spacing:-0.1em!important;}
.ls_2 { letter-spacing:-0.2em!important;}
.ls_0 { letter-spacing: normal!important;}

.lh-10 { line-height: 1.0 }
.lh-11 { line-height: 1.1 }
.lh-12 { line-height: 1.2 }
.lh-14 { line-height: 1.4 }
.lh-16 { line-height: 1.6 }
.lh-18 { line-height: 1.8 }

/* ------------
 color
------------ */
.sky { color: #32C5F3; }
.navy { color: #004098; }
.orange { color: #F90; }


/* ------------
 list
------------ */
.disc-list {
text-align: left;
list-style: disc;
margin-left: 1.5em;
margin-bottom: 2em;
}
.disc-list li {
margin-bottom: .5em;
}
.decimal-list {
text-align: left;
list-style: decimal;
margin-left: 1.5em;
}
.decimal-list li {
margin-bottom: .5em;
line-height: 1.5;
letter-spacing: 0.05em;
}


/* ------------
 padding
------------ */
.pd-0 {padding: 0;}

/* top */
.pt-0{ padding-top:0!important;}
.pt-02{ padding-top:.2em;}
.pt-05{ padding-top:.5em;}
.pt-1{ padding-top:1em;}
.pt-2{ padding-top:2em;}
.pt-3{ padding-top:3em;}
.pt-4{ padding-top:4em;}
.pt-5{ padding-top:5em;}
.pt-6{ padding-top:6em;}

/* bottom */
.pb-0{ padding-bottom:0!important;}
.pb-02{ padding-bottom:.2em;}
.pb-05{ padding-bottom:.5em;}
.pb-1{ padding-bottom:1em;}
.pb-2{ padding-bottom:2em;}
.pb-3{ padding-bottom:3em;}
.pb-4{ padding-bottom:4em;}
.pb-4{ padding-bottom:4em;}
.pb-6{ padding-bottom:6em;}

/* left */
.pl-0{ padding-left:0!important;}
.pl-02{ padding-left:.2em;}
.pl-05{ padding-left:.5em;}
.pl-1{ padding-left:1em;}
.pl-2{ padding-left:2em;}
.pl-3{ padding-left:3em;}
.pl-4{ padding-left:4em;}
.pl-4{ padding-left:4em;}
.pl-6{ padding-left:6em;}

/* right */
.pr-0{ padding-right:0!important;}
.pr-02{ padding-right:.2em;}
.pr-05{ padding-right:.5em;}
.pr-1{ padding-right:1em;}
.pr-2{ padding-right:2em;}
.pr-3{ padding-right:3em;}
.pr-4{ padding-right:4em;}
.pr-4{ padding-right:4em;}
.pr-6{ padding-right:6em;}


/* ------------
 margin
------------ */

.mg-0 { margin: 0;}

/* top */
.mt-0{ margin-top:0!important;}
.mt-02{ margin-top:.2em!important;}
.mt-05{ margin-top:.5em!important;}
.mt-1{ margin-top:1em!important;}
.mt-2{ margin-top:2em!important;}
.mt-3{ margin-top:3em!important;}
.mt-4{ margin-top:4em!important;}
.mt-5{ margin-top:5em!important;}
.mt-6{ margin-top:6em!important;}

/* bottom */
.mb-0{ margin-bottom:0!important;}
.mb-02{ margin-bottom:.2em!important;}
.mb-05{ margin-bottom:.5em!important;}
.mb-1{ margin-bottom:1em!important;}
.mb-2{ margin-bottom:2em!important;}
.mb-3{ margin-bottom:3em!important;}
.mb-4{ margin-bottom:4em!important;}
.mb-5{ margin-bottom:5em!important;}
.mb-6{ margin-bottom:6em!important;}

/* left */
.ml-0{ margin-left:0!important;}
.ml-02{ margin-left:.2em!important;}
.ml-05{ margin-left:.5em!important;}
.ml-1{ margin-left:1em!important;}
.ml-2{ margin-left:2em!important;}
.ml-3{ margin-left:3em!important;}
.ml-4{ margin-left:4em!important;}
.ml-5{ margin-left:5em!important;}
.ml-6{ margin-left:6em!important;}

/* right */
.mr-0{ margin-right:0!important;}
.mr-02{ margin-right:.2em!important;}
.mr-05{ margin-right:.5em!important;}
.mr-1{ margin-right:1em!important;}
.mr-2{ margin-right:2em!important;}
.mr-3{ margin-right:3em!important;}
.mr-4{ margin-right:4em!important;}
.mr-5{ margin-right:5em!important;}
.mr-6{ margin-right:6em!important;}


/* ------------
 align
------------ */
.t_center {text-align: center;}
.t_left {text-align: left!important;}
.t_right {text-align: right!important;}

.v_top { vertical-align: top!important; }
.v_middle { vertical-align: middle; }
.v_bottom { vertical-align: boyyom; }

/* ------------
 align sp
------------ */
.t_left_sp {text-align: left!important;}


/* ------------
 float
------------ */
.f_left {float: left;}
.f_right {float: right;}


/* ------------
 width
------------ */
.w3 {width: 30%;}
.w4 {width: 40%;}
.w5 {width: 50%;}
.w6 {width: 60%;}



/* R A Y O U T
----------------------------------------------------*/
.wrapper{
width: 100%;
display: block;
position:relative;
margin:0 auto;
letter-spacing: -0.4em;
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
.wrapper:after{
content:"";
display: block;
clear:both;
box-sizing: border-box;
}

/* G R I D
----------------------------------------------------*/

.fcol1,.fcol2,.fcol3,.fcol4,.fcol5,.fcol6,
.fcol7,.fcol8,.fcol9,.fcol10,.fcol11,.fcol12 {
display:block;
margin-left: 2%;
margin-right: 2%;
margin-top:10px;
margin-bottom: 10px;
width:96%;
box-sizing: border-box;
text-align: center;
}

.icol1,.icol2,.icol3,.icol4,.icol5,.icol6,
.icol7,.icol8,.icol9,.icol10,.icol11,.icol12{
display:inline-block;
vertical-align:middle;
margin-left: 2%;
margin-right: 2%;
margin-top:10px;
margin-bottom: 10px;
width:96%;
letter-spacing: normal;
box-sizing: border-box;
text-align: center;
}

/* on off */
.on-sp { display:block; }
.off-sp { display:none; }
.on-tb { display:none; }
.off-tb { display:none; }
.on-pc { display:none; }
.off-pc { display:inline-block; }
.on-pcl {display:none;}


/* box */
.inner-box-gray {
background: #F4F4F4;
padding: 1em;
margin: 1em 0;
text-align: left;
letter-spacing: normal;
}
.inner-box-white {
background: #FFF;
padding: 1em;
margin: 1em 0;
text-align: left;
letter-spacing: normal;
}

/*media Queries (481px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {
}

/*media Queries (768px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

/* Column Float */
.fcol1,.fcol2,.fcol3,.fcol4,.fcol5,.fcol6,
.fcol7,.fcol8,.fcol9,.fcol10,.fcol11,.fcol12 {
margin:20px 0;
padding-right: 15px;
padding-left: 15px;
float: left;
}

.fcol1 { width:8.33333333%; }
.fcol2 { width:16.66666667%; }
.fcol3 { width:25%; }
.fcol4 { width:33.33333333%; }
.fcol5 { width:41.66666667%; }
.fcol6 { width:50%; }
.fcol7 { width:58.33333333%; }
.fcol8 { width:66.66666667%; }
.fcol9 { width:75%; }
.fcol10 { width:83.33333333%; }
.fcol11 { width:91.66666667%; }
.fcol12 { width:100%; }

/* Column inline-block  */
.icol1,.icol2,.icol3,.icol4,.icol5,.icol6,
.icol7,.icol8,.icol9,.icol10,.icol11,.icol12 {
margin:20px 0;
padding-right: 15px;
padding-left: 15px;
}
.icol1 { width:8.33333333%; }
.icol2 { width:16.66666667%; }
.icol3 { width:25%; }
.icol4 { width:33.33333333%; }
.icol5 { width:41.66666667%; }
.icol6 { width:50%; }
.icol7 { width:58.33333333%; }
.icol8 { width:66.66666667%; }
.icol9 { width:75%; }
.icol10 { width:83.33333333%; }
.icol11 { width:91.66666667%; }
.icol12 { width:100%; }


/* on off */
.on-sp { display:none; }
.off-sp { display:inline-block; }
.on-tb { display:block; }
.off-tb { display:none; }
.off-pc { display:inline; }


/* box */
.box-pd-w1 {
padding-left:1em;
padding-right:1em;
}
.box-pd-w2 {
padding-left:2em;
padding-right:2em;
}
.box-pd-w3 {
padding-left:3em;
padding-right:3em;
}


}

/*media Queries (960px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {

/* on off */
.off-tb { display:block; }
.on-pc { display:block; }
.off-pc { display:none; }

/* ------------
 align sp
------------ */
.t_left_sp {text-align: center!important;}

.mt-3-pc {
margin-top: 3em; 
}



}




/*media Queries (1200px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {

.wrapper {
max-width: 1200px;
margin: 0 auto;
}

/* on off */
.on-pcl {display:block;}


}