*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(0)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

*{
box-sizing:border-box;
}
html, body {
height:100%;
font-family: sans-serif;
font-feature-settings : "palt"
}
body{
font-size:18px;
color:#333333;
-webkit-text-size-adjust: 100%;
}

a{
text-decoration:none;
opacity:1;
line-height:100%;
color:blue;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:hover{
opacity:0.4;
cursor:pointer;
}
a.link img:hover,
a.link:hover{
opacity:1;
}
p,dt,dd,td,th,div{
line-height:1.6;
}
img{
vertical-align:bottom;
}

a.tel,
a.tel img{
opacity:1;
cursor:default;
}
a:active {
color:red;
}
a:visited {
color:purple;
}


/*====================================================
LAYOUT
====================================================*/
#wrapper{
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.w1060{
position:relative;
width:1060px;
margin:0 auto;
}
.w980{
position:relative;
width:980px;
margin:0 auto;
}
.w720{
width:720px;
margin:0 auto;
}
.w96{
width:96%;
margin:0 auto;
}


/*====================================================
HEADER
====================================================*/
#header{
padding:0.5rem 0;
}
#logo{
float:left;
width:225px;
height:auto;
}
body.preloader-site {
overflow: hidden;
}

/*====================================================
NAVIGATION
====================================================*/
#nav ul{
float:right;
padding-top:1.2rem;
}
#nav ul li{
float:left;
margin-left:2.5rem;
}
#nav ul li:first-child{
margin-left:0;
}
#nav ul li a{
color:#333333;
}
#nav ul li:last-child a{
color:#ffffff;
border-radius:25px;
padding:0.2rem 1rem;
background:#0071bc;
}


/*====================================================
HOME
====================================================*/
#main{
}
.section{
padding:4rem 0;
}
.section.even{
background:#E6EBF5;
}


#subnav{
padding:1.6rem 1.7rem 1rem 1.7rem;
border:1px solid #E6EBF5;
}
#subnav .arw1{
font-size:28px;
line-height:1;
padding-left:30px;
margin-bottom:1rem;
background:url(../img/arw1.png) no-repeat;
background-size:25px 25px;
}
#subnav ul li{
width:32%;
margin:0 0 1rem 2%;
float:left;
}
#subnav ul li:nth-child(3n+1){
margin-left:0;
}
#subnav ul li a{
text-decoration:underline;
font-size:20px;
color:#333;
}
#subnav.five ul li{
width:auto;
margin-left:7%;
text-align:center;
}
#subnav.five ul li:first-child{
margin-left:0;
}

h1.arw2{
background:url(../img/arw2.png) no-repeat;
font-size:34px;
padding-left:40px;
line-height:1.2;
background-size:34px 34px;
margin-bottom:1.5rem;
}

.col2a_l{
width:35%;
float:left;
}
.col2a_r{
width:60%;
float:right;
}

section p{
margin-bottom:1.5rem;
}
section h2{
background:#E6EBF5;
font-size:26px;
font-weight:bold;
line-height:1;
padding:1.2rem 1.4rem;
margin-bottom:1.5rem;
}
section h3{
color:#E60000;
font-size:22px;
font-weight:bold;
line-height:1;
margin-bottom:0.5rem;
}
.note{
border:1px solid #E6EBF5;
padding:1.5rem 1.5rem 0 1.5rem;
font-size:16px;
}
.ico_ex{
background:url(../img/ico_ex.png) no-repeat;
font-size:22px;
font-weight:bold;
padding-left:32px;
line-height:1.4;
margin-bottom:0.5rem;
background-size:26px 25px;
}

.col2 ul li{
width:47.5%;
float:left;
margin:0 0 2rem 5%;
}
.col2 ul li img{
display:block;
margin-bottom:1rem;
}
.col2 ul li:nth-child(2n+1){
clear:left;
float:left;
margin:0 0 2rem 0;
}

.col2b_l{
width:60%;
float:left;
}
.col2b_r{
width:35%;
background:#fff;
padding:1.2rem;
float:right;
}
.col2b_r .img{
display:block;
margin-bottom:1rem;
}
.col2b_r p{
margin:0;
}

.col2c_l{
width:30%;
float:left;
}
.col2c_r{
width:67%;
padding-top:1.5rem;
float:right;
}
.bluebox{
padding:1rem;
background:#DCF0FF;
}
.bluebox p{
margin:0;
}
.tbl3,
.tbl1{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
border-collapse:collapse;
margin:0 0 5px 0;
}
.tbl3 th,
.tbl3 td,
.tbl1 th,
.tbl1 td{
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
text-align:center;
padding:0.5rem 1rem;
}
.tbl1 .td1{
width:10%;
}
.tbl1 .td2{
width:36%;
}
.tbl1 .td3{
width:27%;
}

ul.dot{
margin:0 0 1.5rem 1.5rem;
}
ul.dot li{
position:relative;
}
ul.dot li:before{
content:"●";
position:absolute;
left:-20px;
}

.col2d_l{
width:55%;
float:left;
}
.col2d_r{
width:40%;
padding-top:5rem;
float:right;
}

.tbl2{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
border-collapse:collapse;
margin:0 0 5px 0;
}
.tbl2 th,
.tbl2 td{
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
padding:0.5rem 1rem;
font-size:16px;
}
.tbl2 th{
color:#fff;
white-space:nowrap;
font-weight:normal;
background:#333333;
}

.mushitaiji{
width:320px;
margin:0 auto;
}



/*==================================================
PAGE
====================================================*/
#page_title{
color:#fff;
text-align:center;
font-size:34px;
padding:2rem 0;
background:#E60000;
}

section.sec{
padding:2rem 0;
}

.col2e_l{
width:47.5%;
float:left;
}
.col2e_r{
width:47.5%;
float:right;
}

section h2.osusume{
background:#008CD2;
color:#fff;
display:inline-block;
font-size:20px;
padding:0.5rem 1rem;
margin-bottom:1rem;
}
.imgone{
width:85%;
margin:0 auto;
}

.note2{
position:relative;
background:#FFF0BE;
padding:1.5rem;
}
.note2 p{
margin:0;
}
section .note2 h3{
color:#333;
font-size:26px;
}

.col2f ul li{
width:49%;
margin-left:2%;
} 

.col2g ul li{
width:48%;
margin-left:4%;
} 
.col2g ul li:first-child,
.col2f ul li:first-child{
margin-left:0;
}
.col2 ul li .img2{
width:60%;
margin:0 auto;
}
.col2 ul li .img2 img{
margin-bottom:0.5rem;
}

.img_op6{
width:320px;
position:absolute;
right:1rem;
top:1rem;
}

.tbl3{
background:#fff;
}
.tbl3 .th1{
width:26%;
}
.tbl3 .th2{
width:37%;
}

.col2g_l{
width:27%;
float:left;
}
.col2g_r{
width:69%;
float:right;
}
.col2g_l img{
width:80%;
margin:0 auto;
}

.sec2 h1{
color:#E60000;
font-size:22px;
}
.col3 ul li{
width:31%;
margin:0 0 1.5rem 3.5%;
float:left;
position:relative;
}
.col3 ul li:first-child{
margin:0 0 1.5rem 0;
}
.col3.aw ul li:after{
position:absolute;
content:"";
width:20px;
height:62px;
background:url(../img/arw3.png) no-repeat;
background-size:contain;
right:-30px;
top:40%;
}
.col3.aw ul li:last-child:after{
content:none;
}

.col3.mb0 ul li:first-child,
.col3.mb0 ul li{
margin-bottom:0;
}
.col4 ul li{
width:23.5%;
margin:0 0 1.5rem 2%;
float:left;
position:relative;
}
.col4 ul li:first-child{
margin:0 0 1.5rem 0;
}
.faq dt{
font-size:26px;
font-weight:bold;
margin-bottom:0.5rem;
}
.faq dd{
margin-bottom:2rem
}

table.form{
width:100%;
}
table.form th,
table.form td,
table.form{
border:none;
padding:0.7rem;
}
table.form th{
width:15%;
white-space:nowrap;
vertical-align:top;
text-align:right;
}
table.form textarea,
table.form input{
padding:0.5rem;
width:100%;
box-sizing:border-box;
border-radius:0.3rem;
border:1px solid #ddd;
}
table.form textarea{
height:180px;
}

.privacybox{
overflow-y:scroll;
border:1px solid #ddd;
padding:1rem;
border-raidus:5px;
background:#f4f4f4;
height:360px;
}
.privacybox li,
.privacybox p,
.privacybox h3,
.privacybox h2{
font-size:12px;
line-height:1.5;
margin-bottom:0.3rem;
}
.privacybox h2{
padding:0;
margin-bottom:1rem;
background:none;
}
.privacybox h3{
color:#333;
}

/*==================================================
FOOTER
====================================================*/
#footer{
padding:1.5rem;
color:#fff;
background:#E60000;
}


/*====================================================
SPNAVI
====================================================*/

#spnav{
display:none;
position:relative;
}
#spnav .mn{
color:#fff;
font-size:12px;
position:absolute;
left:2rem;
top:0.5rem;
color:#ddd;
}
#sp-btn{
display: inline-block;
position: relative;
width: 46px;
height: 46px;
background:none;
top:0px;
float:right;
}
#sp-btn:hover{
opacity:1;
}
#sp-btn-icon{
display: block;
position: absolute;
top: 50%;
left: 0;
width: 46px;
height: 4px;
background: #E60000;
transition: .2s;
}
#sp-btn-icon:before, #sp-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 46px;
height: 4px;
background: #E60000;
transition: .3s;
}
#sp-btn-icon:before{
margin-top: -16px;
}
#sp-btn-icon:after{
margin-top: 12px;
}
#sp-btn .close{
background: transparent;
}
#sp-btn .close:before, #sp-btn .close:after{
margin-top: 0;
}
#sp-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#sp-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}


#pagetop{
display:none;
width:60px;
position:fixed;
bottom:1rem;
right:1rem;
}


/*====================================================
BASE
====================================================*/
.ctr{text-align:center;}
.tgt{text-align:right;}
.tlt{text-align:left;}
strong,.bold{font-weight:bold;}
.mb02{margin-bottom:0.2rem;}
.mb03{margin-bottom:0.3rem;}
.mb05{margin-bottom:0.5rem;}
.mt05{margin-top:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb15{margin-bottom:1.5rem;}
.mb2{margin-bottom:2rem;}
.mb25{margin-bottom:2.5rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb5{margin-bottom:5rem;}
.mb8{margin-bottom:8rem;}
.mt2{margin-top:2rem;}
.pt05{padding-top:0.5rem;}
.pb1{padding-bottom:1rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt4{padding-top:4rem;}
.pt6{padding-top:6rem;}
.pt8{padding-top:8rem;}
.fff{color:#fff;}
.red{color:#E60000;}
.big{font-size:150%;}
.med{font-size:120%;}
.txtlt{text-align:left;}
.txtgt{text-align:right;}
.txtctr{text-align:center;}
.txt9{font-size:9px;}
.txt10{font-size:10px;}
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt13{font-size:13px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt25{font-size:25px;}
.txt30{font-size:30px;}
.txt32{font-size:32px;}
.lh1{line-height:1;}
.lh13{line-height:1.3;}
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
.lh20{line-height:2.0;}
.lh24{line-height:2.4;}
.ls01{letter-spacing:-1px;}
.ls02{letter-spacing:-2px;}
.ls03{letter-spacing:-3px;}
.ls04{letter-spacing:-4px;}
.ls05{letter-spacing:-5px;}
.ls06{letter-spacing:-6px;}
.img100 img,
.img100{
width:100%;
height:auto;
}

strike .strike{
color:#231916;
}
.yline{
color:#000;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffb80 0%) repeat scroll 0 0;
}
.pline{
color:#000;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffc1c7 0%) repeat scroll 0 0;
}
.shadow{text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;}

input::placeholder {
color: #ccc;
}

.ffs{ -moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";}

.small{
font-size:80%;
}

.none,
.sp{display:none;}
.pc{display:block;}


.ytbox {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom:1rem;
}
.ytbox iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*====================================================
AFTER
====================================================*/
section:after,
.breadcrumb:after,
.w980:after,
.cl:after,
.clearfix:after,
#main:after,
#navigation:after,
#footer:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}


/*====================================================
MEDIA QUERY
====================================================*/



@media screen and (max-width: 1080px) {
.w980,
.w1060{
width:90%;
}
.img_op6{
position:relative;
}
}
@media screen and (max-width: 900px) {
table.form td,
table.form th{
width:100%;
display:block;
}
table.form th{
text-align:left;
padding-bottom:0;
}
}


@media screen and (max-width: 720px) {
.pc,
#nav{
display:none;
}
.sp,
#spnav{
display:block;
}
.tbl1.sp{
display:inline-block;
width:auto;
}

.col2b_r,
.col2b_l{
width:100%;
float:none;
}
.col2b_l{
margin-bottom:2rem;
}
#nav{
clear:both;
}
#nav ul{
width:100%;
margin-top:1.2rem;
}
#nav ul li{
float:none;
width:100%;
margin:0;
}
#nav ul li a{
padding:1rem;
display:block;
text-align:center;
border-top:1px solid #ddd;
}
#nav ul li:last-child{
border:none;
}
#nav ul li:last-child a {
border-radius:0;
padding:1rem;
}
.col4 ul li,
.col3.aw ul li,
.col3 ul li:first-child,
.col3 ul li{
width:100%;
float:none;
margin:0 0 1.5rem 0;
}
.col3 ul li:last-child{
margin-bottom:0;
}

#subnav ul li{
width:100%;
float:none;
margin:0 0 1rem 0;
}
#subnav ul li a{
display:block;
padding:0.5rem 0;
}
.col2g_l,
.col2g_r,
.col2e_l,
.col2e_r,
.col2d_l,
.col2d_r,
.col2c_r,
.col2c_l,
.col2 ul li,
.col2a_l,
.col2a_r{
width:100%;
float:none;
margin:0 0 2rem 0;
}
.col2c_r,
.col2d_r{
padding:0;
}
#subnav.five ul li{
margin:0 0 1rem 0;
text-align:left;
float:none;
}
.col3.aw ul li{
margin-bottom:2.5rem;
}
.col3.aw ul li:after{
position:absolute;
background: url(../img/arw3v.png) no-repeat;
background-size: contain;
width: 62px;
height: 20px;
right:0;
left:0;
top:auto;
bottom:-28px;
margin:0 auto;
}
}