/* CSS Document */

* {
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
margin: 0;padding: 0;color:#404040;line-height:1.8em;
}
body {text-align: center;font-size:14px;}
img{vertical-align:top;max-width: 100%;height: auto;width:auto;}


/* position */
.left{text-align:left;}.right{text-align:right;}.center{text-align:center}
.f_left, .f_left2{float:left;}.f_right, .f_right2{float:right;}
.clearfix:after{content: "";display:block;clear:both;}

/* width */
.w25{width:25%}.w73{width:73%}
.w49{width:49%}.w48{width:48%}
.w12{width:12%}.w83{width:83%}

/* a */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

/* font */
.white{color:#fff}.bold{font-weight:bold}.bold7{font-weight:700 !important}
.yellow{color:#fbfe00;}.red{color:#da3915}
.f2, h2{font-size: 2em !important;}.f1_2{font-size: 1.2em !important;}
.f3{font-size: 3em !important;}.f1_5{font-size: 1.5em !important;}

/* bg */
.redBg{background:#da3915;}.wBg{background:#fff}

/* padding */
.pt4{padding-top:4%}.pb4{padding-bottom:4%}.pt7{padding-top:7%}.pb7{padding-bottom:7%}
.ptb2{padding:2% 0}.plr4{padding:0 4%}.pb1{padding-bottom:7px}
.pl2{padding-left:2%}.p2{padding:2%}.p3{padding:3%}

/* common */
.wrapper{max-width:960px;margin:0 auto;}
.block{margin:0 auto;padding:7% 5%}


/* part style */
#catch{background:url(../image/catchBg.jpg) no-repeat center top}

/* form */
#topFormBg{background:url(../image/formTopBg.jpg) no-repeat center top}
.form_inner{background:url(../image/formBg2.jpg) repeat-y center top;background-size:contain;padding-top:5%}
input[type="text"] {width: 87%;height: 55px;text-align: center;border-radius: 15px;border: 4px solid #bdbdbd;
box-shadow: -1px 0px 0px 3px rgba(219,219,219,1) inset;}
input[type="image"] {width: 88%;padding-top: 2%;}
.formbg2{background:#fffbed}
.formtop2{background:url(../image/formTop2.jpg) no-repeat center top;background-size:contain;padding-top:34.375%}
@media screen and (min-width:961px) {.sp2{display:none}.pc2{display:block}}
@media screen and (max-width:960px) {.sp2{display:block}.pc2{display:none}.form_topsp{background:url(../image/formTopBg1.jpg) no-repeat center top;background-size:contain;padding-top:28.125%}}

#b1{background:url(../image/b1Bg.jpg) no-repeat center top;}
#b2{background:url(../image/b2Bg.jpg) no-repeat center top #f7f7f7;}
#arrow{background:url(../image/b2Img03bg.jpg) no-repeat center top}

/* b3 */
.m_inner{background:url(../image/m_inner.jpg) repeat-y center top;background-size:contain;padding-top:5%}
@media screen and (min-width:961px) {.m_block{max-width:825px;margin:0 auto;}.m_block2{padding:3% 7%;background:#fff;text-align:left}
#mt1{background:url(../image/method01.jpg) repeat-y center top;background-size:contain;padding-top:5%}
#mt2{background:url(../image/method02.jpg) repeat-y center top;background-size:contain;padding-top:5%}
#mt3{background:url(../image/method03.jpg) repeat-y center top;background-size:contain;padding-top:5%}
#mt4{background:url(../image/method04.jpg) repeat-y center top;background-size:contain;padding-top:5%}
#mt5{background:url(../image/method05.jpg) repeat-y center top;background-size:contain;padding-top:5%}}
@media screen and (max-width:960px) {.m_block{padding:5%}.m_block2{padding:2% 5%;background:#fff;text-align:left}
#mt1{background:url(../image/method011.jpg) repeat-y center top;background-size:contain;padding-top:7.2916667%}
#mt2{background:url(../image/method021.jpg) repeat-y center top;background-size:contain;padding-top:7.2916667%}
#mt3{background:url(../image/method031.jpg) repeat-y center top;background-size:contain;padding-top:7.2916667%}
#mt4{background:url(../image/method041.jpg) repeat-y center top;background-size:contain;padding-top:7.2916667%}
#mt5{background:url(../image/method051.jpg) repeat-y center top;background-size:contain;padding-top:7.2916667%}}

/* voice */
#voice{background:url(https://rogers-method.jp/web_method/images/voiceBg.jpg) repeat-y center top;background-size:contain;}
.f_left2{width:48%;float:left;}
.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.shadow{box-shadow: 0 0 8px #d0d0d0;}

/* b4 */
#b4{background:url(../image/b4bg.jpg)}.ececec{background:#ececec}
h3{font-size:1.7em !important;font-weight:bold !important; border-left:4px solid #980202;}

/* bullet */
.b_bg01{background:#f6f6f6}
.bullet{background:#fff;padding:5%;border:6px solid #e0cb69;text-align:left;}
ul.check {list-style-image: url(../image/check.jpg);list-style-position: inside;}
.bullet img {width: 3%;vertical-align: middle;padding-right:1%}
.bullet p {padding: 1% 0 2%;border-bottom: 1px solid #d3cece;font-size: 1.1em;color:#442600}


/* pc */
@media screen and (min-width:481px) {
	.sp{display:none}.pc{display:block}}
@media screen and (min-width:801px) {.pvoice{display:none}}

/* sp */
@media screen and (max-width:800px) {.f_left2, .f_right2{float:none}.w48{width:80%;margin:0 auto}.pvoice{display:block}.f1_5{font-size: 1.4em !important;}}
@media screen and (max-width:480px) {
	.sp{display:block}.pc{display:none}#arrow, #catch, #topFormBg{background-image:none}
	.f2, h2{font-size: 1.3em !important;}.f3{font-size: 1.5em !important;text-align: left;padding: 0 4%;}
	h3 {font-size: 1.2em !important;}.bullet img {width: 7%;}.w49 {width: 100%;float: none;}.f1_5{font-size: 1.2em !important;}
	}