/* 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*/ /*---------------------------------------------------------------------------------------------- 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.8rem;line-height:1.7; background:url(../img/base/base_background.jpg);} .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } p+p{margin-top: 1.6rem;} #body__wrap{width:960px; margin: auto; background:#FFF; border-left: 2px solid #D1D1D1; border-right: 2px solid #D1D1D1;} .display_pc{display: block;} .display_sp{display: none;} .pt2{ padding-top:2rem !important; } .pb0{ padding-bottom:0 !important; } .pb1{ padding-bottom:1rem; } .pb2{ padding-bottom:2rem; } .mtrbl0{margin: 0 !important;} .mt0{ margin-top:0 !important;} .mt1{ margin-top:1rem !important;} .mt4{ margin-top:4rem;} .mt6{ margin-top:6rem;} .mr0{ margin-right:0 !important;} .mr1{ margin-right:1rem;} .mr4{ margin-right:4rem;} .mr6{ margin-right:6rem;} .mb0{ margin-bottom:0 !important;} .mb1{ margin-bottom:1rem !important} .mb4{ margin-bottom:4rem;} .mb6{ margin-bottom:6rem;} .ml0{ margin-left:0 !important;} /*---------------------------------------------------------------------------------------------- Styles for .countdown ----------------------------------------------------------------------------------------------*/ #countdown__background{width:100%; padding:0; margin:-7px 0;background:url(../img/base/base_countdown_01.jpg) repeat-x center;} .countdown__txt{width:900px;margin:0 auto;font-size:3rem;font-weight:bold;color:#f3ff6b;text-align:center;padding-top:17px} .countdown__txt p{ color:#FFF; display:inline; font-size:2rem;} .countdown__wrap {width:100%;height:83px;margin:0 auto;padding:0;} .countdown__wrap_padding{padding: 0;} /*---------------------------------------------------------------------------------------------- .letter.sub-head ----------------------------------------------------------------------------------------------*/ .sub-head h2{ width:95%; margin:0 auto; padding:70px 0 15px;} .letter{width:85%;margin:0 auto; padding:15px 0 0;} .letter__box{width: 100%; margin: 15px auto 0; border: 5px solid #B9B9B9;} .letter__box_txt{ width:87%; margin: 30px auto;} .letter__box_txt p{ margin: 0 auto 30px;} .letter__check{padding: 0 0 0 30px; min-height: 27px; background:url(../img/base/base_cheack_04.png)no-repeat; } /*---------------------------------------------------------------------------------------------- .side_photo ----------------------------------------------------------------------------------------------*/ .side_photo{float: right; padding: 0 0 24px 12px;} .side_photo_l{float: left; padding: 0 12px 24px 0;} /*---------------------------------------------------------------------------------------------- Styles for .font_style ----------------------------------------------------------------------------------------------*/ .u {text-decoration:underline;} .b {font-weight:bold;} .rub {font-weight: bold;border-bottom: 2px solid #EB0003;} .r { color:#F00;} .accent{ color: #3175B3;} .xsmall{font-size:40%;} .small{font-size:50%;} .large{font-size:120%;} .xlarge{font-size:130%;} .xxlarge{font-size:150%;} .text_r{ text-align:right; } .text_c{ text-align:center; } .text_l{ text-align:left; } .min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: -3px;} .material-icons{vertical-align: middle;} /*---------------------------------------------------------------------------------------------- Styles for #header ----------------------------------------------------------------------------------------------*/ header{width:100%;margin:0 auto; padding:0 0 0;} #header__img{width:100%;margin:0 auto; background:url(../img/base/test_header_02.png) center top repeat-x; background-color: #fff;} #header_arrow{ width: 1000px; margin: -108px auto; padding: 0 0 68px 0} #header_arrow img{position: relative; float: right;} #header_arrow:after {content: "";display: block;clear: both;} /*---------------------------------------------------------------------------------------------- Styles for .BolettoBox ----------------------------------------------------------------------------------------------*/ #BolettoBox{ width:100%; margin:0 auto;} .BolettoBox {width: 100%;margin:10px auto 20px;padding: 0px;} .BolettoBox ul {display: inline;} .BolettoBox li {font-size: 2rem;line-height: 1.4;letter-spacing: -1px;border-bottom: 1px dotted #b78227;padding: 15px 30px 15px 70px;font-weight: bold;color: #141414;background: url(../img/base/base_cheack_03.png)no-repeat 2% 10%;} .BolettoBox li span{font-size: 120%;} .BolettoBox li p{width: 100%;font-weight: initial;font-size: 2rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;} .BolettoBox li:nth-child(even) {background-color: #FFFEF6;} /*---------------------------------------------------------------------------------------------- Styles for .letter__area ----------------------------------------------------------------------------------------------*/ .letter__photo{ width:35%; float:left;margin: 0 auto 10px;} .letter__txterea{ width:566px; float:left;} /*---------------------------------------------------------------------------------------------- Styles for .profile ----------------------------------------------------------------------------------------------*/ #profile{width:100%;margin:0 auto;} .profile__box{width:100%;margin:0 auto;} .profile__box_txt{ width:90%; margin:0 auto;padding:15px 0;} .profile__box p{width:100%;margin:0 auto;font-size:1.6rem;} .profile__box_txt_02 p{padding: 15px; font-size: 1.7rem;} .profile__box_wrap{ width: 800px; margin: 0 auto; background: url(../img/base/base_fream_03.png) repeat-y; background-size: 100%;} /*---------------------------------------------------------------------------------------------- 客声 ----------------------------------------------------------------------------------------------*/ #voice{width:100%;margin:0px auto;} #voice__wrap{ width:838px; margin:0 auto; background:url(../img/base/voice_fream02.png) repeat-y; } .voice__wrap_box{width:100%;margin:0 auto;} .voice__wrap_box p{width:86%;margin:15px auto 0;} .voice__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 客声Ver2 ----------------------------------------------------------------------------------------------*/ #voice-ver2{width:100%;margin:0px auto;} #voice-ver2__wrap{ width:832px; margin:0 auto; background:url(../img/base/voice_fream02a.png) repeat-y; } .voice-ver2__wrap_box{width:100%;margin:0 auto;} .voice-ver2__wrap_box p{width:86%;margin:15px auto 0;} .voice-ver2__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 客声Ver3 ----------------------------------------------------------------------------------------------*/ #voice-ver3{width:100%;margin:0px auto;} #voice-ver3 hr{ width:90%; margin:0 auto 10px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice-ver3__wrap{ width:838px; margin:0 auto; background:url(../img/base/voice_fream02.png) repeat-y; } .voice-ver3__wrap_box{width:100%;margin:0 auto;} .voice-ver3__wrap_box_title{ width:100%; margin:0 auto;} .voice-ver3__wrap_box_img{ width:30%; float:left;} .voice-ver3__wrap_box_name{width:65%; float:left;} .voice-ver3__wrap_box_name h2{font-size:3.5rem; font-weight:bold;line-height: 1.3;color: #d00;letter-spacing: -2px;} .voice-ver3__wrap_box_name h3{ font-size:3rem; font-weight:bold;line-height:1.4;margin:0 auto 10px;} .voice-ver3__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990;line-height:1.4;} .voice-ver3__wrap_box_name h5{ font-size:1.7rem; font-weight:bold; margin:20px 0 0; line-height:1.4;} .voice-ver3__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice-ver3__wrap_box p{width:90%;margin:0 auto;font-size:1.5rem;} .voice-ver3__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 症例 ----------------------------------------------------------------------------------------------*/ .shourei{ padding: 60px 20px; background: #E1E1E1;} /*---------------------------------------------------------------------------------------------- メリット ----------------------------------------------------------------------------------------------*/ #merit{width:960px; padding: 15px 0; margin-right:auto; margin-left: auto;background:#fefbf5; } .merit__box{ width:85%; margin:0 auto;} .merit__box p{padding:10px 0 10px 40px;background:url(../img/base/base_cheack_01.png) no-repeat left 10%;} .merit__box span {float: right; width: 685px;} /*---------------------------------------------------------------------------------------------- 特典 ----------------------------------------------------------------------------------------------*/ #special { width:960px; margin:0 auto;background:url(../img/base/base_merit_back_06.jpg) repeat-y; } .special__box{ width:90%; margin:0 auto;} .special__box p{ /*width:100%;*/ margin:15px auto 45px;} .special__box_list h2{ width: 85%; margin: 0 auto; background:url(../img/base/base_cheack_03.png) no-repeat left center; padding: 20px 0 20px 40px; font-weight: bold; border-bottom: 2px dotted #6A5230; font-size: 130%;line-height: 1.4;} .special__box_list p{ width: 90%; margin: 0 auto; padding: 20px 0; } .special__box_list{ width:100%; background:url(../img/base/base_merit_back_06.jpg) repeat-y;} .special__box_list_color{ width:100%; background: #fffcf8;} /*---------------------------------------------------------------------------------------------- ブレット ----------------------------------------------------------------------------------------------*/ #bullet{width:100%; margin: 0 auto;} .bullet_wrap {width: 850px;margin: 10px auto 40px;border: 10px solid #423320;} .bullet_wrap_list{width: 100%; margin: 0 auto; padding: 25px 0;border-bottom: 2px dotted #f1dcc1;} .bullet_wrap_list:nth-child(even) {background-color: #fff7ec;} .bullet_wrap_list h3{ width: 87%; margin:0 auto; padding:0 0 0 40px; font-size: 2.5rem;line-height: 1.4;background: url(../img/base/base_cheack_03.png) no-repeat left top; font-weight: bold;} .bullet_wrap_list p{ width: 87%; margin:0 auto; padding:0 0 0 40px; line-height: 1.5;} .bullet_wrap_list_photo{ padding: 0 0 25px;} /*---------------------------------------------------------------------------------------------- qanda_wrap ----------------------------------------------------------------------------------------------*/ #qanda{ margin: 40px auto 0;} #qanda_wrap{ width: 90%; margin: 20px auto; border: 7px solid #292929;} #qanda_wrap_contents{ width: 90%; margin: 30px auto;} #qanda_wrap_contents h3{font-size: 3rem; font-weight: bold; color: #ff3c00; padding: 0 0 0 50px; margin: 30px 0 0; background: url(../img/base/qa_02.png) no-repeat center left;} #qanda_wrap_contents p{padding: 0 0 0 50px; margin: 10px 0 0 ; background: url(../img/base/qa_03.png) no-repeat top left;} /*---------------------------------------------------------------------------------------------- Styles for footer ----------------------------------------------------------------------------------------------*/ footer {width:100%; height:auto;margin:0 auto 0; background-color: #ecf0ee;} #footer__inner {width: 900px;margin:0 auto;padding: 30px 0 80px; font-size:1.1rem;} #footer__inner_logo {width: 248px; float:left; padding:10px 0 0 20px;} #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;} /*---------------------------------------------------------------------------------------------- Styles for .tsuishin ----------------------------------------------------------------------------------------------*/ #tsuishin{width:918px;margin:30px 0 0 39px;} #tsuishin__wrap{width:918px;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap p{font-size:2rem;width:820px;line-height:1.5;margin-left:35px;color:#685438;font-weight:bold;} #tsuishin__wrap h1{width:820px;margin:0 0 30px 35px;font-size:5rem;line-height:1;font-weight:bold;color:#50432f} .tsuishin__name{ margin:0 0 0 -500px;} #tsuishin__wrap h3{width:820px;margin:15px 0 0 35px;line-height:1.5;font-weight:bold;color: #777} #tsuishin__wrap hr{width:820px;margin:15px 0 15px 35px;color:#685438; background-color:#FFF;} #tsuishin__wrap_left{width:918px; height:350px;margin:0 auto;background:url(../img/test_tsuishin_back.png) no-repeat;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap_left p{font-size:2rem;width:65%;line-height:1.5;margin:0 0 0 35px;color:#685438;font-weight:bold;} /*---------------------------------------------------------------------------------------------- Styles for scfooter_inner ----------------------------------------------------------------------------------------------*/ #scfooter { z-index:1000; position: fixed;bottom: 0px;left: 0px;width: 100%;padding: 10px 0;background: rgba(202, 202, 202, 0.7);} .scfooter_inner {display: block;width: 100%;border-radius: 20px;margin: 0 auto;text-align: center;} .scfooter_inner a {text-decoration: none;} .hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(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;} .reflection { height : 100%;width : 30px;position : absolute;top : -180px;left : 0px;background-color: #fff;opacity : 0;transform: rotate(45deg);animation: reflection 2s ease-in-out infinite;-webkit-transform: rotate(45deg);-webkit-animation: reflection 2s ease-in-out infinite;-moz-transform: rotate(45deg);-moz-animation: reflection 2s ease-in-out infinite;-ms-transform: rotate(45deg);-ms-animation: reflection 2s ease-in-out infinite;-o-transform: rotate(45deg);-o-animation: reflection 2s ease-in-out infinite;} /* ボタン光 */ .btn_ft { margin-left: auto;margin-right: auto;width: 480px;position : relative;overflow : hidden;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;} .btn_ft img { border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;} .btn_ft a { text-decoration: none !important;} @media screen and (max-width:768px) { .btn_ft { width: 75%;} } @media screen and (max-width:425px) { .btn_ft { width: 100%;} } @-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);} } @keyframes reflection { 0% { transform: scale(0) rotate(45deg);opacity: 0;} 80% { transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { transform: scale(75) rotate(45deg);opacity: 0;} } @-webkit-keyframes reflection { 0% { -webkit-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -webkit-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -webkit-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -webkit-transform: scale(75) rotate(45deg);opacity: 0;} } @-moz-keyframes reflection { 0% { -moz-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -moz-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -moz-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -moz-transform: scale(75) rotate(45deg);opacity: 0;} } @-ms-keyframes reflection { 0% { -ms-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -ms-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -ms-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -ms-transform: scale(75) rotate(45deg);opacity: 0;} } @-o-keyframes reflection { 0% { -o-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -o-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -o-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -o-transform: scale(75) rotate(45deg);opacity: 0;} } /*---------------------------------------------------------------------------------------------- Styles for#close__img ----------------------------------------------------------------------------------------------*/ .close__img{ width:100%; position: relative;} .close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;} .close__img_text h1 { width:90%; margin:90px auto 0; font-size:5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;} /*---------------------------------------------------------------------------------------------- .donation ----------------------------------------------------------------------------------------------*/ .donation{ width: 100%; background: #fff6cf; margin: 30px auto 0; padding: 0 0 40px;} .donation p{ width: 100%; margin: 10px auto; color: #4D2600; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";} /*---------------------------------------------------------------------------------------------- Styles for #information ----------------------------------------------------------------------------------------------*/ #information {width:800px;margin:0 auto;padding:30px 0;border-top:4px dotted #999;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;} .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;} .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;} .information-center__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} /*---------------------------------------------------------------------------------------------- .formWrap ----------------------------------------------------------------------------------------------*/ .formWrap{width:100%; margin: 20px 0 40px;} input.btn_submit2 {cursor: pointer;display: block;width: 700px;height: 160px;border: none;text-indent: -9999px;background: url(../img/base/btn01.gif) no-repeat 0 0;margin:10px auto 0px; padding: 0 0 50px; } table { border-collapse: collapse; width: 860px; margin: 30px auto; border: 1px solid #999;} table th, table td { padding: 10px; border-bottom: 1px dotted #999; background-color: #eee; } table th { text-align: left; width: 75%; } table td { text-align: right; color: #d00; font-weight: bold;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 【 max-width: 640px 】 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (max-width: 640px) { /*---------------------------------------------------------------------------------------------- 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.4rem;line-height:1.7; background:url(../img/base/base_background.jpg);} #body__wrap{width:100%;background:#FFF; border:none;} .sub-head h2{ padding-top: 20px;} img{width: 100%; height: auto;} .display_pc{display: none;} .display_sp{display: block;} /*---------------------------------------------------------------------------------------------- .side_photo ----------------------------------------------------------------------------------------------*/ .side_photo{float:right;padding:10px 0 10px 12px;} .side_photo_left{float: none; padding: 0;} /*---------------------------------------------------------------------------------------------- Styles for .countdown ----------------------------------------------------------------------------------------------*/ #countdown__background{width:100%;height:auto; margin:-1px auto 0; background:#CF0002; } .countdown__txt{width:90%;margin:0 auto;font-size:1.8rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0;} .countdown__txt p{ color:#FFF; display:inline; font-size:1.4rem; line-height: 1.1;} .countdown__wrap {width:100%;height:auto;margin:0 auto;padding:0;} .countdown__wrap_padding{padding: 0;} /*---------------------------------------------------------------------------------------------- .font_style ----------------------------------------------------------------------------------------------*/ .br_sp:before { content="\A"; white-space: pre; line-height:1.4;} .br_sp {white-space: nowrap;line-height: 1.4;display: block;} .rub {font-weight: bold;background: none; border-bottom: 2px solid #EB0003;} /*---------------------------------------------------------------------------------------------- .sub-head.letter ----------------------------------------------------------------------------------------------*/ .sub-head { width:100%; margin:0 auto; padding:0;} .letter{width:90%;margin:0 auto; padding:0;} .letter p img{width: 80%;} .list_check{width:10%; background:url(../img/base/base_cheack_04.png) no-repeat; background-size: 100%; } .letter__box{width: 97%; margin: 15px auto 0; border: 5px solid #B9B9B9;} .letter__box_txt{ width:87%; margin: 30px auto;} .letter__box_txt p{ margin: 0 auto 30px;} /*---------------------------------------------------------------------------------------------- Styles for #header ----------------------------------------------------------------------------------------------*/ header{width:100%;margin:0 auto; padding:0 0 0;} #header__img{width:auto; padding-left: 10px; margin:0 auto; background:#fff5df;} #header__img img{width:100%;} #header_arrow{ display: none;} /*---------------------------------------------------------------------------------------------- Styles for #section__area01 ----------------------------------------------------------------------------------------------*/ .section__area00 img{ width:90%; margin:0 auto;} /*---------------------------------------------------------------------------------------------- 症例 ----------------------------------------------------------------------------------------------*/ .shourei{ padding: 10px 10px;} /*---------------------------------------------------------------------------------------------- Styles for .merit ----------------------------------------------------------------------------------------------*/ #merit{width:100%; padding: 15px 0;} .merit__box{ width:90%;} .merit__box p{ padding-bottom: 0; background-position: top 10px;} .merit__box span {width: 70%;} /*---------------------------------------------------------------------------------------------- Styles for .BolettoBox ----------------------------------------------------------------------------------------------*/ #BolettoBox{ width:100%; margin:0 auto;} .BolettoBox {/*width: 90%;margin:10px auto 0;padding: 0px;*/} .BolettoBox ul {display: inline;} .BolettoBox li {font-size: 1.4rem;line-height: 1.2;letter-spacing: 0px;border-bottom: 1px dotted #b78227;padding: 15px 0 15px 40px; font-weight: bold;color: #141414;background: url(../img/base/base_cheack_03.png)no-repeat 2% 15px;background-size: 6%;} .BolettoBox li p{width: 100%;font-weight: initial;font-size: 1.4rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;} .BolettoBox li:nth-child(even) {background-color: #FFFEF6;} /*---------------------------------------------------------------------------------------------- Styles for .profile ----------------------------------------------------------------------------------------------*/ #profile{width:100%;margin:0 auto;} #profile img{width:100%; margin-bottom: 20px;} .profile__box{width:100%;margin:0 auto;} .profile__box p{width:100%;margin:0 auto;font-size:1.6rem;} .profile__box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .profile__box_wrap{ width: 100%; margin: 0 auto; background: url(../img/base/base_fream_03.png) repeat-y; background-size: 100%;} /*---------------------------------------------------------------------------------------------- 客声 ----------------------------------------------------------------------------------------------*/ #voice{width:100%;margin:0 auto;} #voice img{width:90%;margin:0 auto;} #voice__wrap{ width:90%; margin:0 auto; background:url(../img/base/voice_fream02.png) repeat-y;background-size: 100%;} .voice__wrap_box{width:100%;margin:0 auto;} .voice__wrap_box p{width:85%;margin:0 auto;font-size:1.4rem;} .voice__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 客声 ----------------------------------------------------------------------------------------------*/ #voice-ver2{width:100%;margin:30px auto;} #voice-ver2 img{width:90%;margin:0 auto;} #voice-ver2__wrap{ width:90%; margin:0 auto; background:url(../img/base/voice_fream02a.png) repeat-y;background-size: 100%;} .voice-ver2__wrap_box{width:100%;margin:0 auto;} .voice-ver2__wrap_box p{width:85%;margin:0 auto;font-size:1.4rem;} .voice-ver2__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 客声 ----------------------------------------------------------------------------------------------*/ #voice-ver3{width:100%;margin:30px auto;} #voice-ver3 img{width:90%;margin:0 auto;} #voice-ver3 hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice-ver3__wrap{ width:90%; margin:0 auto; background:url(../img/base/voice_fream02.png) repeat-y;background-size: 100%;} .voice-ver3__wrap_box{width:100%;margin:0 auto;} .voice-ver3__wrap_box_title{ width:100%; margin:0 auto;} .voice-ver3__wrap_box_img{ width:30%; float:left;padding: 0 0 0 10px;} .voice-ver3__wrap_box_name{width:65%; float:left;} .voice-ver3__wrap_box_name h2{font-size:1.8rem; font-weight:bold;padding: 5px 0 0;line-height: 1.3;letter-spacing: 0px;} .voice-ver3__wrap_box_name h3{ font-size:1.7rem; font-weight:bold; margin:0 0 ; line-height:1.3;} .voice-ver3__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990} .voice-ver3__wrap_box_name h5 {font-size: 1.3rem;font-weight: bold;margin: 5px 0;line-height: 1.4;} .voice-ver3__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice-ver3__wrap_box p{width:90%;margin:0 auto;font-size:1.6rem;} .voice-ver3__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- 特典 ----------------------------------------------------------------------------------------------*/ #special { width:100%; margin:0 auto;background:url(../img/base/base_merit_back_06.jpg) repeat-y; } #special img{ width:100%; margin:0 auto; } .special__box{ width:90%; margin:0 auto;} .special__box p{ /*width:100%;*/ margin:15px auto 45px;} .special__box_list h2{ width: 85%; margin: 0 auto; background:url(../img/base/base_cheack_03.png) no-repeat left 20px; padding: 20px 0 20px 40px; font-weight: bold; border-bottom: 2px dotted #6A5230; font-size: 130%; } .special__box_list p{ width: 90%; margin: 0 auto; padding: 0 0 20px; } .special__box_list{ width:100%; background:url(../img/base/base_merit_back_06.jpg) repeat-y;} .special__box_list_color{ width:100%; background: #fffcf8;} .special__box .side_photo{ width: 40%!important; padding: 20px 0 0;} /*---------------------------------------------------------------------------------------------- Styles for footer ----------------------------------------------------------------------------------------------*/ footer {width:100%; height:auto;margin:0 auto; background-color: #ecf0ee;} #footer__inner {width: 90%;margin:0 auto;padding: 30px 0 230px; font-size:11px; font-size:1.1rem;} #footer__inner_logo {width: 40%; margin: 0 auto; padding:0 0 20px;} #footer__inner_right {width:100%; margin:0 auto;} #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;} /*---------------------------------------------------------------------------------------------- Styles for .tsuishin ----------------------------------------------------------------------------------------------*/ #tsuishin{width:95%;margin:30px auto 0;} #tsuishin img{width:100%;margin:30px auto 0;} #tsuishin__wrap{width:100%;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y; background-size:100%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap p{font-size:1.5rem;width:83%;line-height:1.5;margin:0 0 0 35px;color:#685438;font-weight:bold;} #tsuishin__wrap h1{width:80%;margin:0 0 10px 35px; padding:30px 0 0;font-size:4rem;line-height:1;font-weight:bold;color:#50432f} .tsuishin__name{ width:50%; margin:0 0 0 30px;} .tsuishin__name img{ width:100%;} #tsuishin__wrap h3{width:85%;margin:15px 0 0 35px;line-height:1.5;font-weight:bold;color: #777} #tsuishin__wrap hr{width:85%;margin:15px 0 15px 35px;color:#685438; background-color:#FFF;} #tsuishin__wrap_left_wrap{width:100%; height:auto;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y; background-size:100%;} #tsuishin__wrap_left{width:100%; height:auto;margin:0 auto;background:url(../img/test_tsuishin_back.png) no-repeat bottom; background-size:100%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap_left p{width:80%;line-height:1.5; font-size:1.5rem;margin:0 0 0 35px;color:#685438;font-weight:bold;} /*---------------------------------------------------------------------------------------------- ブレット ----------------------------------------------------------------------------------------------*/ .bullet{width:100%; margin: 0 auto;} .bullet img{width:100%; margin: 0 auto;} .bullet_wrap {width:90%;margin: 10px auto 40px;border: 7px solid #423320;} .bullet_wrap_list{width: auto; margin: 0 auto; padding: 25px 10px;border-bottom: 2px dotted #f1dcc1;} .bullet_wrap_list:nth-child(even) {background-color: #fff7ec;} .bullet_wrap_list h3{ width: 82%; margin:0 auto; padding:0 0 0 40px; font-size: 1.8rem;line-height: 1.4;background: url(../img/base/base_cheack_03.png) no-repeat left top; font-weight: bold;} .bullet_wrap_list p{ width: 87%; margin:0 auto; padding:0 0 0 40px; line-height: 1.5;} .bullet_wrap_list_photo{ padding: 0 0 25px;} /*---------------------------------------------------------------------------------------------- Styles for #information ----------------------------------------------------------------------------------------------*/ #information {width:95%;margin:0 auto;padding:30px 0;border-top:4px dotted #999;clear:both;font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;} #information img {width:95%;margin:0 auto;} #information h3{font-size:1.7rem;font-weight:bold;color:#FF6000;margin:15px 0 3px;} .information-left {width:100%;} .information-left__wrap {border:1px solid #999; background:#FFF;} .information-left__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-right {width:100%; background:#FFF;} .information-right__wrap {border:1px solid #999;} .information-right__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-center {width:100%; clear:both; padding-top:15px; background:#FFF;} .information-center__wrap {border:1px solid #999;} .information-center__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} /*---------------------------------------------------------------------------------------------- .item ----------------------------------------------------------------------------------------------*/ .item img{ width: 100%; margin: 0 auto;} /*---------------------------------------------------------------------------------------------- .donation ----------------------------------------------------------------------------------------------*/ .donation{ width: 100%; background: #fff6cf; margin: 30px auto 0; padding: 0 0 40px;} .donation img{ width: 100%; margin: 0 auto;} .donation p{ width: 100%; margin: 0 auto 0; color: #4D2600; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";} /*---------------------------------------------------------------------------------------------- .formWrap ----------------------------------------------------------------------------------------------*/ .formWrap{width:100%; margin: 20px 0 40px;} input.btn_submit2 {cursor: pointer;display: block;width: 90%!important;border: none;text-indent: -9999px;background: url(../img/base/btn01.gif) no-repeat 0 0;margin:10px auto 0px; padding: 0 0 50px; background-size: 100%; } /*---------------------------------------------------------------------------------------------- Styles for scfooter_inner ----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------- Styles for#close__img ----------------------------------------------------------------------------------------------*/ .close__img{ width:100%; position: relative;} .close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;} .close__img_text h1 { width:90%; margin:30px auto 0; font-size:2.5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;} /*---------------------------------------------------------------------------------------------- qanda_wrap ----------------------------------------------------------------------------------------------*/ #qanda{ margin: 20px auto 0;} #qanda_wrap{ width: 90%; margin: 20px auto; border: 7px solid #292929;} #qanda_wrap_contents{ width: 90%; margin: 30px auto;} #qanda_wrap_contents h3{ font-weight: bold; color: #ff3c00; padding: 0 0 0 50px; margin: 30px 0 0; background: url(../img/base/qa_02.png) no-repeat left 10px;background-size: 6%;font-size: 2rem;} #qanda_wrap_contents p{padding: 0 0 0 50px; margin: 10px 0 0 ; background: url(../img/base/qa_03.png) no-repeat left 10px;background-size: 6%;} #qanda .sub-head img{ width: 90%;} table { width:100%;} }