/* rest.css*/
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{margin:0 auto;padding:0}/* rest.css*/

/*----------------------------------------------------------------------------------------------
button:hover
----------------------------------------------------------------------------------------------*/ 
 @-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}

/*----------------------------------------------------------------------------------------------
    Basic Style 
----------------------------------------------------------------------------------------------*/ 
html{ font-size:62.5%;}
body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.6rem;line-height:1.5;}
.clear{ clear:both;}

/*----------------------------------------------------------------------------------------------
    .letter Style 
----------------------------------------------------------------------------------------------*/ 
.letter{width:800px;margin:0 auto;}
.letter p{ color:#FFF;}
.letter__left{width:560px; padding:30px 0 30px; margin:0 0 0 55px; float:left}
.letter__right{width:260px; padding:0; margin:30px 50px 0 0; float:right}
.letter__center{width:800px;margin:0 auto; padding:0; clear:both;}

/*----------------------------------------------------------------------------------------------
.sub-head
----------------------------------------------------------------------------------------------*/ 
.sub-head{width:800px; margin:0 auto;}
.sub-head h1{ width:100%; margin:0 auto; font-size:3.8rem; line-height:1.2; text-align:center;font-weight:bold; color: #FFF;}

/*----------------------------------------------------------------------------------------------
.font_style
----------------------------------------------------------------------------------------------*/ 
.text_type01 {text-decoration:underline;}
.text_type02 {font-weight:bold;}
.text_type03 {font-weight: bold;background: url(../img/base/base_border.gif);background-position: bottom;background-repeat: repeat-x;}
.text_type04 {color:#d80000; font-size:3rem; font-weight:bold; }
.text_type05 {font-size:3.5rem; font-weight:bold; color:#523a11;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.text_type06{ font-size:150%; font-weight:bold;}
.text_type07 {text-decoration:underline; font-weight:bold;}
.text_type08{ font-size:130%; font-weight:bold;}
.text_type_right{text-align:right;}
.small { font-size:80%;}
.big { font-size:130%;}

/*----------------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------------*/ 
header{width:100%;margin:0 auto; background:url(../img/teruya_header_1005_01.png)repeat-x 50% 0%;}
#header__jb{width:808px;margin:0 auto;}
#header__jb img{ margin:0; padding:0 0 25px 0;}

/*----------------------------------------------------------------------------------------------
first
----------------------------------------------------------------------------------------------*/ 
#first{ width:100%; margin:-7px auto 0;  background:url(../img/yoshimoto_contents_00.png);}
#first .sub-head h1{ width:800px; padding:30px 0 15px; color: #000; font-size:3rem; color:#ff5a00;}
.first__wrap{ width:800px; margin:0 auto;}
.first__wrap:after {content: "";display: block;clear: both;}
.first__box{ width:387px; float:left; margin:0 0 20px 0; border:1px solid #95795b; background:#000;}
.first__box_titlle{ width:256px; margin:20px 0 0 0; float:right; color:#FFF}
.first__box_titlle img{margin:0 0 0 0;}
.first__box_titlle hr{ width:93%;margin:10px 0;}
.first__box_titlle p{ width:245px; margin:0 0 20px 0; font-size:1.3rem;}
.first__box_titlle h2{ font-size:1.5rem; font-weight:bold; line-height:1.2; color:#f7d54d;}
.first__box_titlle h3{ font-size:1.3rem; margin:10px 5px 0; line-height:1.2; text-align:right;}
.first__box_photo{ width:91px; margin:20px; float:left;}
#first .letter p{ width:800px; margin:0 auto; padding:15px 0 0; color:#000;}
.first__letter_list{font-size:110%; font-weight:bold; border-bottom: dotted 3px #666666;}
.first__letter_list_check{ font-size:150%; color:#e60000; padding:0 15px 0 0;}


/*----------------------------------------------------------------------------------------------
first_02
----------------------------------------------------------------------------------------------*/ 
#first_02{ width:100%; margin:-7px auto 0;  background:url(../img/yoshimoto_contents_36b.png);}
#first_02 .sub-head h1{ width:800px; padding:30px 0 15px; color: #000; font-size:3rem; color:#ff5a00;}
#first_02 .letter p{ width:800px; margin:0 auto; padding:40px 0 0; color:#000;}
.first_02__letter_list{font-size:110%; font-weight:bold; border-bottom: dotted 3px #666666;}
.first_02__letter_list_check{ font-size:150%; color:#e60000; padding:0 15px 0 0;}

/*----------------------------------------------------------------------------------------------
    Styles for .profile
----------------------------------------------------------------------------------------------*/ 
#profile{width:100%;margin:0 auto; background:url(../img/yoshimoto_contents_05.png) fixed;}
#profile .letter p{width:800px;margin:20px auto 0; }
.profile__name{width:1086px; margin:0 auto; background: url(../img/yoshimoto_contents_04.png) no-repeat;}
.profile__name_right { width:505px; padding:62px 0 49px 438px;}
.profile__name_right h1{font-size:3.8rem; font-weight:bold; color:#ffc000; line-height:1.1;}
.profile__name_right h2{font-size:4.3rem; font-weight:bold; color:#FFF}
.profile__name_right h3{ font-size:2rem; color:#FFF; margin:20px 0 0 ; line-height:1.3;}
.profile__name_right h4{font-size:1.7rem; margin:0 0 0; color: #CCC; line-height:1.4;}
.profile__box{width:800px;margin:0 auto; background: url(../img/yoshimoto_profile_02.png) repeat-y;}
.profile__box_txt{ width:90%; margin:0 auto;padding:0;}
.profile__box_txt_left{ width:64%; float:right;}
.profile__box_txt_right{ width:30%; float:left;}
.profile__box_txt img{ padding:0 0 13px; margin:0;}
.profile__box_txt h4{ font-size:2rem; font-weight:bold;color:#dcaf58;padding:3.3rem 0 0;margin: 0 0 2rem; border-bottom: 1px solid;}
.profile__sub_right{padding: 0 0 0 45%;}
.profile__box_left{float:left;}
.profile__box_right{float:right;padding:0 0 0 1rem;box-sizing:border-box;}
.profile__box_right img{margin:0 auto;}
.profile__45{width:45%;}
.profile__55{width:55%;}
.profile__40{width:40%;}
.profile__60{width:60%;}
.profile__box p{width:100%;margin:0 auto;font-size:1.3rem; color:#CCC;}
.profile__box hr{ width:100%; margin:20px auto 25px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #666; clear:both; clear:both;}

/*----------------------------------------------------------------------------------------------
    Styles for .profile-pt02
----------------------------------------------------------------------------------------------*/ 
#profile-pt02{width:100%;margin:0 auto; background:url(../img/yoshimoto_contents_19.png) fixed;}
#profile-pt02 .letter p{width:800px;margin:20px auto 0; }
.profile-pt02__box{width:800px;margin:0 auto; padding: 0; background: url(../img/yoshimoto_profile_02.png) #333 repeat-y;}
.profile-pt02__box_txt_photo{ width:90%; margin:0 auto;}
.profile-pt02__box_txt{ width:100%; margin:0 auto;padding:0;}
.profile-pt02__box_txt_left{ width:64%; float:right;}
.profile-pt02__box_txt_right{ width:30%; float:left;}
.profile-pt02__box_txt img{ padding:0 0 13px; margin:0;}
.profile-pt02__box_txt h4{ font-size:2rem; font-weight:bold;color:#dcaf58;padding:3.3rem 0 0;margin: 0 0 2rem; border-bottom: 1px solid;}
.profile-pt02__sub_right{padding: 0 0 0 45%;}
.profile-pt02__box_left{float:left;}
.profile-pt02__box_right{float:right;padding:0 0 0 1rem;box-sizing:border-box;}
.profile-pt02__box_right img{margin:0 auto;}
.profile-pt02__45{width:45%;}
.profile-pt02__55{width:55%;}
.profile-pt02__40{width:40%;}
.profile-pt02__60{width:60%;}
.profile-pt02__box p{width:100%;margin:0 auto;font-size:1.3rem; color:#CCC;}
.profile-pt02__box hr{ width:100%; margin:20px auto 25px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #666; clear:both; clear:both;}
.profile-pt02__box_txt_wrap{ width:700px; margin:0 auto;}
.profile-pt02__box_txt_wrap_box{ width:220px;height:280px; float:left; margin:20px 0 0 10px; border:1px solid #eebd5f;}
.profile-pt02__box_txt_wrap_box h5{ padding:10px 10px 0 10px; color:#eebd5f; font-size:1.8rem;}
.profile-pt02__box_txt_wrap_box p{ padding:5px 10px 10px 10px; color:#e3e3e3; font-size:1.2rem;}
.profile-pt02__box_txt_wrap_box img{ margin:0 ; padding:0;}
#profile-pt02 .sub-head{width: 800px;margin: 0 auto;padding: 0 0 30px;}
#profile-pt02 .sub-head h1{font-size: 3rem; color: #ff5a00; text-align: center;}

/*----------------------------------------------------------------------------------------------
reason
----------------------------------------------------------------------------------------------*/ 
#reason{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_19.png);}
#reason__background{ width:1200px; margin:0 auto; background:url(../img/yoshimoto_contents_20.png) no-repeat right -80px;}
#reason__wrap{ width:800px; margin:0 auto; padding:40px 0 0;}
#reason__wrap .sub-head{ width:600px; margin:0; padding:20px 0 20px;}
#reason__wrap .sub-head h1{ font-size:3rem; text-align:left; color:#c88800;}
#reason__wrap .letter p{ width:596px;margin: 11px 0 0; color:#333}
.reason__box{ width:800px; margin:0 auto; background:url(../img/yoshimoto_reason_back_05.png) repeat-y;}
.reason__box_clear{ clear:both}
.reason__box_photo{ width:166px; margin:0 0 0 -63px;float:left;}
.reason__box_title{ width:675px; float:right;}
.reason__box_title h2{ width:645px; margin:40px 0 0 0; font-size:3rem; font-weight:bold; color:#4f3704; line-height:1.2;}
.reason__box_title_02{ width:675px; float:right;}
.reason__box_title_02 h2{ width:645px; margin:21px 0 0 0; font-size:3rem; font-weight:bold; color:#4f3704; line-height:1.2;}
.reason__box_txt{ width:400px; float:left;margin: 10px 0 0 34px;}
.reason__box p{ color: #333; font-size:1.4rem}
.reason__box_rightphoto{ width:305px; float:right;margin: 12px 30px 0 0; }
.reason__letter{ width:800px; margin:0 auto; padding:30px 0 50px; color:#333;}

/*----------------------------------------------------------------------------------------------
lie
----------------------------------------------------------------------------------------------*/ 
#lie{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_21.png) center top;}
#lie__wrap{ width:670px; margin:0 auto; padding:45px 0 8px 0;}
#lie__wrap:after {content: "";display: block;clear: both;}
#lie .sub-head{ width:560px; float:right;padding: 0 0 5px;}
#lie .sub-head h1{ text-align:left; font-size:3rem; color:#e2ac06;}
#lie .letter{ width:545px; margin:0px 0 20px; float:right;}

/*----------------------------------------------------------------------------------------------
reson-second
----------------------------------------------------------------------------------------------*/ 
#reson-second{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_23.png) ;}
#reson-second__background{ width:1200px; margin:0 auto; background:url(../img/yoshimoto_contents_22.png) no-repeat 100% 0%;}
#reson-second__wrap{ width:800px; margin:0 auto;}
#reson-second__wrap .sub-head{ width:591px; margin:0 auto;padding:50px 0 25px 145px;}
#reson-second__wrap .sub-head h1{ font-size:3rem; text-align:left; color:#e2ac06}
#reson-second__wrap .letter p{ width:621px; margin:0 auto;padding:10px 0 50px 194px;}
.reson-second__box{ width:802px; margin:0 auto; background:url(../img/yoshimoto_reason_back_02.png) repeat-y;}
.reson-second__box_clear{ clear:both}
.reson-second__box_photo{ width:166px; margin:0 0 0 -63px;float:left;}
.reson-second__box_title{ width:675px; float:right;}
.reson-second__box h2{ width:700px; margin:0 auto 0;padding: 32px 0 0;font-size:3.3rem; font-weight:bold; color:#e2ac06; line-height:1.2;}
.reson-second__box_txt{ width:505px; float:left;margin: 10px 0 0 37px;}
.reson-second__box p{ color: #CCC; font-size:1.4rem}
.reson-second__box_rightphoto{ width:300px; float:right;margin:-72px -48px 0 0; }
.reson-second__box_txt_02{ width:505px; float:left;margin: 10px 0 0 37px;}
.reson-second__box_rightphoto_02{ width:300px; float:right;margin:-112px -43px 0 0; }
.reson-second__letter{ width:800px; margin:0 auto; padding:30px 0 50px; color:#FFF;}

/*----------------------------------------------------------------------------------------------
drawball
----------------------------------------------------------------------------------------------*/ 
#drawball{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_15.png);}
#drawball .sub-head{ padding:50px 0 30px 0;}
#drawball .sub-head h1{ font-size:3rem; color:#e2ac06;}
#drawball .letter{ width:450px; padding:7px 0 0 0; float:right;}
#drawball__wrap{ width:800px; margin:0 auto;}
#drawball__photo{ width:438px; margin:0 0 0 -95px; float:left;}

/*----------------------------------------------------------------------------------------------
drawball-second
----------------------------------------------------------------------------------------------*/ 
#drawball-second{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_36.png);}
#drawball-second .sub-head{ width:800px; margin:0; padding:50px 0 30px 0;}
#drawball-second .sub-head h1{font-size:3rem; color:#ff5a00; text-align: center;}
#drawball-second .letter{ width:800px; padding:0 0 50px 0;}
#drawball-second .letter img{ padding:15px 0;}
#drawball-second .letter p{ color:#333;}
#drawball-second__wrap{ width:800px; margin:0 auto;}

/*----------------------------------------------------------------------------------------------
comparison
----------------------------------------------------------------------------------------------*/ 
#comparison{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_03.png) 50% 0 no-repeat #111;}
#comparison .sub-head h1{ width:900px; padding:50px 0 8px; font-size:3rem; text-align:left; color:#e2ac06;}

/*----------------------------------------------------------------------------------------------
worry
----------------------------------------------------------------------------------------------*/ 
#worry{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_06.png) 50% 0 no-repeat #111;}
#worry .sub-head h1{width:700px; padding:50px 0 30px 177px; text-align:left; font-size:3rem; color:#e2ac06;}
#worry .letter{ width:610px; padding:0 0 0 197px; }

/*----------------------------------------------------------------------------------------------
 .voice
----------------------------------------------------------------------------------------------*/ 
#voice{width:100%;margin:0 auto;background:url(../img/yoshimoto_contents_10.png) fixed;}
#voice .sub-head{ padding:50px 0 20px;}
#voice .sub-head h1{ font-size:3rem; color:#e2ac06;}
.voice__box{width:814px;margin:0 auto;background:url(../img/yoshimoto_voice_02.png)repeat-y;}
.voice__box p{width:100%;margin:30px auto 15px ; font-size:1.4rem;}
.voice__box hr { width:100%; margin:0 auto; background-color: #fff;border-top: 2px dashed #8c8b8b; color:#FFF;clear:both;}
.voice__box_photo{width:169px;float:left;margin:10px 0 0 40px}
.voice__box_photo img{padding:0 0 5px 0;}
.voice__box_photo a img:hover {opacity:0.5;}
.voice__box_title{width:65%; float:right; margin:10px 56px 0 0px;}
.voice__box_title h3{font-size:2.3rem;line-height:1.3;font-weight:bold;color:#000}
.voice__box_title h4{font-size:1.3rem;text-align:right;margin:10px 0 20px 0;color: #000}
#voice__iframe{ width:800px; height:300px; margin:0 auto; padding:0 0 15px;}
#voice__iframe iframe{ width:800px; height:300px;}
#Panel_voice__box {width:500px; height:80px; margin:30px auto;background-color: transparent;border: 2px solid #c5dab5;color: #b3db96;line-height: 50px;}
#Panel_voice__box h3{ font-size:2.5rem; font-weight:bold; text-align:center; padding:8px 0 0; color:#c5dab5;}
#Panel_voice__box h4{ font-size:1.3rem; text-align:center; margin:-24px 0 0; padding:0 0 0; color:#c5dab5;}
#Panel_voice__box:hover {background-color: rgba(255, 255, 255, .2);}
#Panel_voice__box input{display: none;}
input[type=checkbox] {display:none;}

/*----------------------------------------------------------------------------------------------
 .voice2
----------------------------------------------------------------------------------------------*/ 
.voice__box2{width:814px;margin:0 auto;background:url(../img/yoshimoto_voice_02b.png)repeat-y;}
.voice__box2 p{width:100%;margin:30px auto 15px ; font-size:1.4rem; color:#eee;}
.voice__box2 hr { width:100%; margin:0 auto; border: none; border-top: 2px dashed #8c8b8b; color:#FFF;clear:both;}
.voice__box2_title{width:65%; float:right; margin:10px 56px 0 0px;}
.voice__box2_title h3{font-size:2.3rem;line-height:1.3;font-weight:bold;color:#eee}
.voice__box2_title h4{font-size:1.3rem;text-align:right;margin:10px 0 20px 0;color: #eee}

/*----------------------------------------------------------------------------------------------
caution
----------------------------------------------------------------------------------------------*/ 
#caution{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_30.png) ;}
#caution .sub-head h1{ padding:50px 0 30px; font-size:3rem; color:#e2ac06;}
#caution__box{width:622px; height:283px; margin:0 auto; padding:0; background:url(../img/yoshimoto_contents_33.png) no-repeat; background-size:contain;}
#caution__box ul{padding:115px 30px 0; font-size:1.8rem; font-weight: bold;    line-height: 1.4;}
#caution__box li{ background:url(../img/yoshimoto_caution_check.png) no-repeat 0px 0px; width: 345px;padding: 0 0 0px 22px;margin: 0 0 10px;border-bottom: 2px dotted #ccc;}

/*----------------------------------------------------------------------------------------------
section-area01
----------------------------------------------------------------------------------------------*/ 
#section-area01{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_08.png) center bottom no-repeat #111;}
#section-area01 .sub-head h1{ width:627px; padding:50px 0 30px 193px; font-size:3rem; color:#e2ac06; text-align:left;}
#section-area01 .letter p{ width:622px; padding:10px 0 15px 193px;}

/*----------------------------------------------------------------------------------------------
section-area02
----------------------------------------------------------------------------------------------*/ 
#section-area02{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_09.png) #000 50% 80% no-repeat;}
#section-area02 .sub-head h1{ width:800px; padding:50px 0 30px 0; font-size:3rem; color:#e2ac06; text-align:left;}
#section-area02 .letter p{ width:635px; padding:15px 0 0 0;}
.section-area02_txt{ font-size:180%; font-weight:bold; }

/*----------------------------------------------------------------------------------------------
section-area04
----------------------------------------------------------------------------------------------*/ 
#section-area04{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_11.png) center top;}
#section-area04 .sub-head h1{ width:700px; padding:30px 0 15px 0; font-size:3rem; color:#e2ac06;}
#section-area04__box{ width:800px; margin:0 auto; padding:0;background:url(../img/yoshimoto_contents_28.png) repeat-y;}
#section-area04 .letter p{ width:680px; margin:0 auto; padding:30px 0; color:#1b320e;}
.section-area04_list{font-size:110%; font-weight:bold; border-bottom: dotted 3px #666666;}
.section-area04_list_check{ font-size:150%; color:#e60000; padding:0 15px 0 0;}

/*----------------------------------------------------------------------------------------------
    Styles for .product
----------------------------------------------------------------------------------------------*/ 
.product_background{background:url(../img/yoshimoto_contents_26.png) ;}
.product{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_01.png) 50% 0% no-repeat;}
.product__menu{ width:800px; margin:0 auto; padding:768px 0 0;} 
.product__menu:after {content: "";display: block;clear: both;}
.product__menu_box{ width:255px; float:left; margin:0 10px 10px 0; border:2px solid #8c7e62; background:#000; color:#CCC;}
.product__menu_box_wrap{ width:220px; height:180px; margin:20px auto;}
.product__menu_box_disc{ border:1px solid #e9ca4d;}
.product__menu_box_disc h3{ text-align:center; padding:10px 0; color:#e9ca4d;}
.product__menu_box_lesson h4{ font-size:1.5rem; padding:8px 0; font-weight:bold;}
.product__menu_box_p p{ font-size:1.28rem;}

/*----------------------------------------------------------------------------------------------
    Styles for .product__form
----------------------------------------------------------------------------------------------*/ 
.product__form{ width:100%; height:1063px; margin:0 auto; background:url(../img/yoshimoto_contents_01b.png) 50% 0% no-repeat #000;}
	
/*----------------------------------------------------------------------------------------------
    Styles for .bullet
----------------------------------------------------------------------------------------------*/ 
#bullet{width:100%; margin:0 auto;  background:url(../img/yoshimoto_contents_26.png);}
.bullet__wrap{ width:800px; margin:0 auto; background:#FFF;}
.bullet__wrap h1{ text-align: center; font-weight: bold; font-size: 3rem; color: #493b8d; width: 95%; margin: 0 auto;}
.bullet__wrap h2{     font-size: 2rem; text-align: center;     padding: 0;}
.bullet__wrap img{width: 760px;}
.bullet__wrap_cen {padding: 40px 0;width: 700px;margin: -40px 0 0 20px;}
.bullet__wrap hr{width:750px;background-color:none;border-top:2px dashed #eb3700;border-bottom:0}
.bullet__wrap li{font-weight:bold;font-size:28px;font-size:2.5rem;line-height:1.3;color:#eb3700;background:url(../img/base/base_check.png) no-repeat 0% 81%;list-style:none;margin:0 27px 0px 24px;padding:40px 0px 5px 49px}
.bullet__wrap p{width:95%;margin:10px 0 40px 22px;}
.bullet__wrap_color{background-color:#fde2bc;padding:0 0 5px}
.bullet__txt p{width:718px; margin: 30px auto; padding:0 0 50px; font-size:20px;font-size:2rem; font-size:2rem;color: #000; font-weight:bold;}
.bullet__wrap_titlle{ width:850px; margin:20px auto 0; border:1px solid #486345;}
.bullet__wrap_titlle h4{ width:300px; background:#163814; padding:5px; margin:15px auto 0; text-align:center; font-size:120%; font-weight:bold; color:#fff9d6;}
.bullet__wrap_titlle h5{ font-weight:bold; color:#163814; font-size:140%; text-align:center; padding:10px 0 15px; line-height:1.3;}
.bullet__wrap_titlle h6{ color:#163814; text-align:center; padding:20px; line-height:1.3;}
.bullet__wrap_txt2 {width: 880px;margin: 0 auto;color: #FFF;text-align: center;font-size: 2.2rem;font-weight: bold;padding: 20px 0 40px;}
.bullet__wrap ul{    list-style: none; border-bottom: 1px dashed #a48963;}
/*----------------------------------------------------------------------------------------------
aboutprice
----------------------------------------------------------------------------------------------*/ 
#aboutprice{ width:100%; margin:0 auto;background:url(../img/yoshimoto_contents_30.png)}
#aboutprice .sub-head h1{ font-size:3rem; color:#e2ac06; padding:50px 0 30px;}
#aboutprice .letter p{ color:#FFF;}
#aboutprice__background{background:url(../img/yoshimoto_contents_31.png) 900px bottom no-repeat;}

/*----------------------------------------------------------------------------------------------
aboutprice-second
----------------------------------------------------------------------------------------------*/ 
#aboutprice-second{background:url(../img/yoshimoto_contents_38.png)}
#aboutprice-second__background{ width:100%; margin:0 auto;background:url(../img/yoshimoto_contents_37.png) center top repeat-x}
#aboutprice-second .sub-head h1{ font-size:3rem; color:#e2ac06; padding:60px 0 30px;}
#aboutprice-second .letter p{ color:#FFF;}

/*----------------------------------------------------------------------------------------------
privilege
----------------------------------------------------------------------------------------------*/ 
#privilege{ width:100%; margin:0 auto; padding: 0 0 50px;background:url(../img/yoshimoto_tokurten_bg.jpg) fixed center;
background-size:cover;}
#privilege .sub-head{padding:40px 0 0px;}
.privilege__box{width:860px;background:url(../img/yoshimoto_tokuten_box_bg.png) repeat-y;margin:0 auto;}
.privilege__box p{width:80%;margin:0 auto;}
.privilege__box hr{width:80%; border:none;border-bottom:2px solid #ccc;}
.yoshimoto_tokuten_02{margin:0 auto -60px;}
.privilege__bullet_01{width:80%;margin: 0 auto;}
.privilege__bullet_02{width:80%;margin: 0 auto;background: #fff7e0;padding: 0 41px;}
.privilege__bullet_title{width:100%;min-height:50px;margin:0 auto 20px;font-size:2.5rem;color:#93670b;font-weight:bold;background:url(../img/yoshimoto_checkmark.png) no-repeat left ;padding:25px 0 20px 60px;box-sizing:border-box;border-bottom:1px dashed #93670b;line-height:1.2;}
.privilege__bullet_letter{width:100%;    padding: 0 0 30px;}
.privilege__img{width:90%; margin:20px auto;}
.privilege__img_right{float:right;padding:0 0 0 10px;margin:0 -20px 0 0;}

/*----------------------------------------------------------------------------------------------
money-back
----------------------------------------------------------------------------------------------*/ 
#money-back{ width:100%; margin:0 auto; background: #000;}
.money-back__letter{width:780px;margin:0 auto;}
.money-back__center{padding:30px 0 0;font-weight:bold;font-size:2.5rem;line-height:1.4;text-align:center;}

/*----------------------------------------------------------------------------------------------
    Styles for #special_hosyou
----------------------------------------------------------------------------------------------*/ 
#special_hosyou{width:800px;margin:0 auto;background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 50%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 50%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 50%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */-webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);
box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4); border:1px solid #999;box-sizing:border-box;padding:20px 0;}
#special_hosyou h1,.special_hosyou__step{width:730px;margin:0 auto}
#special_hosyou h1{font-size:38px;font-size:3.8rem;color:#002dbc;text-align:center;font-weight:700}
.special_hosyou__step li{width:166px;float:left;font-size:13px;font-size:1.2rem;line-height:1.5;margin-left:13px}
.special_hosyou__step_text{width:720px;margin:0 auto;padding-top:10px;clear:both;font-size:1.2rem;}
.special_hosyou__step_text hr{background-color:none;border:1px dashed #CCC;margin-bottom:15px}

/*----------------------------------------------------------------------------------------------
clothing
----------------------------------------------------------------------------------------------*/ 
#clothing{ width:100%; margin:0 auto;background:url(../img/yoshimoto_contents_17.png) #000 fixed;}
#clothing__wrap{ padding:30px 0;}
#clothing__box{ width:812px; margin:0 auto;background:url(../img/yoshimoto_contents_18_02.png) top center repeat-y;}
#clothing__box_wrap{ width:700px; margin:0 auto;}
#clothing__box_wrap .sub-head{ width:700px; margin:0 auto; padding:0 0 10px}
#clothing__box_wrap .sub-head h1{font-size:3rem; color:#e28206;}
#clothing__box_wrap .letter{ width:100%; margin:0 auto;}
#clothing__box_wrap .letter p{color: #000;}
#clothing__box_wrap .sub-head h3{ width:200px; height:75px; margin:0 auto 5px; background:#e28206; font-size:5rem; color:#FFF; font-weight:bold; text-align:center;}
.clothing__span{ font-size:155%; font-weight:bold; }

/*----------------------------------------------------------------------------------------------
clothing-second
----------------------------------------------------------------------------------------------*/ 
#clothing-second{ width:100%; margin:0 auto;background:url(../img/yoshimoto_contents_19.png);}
#clothing-second__wrap{ padding:30px 0;}
#clothing-second__box{ width:812px; margin:0 auto;background:url(../img/yoshimoto_contents_18_02.png) top center repeat-y;}
#clothing-second .sub-head{ width:830px; margin:0 auto; padding:50px 0 30px}
#clothing-second .sub-head h1{font-size:3rem; color:#ff5a00;}
#clothing-second .letter{ width:800px; margin:0 auto;}
#clothing-second .letter p{color: #000;}
#clothing-second .sub-head h3{ width:125px; height:41px; margin:0 auto 5px; background:#e28206; font-size:3rem; color:#FFF; font-weight:bold;}

/*----------------------------------------------------------------------------------------------
    Styles for #form(PC)
----------------------------------------------------------------------------------------------*/ 
.form__area_pc{ width:100%; margin:0 auto; background:url(../img/yoshimoto_contents_34.png);}
.form { width:100%; padding:20px 0 50px;}
.form__wrap {width: 800px;margin:0 auto;border:2px solid #CCC; background-color:#FFF;}
.form__wrap h2{ width:750px;font-size: 2.5rem;font-weight: bold;color: #F90;border-bottom: 2px dotted #F90;border-left: 4px solid #F90;margin:20px auto 10px;}
.form__wrap_Payment{ width:87%; margin:20px auto 0; padding:20px; border:2px solid #CCC;}
.form__wrap_Payment h3{ width:96%; margin:0 auto;font-size:2.7rem; font-weight:bold;}
.form__wrap_Payment_h3_line{text-decoration: line-through;}
.form__wrap_Payment_h3_big{font-size:6.5rem; font-weight:bold; color:#e20000;}
.form__wrap_Payment_h3_small{font-size:2rem; font-weight:bold; color:#e20000;}
.form__wrap_Payment h3 img{ width:75px; display:inline;}
.form__wrap_Payment h4{ width:90%; margin:0 auto;font-size:2.2rem; line-height:1.4;}
.form__wrap_Payment h5{ width:90%; margin:15px auto;font-size:1.5rem; color: #333; line-height:1.3;}
.form__wrap_Payment_box{ width:90%; margin:0 auto; border:1px solid #FC0; text-align:center;font-size:1.3rem; color:#666;}
.form__wrap table {width: 750px; margin:0 auto;border: 2px solid #F60;}
.form__wrap table h3 {font-size:1.7rem;text-align:left;color:#FFF;}
.form__wrap table th {width:30%;font-size:1.3rem;font-weight:600;color:#333;background-color: #FFFFCC;border-bottom:1px dotted #ccc;border-right:1px dotted #ccc;padding:10px 20px;}
.form__wrap table td {font-size:1.3rem;color:#666;border-bottom:1px dotted #ccc;padding:10px 20px;}
.form__wrap .thMust {background-image: url(../img/base/base_icon_must.gif);background-repeat: no-repeat;background-position: right center;text-align: left;}
.form__wrap .thMust1 {text-align: left;}
.mftext{font-size:1.4rem;border: 2px solid #CCC;}
.mftext_focus{border: 2px solid #F90;background-color: #FFFFBF;}
.mftext_err{border: 2px solid #F00;background-color: #FFDFDF;}
.formEx{font-size:1.2rem;color:#666;display:block;padding-top:3px;padding-left:2px}
.mfp_err{padding-top:7px;padding-left:20px;font-size:1.3rem;color:red;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:red;background-image:url(../img/base/base_icon_error.gif);background-repeat:no-repeat;background-position:2px 10px;margin-bottom:5px}
.mfp_err span {font-weight: bold;}
.attention{background-image:url(../img/base/base_icon_attention.gif);background-repeat:no-repeat;background-position:left .3em;padding-left:50px;font-weight:700}
.attention span {background-color: #FF0;text-shadow: 0px 1px 0px #FFF;}
.form_bg_or{background-color:#F60;color:#FFF;font-weight:700}
.form_agree{width:600px;margin:0 auto;text-align:center;background-color:#FF6}
.form_agree p {padding-top:15px;}
.form-total { width:750px; margin:0 auto; border: 2px solid #FF6600;}
.form-total ul{font-size:1.7rem;font-weight:700;text-align:left;list-style-type:none;margin:15px 0 10px 30px}
.form-total h4{font-size:1.3rem;color:#666;text-align:right;margin:-18px 28px 30px 0}
.form-total_Goukei{font-size:3rem;font-weight:700;color:#C00;border-top-width:1px;border-top-style:solid;border-top-color:#999;margin:auto;width:90%;text-align:right;padding-top:10px;padding-bottom:10px}
.form-frame{width:750px;margin:30px auto 0;padding:.5em;text-align:center;font-size:14px;font-size:1.4rem;background:#aaa;color:#FFF;border-radius:3em}
.form-iframe{width:750px;margin:1em auto 2em;border:1px solid #CCC;line-height:0;vertical-align:top}
.formBtn { width:635px; margin:0 auto;text-align: center;margin-bottom:20px;}
.atobarai{width:525px ; margin:0 auto;}
.telefone{width:650px; margin:30px auto 20px; padding:30px; background-color:#FFF; border:1px solid #CCC; text-align:center;}
.telefone h4{ font-size:180%; font-weight:bold; padding:20px 0;}
.telefone h5{ font-size:130%; font-weight:bold; padding:20px 0;}

.form__wrap2 {width: 850px;margin:0 auto;border:2px solid #CCC; background-color:#FFF;}

/*----------------------------------------------------------------------------------------------
atobarai
----------------------------------------------------------------------------------------------*/ 
#atobarai{ width:100%; margin:0 auto;  background:url(../img/yoshimoto_contents_07.png) no-repeat #000;}
#atobarai .sub-head h1{ font-size:3rem; margin:0 auto; padding:50px 0px 30px; color:#e2ac06;}

/*----------------------------------------------------------------------------------------------
    Styles for .question
----------------------------------------------------------------------------------------------*/ 
.question{ width:100%;  background:url(../img/yoshimoto_contents_14.png) ;}
.QandA{width:800px;margin:0 auto;border:5px solid #37a5d1;background-color: #fffcf6}
.QandA label{background: #c7effc none repeat scroll 0% 0%;padding:20px;display:block;margin:4px;font-weight:700;background-image:url(../img/base/icon_QandA.png);background-position:right;background-repeat:no-repeat}
.QandA label img{display:inline;margin-bottom:-15px}
.QandA label:hover {opacity:0.5;}
.QandA input{display: none;}
.QandA ul{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;margin:0;padding:0;list-style:none}
.QandA ul p{width:89%;float:right;margin:20px 15px 50px;font-size:15px;font-size:1.5rem;}
.QandA ul img{float:left;margin:10px 0 0 24px}
.QandA li {padding: 5px;}
.QandA__text {width:800px;margin:0 auto; padding:30px 0 0;line-height:1.2;  text-align: center;}
.QandA__text img{display:inline;}
.QandA__text h4{display:inline;font-size:3rem;font-weight:bold;color:#e2ac06;}
.QandA__text p{font-size:1.7rem;color:#e2ac06; padding:3px 0 20px 26px}
input[type="checkbox"].on-off + ul{height: 0;overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{height: auto;}
.QandA_img{ display:block; width:670px; margin:0 0 0 80px; clear:both; }

/*----------------------------------------------------------------------------------------------
    Styles for .tsuishin-box-second
----------------------------------------------------------------------------------------------*/ 
#tsuishin{width:100%;margin:0 auto;background:url(../img/yoshimoto_contents_24.png);}
#tsuishin-second__wrap{width:800px;margin:0 auto;}
#tsuishin-second__wrap h1{margin:0 auto; padding:20px 0 0; font-size:5rem;line-height:1;font-weight:bold;color:#50432f;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
#tsuishin-second__wrap p{color:#50432f; padding:0 0 20px;}
#tsuishin-second__wrap hr{width:100%;margin:15px 0 15px;color:#685438; background-color:#FFF;}

/*----------------------------------------------------------------------------------------------
    Styles for #information
----------------------------------------------------------------------------------------------*/ 
#information {width:800px;margin:0 auto;padding:30px 0;clear:both;font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;}
#information h3{font-size:17px;font-size:1.7rem;font-weight:bold;color:#FF6000;margin:15px 0 3px;}
.information-left {width:390px;float:left; }
.information-left__wrap {border:1px solid #999;background:#FFF;}
.information-left__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;}
.information-right {width:390px;float:right; }
.information-right__wrap {border:1px solid #999;background:#FFF;}
.information-right__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;}
.information-center {width:800px; clear:both; padding-top:15px; }
.information-center__wrap {border:1px solid #999;background:#FFF;}
.information-center__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;}

/*----------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------*/ 
#footer__background{background:url(../img/yoshimoto_contents_25.png) no-repeat center bottom;}
footer {width:100%; height:auto;margin:0 auto 0; padding:0 0 10px;}
#footer__inner {width: 800px;margin:0 auto;padding: 30px 0 80px; font-size:1.1rem;}
#footer__inner_logo {width: 148px; float:left; padding-top:10px;}
#footer__inner_right {width:600px; float:right;}
#footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;}
#footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#666;}

.Goukei {
    font-size: 30px;
    font-weight: bold;
    color: #C00;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    margin: auto;
    width: 90%;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*----------------------------------------------------------------------------------------------
tamaripi..form 20170210
----------------------------------------------------------------------------------------------*/
.tlform__box{ padding: 45px; width:960px; background:#fffdf4; margin:50px auto 30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border: 6px solid #ffcf00;}
.tlform__box p{ width:100%; color: #333; margin:0px auto;  }
.tlform__box img{ text-align: center; margin: 0 auto; }

.mgnB40{ display: none !important;}