@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size:100%;
max-width:100%;
}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {border: none;}
a {color: #0066cc;text-decoration: none;}
a:hover {color: #FF3399;text-decoration: none;opacity: 0.9;/*--IE,FF対応--*/filter: alpha(opacity=90);-ms-filter: "alpha( opacity=90)";}
a:visited {color: #993399;text-decoration: underline;}

/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
opacity: 0.85;/*--IE,FF対応--*/
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {
content: " ";
clear: both;

height: 0;
display: block;
visibility: hidden;
}

/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left {float: left;margin-right: 20px;margin-bottom: 10px;}
.img_right {float: right;margin-left: 20px;margin-bottom: 10px;}
.img_center {display: block;margin: 0 auto;clear: both;text-align: center;}
.size_s {}
.size_m {box-shadow: 0 0 5px #ccc;}
.size_l {}
.max_w {}

/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold {font-weight: bold;}
.txt_small {font-size: 78%;}
.txt_big {font-size: 120%;}
.txt_right {text-align: right;}
.txt_red {color: #f210a0;}
.txt_red2 {color: #027981;}

.txt_blue {color: #0066cc;}
.txt_keycolor {color: #027981;}
.txt_marker {background-color: #FFFF00;}
.txt_underline {border-bottom: 1px dashed #bbbbbb;margin-bottom: 2px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f38{font-size:38px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f40{font-size:40px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f48{font-size:48px;line-height: 140%;}
.circle{border:2px solid #027981; padding:20px; margin:20px auto;}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {display: none;}
.sp_none {}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background: url("../img/bg11.gif") repeat scroll center 0 transparent;
color: #444444;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
font-size: 16px;
line-height: 200%;
width: 100%;
min-width:1200px;
}

#wrap {
margin: 0 auto;
}

#frame {
margin:0 auto;
text-align: left;
}

#main {
padding: 0px;
margin:0 auto;
}
.section {
clear: both;
margin: 0 auto 50px;
}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box {
clear: both;
margin:50px auto 0;
width:1000px;
}

.box_bg {
background: url("../img/bg07.gif") repeat scroll center 0 transparent;
border-radius: 0;
margin: 50px auto;
padding: 40px;
border: 1px solid #027981;
}

.box_border {
background-color: #ffffff;
border: 10px solid #027981;
margin: 50px auto;
padding: 40px;
}

.txt_area {
padding: 0px;
margin: 50px auto;
}

.txt_area_bg {
background-color: #e6e3d5;
margin:50px auto;
padding: 40px;
}

.txt_area_border {
background-color: #ffffff;
border: 1px dashed #2dc3cd;
margin: 50px auto 0;
padding: 40px;
font-size:20px;
}

.reason_box{
background: url("../img/reason_bg.png") no-repeat scroll top center;
padding:30px 10px;
height:514px;
}

.reason_txt{
margin: 0 auto;
padding: 30px 314px 20px 42px;
line-height:220%;
}
.reason_in{
margin: 20px auto;
}

/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
background-color:#027981;
color: #ffffff;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 0 auto;
}
.h1_txt {
display: block;
width: 1000px;
margin: 0 auto;
padding: 0 30px
text-align: left;
}
/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/

#header {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 2px solid #027981;
    color: #333;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#header_in {
    height: 85px;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 1000px;
}
#header .header_logo {
    left: 0;
    position: absolute;
    top: 16px;
}
#header .header_txt {
}
#header .header_txt2 {
    line-height: 130%;
    margin-top: 2px;
}
#header_in .header_tel {
    font-size: 13px;
    line-height: 200%;
    position: absolute;
    right: 232px;
    top: 16px;
}
#header_in .header_tel_number {
    background: transparent url("../img/tel_icon_small.gif") no-repeat scroll 0 0;
    color: #333;
    cursor: default;
    display: block;
    font-size: 28px;
    line-height: 26px;
    text-indent: 32px;
    white-space: nowrap;
}
#header_in .header_btn a {
    display: block;
    left: 786px;
    padding: 0;
    position: absolute;
    top: 23px;
}
#top_bg {
    background: transparent url("../img/top_bg.png") repeat scroll 0 0;
}
/*------------------------------------------
■TOP
------------------------------------------*/
#top_bg01 {
background-color: #fcfcfc;
background-image: url("../img/top_bg_001.png");
text-align: center;
}
#top_bg02{
background-color: #fcfcfc;
background-image: url("../img/top_bg_002.png");
text-align: center;
}
#top_bg03{
background-color: #fcfcfc;
background-image: url("../img/top_bg_003.png");
text-align: center;
}
#top_bg04{
background-color: #fcfcfc;
background-image: url("../img/top_bg_004.png");
text-align: center;
}
#top_bg05{
background-color: #fcfcfc;
background-image: url("../img/top_bg_005.png");
text-align: center;
}
#top_bg06{
background-color: #fcfcfc;
background-image: url("../img/top_bg_006.png");
text-align: center;
}
#top_bg07{
background-color: #fcfcfc;
background-image: url("../img/top_bg_007.png");
text-align: center;
}


.top_copy_area{
}


#top_bg {
 text-align: center;
}

#top_bg .img{margin-top:50px;}

#top_bg .bg {
background: url("../img/top_bg.jpg") no-repeat scroll 0 0 /100% 100%;
    height: 527px;
}
 
 
.cover {
    background-position: center center !important;
    background-size: cover !important;
}

#top {

}

.top_copy_area{
padding: 0px 0 0px;
}


.top_copy01 {
background-color: #2dc3cd;
border-radius: 30px;
color: #ffffff;
font-size: 22px;
padding: 10px 30px;
text-align: center;
width: 550px;

}

.top_copy02 {
font-size: 36px;
line-height: 140%;
margin-bottom: 45px;
margin-top: 30px;
margin-left: 5px;
font-family:RodinRosePro-EB;
}

.top_copy02_big {
font-size: 60px;
line-height: 130%;
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*------------------------------------------
■お申込みエリア（営業時間内）
------------------------------------------*/
.order {
background: url("../img/order_bg.jpg") no-repeat scroll center top /100% 100%;
clear: both;
margin: 50px auto 0;
padding: 0;
text-align:center;
}

.orderbg {
background-color: #e74c3c;
animation: bg-color 10s infinite;
-webkit-animation: bg-color 10s infinite;
clear: both;
margin: 50px auto 0;
padding: 0;
text-align:center;
}

@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}

.order_in{
width:1000px;
margin:0 auto;
padding:50px 0;
}

.order_copy01{
background-color: #027981;
border-radius: 30px;
font-size: 27px;
margin: 0 auto 30px;
padding: 12px 40px 10px;
text-align: center;
width: 74%;
color:#fff;
}

.order_copy02{
font-family:"FOT-筑紫A丸ゴシック Std D";
font-size: 37px;
margin: 0 auto 30px;
text-align: center;
line-height: 125%;
color: #333;
}
h3.copy {
display: none;
}
.order_area {
background-color: #ffffff;
}

.order_left{
float: left;
}
.order_image{
margin:20px 0px 20px 20px;
}
.order_right {
float: right;
width: 519px;
}
.order_right_in{
margin:20px;
}
.order_tel {
}
/*　▼テキスト▼　*/
.txt_cap{
font-size: 20px;
margin-top:2px;
}
.order_time {
font-size: 15px;
height: 44px;
line-height: 140%;
margin-top: 6px;
text-align: left;
}

/*　▼TEL番号エリア▼　*/
.txt_tel {
background: url("../img/tel_icon_big.gif") no-repeat scroll 0 -4px transparent;
color: #444444;
display: block;
font-size: 42px;
font-weight: bold;
line-height: 100%;
margin: 0 auto 5px;
padding-top: 10px;
text-align: left;
text-indent: 60px;
}

.order_right_in a.txt_tel{
display:none;
}
/*　▼ボタンエリア▼　*/
.order_mail a {
display: block;
margin: 10px auto;
padding: 0;
width: 480px;
}
.order_btn {
}
.plain {
white-space: nowrap;
}

/*------------------------------------------
■お申込みエリア（営業時間外）
------------------------------------------*/
.order_off {}

/*　▼テキスト▼　*/

.order_off p.txt_cap {
background: none repeat scroll 0 0 #efefef;
color: #f23f55;
font-size: 16px;
margin-top: 5px;
}
.order_off p.txt_cap02 {
font-size: 16px;
margin-top: 18px;
}

.order_off p.order_time {
font-size: 18px;
text-align:left;
height: 50px;
line-height: 140%;
}
/*　▼TEL番号エリア▼　*/
.order_off a.txt_tel {
display:none;
}
/*　▼ボタンエリア▼　*/
.order_off .order_mail a {
display: block;
margin: 10px auto;
padding: 0;
width: 480px;
}
.order_off .order_btn {
}
.order_off .plain {
white-space: nowrap;
}

/*------------------------------------------
■ h4タイトル
------------------------------------------*/
.ar_bg{
background-color:#45bff4;
}

h4.title {
background: url("../img/title_bg.png") repeat-x scroll 0 0px #027981;
color: #fff;
display: block;
font-size: 40px;
letter-spacing: 0.1em;
line-height: 90px;
text-align: center;
font-family: "TsukuMinPr5-B";
padding:20px 0;
height:99px;
text-shadow:0 0 3px #333;
box-shadow:2px 0 3px #333;

}

.seesaw {
animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: seesaw;
margin: 0 auto;
width: 1200px;
}
@keyframes seesaw {
0% {
    transform: rotate(-10deg);
}
50% {
    transform: rotate(10deg);
}
100% {
    transform: rotate(-10deg);
}
}

h4.title img{
margin:-70px 20px 0 0;
}


/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a {
border-left: 10px solid #027981;
font-size: 29px;
line-height: 130%;
margin: 10px auto 10px;
padding-left: 12px;
font-family:RodinRosePro-EB;
}

.sub_title_a2 {
border-left: 10px solid #027981;
font-size: 29px;
line-height: 130%;
margin: 10px auto 10px;
padding-left: 12px;
font-family:RodinRosePro-EB;
}
.sub_title_b {
border-bottom: 3px solid #027981;
font-size: 25px;
margin: 0 auto 30px;
padding: 15px 0 30px;
font-family:RodinRosePro-EB;
}
.sub_title_c {
border-bottom: 1px solid #027981;
border-left: 10px solid #027981;
font-size: 24px;
line-height: 130%;
font-weight: bold;
margin: 20px auto;
padding: 0 15px 5px;
font-family:RodinRosePro-EB;
}
.sub_title_d {
background-color: #027981;
color: #ffffff;
font-size: 24px;
letter-spacing: 0.09em;
margin: 20px auto 30px;
padding: 15px 30px;
text-align:center;
box-shadow:0px 0px 5px #ccc; 
}
.sub_title_e {
font-size: 32px;
font-weight: bold;
letter-spacing: 0.09em;
line-height: 130%;
margin: 0;
padding: 5px 0 6px;
font-family:RodinRosePro-EB;
}
.sub_title_f {
background-color: #e3e0d2;
border-left: 10px solid #027981;
font-size: 24px;
letter-spacing: 0.09em;
margin: 50px auto 25px;
padding: 15px 30px;
}
.sub_title_h {
font-size: 29px;
line-height: 130%;
margin: 10px auto 0px;
font-family:RodinRosePro-EB;
text-align:center;
}

.sub_title_i {
    border-bottom: 1px solid #9a9790;
    color: #333;
    font-family:TsukuMinPr5-B;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-bottom: 4px;
}


.sub_title_j {
    border-bottom: 1px solid #9a9790;
    color: #333;
    font-family:TsukuMinPr5-B;
    margin-bottom: 5px;
    padding-bottom: 4px;
    margin-top:10px;
    font-size:20px;
}
/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul {list-style: none outside none;}

ul li.icon_check {
background: url("../img/icon_check.png") no-repeat scroll 0 0;
padding-left: 34px;
}

.com2{
background: url("../img/p_back01.gif") no-repeat scroll right 0 transparent;
border-radius: 10px;
color: #333;
float: left;
font-size: 25px;
font-weight: bold;
height: 115px;
line-height: 160%;
margin: 0 0 20px;
padding: 49px 30px;
text-align: center;
width: 44%;
}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01 {
background: url("../img/list_box_001.png") no-repeat scroll right 0 transparent;
height: 419px;
margin-bottom: 50px;

}
.list_box_01 ul {
line-height: 140%;
margin: 0 10px  0 10px;
padding: 44px 56px 47px;
width: 640px;
}
.list_box_01 ul li.icon_check {
background: url("../img/icon_check.png") no-repeat scroll 0 32px transparent;
font-size: 27px;
line-height: 80%;
list-style: outside none none;
margin: 0;
padding-bottom: 10px;
padding-left: 35px;
padding-top: 30px;
font-family: "FOT-筑紫A丸ゴシック Std D";
}
/*------------------------------------------
■ ポイント01
------------------------------------------*/
.point01 {
margin: 50px auto;
}
.point01 .point_set {
background-color: #ffffff;
border: 1px solid #027981;
border-radius: 20px;
float: left;
margin: 10px;
min-height: 345px;
padding: 0;
width: 310px;
}
.point01 .point_title {
border-bottom: 1px dashed #027981;
font-size: 24px;
font-weight: bold;
margin: 20px 10px;
padding-bottom: 15px;
text-align: center;
}
.bom:hover{ 
transform: scale(1.1);
-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.point01 .point_set .point_title span.num {
background-color: #027981;
border-radius: 50px;
color: #ffffff;
display: block;
font-size: 24px;
height: 50px;
line-height: 53px;
margin: 20px auto 15px;
padding: 0;
text-align: center;
width: 50px;
}
.point01 .point_set p {
padding: 0 30px 30px;
}

/*------------------------------------------
■ ポイント02
------------------------------------------*/

.point02 .point_set {
background-color: #fff;
border-radius: 20px;
margin: 0 9px 30px;
padding: 20px;
box-shadow:0px 0px 5px #ccc;
font-size:18px;
}

.point02 .point_set02 {
background-color: #fff;
border-radius: 20px;
margin: 0 9px 30px;
padding: 40px;
box-shadow:0px 0px 5px #ccc;
font-size:18px;
}

.point02 .point_title {
border-bottom: 2px dashed #027981;
font-size: 32px;
line-height: 58px;
margin: 20px 2px;
}

.point02 .point_set .point_title span.num {
background-color: #027981;
border-radius: 50px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 50px;
line-height: 53px;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
width: 50px;
}

.point02 .point_set p{}

/*------------------------------------------
■ 新要素　グリッドデザイン（新フロートボックス）
------------------------------------------*/
.gd_box {
letter-spacing: -0.34em;
*letter-spacing:normal;
*word-spacing:-0.43em;
text-rendering: optimizespeed;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
}
.gd_1-2, .gd_1-3, .gd_2-3, .gd_1-4, .gd_3-4 {
display: inline-block;
*display:inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.gd_1-2 {
width: 50%;
*width: 49.9690%;
}
.gd_1-3 {
width: 33.3333%;
*width: 33.3023%;
}
.gd_2-3 {
width: 66.6667%;
*width: 66.6357%;
}
.gd_1-4 {
width: 25%;
*width: 24.9690%;
}
.gd_3-4 {
width: 75%;
*width: 74.9690%;
}

/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voices {
background: none repeat scroll 0 0 #fffded;
border: 5px solid #efefef;
margin: 0 auto 50px;
padding: 16px 67px 16px 92px;
}

.voice_area {
background-color:#fff;
border:2px solid #027981;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #CCCCCC, 0 0 2px #CCCCCC inset;
font-size: 96%;
line-height: 160%;
margin: 30px auto 30px;
padding: 20px 40px 20px;
}

.m_top{margin-top:10px;}
.voice .voice_title {
border-bottom: 2px dashed #2dc3cd;
font-size: 28px;
margin-bottom: 15px;
padding-bottom: 15px;
color: #1cb2bc;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq .faq_set {
background-color: #ffffff;
border: 5px solid #efefef;
border-radius: 20px;
margin: 0 auto 30px;
padding: 40px;
}

.faq .faq_title {
border-bottom: 2px dashed #ff9000;
font-size: 28px;
line-height: 45px;
margin:0 0 20px;
padding-bottom: 15px;
}

.faq .faq_set .faq_title span.q {
background-color: #ff9000;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set span.a {
background-color: #1774B8;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set p{
padding:0px;
}
.faq2{
    background-color: #fdfbf6;
    border: 1px solid #d5cfba;
    border-radius: 8px;
    margin: 30px auto;
    padding: 10px 30px 20px;
}

.faq_q2{
 background: url("../img/q_a_q.png") no-repeat scroll 0 0 transparent;
 border-bottom: 1px dotted #027981;
 color: #027981;
 font-size: 20px;
 font-weight: bold;
 line-height: 284%;
 margin: 10px auto;
 padding: 0 0 5px;
 text-indent:80px;
 height:62px;
}

.faq_a2{
 background: url("../img/q_a_a.png") no-repeat scroll 0 0 transparent;
 line-height: 200%;
 margin: 10px auto;
 padding: 0;
 font-size:16px;
}

.faq_a_txt{
 position:relative;
 left:80px;
 width:700px;
}

.mb{
background-color:#ff9000;
padding:0px 10px;
border-radius:10px;
box-shadow:0px 0px 2px #ccc;

}
.mb a:hover{color:#027981;}
.mb a{color:#FFF;}
/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area {
background-color: #ffffff;
border: 5px solid #efefef;
border-radius: 20px;
margin: 20px auto;
padding: 60px;
width: 878px;
}
.step_title,.step_title2 {
background-color: #FFFFFF;
border-bottom: 2px dashed #027981;
border-top: 2px dashed #027981;
color: #412C1B;
font-family: RodinRosePro-EB;
font-size: 28px;
letter-spacing: 0.04em;
line-height: 180%;
margin: 10px 0;
padding: 0;
}
.s_block {
background-color: #027981;
border-radius: 30px;
box-shadow: 1px 1px 1px #666666;
color: #FFFFFF;
font-size: 20px;
margin-right: 15px;
padding: 6px 30px;
}

/*------------------------------------------
■ ブロック
------------------------------------------*/
.block_left {
float: left;
width: 35%;
}
.block_right {
float: right;
width: 64%;
}
.room {
padding: 15px;
}

.block_left2 {
float: left;
width: 22%;
margin-top:10px;
}
.block_right2 {
float: right;
width: 77%;

}

.or_box{
background-color:#ff9000;
color:#fff;
padding:10px 20px;
margin-right:10px;
border-radius:5px;  
}

.or_p{
margin:0px auto 10px;
padding-bottom:7px;
border-bottom:3px dotted #ff9000;
}
/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area {
font-size: 16px;
line-height: 100%;
text-align: right;
}
.map_in {
display: block;
height: 550px;
margin: 0 auto;
width: 100%;
}
/*------------------------------------------
■ テーブル01
------------------------------------------*/
.table01 {
font-size: 18px;
margin: 50px auto;
width: 100%;
}
.table01 th {
background-color: #e6e3d5;
border: 1px solid #adadad;
font-weight: normal;
padding: 20px;
text-align: left;
}
.table01 td {
background-color: #FFFFFF;
padding: 30px;
border: 1px solid #adadad;
}

.table01 th.th01 {
width:30%;
text-align: center;
}
.table02 th.th02 {
background-color:#027981;
width: 30%;
text-align: left;
color:#fff;
font-weight:bold;
}
.table01 td.td_c {
text-align: center;
}
.table01 td.td_r {
text-align: right;
}

.table01 td.td_r2 {
text-align: right;
}
/*------------------------------------------
■ テーブル02
------------------------------------------*/
.table02 {
margin: 20px auto;
width: 100%;
font-size:18px;
}
.table02 th {
background-color:#027981;
font-weight: normal;
line-height: 140%;
padding: 5px 10px;;
border:1px solid #fff;
width: 30%;
color:#fff;
}

.th01{ text-align:left; font-size:16px; }

.table02 td {
background-color: #FFFFFF;
line-height: 150%;
padding: 10px;
border:1px solid #aca99b;
width: 35%;
font-size:14px;
}

.table02 td.td_c {
text-align: center;
}
.table02 td.td_r {
text-align: right;
}
/*------------------------------------------
■ youtube　*サイズ幅100％表示したい場合は、SP用のCSSソースを流用してください。
------------------------------------------*/
.video-container {
text-align: center;
}
.video-container iframe {
width: 640px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
height: 360px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area {
margin: 40px auto;
}
/* --フォームテーブルの部分-- */
.table_box {
border-top: 1px dashed #666666;
margin: 50px auto;
width: 90%;
}
.inq_box {
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 30px;
}
.inq_box_top {
border-top: #cccccc 1px solid;
}
.inq_box_title {
border-left: 8px solid #027981;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 40px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt {
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 30px;
width: 450px;
}
input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
}
input[type=text]:focus, textarea:focus, select:focus {
outline: 0;
background-color: #FFFFDD;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
display: block;
font-size: 14px;
height: auto;
line-height: 180%;
margin: 30px auto 0;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.copyright {
background-color: #027981;
color: #FFFFFF;
height: 40px;
margin: 15px auto 0;
padding-top: 15px;
}
/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title {
background-color: #027981;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 15px;
text-align: center;
}
#order_page, #privacypolicy, #law, #order_end {
line-height: 140%;
margin: 0 30px;
padding: 5px 0;
min-height: 600px;
}
#privacypolicy, #company, #law {
font-size: 14px;
line-height: 140%;
}
/* 別々に指定したければ、分けてください*/

/*------------------------------------------
■ プライバシーポリシーページ設定
------------------------------------------*/
#pp_page {
}
.sub_page_h {
border-bottom: 2px solid #CCCCCC;
font-size: 18px;
font-weight: bold;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 0 3px;
}
/*------------------------------------------
■ 特定商取引法に基づく表記
------------------------------------------*/



/*------------------------------------------
■ 会社概要
------------------------------------------*/





/*------------------------------------------
■ 新要素　イメージリストエリア（ライトボックス風　サムネイルクリックで拡大写真）
施工事例や店内・院内風景などにご使用ください。※デフォルトで3パーターンレイアウトを用意しました。
------------------------------------------*/
/*レイアウトパターン１*/
.img_list_area_1 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_1 .thumbnail {
float: left;
width: 100%;
}
.img_list_area_1 .thumbnail img {
float: left;
margin: 9px;
}
.img_list_area_1 .thumbnail_notes {
clear: both;
font-size: 12px;
}
.img_list_area_1 .text_block {
float: right;
width: 375px;
}
.img_list_area_1 .text_block img {
}
.img_list_area_1 table {
font-size: 16px;
margin: 0px;
width: 100%;
}
.img_list_area_1 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_1 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン２*/

.img_list_area_2 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_2 .thumbnail {
float: right;
width: 465px;
}
.img_list_area_2 .thumbnail img {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.img_list_area_2 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_2 .text_block {
float: left;
width: 375px;
}
.img_list_area_2 .text_block img {
padding-bottom: 30px;
}
.img_list_area_2 table {
font-size: 16px;
margin: 0px;
width: 100%;
clear: both;
}
.img_list_area_2 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_2 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン３*/

.img_list_area_3 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_3 .thumbnail {
clear: both;
}
.img_list_area_3 .thumbnail img {
float: left;
padding-right: 4px;
padding-bottom: 4px;
border: 2px solid #FFFFFF;
box-shadow: 3px 3px 3px #CCCCCC;
margin: 0px 10px 10px 0px;
}
.img_list_area_3 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_3 .text_block {
clear: both;
}
.img_list_area_3 .text_block img {
}
.img_list_area_3 table {
font-size: 16px;
margin: 0px;
width: 50%;
}
.img_list_area_3 table th {
width: 30%;
border: 1px solid #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_3 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}


/*------------------------------------------
■ 新要素　ページトップへ戻るボタン
------------------------------------------*/
#go_top {

}


#go_top a {
    background-color: #ff9000;
    border-radius: 1000px;
    bottom: 40px;
    color: #ffffff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 70px;
    line-height: 650%;
    padding: 10px 10px 8px 7px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 70px;
    box-shadow:1px 2px 2px #999;
}

.icn_mrk{
    padding: 5px;
}