@charset "UTF-8";
/***********fw ver.β2.0***********/

/*CSSリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,figure,input,p,blockquote,th,td,object { margin:0;padding:0;}
img { border: 0 ; vertical-align: bottom ; }
h1,h2,h3,h4,h5,h6,em,address{font-style:normal;}
ul{list-style:none; }
ol,ul{list-style: none;}
sub {vertical-align: baseline;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img.mobile{width: initial;}

.sp{display:none!important}
.pc{display:block!important}

a[target="_blank"] {
display: inline-block;
padding-right:20px;
background: url(../images/icon/icon_blank.svg) no-repeat right center;
}
.noicon{background:none!important;padding-right: 0!important;}

@media only screen and (max-width: 767px) {
.sp{display:block!important}
.pc{display:none!important}
}

body:not(.home) main p{line-height: 2;}
body:not(.home) main section{margin:30px 0;}
body:not(.home) main section:nth-child(1){margin:0 0 30px;}
.wrapper{padding:0 20px!important;}

@media only screen and (max-width: 767px) {
body:not(.home) main p{line-height: 1.8;}
body:not(.home) main section{margin:15px 0;}
body:not(.home) main section:nth-child(1){margin:0 0 15px;}
.wrapper{padding:0 5px!important;}
.nbr br{display: none;}
}

/***********フォントカラー***********/
.txc_em{color:#D40000;}
.important{color:#D40000;}

/***********フォントサイズ***********/
.fs10{font-size:1rem;}
.fs12{font-size:1.2rem;}
.fs14{font-size:1.4rem;}
.fs16{font-size:1.6rem;}
.fs18{font-size:1.8rem;}
.fs20{font-size:2rem;}
/***********テキストスタイル***********/
.tx_left{text-align: left;}
.tx_right{text-align: right;}
.tx_center{text-align: center;}
.under{background: linear-gradient(transparent 70%, #bae2f1 70%);}
.url_wb{word-break: break-all; line-height: 1.3; padding: 0.5em 0;}
/***********フォントスタイル***********/
.fw_n{font-weight:normal;}
.fw_b{font-weight:bold;}
.fw_700{font-weight:700;}

/***********img***********/
body:not(.home) .image_wrap{
padding-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.tx_center.mobile{text-align: left;}
body:not(.home) .image_wrap{
padding-top: 0;
}
    img{
    width: 100%;
    height: auto;
    }
}

/***********iframe***********/
.iframe_wrap{
position: relative;
border: 1px solid #ddd;
width: 100%;
height: 600px;
margin: auto;
}
.asp16_9{
position: relative;
padding-top:56.25% ;
}
iframe{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border:0;
}

@media only screen and (max-width: 767px) {
  .iframe_wrap{
    width: 100%;
	height: auto;
  }
  .asp16_9{
    height: auto;
  }

}

/***********ブロック***********/
.block{display: block; width: 100%; margin-bottom:1em;}

/***********フロート***********/
.fl_l{float:left;}
.fl_r{float:right;}

/***********リスト***********/
.list_d{list-style: disc; padding-left: 1.2em;}
.list_c{list-style: circle; padding-left: 1.2em;}
.list_n{list-style-type: decimal; padding-left: 1.2em;}
.list_d li,.list_n li,.list_c li{
margin:0.5em 0;
line-height: 1.4;}
/***********radius***********/
.r5{border-radius: 5px;}
.r10{border-radius: 10px;}
.r20{border-radius: 20px;}
.r30{border-radius: 30px;}

@media only screen and (max-width: 767px) {
.r5{border-radius: 5px;}
.r10{border-radius: 10px;}
.r20{border-radius: 10px;}
.r30{border-radius: 10px;}
}

/***********column layout***********/
.flex{display:flex; flex-wrap:wrap;}
.flex_n{display:flex; flex-wrap:nowrap;}
.flex_r{display:flex; flex-wrap:wrap-reverse;}
.justify_c{justify-content: center;}
.justify_fe{justify-content: flex-end;}
.justify_sb{justify-content: space-between;}
.align_i_c{align-items: center;}
.align_i_s{align-items: stretch;}
.align_i_fs{align-items: flex-start;}
.align_i_fe{align-items: flex-end;}
.or01{order: 1;}
.or02{order: 2;}

.colm10{ margin: 0 0 10px;}
.colm15{ margin: 0 0 15px;}
.colm20{ margin: 0 0 20px;}
.colm30{ margin: 0 0 30px;}

.colm10 > * { margin: 0 10px 10px 0;}
.colm15 > * { margin: 0 15px 15px 0;}
.colm20 > * { margin: 0 20px 20px 0;}
.colm30 > * { margin: 0 30px 30px 0;}

.colm10 > *:last-child { margin: 0 0 10px 0;}
.colm15 > *:last-child { margin: 0 0 15px 0;}
.colm20 > *:last-child { margin: 0 0 20px 0;}
.colm30 > *:last-child { margin: 0 0 30px 0;}

.col2 > * { width: calc(100% / 2);}
.col2.colm10 > * { width: calc((100% - 10px) / 2);}
.col2.colm15 > * { width: calc((100% - 15px) / 2);}
.col2.colm20 > * { width: calc((100% - 20px) / 2);}
.col2.colm30 > * { width: calc((100% - 30px) / 2);}
.col2.colm10 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col2.colm15 > *:nth-child(2n) { margin: 0 0 15px 0;}
.col2.colm20 > *:nth-child(2n) { margin: 0 0 20px 0;}
.col2.colm30 > *:nth-child(2n) { margin: 0 0 30px 0;}

.col3 > * { width: calc(100% / 3);}
.col3.colm10 > * { width: calc((100% - 20px) / 3);}
.col3.colm15 > * { width: calc((100% - 30px) / 3);}
.col3.colm20 > * { width: calc((100% - 40px) / 3);}
.col3.colm30 > * { width: calc((100% - 60px) / 3);}
.col3.colm10 > *:nth-child(3n) { margin: 0 0 10px 0;}
.col3.colm15 > *:nth-child(3n) { margin: 0 0 15px 0;}
.col3.colm20 > *:nth-child(3n) { margin: 0 0 20px 0;}
.col3.colm30 > *:nth-child(3n) { margin: 0 0 30px 0;}

.col4 > * { width: calc(100% / 4);}
.col4.colm10 > * { width: calc((100% - 30px) / 4);}
.col4.colm15 > * { width: calc((100% - 45px) / 4);}
.col4.colm20 > * { width: calc((100% - 60px) / 4);}
.col4.colm30 > * { width: calc((100% - 90px) / 4);}
.col4.colm10 > *:nth-child(4n) { margin: 0 0 10px 0;}
.col4.colm15 > *:nth-child(4n) { margin: 0 0 15px 0;}
.col4.colm20 > *:nth-child(4n) { margin: 0 0 20px 0;}
.col4.colm30 > *:nth-child(4n) { margin: 0 0 30px 0;}

.col5 > * { width: calc(100% / 5);}
.col5.colm10 > * { width: calc((100% - 40px) / 5);}
.col5.colm15 > * { width: calc((100% - 60px) / 5);}
.col5.colm20 > * { width: calc((100% - 80px) / 5);}
.col5.colm30 > * { width: calc((100% - 120px) / 5);}
.col5.colm10 > *:nth-child(5n) { margin: 0 0 10px 0;}
.col5.colm15 > *:nth-child(5n) { margin: 0 0 15px 0;}
.col5.colm20 > *:nth-child(5n) { margin: 0 0 20px 0;}
.col5.colm30 > *:nth-child(5n) { margin: 0 0 30px 0;}

.colm10 > *.or01 { margin: 0 10px 10px 0;}
.colm15 > *.or01 { margin: 0 15px 15px 0;}
.colm20 > *.or01 { margin: 0 20px 20px 0;}
.colm30 > *.or01 { margin: 0 30px 30px 0;}

.colm10 > *.or02 { margin: 0 0 10px 0;}
.colm15 > *.or02 { margin: 0 0 15px 0;}
.colm20 > *.or02 { margin: 0 0 20px 0;}
.colm30 > *.or02 { margin: 0 0 30px 0;}

@media only screen and (max-width: 767px) {
.colm10{ margin: 0 0 10px;}
.colm15{ margin: 0 0 10px;}
.colm20{ margin: 0 0 10px;}
.colm30{ margin: 0 0 10px;}

.colm10.mobile > * { margin: 0 0 10px;} .colm10.mobile > *:nth-child(2n) { margin: 0 0 10px;}
.colm15.mobile > * { margin: 0 0 10px;} .colm15.mobile > *:nth-child(2n) { margin:  0 0 10px;}
.colm20.mobile > * { margin: 0 0 10px;} .colm20.mobile > *:nth-child(2n) { margin:  0 0 10px;}
.colm30.mobile > * { margin: 0 0 10px;} .colm30.mobile > *:nth-child(2n) { margin:  0 0 10px;}

.colm10 > * { margin: 0 10px 10px 0;}
.colm15 > * { margin: 0 10px 10px 0;}
.colm20 > * { margin: 0 10px 10px 0;}
.colm30 > * { margin: 0 10px 10px 0;}

.col2.colm10 > * { width: calc((100% - 20px) / 2);}
.col2.colm15 > * { width: calc((100% - 20px) / 2);}
.col2.colm20 > * { width: calc((100% - 20px) / 2);}
.col2.colm30 > * { width: calc((100% - 20px) / 2);}
.col2.colm10 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col2.colm15 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col2.colm20 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col2.colm30 > *:nth-child(2n) { margin: 0 0 10px 0;}

.col3.colm10 > * { width: calc((100% - 20px) / 3);}
.col3.colm15 > * { width: calc((100% - 20px) / 3);}
.col3.colm20 > * { width: calc((100% - 20px) / 3);}
.col3.colm30 > * { width: calc((100% - 20px) / 3);}
.col3.colm10 > *:nth-child(3n) { margin: 0 0 10px 0;}
.col3.colm15 > *:nth-child(3n) { margin: 0 0 10px 0;}
.col3.colm20 > *:nth-child(3n) { margin: 0 0 10px 0;}
.col3.colm30 > *:nth-child(3n) { margin: 0 0 10px 0;}

.col4.colm10 > * { width: calc((100% - 20px) / 2);}
.col4.colm15 > * { width: calc((100% - 20px) / 2);}
.col4.colm20 > * { width: calc((100% - 20px) / 2);}
.col4.colm30 > * { width: calc((100% - 20px) / 2);}
.col4.colm10 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col4.colm15 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col4.colm20 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col4.colm30 > *:nth-child(2n) { margin: 0 0 10px 0;}

.col5.colm10 > * { width: calc((100% - 20px) / 2);}
.col5.colm15 > * { width: calc((100% - 20px) / 2);}
.col5.colm20 > * { width: calc((100% - 20px) / 2);}
.col5.colm30 > * { width: calc((100% - 20px) / 2);}
.col5.colm10 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col5.colm15 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col5.colm20 > *:nth-child(2n) { margin: 0 0 10px 0;}
.col5.colm30 > *:nth-child(2n) { margin: 0 0 10px 0;}

.colm10 > *.or02 { margin: 0 0 10px;}
.colm15 > *.or02 { margin: 0 0 10px;}
.colm20 > *.or02 { margin: 0 0 10px;}
.colm30 > *.or02 { margin: 0 0 10px;}

.flex.mobile{display:block;}
.flex_n.mobile{display:block;}
.flex.mobile > *,.flex_n.mobile > *{width: 100%!important;}

}

/***********notice***********/
.notice{border:3px dotted #c3e3f2; padding:20px; border-radius: 10px; color:#555;}
.notice.important{border:4px solid #D40000; color:#D40000;}
.notice a{color:#D40000 ;}
.notice p.mb0{margin-bottom:0;}

@media only screen and (max-width: 767px) {
.notice{
font-size:1.4rem;
line-height: 1.5;
padding:15px;
}
}

/***********photo_gallery***********/
.photo_gallery > * img{
display: block;
width: 100%;
height: auto;
}

/***********margin***********/
.my0{margin:0!important;}
.my1{margin:1em 0!important;}
.my2{margin:2em 0!important;}
.my3{margin:3em 0!important;}
.my4{margin:4em 0!important;}
.my5{margin:5em 0!important;}
.mt0{margin-top:0!important;}
.mt1{margin-top:1em!important;}
.mt2{margin-top:2em!important;}
.mt3{margin-top:3em!important;}
.mt4{margin-top:4em!important;}
.mt5{margin-top:5em!important;}
.mb0{margin-bottom:0!important;}
.mb1{margin-bottom:1em!important;}
.mb2{margin-bottom:2em!important;}
.mb3{margin-bottom:3em!important;}
.mb4{margin-bottom:4em!important;}
.mb5{margin-bottom:5em!important;}
.pt3{padding-top:3em!important;}
.pt4{padding-top:4em!important;}
.pt5{padding-top:5em!important;}
.pl1{padding-left:1em!important;}
.pl2{padding-left:2em!important;}
.pl3{padding-left:3em!important;}
.ml2{margin-left:2em!important;}
.my1{margin-top:1em!important;margin-bottom:1em!important;}
.my3{margin-top:3em!important;margin-bottom:3em!important;}

/***********width***********/
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

@media only screen and (max-width: 767px) {
.w200{width:100%;}
.w300{width:100%;}
.w400{width:100%;}
.w500{width:100%;}
.w600{width:100%;}
}