@charset "utf-8";

/* 基本設定 */

@font-face {
font-family: 'NotoSans_regular';
src: url(/common/font/notosans/NotoSans_regular.woff);
}
@font-face {
font-family: 'NotoSans_medium';
src: url(/common/font/notosans/NotoSans_medium.woff);
}
@font-face {
font-family: 'NotoSans_bold';
src: url(/common/font/notosans/NotoSans_bold.woff);
}

* {box-sizing: border-box;}
body {font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; color:#3d3333}
input,select,textarea {margin-left:5px;margin-right:5px}

a:link,a:visited {color:#3d3333;text-decoration:none}
a:hover {transition-property: all;transition: 0.5s linear}

section p {font-size:1.2em; line-height:1.6em}

em {font-weight:bold}
small {font-size:.6em;ine-height:.7em;font-weight:normal}

b,strong,.bold {font-family: NotoSans_bold;}
h1,h2,h3,h4,h5,h6 {font-family: NotoSans_medium;}
section,div,table tr th,table tr td,p,ul li,ol li,button {font-family: NotoSans_regular;}

img {border:0}
a img {background:none}
a:hover img {opacity:.75;filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";background:none!important}

header #Wrap,main,footer {clear:both;width:950px;margin:0 auto}
header {width:100%;height:56px;border-top:3px solid #be1f33;border-bottom:3px solid #eee;margin-bottom:20px}
header #Wrap {height:56px;padding-top:3px;padding-left:3px}
footer#LP {text-align:center;font-size:.8em;margin-bottom:10px; padding-top: 10px; border-top: 1px solid #cccccc;}
nav#LP,section,asibe {width:900px;margin:0 auto}
section {clear:both;margin-bottom:30px}

/* 位置設定 */
.Right {float:right}
.Left {float:left}
.textCenter {text-align:center}
.textRight {text-align:right}
.textLeft {text-align:left}

.MgnAuto {margin:0 auto}

.MgnBtm0 {margin-bottom:0}
.MgnBtm5 {margin-bottom:5px}
.MgnBtm10 {margin-bottom:10px}
.MgnBtm15 {margin-bottom:15px}
.MgnBtm20 {margin-bottom:20px}
.MgnBtm25 {margin-bottom:25px}
.MgnBtm30 {margin-bottom:30px}
.MgnBtm40 {margin-bottom:40px}
.MgnBtm50 {margin-bottom:50px}
.MgnBtm80 {margin-bottom:80px}
.MgnBtm100 {margin-bottom:100px}

.MgnTop0 {margin-top:0}
.MgnTop5 {margin-top:5px}
.MgnTop10 {margin-top:10px}
.MgnTop15 {margin-top:15px}
.MgnTop20 {margin-top:20px}
.MgnTop25 {margin-top:25px}
.MgnTop30 {margin-top:30px}
.MgnTop40 {margin-top:40px}
.MgnTop50 {margin-top:50px}

.Pad {padding:0}
.Pad5 {padding:5px}
.Pad10 {padding:10px}
.Pad15 {padding:15px}
.Pad20 {padding:20px}
.Pad25 {padding:25px}
.Pad30 {padding:30px}
.Pad40 {padding:40px}
.Pad50 {padding:50px}

/* フォント設定 */
.red {color:red}
#LP ul li,#LP ol li { padding-left: 1em; text-indent: -1em; list-style-position: inside; margin-bottom:5px;}
#LP ol li {list-style-type: decimal}

/* 隠す */
.pc {display:inherit}
.sp {display:none}

/* 見出し */
h1,h2,h3,h4,h5,h6 {font-size:1.8em;font-weight:700;}

/* 赤いライン */h1,h2{display:inline-block;width:100%;margin-bottom:.8rem;font-size:2em;font-weight:700}h1.multi,h2.multi{padding:6px 0 14px;border-bottom:8px solid rgba(225,0,51,1.00);position:relative}h1.multi:before,h1.multi:after,h2.multi:before,h2.multi:after{content:"";display:block;height:8px;position:absolute;bottom:-8px}h1.multi:before,h2.multi:before{width:20%;left:8%;background:rgba(255,255,255,0.7)}h2.multi:after{width:30%;left:12%;background:rgba(225,0,51,0.6)}

ul.asterisk {margin-top: 10px}
ul.asterisk li{padding-left: 3em; text-indent: -1em}
ul.asterisk li:before {display: inline;content: "※"}

/* レスポンシブテーブル */
.one{float: left;width: 48%;margin: 0 2% 0 0}
.two{float: left;width: 48%;margin: 0 0 0 2%}
.one img,.two img{width: 90%;margin: 5% auto}

/* ボタン */
.btn {/*基本赤*/
position: relative;
display: inline-block;
padding: 1em 4.5em;
text-decoration: none;
color: #FFF;
background: #d80b24;/*背景色*/
border-bottom: solid 2px #9C0719;/*少し濃い目の色に*/
border-radius: 40px;/*角の丸み*/
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-size: 1.5em;
font-weight: bold}
.btn:active {border-bottom: solid 2px #9C0719;box-shadow: 0 0 2px rgba(0, 0, 0, 0.30)}
.btn:hover{background:#9C0719}
.btn:link,.btn:visited{color:#fff;text-decoration:none}

.btnGrn{background: #009A5B;/*背景色*/border-bottom: solid 2px #004E2E;/*少し濃い目の色に*/}
.btnGrn:hover{background:#004E2E}

ul.asterisk {margin-top: 10px; margin-left:1em;}
ul.asterisk li{text-indent:-1em;}
ul.asterisk li:before {
display: inline;
content: "※";
}

.d-flex{
display:flex;
justify-content: space-between;
}

@media screen and (max-width: 767px) { /* スマホ */
header,nav,main,section,asibe,h1,footer,img,footer {width:100%;margin:0;padding:0}
header #Wrap img {width:240px}
main {padding-top:20px;}
h1,h2{font-size:1.5em}
section p {font-size:1em; line-height:1.4em}

.w95{width: 95%;margin: 0 auto}

.one,.two{clear: both;width: 96%;margin: 10% auto 5%}
.one img,.two img{width: 96%;}

/* 隠す */
.pc {display:none}
.sp {display:inherit}

#wFooterLogo img {width:150px;height:50px;}
}

/* clearfix */
.cf:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .cf {zoom:1}
:first-child+html .cf {zoom:1}