@charset "UTF-8";

/* br要素
-------------------------------------- */
br.sp768 { display: none; }
br.sp640 { display: none; }
br.sp490 { display: none; }


/* img要素
-------------------------------------- */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
img.pc {display: block;}
img.sp {display: none;}

img.aligncenter{display: block; margin: 20px auto}
img.alignleft{display:block;float:left; margin-right: 20px; margin-bottom: 6px;}
img.alignright{display:block;float:right; margin-left: 20px; margin-bottom: 6px;}


/* margin要素
-------------------------------------- */
.margin_t10 {margin-top: 10px;}
.margin_t20 {margin-top: 20px;}
.margin_t30 {margin-top: 30px;}
.margin_t40 {margin-top: 40px;}
.margin_t50 {margin-top: 50px;}
.margin_t60 {margin-top: 60px;}

.margin_b10 {margin-bottom: 10px;}
.margin_b20 {margin-bottom: 20px;}
.margin_b30 {margin-bottom: 30px;}
.margin_b40 {margin-bottom: 40px;}
.margin_b50 {margin-bottom: 50px;}
.margin_b60 {margin-bottom: 60px;}

.margin_r10 {margin-right: 10px;}
.margin_r20 {margin-right: 20px;}
.margin_r30 {margin-right: 30px;}
.margin_r40 {margin-right: 40px;}
.margin_r50 {margin-right: 50px;}
.margin_r60 {margin-right: 60px;}

.margin_l10 {margin-left: 10px;}
.margin_l20 {margin-left: 20px;}
.margin_l30 {margin-left: 30px;}
.margin_l40 {margin-left: 40px;}
.margin_l50 {margin-left: 50px;}
.margin_l60 {margin-left: 60px;}

/* padding要素
-------------------------------------- */
.padding_t10 {padding-top: 10px;}
.padding_t20 {padding-top: 20px;}
.padding_t30 {padding-top: 30px;}
.padding_t40 {padding-top: 40px;}
.padding_t50 {padding-top: 50px;}
.padding_t60 {padding-top: 60px;}

.padding_b10 {padding-bottom: 10px;}
.padding_b20 {padding-bottom: 20px;}
.padding_b30 {padding-bottom: 30px;}
.padding_b40 {padding-bottom: 40px;}
.padding_b50 {padding-bottom: 50px;}
.padding_b60 {padding-bottom: 60px;}

.padding_r10 {padding-right: 10px;}
.padding_r20 {padding-right: 20px;}
.padding_r30 {padding-right: 30px;}
.padding_r40 {padding-right: 40px;}
.padding_r50 {padding-right: 50px;}
.padding_r60 {padding-right: 60px;}

.padding_l10 {padding-left: 10px;}
.padding_l20 {padding-left: 20px;}
.padding_l30 {padding-left: 30px;}
.padding_l40 {padding-left: 40px;}
.padding_l50 {padding-left: 50px;}
.padding_l60 {padding-left: 60px;}


/* width要素
-------------------------------------- */
.w100 { width: 100%; }
.w50 { width: 50%; }
.w48 { width: 48%; }
.w33 { width: 33.333333333%; }

.max_w760 { max-width: 760px; }

/*===============================
フォント
===============================*/

/*--------------------------------------
BaseSize 16px
10px	63%
11px	69%
12px	75%
13px	82%
14px	88%
15px	94%
16px	100%
17px	107%
18px	113%
19px	119%
20px	125%
21px	132%
22px	138%
23px	144%
24px	150%
25px	157%
26px	163%
27px	168.75%
28px	175%
30px    187.5%
33px    206.3%
34px    212.5%
36px    225%
38px	237.5%
40px    250%
42px    262.5%
46px    287.5%
48px    300%
50px    312.5%
----------------------------------------*/

/* フォント要素
-------------------------------------- */
.fw_b { font-weight: bold; }
.fc_red { color: #DA0105; }

/* p要素
-------------------------------------- */
p.chu, .txtArea p.chu {
font-size: 75%;
color: #868686;
line-height: 1.0rem;
padding-left: 1em;
text-indent: -1em;
}

p.page_last_copy {
text-align: center;
font-size: 150%;
color: #fff;
background: #ec6400;
padding: 20px 0;
}

/* span要素
-------------------------------------- */
/*フォント-パーツ基本色1*/
span.fc_base01 { color: #EC6400; }
/*フォント-パーツ基本色2*/
span.fc_base02 { color: #F3981C; }

span.chu {
font-size: 88%;
color: #868686;
line-height: 1.2rem;
padding-left: 1em;
text-indent: -1em;
display: inline-block;
}

span.obi_or {
display: inline-block;
margin-bottom: 10px;
background: #F3981C;
color: #fff;
border-left: #EC6400 6px solid;
padding: 8px 12px;
}
/**マーカー（青）**/
span.marker_b {
background: linear-gradient(transparent 54%,#b0e5ff 48%);
font-weight: bold;
padding: 1px;
}

/**マーカー（黄色）**/
span.marker_y {
background: linear-gradient(transparent 54%,#fff193 48%);
font-weight: bold;
padding: 1px;
}

/**マーカー（赤）**/
span.marker_r {
background: linear-gradient(transparent 54%,#ffb8b8 48%);
font-weight: bold;
padding: 1px;
}

/* text-align要素
-------------------------------------- */
.text_align-c { text-align: center; }
.text_align-l { text-align: left; }
.text_align-r { text-align: right; }

/* h要素
-------------------------------------- */
h2.pt001 {/*トップメインコピー*/
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 175%;
color: #ec6400;
padding: 16px 0;
letter-spacing: 1px;
text-align: center;
font-weight: normal;
position: relative;
padding-bottom: 40px;
line-height: 2.4rem;
}

h2.pt001::before {
content: '';
position: absolute;
background-color: #ec6400;
border-radius: 1px;
top: -15px;
display: inline-block;
width: 150px;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

/*セカンドページ　メインコピー用*/
h2.pt002 {
color: #ec6400;
font-size: 125%;
font-weight: bold;
border-top: #ec6400 1px solid;
border-bottom: #ec6400 2px solid;
padding: 22px 0 16px 16px;
line-height: 1.6rem;
}

/*症例一覧用タイトル*/
h2.pt003 {
color: #fff;
font-size: 113%;
font-weight: bold;
background: #d26000;
border-radius: 40px;
padding: 20px 0 20px 30px;
margin-bottom: 6px;
}

/*患者さまの声タイトル用*/
h3.voice {
color: #d26000;
font-size: 144%;
line-height: 1.8rem;
font-weight: bold;
margin-bottom: 14px;
}

/*５つのこころがけ　メインコピー用*/
h3.pt001 {
color: #ec6400;
font-size: 113%;
font-weight: bold;
line-height: 1.6rem;
}

/*セカンドページ h3*/
h3.pt002 {
color: #f3981c;
font-size: 125%;
font-weight: bold;
line-height: 1.6rem;
}

/*黒文字＋アンダーライン h3*/
h3.pt003 {
font-size: 125%;
font-weight: bold;
line-height: 1.6rem;
border-bottom: #000 1px solid;
padding-bottom: 6px;
padding-left: 1.1em;
text-indent: -1.1em;
}

/*H3見出し4（左帯あり）*/
h3.pt004 {
color: #EC6400;
font-size: 125%;
font-weight: bold;
line-height:  1.4rem;
border-left: #EC6400 6px solid;
padding-left: 0.6em;
}

/*オレンジ文字＋ドット下線 h3*/
h3.pt005 {
color: #f3981c;
font-size: 125%;
font-weight: bold;
line-height: 1.6rem;
}
h3.pt005.dotline {
border-bottom: #f3981c 2px dotted;
padding-bottom: 10px;
}

/*流れ　メインコピー用*/
h3.flow {
color: #fff;
font-size: 138%;
background: #f3981c;
border-radius: 4px;
text-align: center;
padding: 16px 0 12px;
border: #f3981c 1px solid;
}

h3.flow.sejutsu {
color: #ec6400;
background: #fff;
border: #ec6400 1px solid;
}


/* ul li 要素
-------------------------------------- */
ol, ul { list-style: none; }

/*チェックボックス付き*/
ul.check_list {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 	113%;
padding: 0 0 20px 28px;
margin: 20px auto;
display: inline-block;
}

ul.check_list li {
padding: 6px 0;
text-indent: -1.3em;
line-height: 1.6rem;
text-align: left;
}

ul.check_list li::before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
color: #f91111;
content: '\f058';
vertical-align: middle;
padding-right: 6px;
}

/*チェックボックス＋ドットアンダーライン*/
ul.check_list_uline {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 	113%;
margin: 40px auto;
padding: 0 18px 20px 28px;
display: inline-block;
}

ul.check_list_uline li {
padding: 14px 0;
border-bottom: #000 1px dotted;
margin-bottom: 4px;
text-indent: -1.3em;
line-height: 1.6rem;
text-align: left;
}

ul.check_list_uline li::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #f98711;
content: '\f058';
vertical-align: middle;
padding-right: 6px;
}

/*番号数字付き*/
ul.num_list {
font-size: 100%;
padding: 0 20px 20px 48px;
line-height: 1.4rem;
}

ul.num_list li {
padding: 8px 0;
list-style: decimal;
}

/*●番号数字付（黒●）*/
ul.num_list_maru {
font-size: 100%;
padding: 0 20px 20px 48px;
line-height: 1.4rem;
margin: 36px auto;
display: inline-block;
}

ul.num_list_maru li {
padding: 10px 0;
position: relative;
font-weight: bold;
font-size: 113%;
letter-spacing: 1px;
text-align: left;
}

ul.num_list_maru li::before {
position: absolute;
width: 20px;
height: 20px;
left: -26px;
font-size: 0.3em;
line-height: 1em;
color: #fff;
background: #000;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap;
vertical-align: top;
}

ul.num_list_maru li.num01::before { content: "1"; }
ul.num_list_maru li.num02::before { content: "2"; }
ul.num_list_maru li.num03::before { content: "3"; }
ul.num_list_maru li.num04::before { content: "4"; }
ul.num_list_maru li.num05::before { content: "5"; }
ul.num_list_maru li.num06::before { content: "6"; }
ul.num_list_maru li.num07::before { content: "7"; }
ul.num_list_maru li.num08::before { content: "8"; }
ul.num_list_maru li.num09::before { content: "9"; }
ul.num_list_maru li.num010::before { content: "10"; }

/*●番号数字付（オレンジ●）*/
ul.num_list_maru_or {
font-size: 100%;
padding: 0 20px 20px 48px;
line-height: 1.4rem;
margin: 36px auto;
display: inline-block;
}

ul.num_list_maru_or li {
padding: 10px 0;
position: relative;
font-weight: bold;
font-size: 113%;
letter-spacing: 1px;
text-align: left;
}

ul.num_list_maru_or li::before {
position: absolute;
width: 20px;
height: 20px;
left: -26px;
font-size: 0.3em;
line-height: 1em;
color: #ffffff;
background: #F3981C;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap;
vertical-align: top;
}

ul.num_list_maru_or li.num01::before { content: "1"; }
ul.num_list_maru_or li.num02::before { content: "2"; }
ul.num_list_maru_or li.num03::before { content: "3"; }
ul.num_list_maru_or li.num04::before { content: "4"; }
ul.num_list_maru_or li.num05::before { content: "5"; }
ul.num_list_maru_or li.num06::before { content: "6"; }
ul.num_list_maru_or li.num07::before { content: "7"; }
ul.num_list_maru_or li.num08::before { content: "8"; }
ul.num_list_maru_or li.num09::before { content: "9"; }
ul.num_list_maru_or li.num010::before { content: "10"; }


/*太字リスト（・をつけることが前提）*/
ul.normal_list {
font-size: 100%;
padding: 26px 10px;
display: inline-block;
}

ul.normal_list li {
padding: 10px 0;
font-weight: bold;
padding-left: 1em;
text-indent: -1em;
line-height: 1.2rem;
text-align: left;
}

/* ボタン要素
-------------------------------------- */
/*タイプ＜A＞*/
a.btn {
padding: 19px 22px 15px 22px;
border-radius: 4px;
display: inline-block;
text-align: center;
}

a.btn.a_type {
color: #fff!important;
background: #f3981c;
}

a.btn.a_type::after {
font-family: FontAwesome;
content: "\f138";
padding-left: 6px;
}

/*タイプ＜B＞*/
a.btn.b_type {
color: #f3981c;
border: #f3981c 1px solid;
}

a.btn.b_type::after {
font-family: FontAwesome;
content: "\f138";
padding-left: 6px;
}


/* ○囲み数字（オレンジ１）
-------------------------------------- */
.maru {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap; 
vertical-align: top;
}
.maru_bg {
color: #ffffff;
background: #EC6400;
}
.maru_size {
width: 40px;
height: 40px;
}
.letter_size {
font-size: 1.6em;
line-height: 1em;
}


/* ○囲み数字（オレンジ２）
-------------------------------------- */
.maru02 {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap; 
vertical-align: top;
}
.maru02.maru_bg {
color: #ffffff;
background: #F3981C;
}
.maru02.maru_size {
width: 40px;
height: 40px;
}
.maru02 {
position: relative;
top: inherit;
left: inherit;
margin-left: 0;
}
.maru02 .letter_size {
font-size: 1.6em;
line-height: 1em;
}


/* ○囲み▼マーク
-------------------------------------- */
.maru_arrow {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap; 
vertical-align: top;
}
.maru_arrow.maru_bg {
color: #ffffff;
background: #EC6400;
}
.maru_arrow.maru_size {
width: 34px;
height: 34px;
}
.maru_arrow {
position: absolute;
top: -18px;
left: 50%;
margin-left: -18px;
}
.maru_arrow .letter_size {
font-size: 1.0em;
}

/* もっと見るリンク
-------------------------------------- */
.linkmore {
margin-top: 10px;
text-align: right;
display: block;
font-size: 75%;
}

.linkmore a {
text-decoration: underline;
color: #f3981c;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.linkmore a:hover {
text-decoration: none;
}

.linkmore::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f35d";
padding-right: 3px;
vertical-align: middle;
color: #f3981c;
}

/* 枠１＜パーツ基本色１＞
-------------------------------------- */
.waku01 {
border: #ec6400 2px solid;
border-radius: 6px;
}

.waku01 .wrapper {
padding: 28px 32px;
}

.waku01 .wrapper p {
line-height: 1.4rem;
}

/* 枠２＜パーツ基本色２＞
-------------------------------------- */
.waku02 {
border: #F3981C 2px solid;
border-radius: 6px;
}

.waku02 .wrapper {
padding: 28px 32px;
}

.waku02 .wrapper p {
line-height: 1.4rem;
}

/* 黒枠
-------------------------------------- */
.blackwaku {
border: #c9caca 1px solid;
border-radius: 6px;
}

.blackwaku .wrapper {
padding: 28px 32px;
}

.blackwaku .wrapper p { line-height: 1.4rem; }
.txtBlock .blackwaku p { margin-bottom: 0; }

/* ３つ並びパーツ（番号＋文章＋イメージ画像）
-------------------------------------- */
.column3_wrapper {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
align-items: flex-start;
margin: 0 auto 40px;
border-bottom: #ccc 1px solid;
padding-bottom: 30px;
}

.column3_wrapper:last-child {
border-bottom: none;
padding-bottom: 0;
}

.column3_wrapper img.num {
width: 40px;
}

.column3_wrapper p.setsumei {
padding: 0 10px;
line-height: 1.8rem;
flex: 1;
}

.column3_wrapper p.setsumei img {
width: 90px;
}

.column3_wrapper p a {
color: #ff4928;
text-decoration: underline;
}

.column3_wrapper p a:hover {
text-decoration: none;
opacity: 1;
}

/* クレジットカード
-------------------------------------- */
.creditBlock {
margin: 10px auto;
display: none;
}

.creditBlock i {
font-size: 175%;
padding: 0 7px 6px 0;
}

span.saf-credit-rakuten, 
span.saf-credit-nanaco, 
span.saf-credit-traffic {
font-size: 150%;
padding: 0 7px 6px 0;
}
/*トップページ料金表の場合*/
.r_block .creditBlock span.saf-credit-rakuten, 
.r_block .creditBlock span.saf-credit-nanaco, 
.r_block .creditBlock span.saf-credit-traffic {
font-size: 172%;
padding: 0 4px 0 0;
}

.creditBlock i.fa-cc-visa, 
.creditBlock i.fa-cc-mastercard, 
.creditBlock i.fa-cc-jcb, 
.creditBlock i.fa-cc-amex, 
span.saf-credit-rakuten, 
span.saf-credit-nanaco, 
span.saf-credit-traffic {
display: none;
}

span.c_name_visa, 
span.c_name_master, 
span.c_name_jcb, 
span.c_name_amex,
span.c_name_rakuten, 
span.c_name_nanaco, 
span.c_name_traffic {
padding: 0 2px;
display: none;
}

.creditBlock p {
font-size: 75%;
line-height: 1.0rem;
}
/* ---------------------------------------

YouTube動画のレスポンシブ設定

--------------------------------------- */
.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}