/* *******************************************************************************
-------------------------------------------------------------
■ PC
-------------------------------------------------------------
1. text link
2. title (h2,h3,h4)
├ 2-1. h2
├ 2-2. h3
└ 2-3. h4
3. bt
4. base template
5. SNS
6. table
├ 6-1. default
├ 6-3. table01
└ 6-3. table02
7. news
├ 7-1. default
└ 7-2. title change
8. 汎用プロパティ
├ 8-1. float
├ 8-2. margin
├ 8-3. text-align
├ 8-4. 画像の配置
├ 8-5. 画像の装飾
└ 8-6. rollover（透過）
9. other
├ 9-1. before-after
├ 9-2. list
├ 9-3. flow
└ 9-4. qa
10. MAP
11. full
12. inquiry
13. singlebox
├ 13-1. 2 column
├ 13-2. 3 column
└ 13-3. 4 column
14. コンテンツ非表示

-------------------------------------------------------------
■ @media screen and (max-width: 1000px)
-------------------------------------------------------------
11. full

-------------------------------------------------------------
■ @media screen and (max-width: 767px)
-------------------------------------------------------------
3. bt
9. other
└ 9-1. before-after
11. full
13. singlebox
└ 13-4. common column

-------------------------------------------------------------
■ @media screen and (max-width: 600px)
-------------------------------------------------------------
6. table
├ 6-1. default
├ 6-3. table01
└ 6-3. table02
10. MAP

******************************************************************************* */
/* ----------------------------------------------------------
■ PC
----------------------------------------------------------- */
/* =====================================
1. text link
=====================================
a:link    { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover   { color: #888; text-decoration: underline; }
a:active  { color: #888; text-decoration: underline; } */
/* =====================================
2. title (h2,h3,h4) PC
===================================== */

#news h2, h2.titleBg, .static #content h2.titleBg, .gnv_tmp_h3_bg h3, .blog #content .contentArea h3 {
background:url(/asset/h_bg01.png) repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3faf9', endColorstr='#f3faf9')";
color: #0f683d;
border: none;
border-top: 4px solid #0f683d;
font-size: 20px;
font-weight: bold;
padding: 9px 10px 8px 14px;
position: relative;
}
/*#news h2:before,
h2.titleBg:before,
.static #content h2.titleBg:before,
.gnv_tmp_h3_bg h3:before,
.blog #content .contentArea h3:before{
   background: none repeat scroll 0 0 #330000;
   content: "";
   height: 26px;
   left: 6px;
   position: absolute;
   top: 8px;
   width: 4px;
}
#news h2:after,
h2.titleBg:after,
.static #content h2.titleBg:after,
.gnv_tmp_h3_bg h3:after,
.blog #content .contentArea h3:after{
   position: absolute;
bottom: 0px;
left: 0px;
content: "";
width: 100%;
height: 3px;
background: #330000;
}*/

.gnv_tmp_h2_bg {
padding: 10px 5px 9px 10px;
background: linear-gradient(to right, #91040c, #ec1c23);
background: -webkit-linear-gradient(left, #91040c, #ec1c23);
background: -moz-linear-gradient(left, #91040c, #ec1c23);
background: -o-linear-gradient(left, #91040c, #ec1c23);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ef3d43', endColorstr='#ec1c23')";
border-left: 5px solid #EE343A;
}
.gnv_tmp_h2_bg h2 {
color: #fff;
font-size: 130%;
font-weight: normal;
}
.gnv_tmp_h4_bg {
padding: 5px 5px 3px 24px;
border-bottom: dotted 1px #ccc;
position: relative;
}
.gnv_tmp_h4_bg h4 {
font-weight: bold;
color: #444;
font-size: 105%;
line-height: 1.5;
}
.gnv_tmp_h4_bg:before {
position: absolute;
top: 9px;
left: 2px;
content: "";
width: 15px;
height: 15px;
background: #e84263;
border-radius: 50%;
}
.gnv_tmp_h4_bg:after {
position: absolute;
top: 12px;
left: 5px;
content: "";
width: 9px;
height: 9px;
background: #fff;
border-radius: 50%;
}
h5 {
color: #333;
font-weight: bold;
border-bottom: 1px dashed #e84263;
padding: 5px;
}
/* =====================================
3. bt PC
===================================== */
.link_btn{
	width: 260px;
}
.link_btn a {
line-height: 1.4;
display: block;
padding: 10px 20px;
box-sizing:border-box;
text-align: center;
position: relative;
border-radius: 6px;
background: none #ededed;
background: linear-gradient(to bottom, #faad26, #f99f00);
background: -webkit-linear-gradient(top, #faad26, #f99f00);
background: -moz-linear-gradient(top, #faad26, #f99f00);
background: -o-linear-gradient(top, #faad26, #f99f00);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#faad26', endColorstr='#f99f00')";
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.5s ease 0s;
}
.link_btn a:before {
border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 10px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 10px;
}
.link_btn a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#faad26', endColorstr='#f99f00')";
}
/* =====================================
4. base template PC
===================================== */

.text_box {
float: right;
width: 62%;
}
.text_box_q {
float: right;
width: 92%;
}
.b_11_2_in span img, .b_11 .b_11_in span img {
margin: 0 1em 1em 0;
}
/* =====================================
6. table PC
===================================== */
/* 6-1. default -------------------------- */

.b_06 table td, .b_06 table th {
border: 1px solid #CCCCCC;
}
.b_06_item {
background: none repeat scroll 0 0 #EEEEEE;
width: 30%;
}
/* 6-2. table01 -------------------------- */

table.gnv_tmp_table01 {
margin-bottom: 1.5em;
background: #FFFFFF;
width: 100%;
}
table.gnv_tmp_table01 th, table.gnv_tmp_table01 td {
padding: 5px;
text-align: left;
}
table.gnv_tmp_table01 thead th {
background: #ddd;
border-top: 1px dotted #ccc;
}
table.gnv_tmp_table01 th {
background: #efefef;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
table.gnv_tmp_table01 td {
background: #FFFFFF;
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
}
/* 6-3. table02 -------------------------- */

table.gnv_tmp_table02 {
margin-bottom: 1.5em;
width: 100%;
}
table.gnv_tmp_table02 th, table.gnv_tmp_table02 td {
padding: 5px;
text-align: left;
}
table.gnv_tmp_table02 thead th {
background: none repeat scroll 0 0 #ffedf0;
    border-bottom: 1px solid #f27c93;
    border-top: 1px solid #f27c93;
}
table.gnv_tmp_table02 th {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
table.gnv_tmp_table02 td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
/* 6-4. hours -------------------------- */

table.gnv_tmp_hours th, table.gnv_tmp_hours td {
text-align: center !important;
}
/* =====================================
7. news PC
===================================== */
/* 7-1. default -------------------------- */
/*#news h2 {
display: block;
padding: 10px;
border-top: 3px solid #000;
background: none;
font-size: 130%;
margin: 0 0 1em !important;
}*/

#news dl {
border-bottom: 1px dashed #ccc;
}
#news dt .newsNew {
background: #000;
color: #fff;
}
#news dd a {
text-decoration: underline;
color: #555;
}
#news dd a:hover {
text-decoration: none;
}
#news .ov {
text-decoration: none;
}
#news .ov:hover {
text-decoration: underline;
}
#news .newsBt {
color: #0f683d;
position: absolute;
right: 10px;
text-decoration: none;
top: 11px;
font-size: 100%;
}
#news .newsBt:hover {
text-decoration: underline;
}
#news dt {
position: relative;
}
#news dt .newsNew {
background: #0f683d;
border-radius: 3px;
color: #fff;
font-size: 10px;
left: 115px;
line-height: 1.4;
margin: 0 0 0 10px;
position: absolute;
top: 3px;
}
/* 7-2. title change -------------------------- */

.gnv_tmp_008_title_block h2.gnv_tmp_news_title {
padding: 10px;
font-size: 130%;
border-bottom: 1px solid #ededed;
margin-bottom: 1em;
}
/* =====================================
8. 汎用プロパティ PC
===================================== */
/* 8-1. float -------------------------- */

.fl {
float: left;
}
.fr {
float: right;
}
/* 8-2. margin -------------------------- */

.mt05 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr05 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
/* 8-3. text-align -------------------------- */

.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
/* 8-4. 画像の配置 -------------------------- */
/* 基本設定 */
/* right */

.b_11_2_in span img, .b_11 .b_11_in span img {
float: right;
margin: 0 0 20px 2%;
}
/* 個別設定 */
/* left */

.img_l span img {
float: left !important;
margin: 0 2% 20px 0 !important;
}
/* right */

.img_r span img {
float: right !important;
margin: 0 0 20px 2% !important;
}
/* 8-5. 画像の装飾 -------------------------- */
/* 角丸 */

.image span img, .text_image img, .gnv_tmp_style img {
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3px;
position: relative;
z-index: 1;
}
.img_reset img {
border: none!important;
padding: 0!important;
}
/*.image img:before,
.text_image img:before,
.gnv_tmp_style img:before {
   border: 3px solid #fff;
   box-sizing: border-box;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.4;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 100;
}*/
/* 8-6. rollover（透過） -------------------------- */

.rollover:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* =====================================
9. other PC
===================================== */
/* 9-1. before-after -------------------------- */

.ba_box {
background: url(/asset/ba_ar.png) no-repeat center 55%;
display: table;
width: 100%;
}
.ba_box div.column_l, .ba_box div.column_r {
display: table-cell;
width: 30%;
}
.ba_box div.column_l span, .ba_box div.column_r span {
width: 100%;
}
.ba_box div.column_l p, .ba_box div.column_r p, .ba_box div.column_l span img, .ba_box div.column_r span img {
width: 95% !important;
margin: 0 auto !important;
}
.ba_box .column_r, .ba_box .column_l {
text-align: center;
color: #B69440;
font-size: 120%;
font-weight: bold;
}
.ba_box .column_r span {
text-align: right;
}
/* 9-2. list -------------------------- */
/* 通常リスト 01 */

.ic_01 {
width: 100%;
}
.ic_01 .clearfix {
padding: 5px 5px 5px 25px;
}
.ic_01 span {
position: relative;
line-height: 1;
}
.ic_01 span:before {
content: "";
position: absolute;
background: #000;
top: 6px;
left: -16px;
height: 7px;
width: 7px;
border-radius: 50%;
}
/* ul */

.ic_01 ul {
margin: 25px;
}
.ic_01 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_01 li:before {
content: "";
position: absolute;
background: #000;
top: 14px;
left: -16px;
height: 7px;
width: 7px;
border-radius: 50%;
}
/* 通常リスト 02 */

.ic_02 .clearfix {
padding: 5px 5px 5px 35px;
}
.ic_02 .clearfix span {
position: relative;
line-height: 1;
}
.ic_02 span:before {
content: "\00a0";
display: block;
border: solid 9px #000;
height: 0;
width: 0;
position: absolute;
left: -29px;
top: 2px;
}
.ic_02 span:after {
content: "\00a0";
display: block;
width: 4px;
height: 7px;
border: solid #fff;
border-width: 0 2px 2px 0;
position: absolute;
left: -23px;
top: 6px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* ul */

.ic_02 ul {
margin: 35px;
}
.ic_02 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_02 li:before {
content: "\00a0";
display: block;
border: solid 9px #000;
height: 0;
width: 0;
position: absolute;
left: -29px;
top: 10px;
}
.ic_02 li:after {
content: "\00a0";
display: block;
width: 4px;
height: 7px;
border: solid #fff;
border-width: 0 2px 2px 0;
position: absolute;
left: -23px;
top: 14px;
margin-top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* 矢印リスト 01 */

.ic_arrow_01 .clearfix {
padding: 5px 5px 5px 25px;
}
.ic_arrow_01 span {
position: relative;
}
.ic_arrow_01 span:before {
display: block;
content: "";
position: absolute;
top: 5px;
left: -15px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid #000;
}
.ic_arrow_01 span:hover:before {
left: -12px;
}
/* ul */

.ic_arrow_01 ul {
margin: 25px;
}
.ic_arrow_01 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_arrow_01 li:before {
display: block;
content: "";
position: absolute;
top: 13px;
left: -15px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid #000;
}
.ic_arrow_01 li:hover:before {
left: -12px;
}
/* 矢印リスト 02 */

.ic_arrow_02 .clearfix {
padding: 5px 5px 5px 30px;
}
.ic_arrow_02 span {
position: relative;
}
.ic_arrow_02 span:before {
display: block;
content: "";
position: absolute;
top: 2px;
left: -25px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #999;
}
.ic_arrow_02 span:after {
display: block;
content: "";
position: absolute;
top: 5px;
left: -19px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid #fff;
}
.ic_arrow_02 span:hover:before {
left: -22px;
}
.ic_arrow_02 span:hover:after {
left: -16px;
}
/* ul */

.ic_arrow_02 ul {
margin: 30px;
}
.ic_arrow_02 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_arrow_02 li:before {
display: block;
content: "";
position: absolute;
top: 10px;
left: -25px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #999;
}
.ic_arrow_02 li:after {
display: block;
content: "";
position: absolute;
top: 13px;
left: -19px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid #fff;
}
.ic_arrow_02 li:hover:before {
left: -22px;
}
.ic_arrow_02 li:hover:after {
left: -16px;
}
/* 9-3. flow -------------------------- */

img.gnv_tmp_flow_arrow_01 {
margin: 0 auto;
}
img.gnv_tmp_flow_arrow_02 {
margin: 10px auto 0;
}
/* 9-4. qa -------------------------- */

.gnv_tmp_qa_q {
border-left: 3px solid #333;
margin-bottom: 10px;
padding: 10px;
display: table;
}
.gnv_tmp_qa_q span.tit {
font-size: 200%;
font-weight: bold;
color: #333;
padding-right: 20px;
display: table-cell;
width: 30px;
}
.gnv_tmp_qa_a {
border-left: 3px solid #ccc;
margin-bottom: 10px;
padding: 10px;
display: table;
}
.gnv_tmp_qa_a span.tit {
font-size: 200%;
font-weight: bold;
color: #ccc;
padding-right: 20px;
display: table-cell;
width: 30px;
}
.gnv_tmp_qa_a p, .gnv_tmp_qa_q p {
display: table-cell;
width: 100%;
vertical-align: top;
padding-top: 15px;
}
/* =====================================
10. MAP PC
===================================== */

.gnv_tmp_map {
position: relative;
padding-bottom: 40%;
/* これが縦横比 */

height: 0;
overflow: hidden;
margin-left: 15px;
margin-right: 15px;
}
.gnv_tmp_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* =====================================
11. full PC
===================================== */

.content_width_full .parts {
background: #efefef;
}
/* =====================================
12. inquiry PC
===================================== */
/*
■問合せタイトルを付けたい場合
1）下記のコメントアウトを削除する
2）パーツ内の「テキスト」でタイトルを「テキスト」に入力する
*/
/*
body#inquiryBody .message {
display: none;
}
body#inquiryBody .inquiry_textbox {
margin-bottom: 20px;
}
body#inquiryBody .inquiry_textbox:first-child {
   border-bottom: 1px solid #dedede;
background: url(/asset/h2_bg.gif) no-repeat bottom left;
font-size: 130%;
   line-height: 1.2;
   padding: 15px;
border-radius: 0;
   position: relative;
}
.inquiryFormTable {
border: none;
}
*/
/* =====================================
13. singlebox PC
===================================== */
/* 2-1. 2 column -------------------------- */

.singlebox2 {
float: left;
margin-left: 0;
margin-right: 0;
padding: 10px;
width: 47% !important;
}
/* 2-2. 3 column -------------------------- */

.singlebox3 {
float: left;
margin-left: 0;
margin-right: 0;
padding: 10px;
width: 30% !important;
}
/* 2-3. 4 column -------------------------- */

.singlebox4 {
float: left;
margin-left: 0;
margin-right: 0;
padding: 10px;
width: 22% !important;
}
/* =====================================
14. コンテンツ非表示 PC
===================================== */
/* TOPのみ解除 上書き（解除しない） */

.top .hikoukai {
display: none !important;
}
.top #drag-temp-pre-content .parts.hikoukai {
background: none repeat scroll 0 0 #555;
border: 5px solid #777;
display: block !important;
padding: 20px 0;
}
/* =====================================
15.追記
===================================== */

* {
word-break: break-all;
}
a:focus, *:focus {
outline: none;
}
body {
color: #555555;
background: #fff!important;
line-height: 180%;
font-size: 16px;
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#header h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
br.br01 {
display: block;
}
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.mb0 {
margin-bottom: 0!important;
}
.mb_h3 {
margin-bottom: 17px!important;
}
.mb_h4 {
margin-bottom: 13px!important;
}
.mb_h5 {
margin-bottom: 10px!important;
}
.mb_01 {
margin-bottom: 30px!important;
}
.mb_02 {
margin-bottom: 50px!important;
}
.mb_03 {
margin-bottom: 65px!important;
}
.border_box01 {
background-color: #fdf2ec;
box-shadow: 5px 5px 0px 0px #f7e0dd;
border-radius: 7px;
padding: 10px;
}
.text_01 {
color: #2d5e9a;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
}
.text_02 {
color: #333;
font-size: 24px;
line-height: 1.6;
}
.text_a01 a {
color: #e84263;
text-decoration: underline;
}
.text_a01 a:hover {
color: #e84263;
text-decoration: none;
}
.ic_01 span:before {
content: "";



position: absolute;
background: #e84263;
top: 8px;
left: -11px;
height: 5px;
width: 5px;
border-radius: 50%;
}
ul.ul01 {
list-style: none;
}
ul.ul01 li {
padding: 0 0 5px 22px;
position: relative;
}
.ul01 li:before {
content: "";
position: absolute;
background: #e84263;
top: 9px;
left: 11px;
height: 5px;
width: 5px;
border-radius: 50%;
}
ul.ul02 {
list-style: none;
}
ul.ul02 li {
padding: 0 0 5px 22px;
position: relative;
}
.ul02 li:before {
content: "";
position: absolute;
background: #888;
top: 10px;
left: 11px;
height: 5px;
width: 5px;
border-radius: 50%;
}
ul.sitemap_ic li a {
font-weight: normal;
}
ul.sitemap_ic li a:hover {
text-decoration: underline;
}
.blog #content .contentArea h3 a {
color: #444;
}
.blog #content .contentArea .date {
color: #555;
}
.blogside h3 {
border-top: 2px solid #0f683d;
color: #0f683d;
}
.blogside li:before {
color: #0f683d;
}
#blogBody #pagenation a.active:hover, .blog #content #pagenation .active a {
background: #ED6C6C;
}
#blogBody #pagenation a:hover {
background: #ccc!important;
}
#pagenation .active a, #pagenation a.active:hover {
/*新着のページ番号の色*/
background: #ED6C6C;
}
.inquiry #content .backBt, .inquiry #content .confirmBt, .inquiry #content .submitBt, .inquiry #content .topBt {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
background-color: #9fc9df;
border: 1px solid #5797B9;
border-radius: 5px;
background: #9fc9df;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9fc9df', endColorstr='#9fc9df')";
}
.inquiry #content .backBt:hover, .inquiry #content .confirmBt:hover, .inquiry #content .submitBt:hover, .inquiry #content .topBt:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9fc9df', endColorstr='#9fc9df')";
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.b_11_2_in span img, .b_11 .b_11_in span img {
width: 35%;
}
ul.ul_check li {
padding: 5px 0px 5px 24px;
position: relative;
}
ul.ul_check li:before {
background: none repeat scroll 0 0 #60B4E0;
border: 1px solid #419FD0;
border-radius: 3px;
content: "";
height: 17px;
left: 0;
position: absolute;
top: 9px;
width: 17px;
z-index: 0;
}
ul.ul_check li:after {
position: absolute;
top: 9px;
left: 3px;
content: "";
width: 11px;
height: 4px;
border: transparent 4px solid;
border-left: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
z-index: 10;
}
p.point_p {
    border-bottom: 2px dotted #ccc;
    font-size: 19px;
    font-weight: bold;
    padding: 5px 5px 5px 7px;
    position: relative;
    text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff;
    z-index: 1;
}
p.point:before {
    background: none repeat scroll 0 0 #099360;
    border-radius: 50%;
    content: "";
    height: 35px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 3px;
    width: 35px;
    z-index: -1;
}
.number_p {
color: #444;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px;
    padding: 0 0 0 80px;
    text-indent: -80px;
}
.number {
  padding: 2px 6px 2px 6px;
border-radius: 5px;
background: #ED6C6C;
font-size: 23px;
color: #fff;
margin: 0 6px 0 0;
}
.merit01{
padding: 0px 6px 0px 6px;
border-radius: 5px;
background: #ED6C6C;
font-size: 20px;
color: #fff;
margin: 0 6px 0 0;
}
.merit02 {
padding: 0px 6px 0px 6px;
border-radius: 5px;
background: #82B8AC;
font-size: 20px;
color: #fff;
margin: 0 6px 0 0;
}
.arrow_box {
position: relative;
height: 40px;
width: 100%;
}
.arrow_box:before {
content: "";
position: absolute;
background: none;
top: 10px;
left: 0px;
height: 0;
border-top: dotted #ddd 2px;
width: 100%;
}
.arrow_box:after {
display: block;
content: "";
position: absolute;
top: 10px;
left: 50%;
margin: 0 0 0 -30px;
width: 0px;
height: 0px;
border: 30px solid transparent;
border-top: 16px solid  #ffe4e4;
}
table.table01 {
border-collapse: collapse;
background: #FFFFFF;
width: 100%;
}
table.table01 thead th {
padding: 1%;
font-weight: bold;
text-align: center;
border: solid 1px #fff;
background: #ED6C6C;
color: #fff;
}
.table01 th.tac{
	text-align:center;
}
table.table01 th {
background: none repeat scroll 0 0 #ffd9d9;
    border: 1px solid #fff;
    font-weight: bold;
    padding: 1%;
    text-align: left;
}
table.table01 td {
padding: 1%;
text-align:center;
border: 1px solid #ccc;
background: #fff;
}
.table02 .b_06_item {
border: none;
border-bottom: 1px solid #0f683d;
background: none;
width: 38%;
}
.table02 .b_06_content {
border: none;
border-bottom: 1px solid #ccc;
width: auto;
padding: 1%;
text-align: left;
}
table.table02 {
	border-collapse:collapse;
	background: none;
	width: 100%;	
}
table.table02 th {
	padding: 1%;
	font-weight: normal;
	text-align: left;
	border-bottom: solid 1px #0f683d;
	width: 38%;
	color: #105EA9;
	vertical-align: top;
}
table.table02 td {
	padding:1%;
	text-align: left;
	border-bottom: solid 1px #ccc;
}
.top_img01 {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.top_img01 a {
display: block;
max-width: 700px;
width: 100%;
margin: 0 auto;
}
/*==================content01,02(pc)==================*/

.top .contents01 {
background: url(/asset/top_bg01.png) no-repeat center 0px;
height: 780px;
position: relative;
width: 100%;
}
.tablet .contents01 {
height: 710px;
}
.top .contents01_in {
height: auto;
overflow: visible;
}
.top .contents01 .col_box .col_img {
width: 30%;
max-width: 300px;
margin: 0 3% 0 0;
box-sizing: border-box;
border: 2px solid #fff;
position: relative;
}
.top .contents01_inner_box {
height: auto;
top: 120px;
}
.top .contents01 .col_box .col_content {
display: block;
float: right;
width: 67%;
}
.top .contents01 .col_box .col_content p {
padding-bottom: 25px;
line-height: 1.5;
font-size: 16px;
}
.top .contents01 .col_box .col_content p.lead_txt {
border-left: 3px solid #0e673d;
    color: #0e673d;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 0 14px;
}
.top .contents01 .col_box .btn_style {
float: right;
width: auto;
padding: 0!important;
height: auto;
position: relative;
margin: 0px 0 0;
}
.top .contents01 .col_box .btn_style a {
display: block;
height: auto;
font-size: 18px;
line-height: 1.4;
margin: 15px auto;
padding: 10px 10px;
width: 260px;
background:#79bcae;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79bcae', endColorstr='#79bcae')";
border: 1px solid #57B9A3;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 4px;
color: #fff;
text-align: center;
text-decoration: none;
position: relative;
}
.top .contents01 .col_box .btn_style a:before {
border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 10px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 10px;
}
.top .contents01 .col_box .btn_style a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79bcae', endColorstr='#79bcae')";
}
.top .link_box02 {
background: #e8f1f7;
position: static;
bottom: 0;
height: auto;
}
.top .link_box02_in {
display: block;
width: 1000px;
height: auto;
margin: 0 auto;
}
.top .link_box02_in .lead_txt {
font-size: 18px;
height: auto;
line-height: 1.5em;
padding: 59px 0 0;
}
.top .link_box02_in .btn_style {
float: right;
height: auto;
margin: 0;
padding: 52px 0;
position: relative;
width: auto;
}
.top .link_box02_in .btn_style a {
display: block;
height: auto;
line-height: 1.4;
margin: 0;
padding: 10px;
width: 260px;
background:#84b7d2;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9fc9df', endColorstr='#9fc9df')";
box-shadow:none;
border: 1px solid #59ABD5;
border-radius: 4px;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
position: relative;
}
.top .link_box02_in .btn_style a:before {
border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 10px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 10px;
}
.top .link_box02_in .btn_style a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9fc9df', endColorstr='#9fc9df')";
}
.top .contents02_in {
    max-width: 1000px;
}
.top .contents02 .menu_box li a {
    height: 320px;
    margin: 0 0 7px;
}
.tablet .contents02 .menu_box li a {
height: auto;
margin: 0 0 7px;
}
.top .contents02 .menu_box li a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}


/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 1000px)
----------------------------------------------------------- */

@media screen and (max-width: 1000px) {
/* =====================================
11. full 1000px
===================================== */

.content_width_full.under .contents_block {
 margin: 0;
}
.content_width_full .parts {
 background: none;
}
/*==================追記(～1000px)==================*/
/*==================content01,02(～1000px)==================*/

.top .contents01_inner_box {
 /*top: 65px;*/
 
 position: static;
}
.top .contents01, .tablet .contents01 {
 height: auto;
 padding: 60px 0 30px;
}
.top .contents01 .col_box {
 margin: 0 0 50px;
}
.top .link_box02_in {
 width: auto;
 margin: 0 10px;
}
.top .contents02_in {
 margin: 0 auto;
 width: 90%;
}

.top .link_box02_in .btn_style {
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 30px;
    position: relative;
}
.top .link_box02_in .btn_style a {
  margin: 0 auto;
}
.top .link_box02_in .lead_txt {
float: none;
    margin: 0;
    padding: 30px 0 0;
    text-align: center;
}
.top .contents02 .menu_box li a {
 height: auto;
 margin: 0;
}
.top .contents01_in {
 margin: 0 10px;
}
}
/* ----------------------------------------------------------
■ @media screen and (max-width: 767px)
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
/* =====================================
3. bt 767px
===================================== */

.gnv_tmp_detail a {
 width: auto;
 margin: 0 auto;
 float: none;
}
/* =====================================
4. base template 767px
===================================== */

.text_box {
 float: right;
 width: 67%;
}
.b_11_2_in span img, .b_11 .b_11_in span img {
 margin: 0 1em 1em 0;
}
/* =====================================
9. other 767px
===================================== */
/* 9-1. before-after -------------------------- */

.ba_box {
 background: url(/asset/ba_ar_sp.png) no-repeat center 50%;
 margin: 0 auto 5em !important;
}
.ba_box div.column_l, .ba_box div.column_r {
 width: 100%;
 display: block;
}
.ba_box .column_l {
 margin-bottom: 2em!important;
}
.ba_box .column_r span {
 text-align: center;
}
/* =====================================
11. full 767px
===================================== */

.content_width_full .b_10.b_10_column3 div.column_blank, .content_width_full .b_11_2.b_11_2_column3 div.column_blank, .content_width_full .b_11.b_11_column3 div.column_blank, .content_width_full .b_11_3.b_11_3_column3 div.column_blank {
 display: block !important;
}
/* =====================================
13. singlebox 767px
===================================== */
/* 13-4. common column -------------------------- */

.singlebox2, .singlebox3, .singlebox4 {
 width: 100% !important;
 padding: 0;
}
.singlebox2 .b_11_2_in, .singlebox3 .b_11_2_in, .singlebox4 .b_11_2_in {
 padding: 5px;
}
.singlebox2 .b_11_2_in span img, .singlebox3 .b_11_2_in span img, .singlebox4 .b_11_2_in span img {
 margin: 0;
}
/*==================追記(～767px)==================*/
.mb_h3 {
 margin-bottom: 13px!important;
}
.mb_h4 {
 margin-bottom: 10px!important;
}
.mb_h5 {
 margin-bottom: 8px!important;
}
.mb01 {
 margin-bottom: 20px!important;
}
.mb02 {
 margin-bottom: 33px!important;
}
.mb03 {
 margin-bottom: 45px!important;
}
br.br01 {
 display: none;
}
table {
 font-size: 13px;
}
ul.ul01 li {
 display: block;
}
.b_11_2_in span img, .b_11 .b_11_in span img {
 margin: 0 0 10px;
 width: 100%;
 float:none;
}
#news h2, h2.titleBg, .static #content h2.titleBg, .gnv_tmp_h3_bg h3, .blog #content .contentArea h3 {
 font-size: 19px;
}
ul.ul_check {
 display: inline-block;
}
.number_p {
 font-size: 17px;
 line-height: 1.8;
 margin: 0;
}
.top_img01 a {
 width: 90%;
}
.text_box {
 width: 100%;
}
/*==================content01,02(～767px)==================*/
.top .contents01 {
 padding: 60px 0 10px;
}
.top .contents01_inner_box {
 padding: 0px 0 0;
 position: static;
}
.top .contents01 .col_box {
 margin-bottom: 55px;
}
/*.top .contents01 img {
 float: none;
}
.top .contents01 .col_box .col_img {
 float: none;
 margin: 0 auto 12px;
 max-width: 400px;
 padding: 3px;
 width: 100%;
}
.top .contents01 .col_box .col_content {
 display: block;
 float: none;
 margin: 0 auto;
 width: 75%;
}
.top .contents01 .col_box .col_content p.lead_txt {
 text-align: center;
}
.top .contents01 .col_box .btn_style {
 float: none;
 margin: 0 auto;
 padding: 0 !important;
 width: auto;
}
.top .contents01 .col_box .btn_style a {
 margin: 0 auto;
 font-size: 16px;
 width: 250px;
}*/
.top .link_box02 {
 position: static;
 padding: 5px 0;
}
.top .link_box02_in .lead_txt {
 float: none;
 margin: 0;
 font-size: 15px;
 padding: 11px;
 text-align: center;
}
.top .link_box02_in .btn_style {
 float: none;
 margin: 0;
 padding: 0 0 20px 0;
}
.top .link_box02_in .btn_style a {
 width: 250px;
}
.top .link_box02_in .btn_style a {
 margin: 0 auto;
 font-size: 16px;
}
.top .contents02 .menu_box li {
 display: block;
 float: none;
 margin: 0 auto 30px;
 width: 80%;
}
.gnv_tmp_width_1000 {
 width: 96%;
}

.top .contents01 img {
  float: none;
  width: 100%;
}
.top .contents01 .col_box .col_content {
  width: 100%!important;
}
.top .contents01 .col_box .col_img {
  width: 100%;
  max-width: 300px;
  float: none;
  display: block;
  margin: 0 auto 10px;
}
.top .contents01 .col_box .btn_style {
  float: none;
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 640px)
----------------------------------------------------------- */

@media screen and (max-width: 640px) {
/*==================その他(～640px)==================*/
/*==================見出し(～640px)==================*/
/*==================content01,02(～640px)==================*/

.top .contents01 .col_box .col_content p.lead_txt {
 font-size: 20px;
}
/*==================content下層(～640px)==================*/
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 600px)
----------------------------------------------------------- */

@media screen and (max-width: 600px) {
/* =====================================
10. MAP 600px
===================================== */

.gnv_tmp_map {
 position: relative;
 padding-bottom: 80%;
 /* これが縦横比 */
 
 height: 0;
 overflow: hidden;
 margin-left: 15px;
 margin-right: 15px;
}
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 560px)
----------------------------------------------------------- */

@media screen and (max-width: 560px) {
/*==================その他(～560px)==================*/
/*==================見出し(～560px)==================*/
/*==================content01,02(～560px)==================*/
.top .contents02 .menu_box li {
 width: 100%;
}
/*==================content下層(～560px)==================*/
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 480px)
----------------------------------------------------------- */

@media screen and (max-width: 480px) {
/*==================その他(～480px)==================*/
/*==================見出し(～480px)==================*/
/*==================content01,02(～480px)==================*/
.top .contents01 .col_box .btn_style a {
 font-size: 16px;
 box-sizing:border-box;
 width: 100%;
}
.top .contents01 .col_box .btn_style {
    width: 100%;
}
/*==================content下層(～480px)==================*/
.text_01, .text_02 {
 font-size: 20px;
}
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 420px)
----------------------------------------------------------- */

@media screen and (max-width: 420px) {
/*==================その他(～420px)==================*/
/*==================見出し(～420px)==================*/
/*==================content01,02(～420px)==================*/
.top .contents01 .col_box .col_content p.lead_txt {
 font-size: 19px;
}
/*==================content下層(～420px)==================*/
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 360px)
----------------------------------------------------------- */

@media screen and (max-width: 360px) {
/*==================その他(～360px)==================*/
/*==================見出し(～360px)==================*/
/*==================content01,02(～360px)==================*/

.top .contents01 .col_box .btn_style a {
 padding: 5px 10px;
}
.top .link_box02_in .btn_style a {
 padding: 5px 10px;
}
/*==================content下層(～360px)==================*/
}
/* --------------------------------------------------------------------------------------------------------------------
■ @media screen and (max-width: 320px)
----------------------------------------------------------- */

@media screen and (max-width: 320px) {
/*==================その他(～320px)==================*/
/*==================見出し(～320px)==================*/
/*==================content01,02(～320px)==================*/
/*==================content下層(～480px)==================*/
}
/* --------------------------------------------------------------------------------------------------------------------
■ TELタグ設定
----------------------------------------------------------- */
a[href^="tel:"] {
    pointer-events: none;
}
@media screen and (max-width: 1000px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}