@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.serif {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; font-weight:bold;}

/* PC
---------------------------------------------*/
.main_wrap { width:100%; padding-bottom:20px;}
.main_wrap .section { margin-top:50px; }
.main_wrap p {font-size: 18px;line-height: 1.4;color:#333; font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}
.main_wrap h3 { color:white; font-size:38px; height: 78px;line-height: 78px; text-align:center; background: url(../images/ttl_bg.png) -1px 50% no-repeat; font-family: 'Noto Sans Japanese',"ＭＳ Ｐゴシック", "MS PGothic",sans-serif; font-weight: 600; }
.contents_wrap { width:950px; margin:0 auto; font-size:120%;}

.main_head { text-align:center; background:#00c300 url(../images/l_head_bg.png) 50% 0 no-repeat; width:100%; height:auto; position:relative;}
.white-cover { position:absolute; top:0; display:block; width:100%; height:42px; background-color:white; }
html*.white-cover { display:none; }/*IE6・E7*/
.main_head img { position:relative; }

.touroku {width:950px;height: 411px;background: url(../images/l_touroku.png) 0 0 no-repeat;}
h3.touroku_ttl { background:none; line-height:86px; height:86px; font-size:37px; }
.touroku_img {display:block;margin-top: -10px;margin-left: 35px;float: left;width: 280px;}
p.touroku_txt {font-size: 20px;float: left;width: 544px;margin-top: -20px;margin-left: 40px;}

h3.step_ttl {color:#333;font-size: 50px;font-weight:bold;background:none;height: 78px;line-height: 66px;}
.step_ttl span { color:#ff9100; }
.step_ttl span span { color:#f94000; font-size:95px; font-weight:800; }
.step_txt01 { text-align:center; margin-top:20px; }
.step_img01 { margin-top:20px; }

.point_wrapper { margin-top:20px; }
.point_num { float:left; width:170px; text-align:right; padding-right:10px; }
p.point_txt01,p.point_txt02 {margin-top: 12px;padding-left: 180px;}
p.point_txt01 {margin-bottom:15px;font-size: 23px;font-weight:bold;}
p.point_txt02 { margin-bottom:7px;    font-weight: normal; }
.point_itemlist {text-align:center;margin:20px auto 0;width: 950px;}
.point_itemlist li {float:left;margin-left: 10px;list-style: none;}
.point_itemlist li.first { margin-left:-20px; }
.point_img { margin-top:20px; text-align:center; }

.taishou_items {margin-top: 20px;text-align:center;}
.taishou_etc {border: 7px solid #3dbc7e;border-top: none;margin-top:20px;padding-bottom:20px;width:100%;box-sizing:border-box;background: url(../images/l_taishou_subbg.png) 89% 71px no-repeat;background-size: 178px;}
.taishou_etcttl{background-color: #3dbc7e;height:58px;line-height:58px;text-align:center;color:white;font-weight:bold;font-size:28px;}
.taishou_etctxt {padding: 20px 20px 0;width: 77%;}
.taishou a { text-decoration: underline; }

.kaitori { background-color:#FFEFE1; padding:30px 0; }
p.kaitori_txt { text-align:center; font-size:19px;}
.kaitori_txt span { color:#d40000; font-weight:bold; font-size:120%; }
.kaitori_img { position:relative; height:0; display:block; top: -87px; left: 37px; }
.kaitori_btn a { display:block; margin:0 auto; width:627px; height:auto; margin-top:30px;}

.qr { text-align:center; background:#00c300 url(../images/l_qr_bg.png) 50% 100% no-repeat; padding:20px 0; }
p.qr_txt { text-align:center; color:white; font-size:22px;  margin-bottom:20px; }


/* SP
---------------------------------------------*/
@media screen and (max-width:780px) {

.contents_wrap { width:100%; margin:0 auto; font-size:120%;}


.line_sp .main_wrap p  { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:14px; line-height:1.56;  }
.line_sp .main_wrap { max-width:640px; width:100%; margin:0 auto ; padding-bottom:10px; background-color:white;}
.line_sp .main_wrap img { width:100%; height:auto; }
.line_sp .box_style { width:96%; margin:0 auto; box-sizing:border-box; }
.line_sp .ttl_style { font-family:'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; margin:0 10px; color:white;font-size:18px; font-weight: bold; height:46px; line-height:46px; text-align:center; background: url(../images/sp_ttl_bg01.png) 100% 50% no-repeat,url(../images/sp_ttl_bg02.png) 0 50% no-repeat;background-color:#00c300;}
.line_sp .section_mt { margin-top:26px;}

.line_sp header.main_header { clear: both; padding:0; display:block; width:100%; border-bottom:none !important; background-color:white; margin-top:10px; }

.line_sp .line { border:1px solid #ccc; padding:10px;}
.line_sp .line_txt { text-align:center; margin-bottom:10px;}
.line_sp .line_btnwrap { padding:10px; background-color:#eee;  margin-top:10px; border-radius:4px; }
.line_sp .line_btn { width:100%; margin:0 auto;}

.line_sp .step { margin-top: 16px;}
.line_sp h1.step_ttl {color:#333; font-size: 20px;background:none; font-weight:600; height:44px; line-height:44px;}
.line_sp h1.step_ttl span { color:#ff9100; }
.line_sp h1.step_ttl span span {color:#f94000;font-size: 46px;line-height: 1;}
.line_sp .step_txt01 {margin:10px auto;}
.line_sp .step_box {margin-top:10px; padding:10px; background-color:#eee; border-radius:4px;}
.line_sp .step_ex { padding:10px 10px 0; }
.line_sp img.step_next { width:30px; heigh:auto; margin:10px auto; display:block;}

.line_sp .taishou_items {margin-top: 16px;}
.line_sp .taishou_etc {padding-bottom:10px;margin-top:20px;background: url(../images/l_taishou_subbg.png) 98% 98% no-repeat; background-size:40px; background-color:white;}
.line_sp .taishou_etcttl{ font-size:16px; line-height:36px; height:36px; }
.line_sp .taishou_etctxt01 {padding: 10px 10px 0 10px; width:100%; box-sizing:border-box;}
.line_sp .taishou_etctxt02 {padding: 10px 50px 0 10px;}

.line_sp .kaitori {width:100%;padding:10px;}
.line_sp .kaitori_txt { white-space:nowrap; text-align:left; }
.line_sp .kaitori_btn {width:100%;margin: 10px auto 0;padding: 0px;box-sizing:border-box;}
.line_sp .kaitori_btn a { padding:0px; display: block; width: 100%;margin-top: 0px;}

.line_sp .qr {background-image:none; background-color:white;padding:0px; margin-top:0;}
.line_sp .qr_wrap {  width:100%;  }
.line_sp .qr_txt {  padding:10px; margin-bottom:0;  color: #333; text-align: left; }
.line_sp .line_btnwrap { background-color:#00c300; ; padding:10px; margin:0 auto; border-radius:0; }


}