@charset "utf-8";

/* =========================================================
Reset
=========================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
a{
text-decoration:none;
outline:none;
}
table{
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
strong{
font-weight:bold;
}
ol,ul{
list-style:none;
margin:0;
padding:0;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}
q:before,q:after,
{
content:'';
}
abbr,acronym{border:0;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
table{
font-family:monospace;
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
body, form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
iframe{
border:none;
}

a:focus{
outline:0 !important;
}

*,
::after,
::before{
box-sizing:border-box;
}

body{
position:relative;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size:1rem;
line-height:1.5;
text-align:left;
color:#212529;
background:#ecf3f3;
}

/* =========================================================
Link
=========================================================== */
a{text-decoration:underline;}
a:link{color:#007bff;text-decoration:underline;}
a:visited{color:#007bff;text-decoration:underline;}
a:hover{color:#0056b3;text-decoration:none;}
a:focus{outline:none !important;}

/* =========================================================
Web icon
=========================================================== */
i{
padding-right:2px;
padding-left:0;
color:#20499a;
}

/* =========================================================
l-header__box
=========================================================== */
.l-header__box{
position:relative;
margin:0 auto;
border-bottom:1px solid #9bbfcc;
}
.l-header__poster{
position:relative;
margin:0 auto;
background:#000000;
}
.l-header__img{
margin:0 auto;
max-width:800px;
}
.l-header__img img{
width:100%;
height:auto;
display:block;
}
.l-header__title{
background:#ecf3f3;
text-align:left;
}
.l-header__title .inner{
margin:0 auto;
padding:12px 0 0;
max-width:800px;
}
h1.l-header__main{
margin:0 0 12px;
padding:0 10px;
font-size:24px;
line-height:1.25;
font-weight:bold;
}
.l-header__sub{
margin:0 0 12px;
padding:0 10px;
font-size:20px;
line-height:1.25;
font-weight:bold;
}
h1.l-header__main img,
.l-header__sub img{
width:100%;
height:auto;
display:block;
}
.l-header__lead{
padding:0 10px;
font-size:16px;
line-height:1.6;
}
.l-header__lead p{
margin:0 0 10px;
}
.l-header__lead p span{
font-weight:bold;
color:#ff0000;
}

/* =========================================================
l-section
=========================================================== */
.l-section__bl{
position:relative;
padding:15px 0;
background:rgba(255,255,255,0.85);
}
.l-section__wh{
position:relative;
padding:15px 0;
background:#ffffff;
}
.l-section__ot{
position:relative;
padding:15px 0;
background:#ffff99;
}

/* =========================================================
l-content__box
=========================================================== */
h2.l-content__h2{
margin:0 auto 15px;
width:70%;
}
h2.l-content__h2 img{
width:100%;
height:auto;
display:block;
}
.l-content__box{
margin:0 auto;
}
.l-content__box .inner{
position:relative;
margin:0 auto;
max-width:800px;
}
.l-content__box .l-content__title{
margin:0 0 12px;
padding:0 10px 12px;
font-size:18px;
line-height:1.25;
font-weight:bold;
border-bottom:1px solid #9bbfcc;
}
.l-content__box h3{
margin:0 0 12px;
padding:0 10px;
font-size:16px;
line-height:1.25;
font-weight:bold;
}
.l-content__box h3 span{
margin-right:2px;
color:#ea3876;
}
.l-content__box p{
margin:0 0 12px;
padding:0 10px;
font-size:14px;
}
.l-content__box p:last-child{
margin:0;
}
.l-content__box p span{
padding-right:2px;
font-size:15px;
font-weight:bold;
color:#ff0000;
}
.l-content__box p.l-content__right{
margin:0 0 8px;
text-align:right;
}
.l-content__box p.l-content__lead{
font-size:16px;
text-align:center;
font-weight:bold;
color:#20499a;
}
.l-content__box ul{
margin:0 0 12px;
padding:0 10px;
font-size:14px;
}

/* =========================================================
Footer
=========================================================== */
.l-footer__box{
position:relative;
padding:12px 0 24px;
color:#446b88;
background:#ecf3f3;
border-top:1px solid #9bbfcc;
}
.l-footer__box .inner{
position:relative;
margin:0 auto;
max-width:800px;
}
.l-footer__copy{
font-size:11px;
text-align:center;
line-height:1.4;
}
.l-footer__privacy{
margin:0 0 10px;
font-size:12px;
text-align:center;
line-height:1.25;
}