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

/* var */
:root {
--font-family:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
--font-family-en:'Montserrat',Verdana,sans-serif;
--font-color:#1A1A1A;

--black:#000000;
/* --orange:#f04b00; */
--orange:#249bb2;
--blue:#66cccc;
--blue30:#bde1e8;

--gray80:#484848;
--gray50:#8c8c8c;
--gray20:#d1d1d1;
--gray10:#e8e8e8;
--gray5:#f4f4f4;

--orange50:#f7a580;
}





/* T A G
----------------------------------------------------*/
html {font-size: 62.5%;}
body {
background-color: var(--gray5);
font-size: 1.6rem;
color:#000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Noto Sans JP", sans-serif;
/* -apple-system, blinkMacSystemFont,
'Helvetica Neue',
'Segoe UI', 
'Hiragino Kaku Gothic ProN',
YuGothicM,
Meiryo,
sans-serif */
overflow-x:hidden;
}

article,.header,.footer {
font-size: 1.6rem;
line-height: 1.7;
letter-spacing: 0.1em;
}
article.eng {
font-size: 1.6rem;
line-height: 1.6;
color:#4d4a43;
background: #FFF;
}
.header {
background: #FFF;
}


@media only screen and (min-width: 768px) {
article,.header,.footer {
font-size: 1.6rem;
line-height: 1.8;
}
article.eng {
font-size: 1.7rem;
line-height: 1.4;
}

}/* min-width: 768px */

@media only screen and (min-width: 1200px) {
article,.header,.footer {}

}/* min-width: 1200px */



div,
ul,
ol, 
dt, 
dd, 
th, 
td, 
p,
button,
input,
select,
textarea {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}
img {
max-width: 100%;
height: auto;
}

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

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

a {
color: #363630;
text-decoration: none;
transition: all .3s;
cursor: pointer;
}
a:hover {
opacity:0.7;
/* color: #ed6b00; */
}

hr {
border-top: 1px solid var(--gray50);
margin: 0;
padding: 0;
height: 1px;
}



/* C O M M O N
=========================================================*/
/* ------------
 class
------------ */
.both {clear: both;}
.over {overflow: hidden;}
.dib {display: inline-block!important;}
.db {display: block!important;}
.di {display: inline!important;}
.nowrap { white-space: nowrap; }
.breakall { word-break: break-all; }
.flex {display: flex;}
.jc-center {justify-content: center;}
.ai-center {align-items: center;}

/* ------------
 font
------------ */
.fs10 { font-size:66.6%;}
.fs11 { font-size:73.3%;}
.fs12 { font-size:80%;}
.fs13 { font-size:86.6%;}
.fs14 { font-size:93.3%;}
.fs16 { font-size:106%;}
.fs18 { font-size:120%;}
.fs20 { font-size:133%;}
.fs22 { font-size:146%;}
.fs24 { font-size:160%;}


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

.en {font-family: var(--font-family-en);}

/* .qs3 {font-family: 'Quicksand',Verdana,sans-serif; font-weight:300;}
.qs4 {font-family: 'Quicksand',Verdana,sans-serif; font-weight:400;}
.qs5 {font-family: 'Quicksand',Verdana,sans-serif; font-weight:500;}
.qs7 {font-family: 'Quicksand',Verdana,sans-serif; font-weight:700;} */

.qs3 {font-family: var(--font-family-en); font-weight:300;}
.qs4 {font-family: var(--font-family-en); font-weight:400;}
.qs5 {font-family: var(--font-family-en); font-weight:500;}
.qs7 {font-family: var(--font-family-en); font-weight:700;}

.bold { font-weight:900;}
.strong { font-weight:700;}
.normal { font-weight:400!important;}
.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;}
.wrap_2figure {letter-spacing:-0.5em;}


.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
------------ */
/* .orange { color: #f28000; }
.black { color: #363630; } */
.orange { color: var(--orange);}
.black { color: var(--font-color); }



/* ------------
 list
------------ */
.disc-list {
text-align: left;
list-style: disc;
margin-left: 1.5em;
margin-bottom: 1rem;
}
.disc-list li {
margin-bottom: .3em;
}
.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!important;}

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

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

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

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


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

.mg-0 { margin: 0!important;}

/* 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!important;}
.t_left {text-align: left!important;}
.t_right {text-align: right!important;}
.t_left_sp {text-align: left!important;}

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



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


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




@media only screen and (max-width: 768px) {
.fs12-sp { font-size:80%;}
.fs13-sp { font-size:86.6%;}
.fs14-sp { font-size:93.3%;}
.fs15-sp { font-size:100%;}
.fs16-sp { font-size:106%;}
}








/* R A Y O U T
----------------------------------------------------*/
.wrapper{
width: 100%;
display: block;
position:relative;
margin:0 auto;
letter-spacing: -0.5em;
/*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: 4%;
margin-right: 4%;
margin-top:10px;
margin-bottom: 10px;
width:92%;
/* letter-spacing: normal; */
letter-spacing: 0.05em;
box-sizing: border-box;
text-align: center;
}
article.eng .icol1,article.eng .icol2,article.eng .icol3,article.eng .icol4,article.eng .icol5,article.eng .icol6,article.eng .icol7,article.eng .icol8,article.eng .icol9,article.eng .icol10,article.eng .icol11,article.eng .icol12 {
letter-spacing: normal;
}


/* on off */
.on-sp { display:inline-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;
}


/* form parts */
input[type="text"]:focus {
outline: 0;
}








/*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;
letter-spacing: 0.1em;
}
.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;
}

.flex_pc {display: flex;}


/* ------------
 width
------------ */
.w5_tb {width: 50%;}


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


}

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

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


}







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

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

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


}



@media only screen and (max-width: 768px) {
.icol1-sp { width:8.33333333%; }
.icol2-sp { width:16.66666667%; }
.icol3-sp { width:25%; }
.icol4-sp { width:33.33333333%; }
.icol5-sp { width:41.66666667%; }
.icol6-sp { width:50%; }
.icol7-sp { width:58.33333333%; }
.icol8-sp { width:66.66666667%; }
.icol9-sp { width:75%; }
.icol10-sp { width:83.33333333%; }
.icol11-sp { width:91.66666667%; }

/* margin */
.mt-1-sp {margin-top: 1rem!important;}
.mt-2-sp {margin-top: 2rem!important;}
.mb-1-sp {margin-bottom: 1rem!important;}
.mb-2-sp {margin-bottom: 2rem!important;}
.ml-2-sp {margin-left: 2rem!important;}
}