@import url(setting.css);
@import url(layout.css);

/*=================================

インデックスページ コンテンツ クラス

=================================*/

/*お客様の声*/
.cat_box_01{
float:left;
font-size:12px;
margin-left:7px;
position:relative;
width:224px;
}

.voice_catFrame {
margin-left:15px;
margin-bottom:5px;
}

.voice_catFrame2 {
margin-left:15px;
margin-bottom:15px;
}

.voice_cat{
width:202px;
margin-right:10px;
margin-bottom:10px;
float:left;
}

.voice_cat img {
border:1px solid #dadada;
}

.voice_cat a:hover img {
border:1px solid #b19d7b;
}


.voice_cat_e{
width:210px;
float:left;
}



.voice_cat2{
width:210px;
margin-left:3px;
float:left;
}

.voice_cat2m{
width:210px;
float:left;
margin:0 4px;
}
.voice_cat_e2{
width:210px;
float:left;
}


#contents_body {
width: 680px;
margin-bottom:30px;
}

p.read01 {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
width: 660px;
font-size: 16px;
line-height: 24px;
}

h4 {
font-size: 16px;
color: #5B3300;
padding: 0px;
width: 660px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #5B3300;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

h4.dotted_brd {
font-size: 16px;
color: #5B3300;
padding: 0px;
width: 660px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #5B3300;
margin:0px 0px 10px;
}





.box_bg{
font-weight:bold;
background-color:#F9F7F2;
border:solid 1px ##B19D7B;
}

.brd_h3{
border-bottom:solid #dadada 1px; font-size:16px; margin-bottom:10px; font-weight:bold;
}



dl.list01 {
padding: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
dl.list01 dt {
list-style-type: none;
font-weight: bold;
color: #990000;
}
dl.list01 dd {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 14px;
}
ul.list02 {
padding: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
color: #A72E1D;
}
dl.list01 strong {
color: #D86118;
}

ul.list02 li {
list-style-type: none;
font-weight: bold;
color: #D86118;
margin-bottom: 20px;
}
ul.list03 {
padding: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
color: #A72E1D;
}
ul.list03 li {
list-style-type: none;
color: #D86118;
margin-bottom: 20px;
}

.voice_box{
padding:10px 10px 0 0;
margin-bottom:15px;
}

.voice_ttl{
font-size:25px;
margin-bottom:15px;
line-height:120%;
}


p.voice01 {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
width: 660px;
font-size: 16px;
line-height: 24px;
color: #6D5938;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #967B4E;
padding-bottom: 10px;
}
.voice01 strong {
color: #D86118;
}
p.voice02 {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
width: 660px;
font-size: 16px;
line-height: 24px;
color: #B63114;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CE7655;
padding-bottom: 10px;
}
.voice02 strong {
color: #D86118;
}
table.table01 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
margin-left: 10px;
margin-bottom: 20px;
}
.table01 th {
background-color: #E6D69D;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.table01 td {
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
img.float-left {
display: inline;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}


.list_seo li{
width:160px;
float:left;
margin-bottom:10px;
}


/*=================================

共通タイトル

=================================*/

.common_h3{
background:url(../images/h3_bg.jpg) no-repeat;
padding:7px 0 6px 20px;
margin-bottom:15px;
font-weight:bold;
}



/*=================================

薬局等の管理及び運営に関する事項及び口般口医薬品の販売に関する制度に関する事項のクラス

=================================*/


.matter_tbl{
border:solid #b19d7b;
border-width:1px 0 0 1px;
width:660px;
margin-left:auto;
margin-right:auto;
}


.matter_tbl th,.matter_tbl td{
border:solid #b19d7b;
border-width:0 1px 1px 0;
padding:10px;
vertical-align:middle;
}

.matter_tbl th{
background-color:#f9f7f2;
width:250px;
}

.matter_tbl th.matter_ttl{
background-color:#f5efd9;
font-weight:bold;
}



/*=================================

病名・症状別の漢方の紹介

=================================*/
.herbalmedicine_h3{
background:url(../images/h3_bg.jpg) no-repeat;
padding:6px 0 6px 20px;
margin-bottom:15px;
font-weight:bold;
}

.herbalmedicine_tbl{
border:solid #b19d7b;
border-width:1px 0 0 1px;
margin-left:auto;
margin-right:auto;
width:660px;
}

.herbalmedicine_tbl th,.herbalmedicine_tbl td{
border:solid #b19d7b;
border-width:0 1px 1px 0;
padding:10px;
vertical-align:middle;
}
.herbalmedicine_tbl td{
width:20%;
}

.herbalmedicine_tbl th.herbalmedicine_ttl{
background-color:#f5efd9;
font-weight:bold;
}


.herbalmedicine_tbl .odd{
background-color:#f9f7f2;
}

.herbalmedicine_list{
margin-left:10px;
margin-right:auto;
width:640px;
border-bottom:1px #dadada dotted;
margin-bottom:15px;
}

.herbalmedicine_list_e{
width:640px;
margin-bottom:40px;
border-bottom:none;
margin-left:10px;
margin-right:auto;
}


.herbalmedicine_list_e:after,.herbalmedicine_list:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.herbalmedicine_list_e,.herbalmedicine_list { display: inline-table; zoom:1; overflow:hidden;}



.herbalmedicine_list li,.herbalmedicine_list_e li{
float:left;
width:150px;
padding-left:10px;
background:url(../images/arrow_bg.jpg) no-repeat;
background-position:0px 7px;
}


.fb dt{
font-weight:bold;
}


/*=================================

後縦靭帯骨化症

=================================*/
#font16{
font-size:16px;
}

h3.koujyu-jintai {
width: 650px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #FFFFFF;
background-color: #4F3325;
padding: 5px;
}

h3.koujyu-jintai2 {
width: 650px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 26px;
font-weight: bold;
line-height: 140%;
color: #FFFFFF;
background-color: #4F3325;
padding: 5px;
text-align:center;
}

#font2x {
font-size: 16px;
line-height: 2em;
}

ul.list_s01 {
margin: 10px;
padding: 10px;
width: 640px;
background-color: #F9F7F2;
line-height: 2em;
font-size: 16px;
}
.list_s01 li {
list-style-type: disc;
list-style-position: inside;
padding-left: 14px;
text-indent: -14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
ul.list_s02 {
margin: 10px;
padding: 10px;
width: 640px;
line-height: 2em;
font-size: 16px;
}
.list_s02 li {
list-style-type: none;
text-indent: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-image: url(../images/arrow_green.jpg);
background-repeat: no-repeat;
background-position: 1px 6px;
padding-left: 14px;
color: #5B3300;
}
.list_s02 a {
color: #5B3300;
text-decoration: underline;
}

p.read_s01 {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 16px;
color: #5B3300;
line-height: 21px;
}
ul.list_s03 {
padding: 0px;
width: 640px;
line-height: 2em;
margin-top: 10px;

margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 16px;
}
.list_s03 li {
list-style-type: decimal;
list-style-position: inside;
padding-left: 21px;
text-indent: -21px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
p.read_s02 {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

}
ul.list_s04 {
padding: 0px;
width: 600px;
line-height: 2em;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 16px;
background-color: #EEE9D9;
}
.list_s04 li {
list-style-type: disc;
list-style-position: inside;
padding-left: 14px;
text-indent: -14px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
ul.list_s05 {
padding: 0px;
line-height: 2em;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 16px;
}
ut.list_s05 li {
padding-left: 14px;
text-indent: -14px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
list-style-type: decimal;
}
ul.list_s06 {
padding: 0px;
line-height: 2em;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 16px;
background-color: #EEE9D9;
}
.list_s06 li {
list-style-type: decimal;
list-style-position: inside;
padding-left: 21px;
text-indent: -21px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}
ul.list_s07 {
padding: 0px;
line-height: 2em;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 16px;
}
.list_s07 li {
list-style-type: upper-alpha;
list-style-position: inside;
padding-left: 21px;
text-indent: -21px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}

#scroll_01 {
width: 660px;
margin-right: 10px;
margin-left: 10px;
height: 400px;
overflow-y:scroll;
margin-bottom: 35px;
border:solid 1px #dadada;
}

.scroll_cap{
color:#A41E13;
margin-left: 10px;
margin-bottom:5px;
font-weight:bold;
}

p.name01 {
font-size: 16px;
color: #5B3300;
width: 610px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #B58A6A;
border-left-color: #CCCCCC;
font-weight: bold;
background-color: #E1D5C4;
padding: 5px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}

div.voice_s2 {
width: 580px;
margin-left: 10px;
margin-bottom: 35px;
background-color: #F9F7F2;
padding: 20px;
line-height: 2em;
font-size: 16px;
border: 1px solid #CCCCCC;
}

div.voice_s2 img{
margin-bottom:15px;
}



dl.voice_s {
width: 580px;
margin-left: 10px;
margin-bottom: 35px;
background-color: #F9F7F2;
padding: 20px;
line-height: 2em;
font-size: 16px;
border: 1px solid #CCCCCC;
}

.voice_s dt {
font-size: 16px;
line-height: 2em;
font-weight: bold;
}
.voice_s dd {
margin-bottom: 10px;
}
#mail_banner {
width: 100%;
text-align: center;
margin-bottom: 25px;
}

/*=================================

ご相談・調合・アフターフォローまでの流れ

=================================*/

.pr10{
padding-right:10px;
}

.pt10{
padding-top:10px;
}

.flow_left{
width:420px;
float:left;
margin-right:20px;
}

.flow_right{
float:left;
width:220px;
}


/*=================================

メディア掲載履歴

=================================*/
h4.media_h4{
border-bottom:solid 1px #dadada;
font-weight:bold;
font-size:14px;
padding:0 0 5px;
margin:0 0 10px;
}

h4.media_h4 img{
margin-right:10px;
}





/*=================================

お客様の声

=================================*/

h4.voice_h4 {
font-size: 16px;
color: #5B3300;
margin-bottom: 10px;
margin-left:0px;
border:none;
}

h2.voice_h4 {
font-size: 16px;
color: #5B3300;
margin-bottom: 10px;
margin-left:0px;
border:none;
}

.voice_box_bg{
font-weight:bold;
background-color:#F9F7F2;
border:solid 1px ##B19D7B;
padding:10px;
line-height:180%;
}


.voice_list{
width:660px;
border-bottom:1px #dadada dotted;
margin-bottom:15px;
}

.voice_list_e{
width:660px;
margin-bottom:5px;
border-bottom:none;
}


.voice_list_e:after,.voice_list:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.voice_list_e,.voice_list { display: inline-table; zoom:1; overflow:hidden;}


.voice_list li,.voice_list_e li{
float:left;
padding-left:10px;
margin-left:80px;
background:url(../images/arrow_bg.jpg) no-repeat;
background-position:0px 9px;
font-size:13px;
margin-bottom:10px;
}


#stripe-table{
border:solid #B19D7B;
border-width:1px 0 0 1px;
width:100%;
}

#stripe-table td,#stripe-table th{
border:solid #B19D7B;
border-width:0px 1px 1px 0px;
padding:10px;
}

#stripe-table th{
font-weight:bold;
width:130px;
}


.finish {
    width:500px;
    margin:50px auto 100px auto;
    font-size:16px;
    padding:20px 0;
    text-align:center;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}


.list_btn{
float:right;
padding-right:10px;
}

.read{
margin-left: 10px;
font-size:16px;
}


.m12 {  font-size: 12px ; line-height: 18px ;}
.m14 {  font-size: 14px ; line-height: 18px ; }
.m16 {  font-size: 16px ; line-height: 18px ; }
.s11 {  font-size: 10px ; line-height: 14px ; }
.s10 {  font-size: 10px ; line-height: 14px ; }
.cap {  font-size: 12px ; font-weight:bold; line-height: 14px ; color:#5a4498}

.qared {  font-size: 12px ; line-height: 18px ; color:#EF2421}
.user { font-size: 12px ; line-height: 18px ; color: #111111}
.userblue { font-size: 12px ; line-height: 18px ; color: #424994}
.brown2 { font-size: 12px ; line-height: 18px ; color: #8A672E}
.interviewer { font-size: 14px ; line-height: 24px ; color: #000077}
.trialblue {  font-size: 16px ;font-weight:bold; line-height: 18px ; color:#0391AF}




/*---------------------------
-----------------------------

電話番号カウント用
-----------------------------
-----------------------------*/


.header_btn {
    position: absolute;
    z-index: 3;
right: 16px;
bottom: 12px;
}

.header_tel {
    position: absolute;
    z-index: 3;
/*right: 10px;
top: 15px;*/
	right: 7px;
	top: 25px;
}


.top_contact01{
position:relative;
margin-bottom:30px;
}

.contact_banner_tel{
position:absolute;
/*bottom:29px;*/
bottom:36px;
left:0px;
}

.shop_img01_tel{
position:absolute;
top: 82px;
left: 18px;
;

}

/*---------------------------
-----------------------------

電話番号カウント用(テキスト）
-----------------------------
-----------------------------*/

td.flow_tel a{
color:#A41E13;
text-decoration:none;
cursor: default;
}



.tel_box{
width:640px;
padding:20px;
border:#dadada 1px solid;
background-color:#fffcef;
text-align:center;
position: relative;
}



/*---------------------------
-----------------------------

メディアクエリ
-----------------------------
-----------------------------*/

/***** PC (スマホ消す) *****/
#smart_phone{display:none;}


/***** iPhone (landscape) *****/
@media only screen and (max-width: 767px) {
#pc_phone{display:none;}
#smart_phone{display:block;}
} 


/***** iPhone (portrait) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#pc_phone{display:none;}
#smart_phone{display:block;}
}



/*h1
-------------------------------------------------------------------*/
#h1 { color: black; 
      font-size: 14px; 
      font-weight: bold; 
      line-height: 28px;
      margin-bottom:20px;
 }



/*h2
------------------------------------------------------------------*/
#h2 { font-size: 14px; 
      font-weight: bold; 
      line-height: 20px; 
      margin: 0 0 20px; 
      padding: 7px 0 7px 10px; 
      border-bottom: 1px dotted #434343; 
      border-left: 5px solid #B22222; }



/*–{•¶
------------------------------------------------------------------*/

.catchcopy { color: #00cc90; font-size: 16px; font-weight: bold; line-height: 28px; margin-left: 0; padding-bottom: 10px; padding-left: 10px; }

#cap {  
     font-size: 12px ; 
     font-weight:bold; 
     line-height: 20px ; 
     color:#808080

}

#interviewer {
    font-size: 14px;
       
 padding-left: 5px;
 color: #000080;
 line-height: 1.7em;

}

.voice04 p{margin-bottom:20px;}

.breadcrumbs li{
    display: inline;
}
.breadcrumbs li:after{
    content: ' > ';
}
.breadcrumbs li:last-child:after{
    content: '';
}

/* about.html 201908
-------------------------------------------------------------------*/
table#aboutTb {
	border-collapse:collapse;
	width:100%;
	font-size:12px;
}
table#aboutTb td {
	border:1px solid #000;
	width:calc((100%-7px) / 6);
	padding:3px;
}
.aboutTbHead {
	background-color:#ccc;
}
span.sikaku {
	font-size:12px;
	padding:0 2px;
	border:1px solid #000;
}
span.sikakuwaku {
	padding:3px 5px;
	border:1px solid #000;
}
td#firstBox {
    background: url('/images/syasen.png') no-repeat;
    background-size: 100% 100%;
}
.t_right {
	display:block;
	text-align:right;
}
.t_leftt {
	display:block;
	text-align:leftt;
}
div.waku_bg01{
	background:#f9f7f2;
	border:#b19d7b 1px solid; margin-bottom:20px;
	line-height: 2em;
	font-size: 16px;
	margin: 10px;
	padding: 10px;
}
div.waku_bg01 p {
	text-align:left;
}
div.waku_bg01 li {
	text-align:left;
}
h3.aboutwaku {
margin-top: 20px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #FFFFFF;
background-color: #4F3325;
padding: 5px;
}
.aboutbk01 {
margin: 10px;
padding: 10px;

background-color: #F9F7F2;
line-height: 2em;
font-size: 16px;
}
.about_p {	
	margin-right:30px;
	margin-left:30px;
}
.a_underline {
	text-decoration:underline;
}

ol.marumoji{
  counter-reset: my_counter;
  list-style: none;
  padding-left:25px;
}

ol.marumoji li{
  position: relative;
  color:#000;
}
ol.marumoji li::before{
  position: absolute;
  /*top: calc(50% - 8px);*/
  top:8px;
  content: counter(my_counter);
  counter-increment: my_counter;
  width: 16px;  height: 16px;
  line-height: 16px;
  margin-left: -25px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #333;
  border-radius: 50%;
}

/*===============================================

 *	2022/12/04 追記

===============================================*/
#denwa,
#denwa dt,
#denwa dd{
	background-color: #f7ebc5;
}

/*===============================================

 *	2024/09/30 追記

===============================================*/
/*-----------------------------------------------

 *	.mainWrap

-----------------------------------------------*/
.mainWrap{
	margin-bottom: 40px;
}
.summaryWrap{
	margin-top: 70px;
	text-align: center;
}
.summaryHead{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.summaryHead span{
	display: block;
	font-size: 1.6rem;
	padding-top: 10px;
}
.campCatch{
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.main2Title{
	background-color: #f9f7f2;
	border: 1px solid #b19d7b;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 20px;
	padding: 18px 0 17px 35px;
	position: relative;
}

.main2Title:before{
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: 18px;
	height: 2.35rem;
	width: 6px;
	border-left: 2px solid #b04034;
	border-right: 2px solid #b04034;
}

.thanksWrap{
	font-size: 2.0rem;
	margin-bottom: 60px;
	margin-top: 60px;
	text-align: center;
}

@media screen and ( max-width:760px ){
	.summaryWrap{
		margin-top: 20px;
	}
	.summaryHead{
		font-size: 2.0rem;
	}
	.summaryHead span{
		font-size: 1.8rem;
		padding-top: 5px;
	}
	.campCatch{
		font-size: 1.9rem;
	}
	.main2Title{
		font-size: 2.0rem;
		line-height: 1.3;
	}
	.main2Title:before{
			height: 2.5em;
	}
}

/*-----------------------------------------------

 *	.ctaArea

-----------------------------------------------*/
.ctaArea{
	margin-bottom: 40px;
}

.ctaArea p{
	text-align: center;
}

.ctaArea p:not(:first-child){
	margin-top: 20px;
}

.ctaArea a{
	background: linear-gradient(to bottom, #ffa600 0%, #f38200 100%);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 1px 0 rgba(255, 255, 255, 0.1), inset 0 -2px 1px 0 rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	border-color: #ed7800;
	color: #fff;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
	padding: 40px 80px;
	text-decoration: none;
}

.ctaArea a:hover {
    opacity: 0.8;
}

@media screen and ( max-width:760px ){
	.ctaArea a{
		padding: 30px 10px;
		width: 100%;
	}
}

/*-----------------------------------------------

 *	.mainBox

-----------------------------------------------*/
.mainBox{
}

.mainBox h3{
	background-color: #4F3325;
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 20px;
	padding: 8px 10px 7px;
}

.mainBox h4{
	margin-bottom: 20px;
}

.mainInner{
	padding-left: 2em;
	margin-bottom: 30px;
}

.mainInner h5{
	margin-bottom: 10px;
	padding-left: 4.15em;
	text-indent: -4.15em;
}

.mainInner h5 span{
	display: block;
	padding-left: 4.15em;
}

.mainInner dl{
	font-weight: bold;
	padding-left: 4.15em;
}

.mainInner dt{
	font-weight: bold;
}

.mainInner dd{
	color: #B20A00;
	margin-top: 5px;
}

.tyuuiBox{
	margin-bottom: 0.9em;
	padding-left: 4em;
	text-indent: -4em;
}

.tyuuiBox span{
	font-weight: bold;
}

@media screen and ( max-width:760px ){
	.mainBox h3{
		font-size: 1.6rem;
		margin-bottom: 10px;
		padding: 6px 10px 5px;
	}
}

/*-----------------------------------------------
 *	popup
-----------------------------------------------*/
.popupWrap *{
	box-sizing: border-box;
}
.popupWrap img{
	height: auto;
	max-width: 100%;
}
.popupWrap{
	font-family: 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	height: 100%;
	line-height: 1.4;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 12;
}


.overlay{
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 12;
}

.popupCampaign{
	background-color: #fff;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 600px;
	transform: translate(-50%,-50%);
	padding: 40px 40px 20px;
	overflow-y: auto;
	width: 800px;
	z-index: 13;
}

.popupCampBox{
	margin-top: 20px;
	text-align: center;
}

@media screen and ( max-width:760px ){
	.popupCampaign{
		height: 80vh;
		padding: 5px 20px 0;
		width: 95%;
	}	
}

/*-----------------------------------------------
 *	各種微調整
-----------------------------------------------*/
.fonBold{ font-weight: bold;}
.fonRed{ color: #B20A00;}
.linkBlue{ color: #00b0f0; text-decoration: underline;}
.txtRight{text-align: right;}
.txtCent{text-align: center;}

/*--
 *	font-soze
-----------------------------------------------*/
.foSi11{ font-size: 1.1rem;}
.foSi12{ font-size: 1.2rem;}
.foSi13{ font-size: 1.3rem;}
.foSi14{ font-size: 1.4rem;}
.foSi16{ font-size: 1.6rem;}
.foSi18{ font-size: 1.8rem;}
.foSi20{ font-size: 2.0rem;}
.foSi22{ font-size: 2.2rem;}
.foSi24{ font-size: 2.4rem;}
.foSi26{ font-size: 2.6rem;}

/*--
 *	margin-bottom
-----------------------------------------------*/
.marBtm10{ margin-bottom: 10px;}
.marBtm20{ margin-bottom: 20px;}
.marBtm30{ margin-bottom: 30px;}
.marBtm40{ margin-bottom: 40px;}
.marBtm50{ margin-bottom: 50px;}
.marBtm60{ margin-bottom: 60px;}
.marBtm70{ margin-bottom: 70px;}
.marBtm80{ margin-bottom: 80px;}

/*-----------------------------------------------

 *	24/10/31

-----------------------------------------------*/
/*--
 *	トップページの番号
-----------------------------------------------*/
.telFaxWrap{
	display: flex;
}
.telFaxWrap li{
	font-size: 16px;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-right: 10px;
	transform: scale(1, 1.5);
}
.telFaxBox{
	color: #a41e13;
	font-size: 23px;
	font-weight: bold;
	margin-left: 4px;
}
.telFaxWrap li a.telFaxBox{
	color: #a41e13;
	text-decoration: none;
}
.contact_banner_tel li{
	font-size: 22px;
	margin-right: 14px;
}
.contact_banner_tel .telFaxBox{
	font-size: 34px;
}
.header_tel li{
	font-size: 13px;
}
.header_tel .telFaxBox{
	font-size: 20px;
}

/*-----------------------------------------------

 *	25/01/17

-----------------------------------------------*/
.cmn_cont_foot_tel{
	margin-bottom: 6px;
	padding-top: 6px;
}

.cmn_cont_foot_tel .telFaxBox{
	font-size: 20px;
}
.cmn_cont_foot_tel .telFaxWrap li{
	font-size: 12px;
}

/*--
 *	フォーム上部の電話番号
-----------------------------------------------*/
.cntctBox{
	color: #333;
	font-size: 26px;
	position: relative;
	text-align: center;
}

.cntctBox a{
	color: #111;
	font-weight: bold;
	margin: auto;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	text-decoration: none;
}

.footProfileArea{
	position: relative;
}
.footProfileArea .telFaxWrap{
	position: absolute;
	top: 53px;
}


/**/