@charset "UTF-8";
/*  modules
================================================ */
/*
Archive

mod_archive01
 
.mod_archive01 - base style
 
Markup:
<ul class="archive mod_archive01 {$modifiers}">
	<li class="item"><a href="#" class="alpha">
		<div class="img"><img src="http://wptest.mh-test.com/cms/wp-content/uploads/2015/07/pic_dummy01-640x400.png" class="attachment-pic640 size-pic640 wp-post-image" alt="" title="" width="576" height="360"></div>
		<ul class="meta">
			<li class="cat">カテゴリ</li>
			<li class="date">0000.00.00</li>
		</ul>
		<p class="sub">記事タイトル</p>
	</a></li>
</ul>
 
Styleguide 1.0.0
*/
/*
Button

mod_btn01
 
.mod_btn01 - base style
.mod_btn01.is_white - is_white
 
Markup:
<p class="mod_btn01 {$modifiers}"><a href="#">Button</a></p>
 
Styleguide 2.0.0
*/
/*

mod_btn_tel01
 
.mod_btn_tel01 - base style
.mod_btn01.is_blue - is_blue
 
Markup:
<div class="btnTel mod_btn_tel01 {$modifiers}">
	<a href="tel:0120-752-712">
		<p class="num is_font_roboto">0120-752-712</p>
		<p class="time">【受付時間】<br>月～金 10:00～19:00</p>
	</a>
</div>
 

*/
.mod_btn_tel01 a { display: block; text-decoration: none; border: 1px solid #fff; box-shadow: 1px 1.464px 3px 0px rgba(0, 0, 0, 0.2); text-align: center; color: #1d86c6; padding: 15px 0; background: url(../img/common/ico_arw_blue01.png) bottom 4px right 4px no-repeat; background-size: 8px; }

.mod_btn_tel01 a .num { font-size: 2.6rem; font-weight: bold; line-height: 1; display: inline-block; letter-spacing: -0.02em; }

.mod_btn_tel01 a .num:before { content: ''; background: url(../img/common/ico_tel01.png) 0 0 no-repeat; background-size: contain; width: 18px; height: 19px; display: inline-block; margin: 0 5px -1px 0; }

.mod_btn_tel01 a .time { text-align: left; font-size: 1.0rem; font-weight: 500; line-height: 1.4; display: inline-block; }

.mod_btn_tel01.is_blue a { border: 1px solid #1d86c6; background-color: #fff; }

@media all and (min-width: 600px) { .mod_btn_tel01 a { padding: 0; background: none; border: none; box-shadow: none; color: #fff; line-height: 1.1; text-align: left; }
  .mod_btn_tel01 a .num { display: block; font-size: 5.0rem; letter-spacing: -0.05em; }
  .mod_btn_tel01 a .num:before { content: ''; background: url(../img/common/ico_tel02.png) 0 0 no-repeat; background-size: contain; width: 35px; height: 38px; }
  .mod_btn_tel01 a .time { display: block; font-size: 1.3rem; }
  .mod_btn_tel01.is_blue a { border: none; color: #1d86c6; }
  .mod_btn_tel01.is_blue a .num:before { content: ''; background: url(../img/common/ico_tel01.png) 0 0 no-repeat; background-size: contain; width: 35px; height: 38px; }
  .mod_btn_tel01.is_bdr_pc a { border: 1px solid #419bd2; box-shadow: 2px 3.464px 6px 0px rgba(0, 0, 0, 0.2); text-align: center; padding: 15px 0; }
  .mod_btn_tel01.is_bdr_pc a .num { font-size: 3.3rem; }
  .mod_btn_tel01.is_bdr_pc a .num:before { width: 24px; height: 27px; }
  .mod_btn_tel01.is_bdr_pc a .time { text-align: center; font-size: 1.2rem; } }

/*

mod_btn_contact01
 
.mod_btn_contact01 - base style
 
Markup:
<div class="btnTel mod_btn_tel01">
	<a href="tel:0120-752-712">
		<p class="num is_font_roboto">0120-752-712</p>
		<p class="time">【受付時間】<br>月～金 10:00～19:00</p>
	</a>
</div>
 
Styleguide 2.0.0
*/
.mod_btn_contact01 a { display: block; border: 1px solid #fff; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.5; padding: 9px 0 8px; box-sizing: border-box; text-decoration: none; background-repeat: no-repeat; box-shadow: 1px 1.464px 3px 0px rgba(0, 0, 0, 0.2); text-align: center; }

.mod_btn_contact01 span { position: relative; display: inline-block; padding-left: 46px; background-repeat: no-repeat; text-align: left; }

.mod_btn_contact01.is_mail a { background-image: url(../img/common/ico_arw_white01.png); background-size: 8px auto; background-position: bottom 4px right 4px; }

.mod_btn_contact01.is_mail span { background-image: url(../img/common/ico_mail01.png); background-size: 28px auto; background-position: 0 50%; }

.mod_btn_contact01.is_request a { background-image: url(../img/common/ico_arw_white01.png); background-size: 8px auto; background-position: bottom 4px right 4px; }

.mod_btn_contact01.is_request span { background-image: url(../img/common/ico_request01.png); background-size: 29px auto; background-position: 0 50%; }

.mod_btn_contact01.is_blue a { background-color: #419bd2; }

.mod_btn_contact01.is_red a { background-color: #e78068; }

@media all and (min-width: 600px) { .mod_btn_contact01 a { width: 200px; height: 110px; font-size: 1.6rem; text-align: center; padding: 26px 0 0; }
  .mod_btn_contact01 span { padding: 36px 0 0; }
  .mod_btn_contact01.is_mail a { background-size: 10px auto; background-position: bottom 8px right 8px; }
  .mod_btn_contact01.is_mail span { background-size: 38px auto; background-position: 50% 0; }
  .mod_btn_contact01.is_request a { background-size: 10px auto; background-position: bottom 8px right 8px; }
  .mod_btn_contact01.is_request span { background-size: 41px auto; background-position: 50% 0; } }

/* CV
================================================ */
/*
#styleguide
mod_cv01


```
<p class="tit mod_tit01">見出しテキスト</p>
```
*/
.mod_cv01 { background-color: #e2e9ed; padding-bottom: 5px; }

.mod_cv01 .cvTxt { background-color: #3693cc; padding: 10px 3px; }

.mod_cv01 .cvTxt .txt { font-size: 1.5rem; font-weight: bold; color: #fff; line-height: 1.7; padding-left: 130px; }

.mod_cv01 .cvTxt .txt span { font-weight: bold; }

.mod_cv01 .cvBtns { background-color: #419bd2; padding: 15px 0 20px; position: relative; }

.mod_cv01 .cvBtns .btnTel { margin-bottom: 10px; position: relative; z-index: 1; }

.mod_cv01 .cvBtns .btnTel a { border: 1px solid #fff; }

.mod_cv01 .cvBtns .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mod_cv01 .cvBtns .btns .btn { width: 49%; }

.mod_cv01 .cvBtns .imgCv { width: 114px; position: absolute; top: -75px; left: 30px; }

@media all and (min-width: 600px) { .mod_cv01 { padding-bottom: 0; }
  .mod_cv01 .cvTxt { padding: 20px 0; }
  .mod_cv01 .cvTxt .txt { text-align: center; font-size: 2.5rem; padding-left: 130px; }
  .mod_cv01 .cvTxt .txt span { color: #f9f5bd; position: relative; }
  .mod_cv01 .cvTxt .txt span:after { content: ''; background: url(../img/common/img_cv02.png) 0 0 no-repeat; background-size: contain; width: 70px; height: 74px; position: absolute; right: -80px; top: -20px; }
  .mod_cv01 .cvBtns { padding: 35px 0; }
  .mod_cv01 .cvBtns .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
  .mod_cv01 .cvBtns .btnTel { margin-bottom: 0; margin-right: 20px; padding-top: 20px; margin-left: 195px; }
  .mod_cv01 .cvBtns .btnTel a { border: none; color: #fff; background-color: transparent; }
  .mod_cv01 .cvBtns .btnTel a .num:before { background: url(../img/common/ico_tel02.png) 0 0 no-repeat; background-size: contain; }
  .mod_cv01 .cvBtns .btns .btn { width: 200px; }
  .mod_cv01 .cvBtns .btns .btn + .btn { margin-left: 10px; }
  .mod_cv01 .cvBtns .imgCv { width: 212px; position: absolute; top: auto; bottom: -35px; left: 0; }
  .mod_cv01 .cvBtns .imgCv::before { content: "※2016年12月～2022年12月 相談件数4000件突破"; position: absolute; bottom: 0; left: 40%; color: #fff; background: #419bd2; width: 110%; font-size: 12px; text-align: center; transform: translate(-50%, 0); } }

/*
Form

mod_form01
 
.mod_form01 - base style
 
Markup:
<div></div>

Styleguide 3.0.0
*/
.mod_form01 { font-size: 1.5rem; /* PC ================================*/ }

.mod_form01 input[type="text"], .mod_form01 input[type="email"], .mod_form01 input[type="tel"], .mod_form01 textarea, .mod_form01 select { width: 100%; font-size: 16px; font-family: inherit; padding: 14px 18px; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; box-sizing: border-box; box-shadow: none; background-color: #f3f3f3; }

@media all and (min-width: 600px) { .mod_form01 input[type="text"], .mod_form01 input[type="email"], .mod_form01 input[type="tel"], .mod_form01 textarea, .mod_form01 select { padding: 17px 30px; } }

.mod_form01 textarea { height: 155px; }

@media all and (min-width: 600px) { .mod_form01 textarea { height: 280px; } }

.mod_form01 select, .mod_form01 input[type="radio"], .mod_form01 input[type="checkbox"], .mod_form01 input[type="submit"], .mod_form01 input[type="button"], .mod_form01 button { cursor: pointer; }

.mod_form01 input[type="radio"] { display: none; }

.mod_form01 th { padding: 12px 0 8px; }

.mod_form01 th .ico { display: inline-block; font-size: 1.1rem; color: #fff; background-color: #419bd2; padding: 1px 10px; border-radius: 15px; vertical-align: middle; margin-left: 8px; line-height: 1.6; }

.mod_form01 th .ico.optional { background-color: #666; }

.mod_form01 td { padding: 0 0 19px; border-bottom: 1px solid #e4e4e4; vertical-align: middle; }

.mod_form01 td .unit { float: left; margin: 10px 5px 0 0; }

.mod_form01 td #your-postcode { width: 165px; float: left; margin-right: 5px; }

.mod_form01 td #zip_btn_postcode { float: left; margin-top: 7px; margin-left: 5px; height: 40px; width: 95px; display: block; text-align: center; color: #fff; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; font-size: 1.2rem; cursor: pointer; background: #419bd2; border: none; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.mod_form01 td #your-address { clear: both; margin-top: 10px; }

.mod_form01 td .areaRadio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mod_form01 td .areaRadio .radioWrap { display: block; width: 49%; }

.mod_form01 td .areaRadio label { display: block; background-color: #f3f3f3; padding: 0 10px; border-radius: 10px; box-sizing: border-box; }

.mod_form01 td .areaRadio label span { padding: 11px 0 11px 38px; position: relative; display: block; }

.mod_form01 td .areaRadio label span:before { position: absolute; content: ""; width: 30px; height: 30px; left: 0; top: 12px; box-sizing: border-box; border-radius: 50%; background-color: #fff; border: 2px solid #c1c0c1; }

.mod_form01 td .areaRadio label input[type="radio"]:checked + span:before { background-color: #419bd2; box-shadow: 0px 0px 0px 5px #fff inset; border: 2px solid #419bd2; }

.mod_form01 .btnSubmit { margin: 20px auto 27px; }

.mod_form01 .btnSubmit a { text-decoration: none; }

.mod_form01 .btnSubmit button { border: 0; margin: auto; display: block; background-image: url(../img/common/ico_mail01.png), url(../img/common/ico_arw_white01.png); background-size: 22px auto, 8px auto; background-position: 47px 50%, bottom 4px right 4px; background-repeat: no-repeat; background-color: #419bd2; width: 255px; max-width: 100%; color: #fff; padding: 20px 23px 20px 55px; }

.mod_form01 .btnSubmit .btnSubmit { margin-top: 10px; }

.mod_form01_privacy { overflow-y: scroll; height: 300px; font-size: 1.2rem; padding: 15px; line-height: 1.7; border: 1px solid #eceaea; margin-bottom: 20px; }

.mod_form01_privacy > .tit { font-weight: 700; font-size: 1.8rem; text-align: center; margin-bottom: 10px; }

.mod_form01_privacy > .txt { margin-bottom: 1.2em; }

.mod_form01_privacy .list .item { position: relative; padding-left: 9px; font-size: 1.2rem; }

.mod_form01_privacy .list .item:before { position: absolute; content: ''; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #999; }

.mod_form01_privacy .list.parent { margin-top: 2em; }

.mod_form01_privacy .list.parent > .item { margin-bottom: 2em; }

.mod_form01_privacy .list.parent > .item:before { background-color: #1d86c6; }

.mod_form01_privacy .list.parent > .item:last-child { margin-bottom: 1em; }

.mod_form01_footer { border: 1px solid #eceaea; padding: 16px 23px; }

.mod_form01_footer .list .item { font-size: 1.3rem; position: relative; padding-left: 1em; }

.mod_form01_footer .list .item:before { position: absolute; content: ''; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #1d86c6; }

.mod_form01_footer .clinicList { background-color: #f4f4f4; color: #1d86c6; text-align: center; padding: 20px 10px 30px; line-height: 1.75; margin-top: 15px; }

.mod_form01_footer .clinicList dl + dl { margin-top: 10px; }

.mod_form01_footer .clinicList dt { font-size: 1.3rem; }

.mod_form01_footer .clinicList dd a { font-size: 2rem; font-weight: 700; }

.mod_form01 .pageConfirm #zip_btn_postcode { display: none; }

.mod_form01 .pageConfirm td .unit { margin: 0 5px 0 0; }

@media all and (max-width: 599px) { .mod_form01 th, .mod_form01 td { display: block; } }

@media (max-width: 374px) { .mod_form01 td #zip_btn_postcode { width: 90px; } }

@media all and (min-width: 600px) { .mod_form01 th, .mod_form01 td { border-bottom: 1px solid #e4e4e4; font-size: 1.8rem; box-sizing: border-box; }
  .mod_form01 th { padding: 43px 6px 41px 6px; width: 212px; position: relative; }
  .mod_form01 th .ico { position: absolute; top: 48px; right: 3px; font-size: 1.5rem; padding: 0 12px; }
  .mod_form01 td { width: 888px; padding: 30px 10px 31px 28px; }
  .mod_form01 td #your-name { width: 580px; }
  .mod_form01 td .unit { margin: 11px 5px 0 -4px; }
  .mod_form01 td #your-postcode { width: 250px; }
  .mod_form01 td #zip_btn_postcode { height: 50px; width: 120px; font-size: 1.5rem; margin: 4px auto 0 9px; }
  .mod_form01 td #your-address { margin-top: 15px; }
  .mod_form01 td .areaRadio { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .mod_form01 td .areaRadio .radioWrap { width: 250px; margin-right: 10px; }
  .mod_form01 td .areaRadio label { width: 250px; box-sizing: border-box; box-shadow: 0px 3px 0px 0px #e0e0e0; padding: 0px 20px; cursor: pointer; }
  .mod_form01 td .areaRadio label span { padding: 12px 0 8px 41px; position: relative; display: block; }
  .mod_form01 td .areaRadio label span:before { top: 15px; }
  .mod_form01 td .areaRadio label input[type="radio"]:checked + span:before { box-shadow: 0px 0px 0px 3px #fff inset; }
  .mod_form01 tr:last-child th { padding-top: 32px; line-height: 1.5; }
  .mod_form01 tr:last-child th .ico { top: 32px; }
  .mod_form01 .btnSubmit { margin: 30px auto 53px; }
  .mod_form01 .btnSubmit button { background-size: 39px auto, 8px auto; background-position: 91px 50%, bottom 6px right 7px; width: 400px; padding: 31px 23px 30px 77px; font-size: 1.8rem; }
  .mod_form01_privacy { font-size: 1.4rem; padding: 40px 50px; height: 300px; margin-bottom: 29px; }
  .mod_form01_privacy > .tit { margin-bottom: 20px; font-size: 2rem; }
  .mod_form01_privacy .list .item { font-size: 1.3rem; }
  .mod_form01_privacy .list .item:before { top: 10px; }
  .mod_form01_footer { padding: 38px 50px 50px; }
  .mod_form01_footer .list .item { padding-left: 22px; font-size: 1.6rem; }
  .mod_form01_footer .list .item:before { top: 15px; left: 4px; }
  .mod_form01_footer .clinicList { padding: 25px 25px 37px; line-height: 1.2; margin-top: 33px; }
  .mod_form01_footer .clinicList dl + dl { margin-top: 0; }
  .mod_form01_footer .clinicList dt { margin-top: 10px; font-size: 1.7rem; font-weight: 700; display: inline-block; }
  .mod_form01_footer .clinicList dd { display: inline-block; }
  .mod_form01_footer .clinicList dd a { font-size: 1.8rem; pointer-events: none; text-decoration: none; letter-spacing: 0.01em; margin-left: -4px; } }

/*
Inner

mod_inner01
 
.mod_inner01 - base style
 
Markup:
<section id="hoge">
	<div class="inner mod_inner01 {$modifiers}">
		<h2 class="tit">タイトル</h3>
		<p class="txt">テキストが入ります。テキストが入ります。テキストが入ります。</p>
	</div>
</section> 

Styleguide 4.0.0
*/
.mod_inner01 { padding-left: 15px; padding-right: 15px; }

@media all and (min-width: 600px) { .mod_inner01 { box-sizing: border-box; width: 1100px; margin: auto; padding-right: 0; padding-left: 0; } }

/*
Pagination

mod_pagination01
 
.mod_pagination01 - base style
 
Markup:
<ul class="pagination mod_pagination01 {$modifiers}">
	<li class="previous"><a href="#">&lt;</a></li>
	<li class="current"><span>1</span></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li class="next"><a href="#">&gt;</a></li>
</ul>

Styleguide 5.0.0
*/
.mod_pagination01 { text-align: center; letter-spacing: -.5em; }

.mod_pagination01 li { display: inline-block; margin: 0 5px 10px; letter-spacing: 0; }

.mod_pagination01 li a, .mod_pagination01 li span { display: block; width: 30px; height: 30px; box-sizing: border-box; padding-top: 1px; border: 1px solid #000; text-decoration: none; }

.mod_pagination01 li.current span { color: #fff; background: #000; }

.mod_pagination01 li.previous { margin-right: 15px; }

.mod_pagination01 li.next { margin-left: 15px; }

@media all and (min-width: 600px) { .mod_pagination01 li { margin: 0 3px; }
  .mod_pagination01 li a, .mod_pagination01 li span { width: 30px; height: 30px; padding: 1px 0 0 0; font-size: 1.3rem; }
  .mod_pagination01 li a:hover, .mod_pagination01 li span:hover { text-decoration: none; border: 1px solid #034198; background-color: #034198; color: #fff; }
  .mod_pagination01 li.current { width: 30px; height: 30px; font-size: 1.3rem; padding: 4px 0 0 0; }
  .mod_pagination01 li.previous { margin-right: 0; }
  .mod_pagination01 li.next { margin-left: 0; } }

/*
Pagination

mod_pagination02
 
.mod_pagination02 - base style
 
Markup:
<ul class="pagination mod_pagination02 {$modifiers}">
	<li class="previous"><a href="">前へ</a></li>
	<li class="back"><a href="/blog/">一覧へ</a></li>
	<li class="next"><a href="">次へ</a></li>
</ul>

Styleguide 5.0.1
*/
/*
Single

mod_single01
 
.mod_single01 - base style
 
Markup:
<article class="mod_single01 {$modifiers}">
	<div class="thum"><img src="https://placehold.jp/810x522.png" alt=""></div>
	<header class="head">
		<div class="meta">
			<ul class="tag mod_tag01 is_black">
				<li>ニュース</li>
			</ul>
			<time class="date">2019.12.12</time>
		</div>
		<h1>年末年始休業日お知らせ</h1>
	</header>
	<div class="content">
		<p>12/29(土)～1/6(日)まで誠に勝手ながら冬季休暇とさせていただきます。<br>新年2019年1月7日より通常営業致します。</p>
		<p>テキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<p class="btn mod_btn01"><a href="/news/">一覧に戻る</a></p>
</article>

Styleguide 6.0.0
*/
.mod_single01 { padding: 40px 25px; background: #fff; }

.mod_single01_head { margin-top: 20px; }

.mod_single01_head h1 { margin-top: 8px; font-size: 2rem; font-weight: 700; letter-spacing: .06em; }

.mod_single01_tag { display: inline-block; margin-right: 5px; }

.mod_single01_date { display: inline-block; color: #999; letter-spacing: .1em; }

.mod_single01_content { margin-top: 12px; }

.mod_single01_content *:first-child { margin-top: 0; }

.mod_single01_content *:last-child { margin-bottom: 0; }

.mod_single01_content p { margin: 10px 0; }

@media all and (min-width: 600px) { .mod_single01 { padding: 60px; }
  .mod_single01_head { margin-top: 40px; }
  .mod_single01_head h1 { margin-top: 15px; font-size: 3rem; }
  .mod_single01_tag { margin-right: 11px; }
  .mod_single01_content { margin-top: 24px; }
  .mod_single01_content p { margin: 26px 0; }
  .mod_single01_btn { width: 330px; margin: 40px auto 0; } }

/*
Table

mod_table01
 
.mod_table01 - Base styles
 
Markup:
<div class="mod_table01 {$modifiers}">
	<table><tbody>
		<tr>
			<th></th>
			<td></td>
		</tr>
	</tbody></table>
</div>
 
Styleguide 7.0.0
*/
@media all and (max-width: 599px) { .mod_table01 table, .mod_table01 thead, .mod_table01 tbody, .mod_table01 tr, .mod_table01 th, .mod_table01 td { display: block; } }

/*
Title

mod_tit01
 
.mod_tit01 - Base styles
 
Markup:
<p class="mod_tit01 {$modifiers}">Title</p>
 
Styleguide 8.0.0
*/
.mod_tit01 { font-size: 2.2rem; text-align: center; font-weight: bold; padding-bottom: 5px; position: relative; }

.mod_tit01:before { content: ''; width: 44px; height: 1px; background-color: #419bd2; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }

@media all and (min-width: 600px) { .mod_tit01 { font-size: 4.0rem; padding-bottom: 10px; }
  .mod_tit01:before { width: 88px; } }

.mod_tit01.is_small { font-size: 1.7rem; line-height: 1.8; padding-bottom: 15px; }

@media all and (min-width: 600px) { .mod_tit01.is_small { font-size: 3.4rem; padding-bottom: 20px; } }

.mod_tit01.is_blue { color: #1d86c6; }

.mod_tit01.is_blue:before { background-color: #1d86c6; }

/*
mod_tit01
 
.mod_head01 - Base styles
.mod_tit02 - Base styles
 
Markup:
<div class="mod_head01">
	<h3 class="mod_tit02 is_font_serif">がん抑制遺伝子とがん細胞との関係</h3>
</div>
 
Styleguide 8.0.0
*/
.mod_head01 { background-color: #419bd2; margin: 0 -15px 20px; padding: 13px 15px; }

@media all and (min-width: 600px) { .mod_head01 { margin: 0 0 50px; padding: 20px 30px; } }

.mod_tit02 { font-size: 1.6rem; color: #fff; font-weight: bold; position: relative; line-height: 1.5; padding-left: 15px; }

.mod_tit02:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #fff), color-stop(50%, #d5ecfa), to(#d5ecfa)); background: linear-gradient(0deg, #fff 0%, #fff 50%, #d5ecfa 50%, #d5ecfa 100%); }

@media all and (min-width: 600px) { .mod_tit02 { font-size: 2.6rem; padding-left: 20px; line-height: 1.2; }
  .mod_tit02:before { width: 4px; } }

.backModal_bg{
  display: none;
  z-index: 999999;
}
.backModal_bg .flex{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.backModal{
  max-width: 90vw;
  background: rgba(0,0,0,0.5);
}
#gFooter .ftFix{
  display: flex;
  justify-content: center;
}