@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 150%;
    -webkit-text-size-adjust: none;
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
}
img {
    vertical-align: middle;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
a {
    color: #4d4d4d;
}
a:hover, a:active {
    color: #4d4d4d;
}
a:visited {
}
ul {
}
li {
}
dl {
}
dt {
}
dd {
}
table {
    width: 100%
}
th, td {
}
th {
}
td {
}
p {
    margin: 0 0 1.3em;
}
div > p:last-child {
    margin-bottom: 0
}
.section {
    padding: 0 0 45px;
}
.section .section {
    padding: 0 0 30px;
}
.image_l {
    float: left;
    margin: 0 30px 10px 0;
}
.image_r {
    float: right;
    margin: 0 0 10px 30px;
}
.image_mid {
    display: block;
    margin: 0 auto 15px;
    text-align: center
}
.f_right{
	float: right;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {
    background: none;
}
body {
    color: #4d4d4d;
}
#wrapper {
    min-width: 1200px;
    overflow: hidden
}
.inner {
    width: 1080px;
    margin: 0 auto;
}
a {
    text-decoration: none
}
img {
    max-width: 100%
}
.pdb30 {
    padding: 0 0 30px
}
.fs_12 {
    font-size: 12px;
}
p, dd, dt, li, th, td {
    line-height: 2.1em;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header{position:relative;z-index:5}
#header_bg{background:url(../images/head_bg.jpg) top center no-repeat;background-size:cover;position:relative;z-index:2}
#header h1{font-size:11px;color:#4d4d4d}
#header #head_info .head_top h1{float:left;width:calc(100% - 200px);font-size:11px;line-height:1.5em;margin-top:10px}
#header #head_info .head_top .resize{float:right}
#header #head_info .head_top .resize p{display:flex;align-items:center;font-size:12px}
#header #head_info .head_top .resize p a{background:#bfbfbf;color:#fff;text-align:center;border-radius:0 0 5px 0;width:40px;font-size:13px;padding:3px 0;cursor:pointer}
#header #head_info .head_top .resize p a:first-child{border-radius:0 0 0 5px;margin-left:15px}
#header #head_info .head_top .resize p a.fontResizerSelected{background:#e5e5e5;color:gray}
#header #head_info .head_ct #logo{float:left}
#header #head_info .head_ct .date{float:right;margin-top:15px}
#header #head_info .head_ct .date p{font-size:13px;line-height:1.2em;margin-bottom:0}
#header #head_info .head_ct .date p span{display:inline-block;vertical-align:top}
#header #head_info .head_ct .date p span:first-child{color:#a18134;font-size:12px;margin-right:5px}
#header #head_info .head_ct .tel{float:right;margin-top:15px;text-align:right;width:250px}
#header #head_info .head_ct .tel p{line-height:1em;font-size:13px;margin-bottom:10px;position:relative}
#header #head_info .head_ct .tel p:first-child{color:#202d5d;font-size:30px;margin-bottom:5px}
#header #head_info .head_ct .tel p:last-child{letter-spacing:1px}
#header #head_info .head_ct .tel img{display:inline-block;vertical-align:middle;margin-bottom:5px;margin-right:-5px}
#header #head_info .head_ct .tel a{color:#202d5d}

#gnavi{position:relative;z-index:2}
#gnavi ul li{width:calc((100% / 7) - 1px);float:left;box-sizing:border-box;position:relative;padding:0 0 15px}
#gnavi ul li:last-child a{border-right:1px solid #4d4d4d}
#gnavi ul li a{display:block;text-align:center;letter-spacing:.2em;line-height:1em;cursor:pointer;border-left:1px solid #4d4d4d;box-sizing:border-box}
#gnavi ul li a:hover,#gnavi ul li.sub:hover a{color:#a18134}
#gnavi ul li .sub_nav{position:absolute;top:100%;left:-155px;width:1080px;opacity:0;visibility:hidden;transition:all ease .3s;height:0}
#gnavi ul li.sub:hover .sub_nav{top:100%;opacity:1;visibility:visible;height:auto}
#gnavi ul li .sub_nav li{width:25%;float:left;padding:0}
#gnavi ul li .sub_nav li a{display:block;background:#a18134;color:#fff;text-align:center;padding:15px 5px;border-top:1px solid #fff;font-size:14px;border-left:none;line-height:1.5em;border-right:1px solid #fff}
#gnavi ul li.sub:hover ul li a{color:#fff}
#gnavi ul li.sub ul li a:hover{color:#fff;opacity:.9;text-decoration:none}
#gnavi ul li .sub_nav li:nth-child(4n + 4) a,#gnavi ul li .sub_nav li:last-child a{
   /* border-right:none */
}

#gnavi_sub{position:relative;height:0;display:none}
#gnavi_sub.fixed{position:fixed;top:0;left:0;right:0;z-index:9999999;height:auto;animation:scrolltop 1s;animation-iteration-count:1;width:100%;padding:10px 15px;box-sizing:border-box;background:url(../images/head_bg.jpg) top center no-repeat;background-size:cover;display:block;background:#ffff}
#gnavi_sub .logo_sub{width:200px;margin:0;float:left}
#gnavi_sub .tel{line-height:1;margin-left:10px}
#gnavi_sub .tel a,#gnavi_sub .tel a:hover{display:block;position:relative;color:#202d5d;font-size:26px;border-left:none;letter-spacing:0;padding:0;font-family:Meiryo,arial,clean,verdana,'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,sans-serif;width:205px}
#gnavi_sub .tel img{display:inline-block;vertical-align:middle;margin-right:-5px;margin-bottom:5px}
#gnavi_sub ul{text-align:center;width:998px;margin:0;float:right;display:flex;justify-content:center;align-items:center}
#gnavi_sub ul li a{display:block;text-align:center;letter-spacing:.2em;line-height:1.5em;box-sizing:border-box;border-left:1px solid #4d4d4d;padding:0 15px}
#gnavi_sub ul li:last-child a{border-right:none}
#gnavi_sub ul li:first-child a{border-left:none}
#gnavi_sub ul li.sub:hover a,#gnavi_sub ul li a:hover{color:#a18134}
#gnavi_sub ul li.sub{position:relative}
#gnavi_sub ul li .sub_nav{position:absolute;top:100%;left:-165px;width:970px;opacity:0;visibility:hidden;transition:all ease .3s;z-index:9999;display:block;padding-top:21px}
#gnavi_sub ul li.sub:hover .sub_nav{top:100%;opacity:1;visibility:visible}
#gnavi_sub ul li .sub_nav li{width:25%;float:left;padding:0}
#gnavi_sub ul li .sub_nav li a{display:block;background:#a18134;color:#fff;text-align:center;padding:15px 5px;border-top:1px solid #fff;font-size:14px;border-right:1px solid #fff;border-left:none;text-decoration:none}
#gnavi_sub ul li .sub_nav li a:hover{color:#fff;opacity:.9;text-decoration:none}
#gnavi_sub ul li.sub:hover ul li a{color:#fff}
#gnavi_sub ul li.sub ul li a:hover{color:#fff;opacity:.9;text-decoration:none}

#gnavi ul li .sub_nav li:nth-child(4n + 4) a,#gnavi_sub ul li .sub_nav li:last-child a{
   /* border-right:none */

}

#slider{margin-bottom:105px;position:relative}
#slider .slider_list {}
#slider .slider_list li{}

#slider .slider_form{}
#slider .slider_col{float:left;}
#slider .slider_col_1{width: 18.25%}
#slider .slider_col_2{width: 63.5%;position: relative}
#slider .slider_col_2 .slide_bn{position: absolute;bottom: 35px;right: 15px;width: 25%;z-index: 5}

#slider .slider_col_3{width: 18.25%}

#slider .slider_col ul{width: 100%;float:left;}
#slider .slide_sp{}
#slider .slide_sp p{margin: 30px auto 0;}

#slider .slider_ic {display: block;text-align: center;position: absolute;bottom: -66px;left: 0;width: 100%;}
#slider .slider_ic p {display: inline-block;width: 120px;height: 120px;background: #fff;margin: 0 20px;border-radius: 50%;vertical-align: top;border: 1px solid #ab8d35;}
#slider .slider_ic p span {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #ab8d35;font-size: 16px;line-height: 1.37em;}
/*==========================================================================*/
/*                               Footer                                     */
/*==========================================================================*/
#footer{position:relative;z-index:3}
#footer #footer_top{background:#f4f4f7;padding:75px 0 85px}
#footer #footer_top .inner{display: flex;justify-content: space-between;}
#footer #footer_info{width:520px}
#footer #footer_info #logo_foot{margin-bottom:30px}
#footer #footer_info #logo_foot span{font-size:13px;box-sizing:border-box;border:1px solid #a18134;color:#a18134;width:110px;text-align:center;display:inline-block;padding:9px 0 8px;top:24px;border-radius:2px;right:33px;position:absolute}
#footer #footer_info p{line-height:1em;font-size:13px;margin-bottom:10px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝B",serif;}
#footer #footer_info .tel a{color:#202d5d;font-size:32px;margin-bottom:25px;text-decoration:none}
#footer #footer_info .tel + p,#footer #footer_info .cal + p{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝B",serif}
#footer #footer_info .tel img{display:inline-block;vertical-align:middle;margin-bottom:5px;margin-right:-5px}
#footer #footer_info .cal{margin-bottom:10px}
#footer #footer_info p:last-child{position:relative;margin-bottom: 0}
#footer #footer_info p:last-child span.icon{color:#202d5d}
#footer #footer_info p.right span.cal_note{font-family:Meiryo,arial,clean,verdana,'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,sans-serif}

.box_news{background: url('../images/box_news_bg.jpg') center no-repeat;background-size: cover;padding: 40px 0}
.box_news .ttl{position:relative;border-bottom:1px solid #999;padding-bottom:7px;margin-bottom:30px}
.box_news .ttl span{color:#1b2a65;font-size:22px}
.box_news .ttl span span{color:#a18134;font-size:11px;display:inline-block;margin-left:10px;font-family:Meiryo,arial,clean,verdana,'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,sans-serif}
.box_news .ttl a{position:absolute;bottom:7px;right:0;font-size:13px}
.box_news .ttl a:hover{text-decoration:underline}
.box_news h3{text-align: center;}

#load_blog{padding:35px 28px;}
.list_news{background:rgba(255,255,255,0.7);height:240px;box-sizing:border-box;margin-top: 15px;}
.list_news dl{margin-bottom:20px;float:left;width:100%}
.list_news dl:last-child{margin-bottom:0}
.list_news dt{color:#989898;float:left;width:110px}
.list_news dd{float:left;width:calc(100% - 110px);line-height:1.7}
.list_news dd a{color:#202d5d}
.list_news dd a:hover{text-decoration:underline}
.list_news_sp{padding:35px 20px;background:rgba(255,255,255,0.7);height:190px;overflow:auto}
.list_news_sp dl{margin-bottom:20px;float:left;width:100%}
.list_news_sp dl:last-child{margin-bottom:0}
.list_news_sp dt{color:#989898;float:left;width:110px}
.list_news_sp dd{float:left;width:calc(calc(100% - 150px));line-height:1.7}
.list_news_sp dd a{color:#202d5d}
.list_news_sp dd a:hover{text-decoration:underline}

#footer #footer_map{height: 390px;width: calc(100% - 550px)}
#footer #footer_map iframe{width:100%;height:100%;border:none;}

#footer #footer_bot{padding:45px 0 55px}
#footer .footer_link{float:left;width:37%}
#footer .footer_link:last-child{width:63%}
#footer .footer_link:last-child ul li{width:33%}
#footer .footer_link.full{width:100%;margin-bottom:15px}
#footer .footer_link p{color:#fff;margin-bottom:0;font-size:14px;line-height:1.7em;letter-spacing:.01em}
#footer .footer_link ul{margin-right:0;float:left;width:100%}
#footer .footer_link ul li{position:relative;padding-left:15px;box-sizing:border-box;color:#fff;float:left;width:50%}
#footer .footer_link ul li.f_tnr{font-size:14px;letter-spacing:.01em}
#footer .footer_link ul li:before{position:absolute;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #fff;content:'';z-index:2;position:absolute;top:12px;left:0}
#footer .footer_link ul li a{display:inline-block;color:#fff}
#footer .footer_link ul li a:hover{text-decoration:underline}
#footer .footer_link ul li:last-child{margin-bottom:0}

#footer address{text-align:center;padding:24px;font-size:12px}

#btn_top{position:fixed;right:50px;bottom:70px;z-index:9;height:60px;width:60px;cursor:pointer;margin-bottom:0;text-align:center;color:#fff;padding-top:23px;box-sizing:border-box}
#btn_top::before{position:absolute;background:url(../images/totop_bg.png) center top no-repeat;background-size:12px auto;width:12px;height:7px;top:12px;left:calc(50% - 6px);content:''}
#btn_top:hover{background:#bba869}
/*==========================================================================*/
/*                               MAIN                                       */
/*==========================================================================*/
.fs_20 {
    font-size: 20px;
}

.btn {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.btn a {
    position: relative;
    text-align: center;
    color: #fff;
    width: 320px;
    padding: 15px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
}
.btn a:before {
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #fff;
    content: '';
    z-index: 2;
}
.btn a:hover {
    opacity: 0.8;
}
.bg_gra {
    background: -moz-linear-gradient(0deg, #ab8d35 0%, #ac8e36 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ab8d35), color-stop(100%, #ac8e36));
    background: -webkit-linear-gradient(0deg, #ab8d35 0%, #ac8e36 100%);
    background: -o-linear-gradient(0deg, #ab8d35 0%, #ac8e36 100%);
    background: -ms-linear-gradient(0deg, #ab8d35 0%, #ac8e36 100%);
    background: linear-gradient(90deg, #ab8d35 0%, #ac8e36 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49a5d', endColorstr='#bba56c', GradientType=1 );
}
.bg_gra_f {
    background: -moz-linear-gradient(0deg, #b49a5d 0%, #bba56c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b49a5d), color-stop(100%, #bba56c));
    background: -webkit-linear-gradient(0deg, #b49a5d 0%, #bba56c 100%);
    background: -o-linear-gradient(0deg, #b49a5d 0%, #bba56c 100%);
    background: -ms-linear-gradient(0deg, #b49a5d 0%, #bba56c 100%);
    background: linear-gradient(90deg, #b49a5d 0%, #bba56c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49a5d', endColorstr='#bba56c', GradientType=1 );
}
.bg_gra:hover {
}
/* FONT REMIX  */
.f_ntl {font-family: 'NotoSansCJKjp-Light';}

.f_ntr, #id_box03 .box03_ct ul li,
#id_box04 .box04_item .txt span,
.btn a {font-family: 'NotoSansCJKjp-Regular';}

.slider_ic p span,
.f_ntm {font-family: 'NotoSansCJKjp-Medium';}

#gnavi ul li a,
#gnavi_sub ul li a,
#gnavi_sp ul li a,
#header #head_info .head_ct .tel p:last-child,
#slider .slider_list dt h2,
#slider .slider_list dt h3,
#index h3,
#id_box01 .ttl,
.box01_cal .box01_cal_ct p:last-child,
#id_box02 .box02_item .ttl,
#id_box05 .box05_bn .ttl,
.box05_bnn .box05_ttl p {font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝B",serif;}

#id_box03 .box03_ct ul li p a,
.box_news .list_news dd a,
.box_news .list_news_sp dd a {font-family: 'NotoSansCJKjp-DemiLight';}

.f_tnr,
#btn_top,
#header #head_info .head_ct .date p span:first-child,
#slider .slider_list dt h2 span,
#slider .slider_list dt h3 span,
#id_box01 .ttl span,
.box05_bnn .box05_ttl .en,
#index h3 span,
.box_news .ttl span,
#footer .footer_link p {font-family: 'NotoSerifCJKjp-Regular';font-weight: bold;}

#id_box01 .box01_map .ttl a {font-family: Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;letter-spacing: 0.5px;font-weight:normal;border-radius: 2px;}
/*==========================================================================*/
/*                               Main                                       */
/*==========================================================================*/

#index h3{font-size:300%;color:#202d5d;line-height:1.5em}
#index h3 span{color:#a18134;text-align:center;display:block;margin-bottom:10px;line-height:1em;font-size:50%}
#id_box01{padding-bottom:45px}
#id_box01 .ttl{position:relative;font-size:240%;border-bottom:1px solid #999;padding-bottom:2px;margin-bottom:30px;font-weight:700;letter-spacing:3px}
#id_box01 .ttl span{font-size:50%;display:inline-block;margin-left:0;color:#202d5d;font-weight:400;letter-spacing:.5px}
#id_box01 .ttl a{position:absolute;right:0;top:10px;font-size:54%;color:#a18134;border:1px solid #a18134;padding:8px 17px;line-height:1em}
#id_box01 .box01_map{float:left;width:520px;position:relative}
#id_box01 .box01_map p{margin-bottom:0}
#id_box01 .box01_map .ttl{margin-bottom:30px;font-weight:700}
#id_box01 .box01_map .map{height:199px}
#id_box01 .box01_map .map iframe{width:100%;height:100%}
#id_box01 .box01_map .btn{position:absolute;bottom:0;left:0;width:100%}
#id_box01 .box01_map .btn a{width:100%;padding:8px 20px;opacity:.9}
#id_box01 .box01_map .btn a:hover{opacity:.9}

.box01_cal{float:right;width:520px}
.box01_cal .box01_cal_ct p{line-height:1em;font-size:13px;margin-bottom:10px;position:relative;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝B",serif}
.box01_cal .box01_cal_ct p span:first-child{font-size:14px;color:#202d5d}
.box01_cal .box01_cal_ct p span:last-child{position:absolute;right:0;font-family:Meiryo,arial,clean,verdana,'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,sans-serif}
.box01_cal .box01_cal_ct .tel{margin-bottom:26px}
.box01_cal .box01_cal_ct .tel a{color:#202d5d;font-size:32px;margin-bottom:25px;font-family:Meiryo,arial,clean,verdana,'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,sans-serif}
.box01_cal .box01_cal_ct .tel img{display:inline-block;vertical-align:middle;margin-bottom:5px;margin-right:-5px}
.box01_cal .box01_cal_ct .cal{margin-bottom:12px}

#id_box02{background:#faf9f5;padding-top:55px}
#id_box02 h3{text-align:center;color:#4d4d4d;margin-bottom:50px;font-weight:700}
#id_box02 h3 span{margin-bottom:15px}
#id_box02 h3 a{color:#202d5d}
#id_box02 .box02_ct{background:url(../images/box04_bg_ic.png) repeat;padding:100px 0 70px}
#id_box02 .box02_ct .btn a{width:340px;padding:20px 15px}
#id_box02 .box02_list{display:flex;justify-content:space-between;flex-flow:row wrap}
#id_box02 .box02_item{float:left;width:520px;background:#fff;position:relative;padding-top:35px;margin-bottom:90px;display:flex;flex-direction:column}
#id_box02 .box02_item p{margin-bottom:0;padding:0 25px}
#id_box02 .box02_item .label{position:absolute;top:-38px;left:0;padding:0}
#id_box02 .box02_item .ttl{color:#202d5d;font-size:23px;margin-bottom:15px;line-height:1.5em;font-weight:700}
#id_box02 .box02_item .ttl span{color:#4d4d4d}
#id_box02 .box02_item .txt{line-height:1.8em;margin-bottom:35px}
#id_box02 .box02_item .img{padding:0;margin-top:auto}
#id_box02 .box02_item:nth-child(2n + 2){float:right}
#id_box02 .box02_item:nth-child(3),#id_box02 .box02_item:nth-child(4){margin-bottom:55px}

#id_box03{background:url(../images/box03_bg.jpg) center no-repeat;background-size:cover;padding:70px 0 50px}
#id_box03 h3{text-align:center;margin-bottom:50px;font-weight:700}
#id_box03 .box03_ct ul{text-align:center;display:block;width:1020px;margin:0 auto}
#id_box03 .box03_ct ul li{width:240px;height:230px;border:1px solid #a18134;background:#fff;margin-right:20px;float:left;margin-bottom:20px;position:relative;box-sizing:border-box;padding:35px 0 0}
#id_box03 .box03_ct ul li::before{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #b49a5d;content:''}
#id_box03 .box03_ct ul li::after{background:rgba(255,255,255,0.4);position:absolute;top:0;left:0;width:100%;height:100%;content:'';display:none}
#id_box03 .box03_ct ul li:nth-child(4n + 4){margin-right:0;width:230px;float:right}
#id_box03 .box03_ct ul li p{margin-bottom:17px;line-height:1.5em}
#id_box03 .box03_ct ul li .txt{margin-bottom:12px;font-size:15px;color:#666}
#id_box03 .box03_ct ul li p a{font-size:18px;color:#a18134;padding-top:17px;position:relative;display:block}
#id_box03 .box03_ct ul li p a::before{width:180px;height:1px;border-top:1px dotted #9a9a9a;position:absolute;top:-1px;left:calc(50% - 90px);content:''}
#id_box03 .box03_ct ul li p:last-child{margin-bottom:0}
#id_box03 .box03_ct ul li:hover{cursor:pointer;border-color:#cab365}
#id_box03 .box03_ct ul li:hover p{color:#7e7e7e}
#id_box03 .box03_ct ul li:hover p a{color:#cab365}
#id_box03 .box03_ct ul li:hover::before{border-color:transparent transparent #cab365}

#id_box04{background:-moz-linear-gradient(0deg,rgba(75,120,183,0.05) 0%,rgba(38,86,166,0.05) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(75,120,183,0.05)),color-stop(100%,rgba(38,86,166,0.05)));background:-webkit-linear-gradient(0deg,rgba(75,120,183,0.05) 0%,rgba(38,86,166,0.05) 100%);background:-o-linear-gradient(0deg,rgba(75,120,183,0.05) 0%,rgba(38,86,166,0.05) 100%);background:-ms-linear-gradient(0deg,rgba(75,120,183,0.05) 0%,rgba(38,86,166,0.05) 100%);background:linear-gradient(90deg,rgba(75,120,183,0.05) 0%,rgba(38,86,166,0.05) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b78b7',endColorstr='#2656a6',GradientType=1);position:relative;padding:70px 0}
#id_box04::before{background:url(../images/box04_bg_ic.png) repeat;width:100%;height:50%;position:absolute;top:50%;left:0;content:'';z-index:-1}
#id_box04 h3{text-align:center;margin-bottom:50px;color:#4d4d4d;font-weight:700}
#id_box04 h3 a{color:#202d5d}
#id_box04 .box04_item{float:left;width:520px;box-sizing:border-box;position:relative}
#id_box04 .box04_item:last-child{float:right}
#id_box04 .box04_item p{margin-bottom:0;font-size:16px}
#id_box04 .box04_item .txt{position:absolute;bottom:0;width:100%;left:0;opacity:.8;border-bottom:2px solid #b39e66;cursor:pointer}
#id_box04 .box04_item .txt a{
	float:left;
	width:50%;
	position:relative;
	z-index:1;
	text-align: center;
	padding: 0 0 0 10px;
	height: 60px;
	box-sizing: border-box;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
}
#id_box04 .box04_item .txt span::after{width:0;height:0;border-style:solid;border-width:61px 20px 0 0;border-color:#fff transparent transparent;z-index:2;position:absolute;top:0;right:-20px;content:'';z-index:2}
#id_box04 .box04_item .txt span{
	background: #fff;
	float: left;
	width: 50%;
	padding: 0 0 0 10px;
	z-index: 2;
	position: relative;
	height: 60px;
	box-sizing: border-box;
	line-height: 1.4;
	display: flex;
	align-items: center;
	text-align: left;
	letter-spacing: 1px;
}
#id_box04 .box04_item .txt:hover{opacity:.9}
#id_box04 .box04_item .txt:hover span{color:#000}
#id_box04 .box04_item .txt a:hover{opacity:1}

#id_box05{margin-bottom:0}
#id_box05 .box05_ct{background:url(../images/box05_bg.jpg) center no-repeat;background-size:cover;padding:95px 0 90px}
#id_box05 .box05_ct h3{margin-bottom:25px;font-weight:700}
#id_box05 .box05_ct .box05_txt{width:100%}
#id_box05 .box05_ct .box05_txt p{margin-bottom:45px}
#id_box05 .box05_ct .box05_txt p a{color:#202d5d;text-decoration:underline}
#id_box05 .box05_ct .box05_txt .btn a{color:#fff;text-decoration:none}
#id_box05 .box05_ct .box05_txt p a:hover{text-decoration:none}
#id_box05 .box05_ct .box05_txt p:last-child{margin-bottom:0}
#id_box05 .box05_scroll{background:url('../images/box05_bg_sc.png') center left repeat-x;background-size:cover;height:180px}

.box05_bnn{margin: 50px auto 50px;position:relative}
.box05_bnn .box05_bnn_ct{background:url('../images/box05_bg_bnn.png') center left no-repeat #fcfbf9;border-bottom:1px solid #a18134;min-height:240px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding-left:50%}
.box05_bnn .box05_ttl{width:100%;margin-top:-1px}
.box05_bnn .box05_ttl .en{color:#4d4d4d;border-bottom:1px dotted #838280;font-size:290%;padding-bottom:2px;margin-bottom:15px;width:50%;text-align:left}
.box05_bnn .box05_ttl p{font-size:170%;line-height:2em;color:#333;font-weight:700;text-align:center}
.box05_bnn .box05_ttl p .color{color:#202d5d}
.box05_bnn .box05_ttl p .fx{font-size:18px;display:block}
.box05_bnn .box05_ttl p .fx .color{font-size:24px;display:inline-block}
.box05_bnn .box05_ttl p .fxl{font-size:18px;display:block}
.box05_bnn .box05_ttl p .fxl .color{font-size:27px;display:inline-block}
.box05_bnn .box05_txt{width:100%;margin-top:45px;display:none}
.box05_bnn .box05_btn{margin-top:20px}
.box05_bnn .box05_btn .btn a{padding:9px;width:100%}
.box05_bnn .box05_btn .btn a::after{width:0;height:0;border-style:solid;border-width: 0 0 50px 15px;border-color: transparent transparent #ab8d35 transparent;z-index:2;position:absolute;top:0;left:-15px;content:'';

}

/* MOZZILLA CSS */
@-moz-document url-prefix() {
}

/* IE STUPID CSS */
@media screen\0 {
}

/* EDGE 12+ CSS */
@supports (-ms-ime-align:auto) {
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*Effect                                                                  */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@-webkit-keyframes scrolltop {
 0% {
transform:translateY(-80px);
opacity:0;
transition:ease-in-out;
}
 100% {
transform:translateY(0);
opacity:1;
}
}
@-moz-keyframes scrolltop {
 0% {
transform:translateY(-80px);
opacity:0;
transition:ease-in-out;
}
 100% {
transform:translateY(0);
opacity:1;
}
}
 @keyframes scrolltop {
 0% {
transform:translateY(-80px);
transform-origin:center;
opacity:0;
transition:ease-in-out;
}
 100% {
transform:translateY(0);
opacity:1;
}
}



/*We are the strongest team. 写真*/
.idx_photo_flex{
    width:100%;
    display: flex;
}
.idx_photo_section{
    max-width: 1080px;
    margin: 0 auto 15px auto;
}
.idx_readcopy_section{
    max-width: 300px;
    margin: 0 auto 15px auto;
}

.imglist
{
	display: flex;
	margin: 20px 0;
	justify-content: center;
	align-items: center;
}

.imglist li
{
	margin: 5px;
}

.imglist li img
{
	max-width: 100%;
	width: 100%;

}

.txt_red { color: #FF0004;}
@media screen and (max-width: 640px){
.idx_photo_flex{
    flex-wrap: wrap;
}
.idx_photo_section{
    margin-top: 15PX;
}
.idx_photo_flex li{
    width: 25%;
}
}


.oshirase{
	border: 3px solid #ff0000;
	padding: 15px;
	text-align: center;
	max-width:1050px;
	margin: 30px auto 30px auto;
}
.oshirase span{
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}

.description01{
	background: #E7E6E6;
	color: #404040;
   padding: 15px;
   margin: 15px;
   margin-top: 50px;
}

.strong{
	font-weight: bold;
}

#mouthguard h4.t-left{
   text-align: left;
}

.list02 {
	margin-left: 25px;
   margin-bottom: 20px;
}
.list02 li {
	position: relative;
	padding-left: 15px;
	list-style: none;
	color: #404040;
	font-weight: bold;
	padding-left: 25px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.list02 li:before {
	left: 0;
	top: 8px;
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: #002060;
}

.box-table {
	box-sizing: border-box;
}
.box-table th {
	box-sizing: border-box;
	width: 30%;
}
.box-table td {
	box-sizing: border-box;
	width: 70%;
}
.box-table.style01 th {
	background: #4f81bd;
	color: white;
	border: none;
}
.box-table.style01 td {
	background: #e9edf4;
	border: none;
}
.box-table.style02 th {
	background: #8eb4e3;
	color: white;
	border: none;
}
.box-table.style02 td {
	background: #e7ecf4;
	border: none;
	padding: 0;
}
.box-table.style02 ul {
	width: 100%;
}
.box-table.style02 .t01 {
	background: #c3d7f0;
	text-align: center;
	padding: 5px;
}
.box-table.style02 li {
	border: 1px solid white;
	border-top: 0;
	padding: 10px;
}
.box-table.style02 li:last-child {
	border-bottom: none;
}
.img-list {
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	box-sizing: border-box;
	justify-content: space-between;
}
.img-list.row2 li {
	width: calc( 50% - 10px);
	margin-right: 20px;
	margin-bottom: 20px;
}
.img-list.row2 li:nth-child(2n) {
	margin-right: 0;
}



@media screen and (max-width: 640px) {
	.box-table tr {
		display: flex;
		flex-flow: column nowrap;
	}
	.box-table th,
	.box-table td {
		width: 100%;
	}
	.box-table.style01 td {
		margin-top: 1px;
	}
	.box-table.style02 li {
		border-left: 0;
		border-right: 0;
	}
	.box-table.style02 li:first-child {
		border-top: 1px solid white;
	}

   .img-list.row2 li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

#gnavi ul li .sub_nav li,
#gnavi_sub ul li .sub_nav li{
	width: 300px;
}

#gnavi ul li .sub_nav li:nth-child(3n) a,
#gnavi ul li .sub_nav li:nth-child(3n) a,
#gnavi_sub ul li .sub_nav li:nth-child(3n) a{
	border-right: none;
}


#index .h3_sup span {
	display: block;
	text-align: left;
	font-size: 70%;
	line-height: 24px;
	color: #202d5d;
}

#index .h3_sup {
	font-size: 25px;
	text-align: left;
	color: #ab8d35
}


.br_break {
	display: none;
}

@media screen and (max-width: 530px) {
	.br_break {
		display: block;
	}
}

.box_boss01 dd{
	display: none;
}
@media screen and (min-width: 641px) {
	.box_boss01 {
		display: flex;
	}

	.box_boss01 dt{
		width: 100%;
		padding-bottom: 50px;
	}

	.box_boss01 dd{
		width: 455px;
		display: flex;
		align-items: flex-end;
	}

	#id_box05 .box05_ct h3.fix_fz_sup {
		font-size: 35px;
		line-height: 40px;
		text-align: center
	}

	#id_box05 .box05_ct h3.fix_fz_sup span{
		line-height: 40px;
		text-align: center
	}

	#id_box05 .box05_ct .box05_txt p {
		margin-bottom: 22px;
	}
	#id_box05 .box05_ct {
		padding: 50px 0 0 0;
		background: url(../images/box05_bg.jpg) center right -260px no-repeat;
		background-size: cover;
	}




}

/*タブコンテンツ全体の要素*/
.tab_content{
  width: 100%;
  margin: 0 auto 50px;
}

/*タブ部分の基本設定*/
.tab_list{
  display: flex;
  justify-content: left;
	gap: 0 2px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", serif;
	color: #202d5d;
	font-size: 110%;
}

.tab_item{
  width: calc(200px - 2px);
  background-color: #ddd;
  position: relative;
  bottom: -1px;
}

.tab_item label{
  padding: 8px 0;
  display: block;
  cursor: pointer;
  text-align: center;
}

/*チェックが入ったときのタブ部分の指定*/
#item1:checked ~ .tab_list .tab_item1,
#item2:checked ~ .tab_list .tab_item2,
#item3:checked ~ .tab_list .tab_item3,
#item4:checked ~ .tab_list .tab_item4{
  background-color: #fff;
  border: solid 1px #202d5d;
  border-bottom-color: #fff;
  z-index: 2;
}

#item1:checked ~ .tab_list .tab_item1 label,
#item2:checked ~ .tab_list .tab_item2 label,
#item3:checked ~ .tab_list .tab_item3 label,
#item4:checked ~ .tab_list .tab_item4 label{
  cursor: auto;
}

/*コンテンツ部分の基本設定*/
.content_wrap{
  width: 100%;
}

.content{
  position: relative;
  z-index: 1;
  padding: 20px 0;
  display: none;
  background-color: #fff;
  border-top: solid 1px #202d5d;
}

/*チェックが入ったときのコンテンツ部分の指定*/
#item1:checked ~ .content_wrap .content1,
#item2:checked ~ .content_wrap .content2,
#item3:checked ~ .content_wrap .content3,
#item4:checked ~ .content_wrap .content4{
  display: block;
}

.radio_btn { display: none; }

.box_ba01 {
	position: relative;
    background: #e6e5e1;
    padding: 25px;
	margin-bottom: 20px;
}

.box_2col {
	justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.box_ba01:before {
	content: '';
    position: absolute;
    left: 50%;
    top: calc(50% + 15px);
    transform: translate(-50%, -50%);
    border-top: solid 30px transparent;
    border-bottom: solid 30px transparent;
    border-left: solid 20px #ccc;
}

.box_ba01 .box_col {
	width: calc(50% - 50px);
  }

.box_ba01 > div:first-child:before,
.box_ba01 > div:last-child:before{
	display: block;
    font-size: 19px;
    margin-bottom: 5px;
    font-weight: 600;
}

.box_ba01 > div:first-child:before{
	content: 'Before';
}
.box_ba01 > div:last-child:before{
	content: 'After';
}

/* table { width: 100%; }

table th, table td { line-height: 24px; border: solid 1px #ccdbe2; box-sizing: border-box; padding: 10px 15px 8px; }

table th { background: #004b6c; font-weight: 600; color: #fff; }

table td { background: #fff; } */
.be_af_box{
   display: flex;
   margin-bottom: 20px;
}
.be_af_box dl{
    width: 50%;
    display: flex;
    flex-direction: column;
    border: 1px solid #c2c2c2;
}
.be_af_box dl.af_box{
    border-left: none;
}
.be_af_box dl dt{
    background: #d6d9e3;
    color: #333333;
    text-align: center;
    font-weight: bold;
    padding: 10px;
	font-size: 13px;
}
.be_af_box dl dd{
    padding: 15px;
}
.title_mincho{
    font-size: 28px;
    line-height: 1.5 !important;
    text-align: center;
    color: #202d5d;
    font-family: 'NotoSerifCJKjp-Regular';
    font-weight: bold;
}

.youtube {
  width: 95%;
	max-width: 1080px;
  aspect-ratio: 16 / 9;
	text-align: center;
	padding: 30px 10px;
	border-top: solid 1px #c69b19;
	margin: 50px auto 0;
}
.youtube iframe {
	max-width: 800px;
	max-height: 450px;
	width: 100%;
	height: 100%;
}



.sp_br {
	display: none;
}

.idx_photo_section.mb50{
    margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
.idx_photo_section.mb50{
    margin-bottom: 0;
}
}

/* 2025.08.04 追記 */
.font-small {
	font-size: 120%;
}

/* 2026.05.01 追記 */
.idx_recruit_textlink {
	line-height: 1.7;
	text-align: center;
	margin-block: -20px 40px;
	position: relative;
	z-index: 6;
}
.idx_recruit_textlink a {
	color: #ab8d35;
	text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media screen and (max-width: 640px) {
	.idx_recruit_textlink {
		margin-block: 15px 26px;
	}
}

/* 2026.09.11 追記 */
#top-insta-embed {
	margin: 40px auto 0;
}
@media screen and (max-width: 640px) {
	#top-insta-embed {
		display: flex;
		justify-content: center;
		width: 640px !important;
		max-width: 100%;
		margin: 30px auto 0;
	}
}
#gnavi_sp {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.3s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    left: -100%;
	z-index: 99999999
}
#gnavi_sp.active {
    opacity: 1;
    visibility: visible;
    left: 0;
	
}
#gnavi_sp ul {
    padding: 0;
    box-sizing: border-box;
}
#gnavi_sp ul li {
    border-bottom: 1px solid #fff;
    position: relative
}
#gnavi_sp ul li a {
    color: #fff;
    padding: 0 15px;
    background: #202d5d;
    line-height: 50px;
    text-decoration: none;
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}
/*#gnavi_sp ul li a:before {
    background: url('../images/ic_arr_w.png') center no-repeat;
    background-size: cover;
    width: 9px;
    height: 14px;
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    right: 13px;
}
#gnavi_sp ul li.gnavi_sub_sp a:before {
    position: absolute;
    width: 16px;
    height: 2px;
    top: 25px;
    right: 10px;
    border: none;
    content: '';
    background: #fff
}
#gnavi_sp ul li.gnavi_sub_sp a:after {
    position: absolute;
    width: 2px;
    height: 16px;
    top: 18px;
    right: 17px;
    border: none;
    content: '';
    background: #fff;
    display: block;
    transition: all ease 0.3s
}
#gnavi_sp ul li.gnavi_sub_sp a.disable:after {
    transform: rotate(90deg)
}*/
#gnavi_sp ul li.gnavi_sub_sp {
}
#gnavi_sp ul li.gnavi_sub_sp ul {
    width: 100%;
    /*display: none;*/
    padding: 0;
    background: #fff;
}
#gnavi_sp ul li.gnavi_sub_sp ul.open {
    display: block;
}
#gnavi_sp ul li.gnavi_sub_sp ul li {
    background: none;
    padding: 0;
    border-top: 1px solid #a18134;
    border-bottom: none;
}
#gnavi_sp ul li.gnavi_sub_sp ul li a {
    color: #000;
    background: #fff;
}
#gnavi_sp ul li.gnavi_sub_sp ul li a:before, #gnavi_sp ul li.gnavi_sub_sp ul li a:after {
    /*display: none;*/
}
#gnavi_sp ul li.gnavi_sub_sp ul li a img {
    margin-right: 15px;
    max-width: 10px
}
#gnavi_sp ul li.fa {
    text-align: center;
    border-bottom-color: #a18134;
}
#gnavi_sp ul li.fa a {
    color: #202d5d;
    background: #cab365;
}
#gnavi_sp ul li.fa a img {
    display: inline-block;
    max-width: 12px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 4px;
}
#gnavi_sp ul li.fa a:before {
    /*display: none;*/
}
.gnavi_fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}
.btn_tel {
    float: right;
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0
}
.btn_tel a {
    display: block;
	
}
.btn_tel a img {
	border-radius: 2px;
}
.btn_open {
    display: none;
    position: relative;
    box-sizing: border-box;
    width: 40px;
    float: right;
    margin-top: 0;
}
.btn_open p {
    color: #202d5d;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 1em;
}
.btn_side {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 26px;
    text-align: center;
    z-index: 9999;
    position: relative;
    margin: 0px auto 0
}
.btn_side span {
    display: block;
    position: absolute;
    height: 4px;
    width: 18px;
    background: #202d5d;
    opacity: 1;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.btn_side span:nth-child(even) {
    left: 50%;
}
.btn_side span:nth-child(odd) {
    left: calc(50% - 17px);
}
.btn_side span:nth-child(1), .btn_side span:nth-child(2) {
    top: 0px;
}
.btn_side span:nth-child(3), .btn_side span:nth-child(4) {
    top: 9px;
}
.btn_side span:nth-child(5), .btn_side span:nth-child(6) {
    top: 18px;
}
.btn_side.open span:nth-child(1), .btn_side.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_side.open span:nth-child(2), .btn_side.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_side.open span:nth-child(1) {
    left: 2px;
    top: 2px;
}
.btn_side.open span:nth-child(2) {
    left: 14px;
    top: 2px;
}
.btn_side.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}
.btn_side.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}
.btn_side.open span:nth-child(5) {
    left: 2px;
    top: 14px;
}
.btn_side.open span:nth-child(6) {
    left: 14px;
    top: 14px;
}
/* responsive */
.box_sp640, .box_sp560, .box_sp480, .box_sp420, .box_sp360, .box_sp320, .slick-slide img.box_sp, .box_sp {
    display: none;
}
.slick-slide img.box_pc, .box_pc {
    display: block;
}

@media (min-width:641px) and (max-width: 1255px) {
#gnavi_sub {
    min-width: 1255px;
}
#gnavi_sub ul {
    width: calc(100% - 300px);
}
#gnavi_sub ul li a {
    padding: 0 10px;
    letter-spacing: 0;
    font-size: 15px;
}
#gnavi_sub .tel {
    margin-left: 10px;
}
#gnavi_sub .tel a {
}
}

@media (min-width:641px) and (max-width: 1024px) {
#wrapper {
    min-width: 1200px
}
#id_box01 h3,  #id_box01 .box01_txt p {
    text-shadow: #fff 1px 0px 0px, #fff 0.540302px 0.841471px 0px, #fff -0.416147px 0.909297px 0px, #fff -0.989992px 0.14112px 0px, #fff -0.653644px -0.756802px 0px, #fff 0.283662px -0.958924px 0px, #fff 0.96017px -0.279415px 0px;
}
}

@media screen and (max-width: 640px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 14px ;
}
.under #top_info.implant {
	background: url(../images/under_implant_bg_sp.jpg) center no-repeat !important;
}
#wrapper,  #header,  #main,  #footer,  .inner {
    width: 100% !important;
    min-width: inherit !important;
}
#footer {
    margin-bottom: 60px;
}
.inner {
    box-sizing: border-box;
    padding: 0 15px;
}
.box_sp640,  .box_sp,  .btn_open,  .slick-slide img.box_sp,  .fct_btn {
    display: block;
}
.slick-slide img.box_pc,  .box_pc {
    display: none;
}
#wrapper {
    margin: 0
}
#btn_top,  #gnavi,  #gnavi_sub,  #gnavi_fix {
    display: none !important;
}
#btn_top {
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 90px;
    display: none;
    text-align: center;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
	#header{
		background: #fff
	}
#header #header_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 90px;
	z-index: 99999999;
	background: #fff
}
#header #head_info .head_top h1 {
    width: 100%;
	height: 25px;
	font-size: 11px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	flex: none;
	margin: 5px 0;
	line-height: 1.2

}
#header #head_info .head_ct #logo {
    /*width: 200px;*/
    width: 245px;
}
#slider {
    margin-bottom: 30px;
	margin-top: 90px;
}
#slider .slick-list {
    overflow: inherit;
}
#slider .slider_list dt {
    padding-bottom: 0;
    top: inherit;
    bottom: -80px;
    height: auto;
}
#slider .slider_list dt h2,  #slider .slider_list dt h3 {

    margin-bottom: 0;
		width: 90vw;
		padding: 25px 2%;
		font-size: 20px;
		box-sizing: border-box
	}
#slider .slider_ic {
    position: relative;
    bottom: inherit;
    left: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 2%;
    flex-wrap: nowrap;
}
#slider .slider_ic p {
    margin: 0;
}
#slider .slider_ic p span {
    font-size: 14px;
}
	


/*==========================================================================*/
/*                               Footer                                     */
/*==========================================================================*/

#footer address {
    font-size: 11px;
    padding: 15px 3%
}
#footer #footer_top {
    padding: 30px 0;
}
#footer #footer_info {
    width: 100%;
}
#footer #footer_info #logo_foot span {
    display: none;
}
#footer #footer_info #logo_foot,  #footer #footer_info .tel {
    margin-bottom: 15px;
}
#footer #footer_info p:last-child {
    margin-bottom: 0;
}
#footer #footer_info p:last-child span {
    position: relative;
    right: inherit;
    display: block;
    margin-top: 10px;
}

.box_news{padding: 30px 0}
.list_news{
    height: 220px;
    padding-left: 8px;
}
#load_blog{padding: 20px 0;}
#footer #footer_news {
    width: 100%;
    margin-top: 30px;
}
#footer #footer_news .ttl {
    margin-bottom: 15px;
}
#footer #footer_news .list_news {
    padding: 0;
    height: 280px;
    border-bottom: 1px solid #cbcbcb;
}

#footer #footer_news .list_news dl {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cbcbcb;
}
#footer #footer_news .list_news dl:last-child {
    border-bottom: none;
}

#footer #footer_top .inner{flex-wrap: wrap;}
#footer #footer_map{width: 100%;margin-top: 30px;}

#id_box01 .box01_map .ttl a{
	top: 0;
	font-family: Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;
	border-radius: 2px;
	padding: 8px 12px;
}
/*==========================================================================*/
/*                               Main                                     */
/* ========================================================================== */
.btn a {
    font-size: 14px;
    max-width: 100%;
	padding: 8px
}
.btn a::before {
    display: none
}
#id_box04 .box04_item .txt a {
    padding: 14px 0 13px
}
#index h3 {
    font-size: 22px;
}
#id_box01 {
    padding-bottom: 0px;
	margin-top: 10px;
}
#id_box01 .ttl,  #id_box01 .box01_map .ttl {
    font-size: 20px;
    margin-bottom: 15px;
}
	#id_box01 .ttl a{
		top: 0
	}
#id_box01 .box01_map,
.box01_cal {
    width: 100%;
    float: left;
}
#id_box01 .box01_map {
    margin-bottom: 0px;
}
#footer #footer_info .tel,
.box01_cal .box01_cal_ct .tel {
    font-size: 28px;
}

.box01_cal{padding: 0 15px;margin: 30px auto;box-sizing: border-box;}
.box01_cal .box01_cal_ct p:last-child {
    margin-bottom: 0;
}
.box01_cal .box01_cal_ct p span:last-child {
    display: block;
    position: relative;
    right: inherit;
    margin-top: 10px
}
#id_box02 {
    padding-top: 15px;
}
#id_box02 h3 {
    margin-bottom: 30px;
}
#id_box02 .box02_item,  #id_box02 .box02_item:nth-child(3) {
    margin-bottom: 70px;
    width: 100%;
}
#id_box02 .box02_item .img img {
    width: 100%;
}
#id_box02 .box02_item .ttl {
    font-size: 20px;
}
#id_box02 .box02_item .txt {
    margin-bottom: 15px;
}
#id_box02 .box02_item:nth-child(4) {
    margin-bottom: 30px;
}
#id_box02 .box02_ct {
    padding: 70px 0 30px
}
	#id_box02 .box02_ct .btn a{
		line-height: 1.3;
		width: 300px;
		padding: 12px 10px;
	}
	#id_box02 .box02_ct .btn a .box_sp{
		line-height: 0
	}
#id_box03 {
    padding: 50px 0 30px;
    background: url('../images/box03_bg_sp.jpg') top center no-repeat;
    background-size: cover;
}
#id_box03 h3 {
    margin-bottom: 30px;
}
#id_box03 .box03_ct ul {
    width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
	#id_box03 .box03_ct ul li p:last-child{
		margin-top: auto;
	}
#id_box03 .box03_ct ul li,  #id_box03 .box03_ct ul li:nth-child(4n + 4) {
    width: 49%;
	height: auto;
	padding: 15px 5px;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	display: flex;
	flex-direction: column
}
#id_box03 .box03_ct ul li p a::before {
    width: 80%;
    left: 0;
	right: 0;
	margin: auto auto
}

	#id_box03 .box03_ct ul li p a{
		font-size: 17px;
	}
	#id_box03 .box03_ct ul li .txt{
		font-size: 15px;
	}
#id_box04 {
    padding: 30px 0;
    margin-bottom: 30px;
}
#id_box04:before {
    top: 25%;
    height: 75%;
}
#id_box04 h3 {
    color: #202d5d;
    margin-bottom: 30px;
}
#id_box04 .box04_item {
    width: 100%;
    margin-bottom: 30px;
}
#id_box04 .box04_item:last-child {
    margin-bottom: 0;
}
#id_box04 .box04_item p {
    font-size: 15px;
}
#id_box04 .box04_item p img {
    width: 100%;
}
#id_box04 .box04_item .txt span {
    padding: 10px 10px 9px;
    line-height: 1.3em;
}
#id_box05 {
    margin-bottom: 30px;
}
#id_box05 .box05_ct {
    background: none;
    padding: 15px 0
}
#id_box05 .box05_ct .box05_txt {
    width: 100%;
    margin-top: 30px;
}
#id_box05 .box05_ct h3 {
    margin-bottom: 15px;
}
#id_box05 .box05_ct .box05_txt p {
    margin-bottom: 30px;
}
.box05_bnn {
    margin: 30px 0 0;
}
.box05_bnn .inner {
    padding: 0
}
.box05_bnn .box05_bnn_ct{
		position: relative;
		background: none;
		z-index: 0;
		border: none;
        justify-content: flex-start;
        padding-left: 0;
		min-height: inherit;
	}
.box05_bnn .box05_ttl p{text-align: left;}
.box05_bnn .box05_bnn_ct:before {
	position: absolute;
	content: "";
	opacity: 0.4;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
    background: -moz-linear-gradient(0deg, #f2f2f3 0%, #f2f2f3 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f2f2f3), color-stop(100%, #f2f2f3)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #f2f2f3 0%, #f2f2f3 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #f2f2f3 0%, #f2f2f3 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #f2f2f3 0%, #f2f2f3 100%); /* ie10+ */
    background: linear-gradient(90deg, #f2f2f3 0%, #f2f2f3 100%); /* w3c */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f3', endColorstr='#f2f2f3', GradientType=1 ); /* ie6-9 */;
	z-index: -1
}

.box05_bnn .box05_btn .btn a::after{border-width: 0 0 47px 15px}

.box05_bnn .box05_ttl {
    background: url('../images/box05_bg_bnn2.png') center left no-repeat;
    background-size: auto 100%;
    background-position: left 13px center;
    width: 102%;
    margin: 0px;
    box-sizing: border-box;
    padding: 0px 10px 0px 27px
}
.box05_bnn .box05_ttl .en,  .box05_bnn .box05_ttl p {
    font-size: 27px;
	text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff;
}
.box05_bnn .box05_ttl p .fx {
    font-size: 16px;
}
.box05_bnn .box05_ttl p .fx .color {
    font-size: 19px;
}
.box05_bnn .box05_ttl p .fxl {
    font-size: 16px;
}
.box05_bnn .box05_ttl p .fxl .color {
    font-size: 22px;
}
.box05_bnn .box05_txt {
    width: 100%;
    margin: 0;
    padding: 30px 15px 0;
    box-sizing: border-box;
}
.box05_bnn .box05_btn {
    width: 100%;
    margin: 0 auto;
	float: none;
	display: flex;
	justify-content: center;
}
	.box05_bnn .box05_btn .btn {
		width: 80%;
		margin-top: 20px;
	}
.box05_bnn .box05_btn .btn a {
    width: 100%;
	box-sizing: border-box;
	height: 47px;
}
	.box05_bnn .box05_btn .btn a:before{
		display: none
	}
	#footer #footer_news #load_blog{
		padding: 10px 0
	}
	#id_box01 .box01_map .btn, #footer #footer_map_sp .ft_map .btn{
		position: relative;
		bottom: 0
	}
	.f_right{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px!important;
	}

	.f_right img{
		width: inherit;
		max-width: 100%;

	}

.imglist
	{
		flex-wrap: wrap;

	}
	
.imglist li
	{
		width: 100%;
		
	}
	
	.imglist li img { max-width: 100%;}
    .title_mincho {
        font-size: 19px;}


    .fixed_bnr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        z-index: 4;
        transition: all ease .4s;
        opacity: 0;
        visibility: hidden;
    }
    
    .fixed_bnr.active {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }
    
    .fixed_bnr li {
        width: calc(100% / 2);
        height: 60px;
        text-align: center;
        background: #202d5d;
    }
    
    .fixed_bnr li:first-child {
        border-right: 1px solid #9f9f9f;
        background: #a08133;
    }
    
    .fixed_bnr li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: #fff;
    }
    
    .fixed_bnr li a span {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 30px;
        box-sizing: border-box;
        font-weight: bold;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", serif;
    }
    
    .fixed_bnr li a span.num {
        font-size: 17px;
        font-weight: bold;
    }
    
    .fixed_bnr li a span.num::before {
        content: '';
        background: url(../images/icon_tel_sp.png) no-repeat;
        background-size: cover;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .fixed_bnr li a span.txt {
        font-size: 16px;
    }
    
    .fixed_bnr li a span.txt::before {
        content: '';
        background: url(../images/icon_web_sp.png) no-repeat;
        background-size: cover;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 560px) {
.box_sp560 {
    display: block;
}

}
@media screen and (max-width: 510px) {
#slider .slider_ic p {
	width: 110px;
	height: 110px;
}
}
@media screen and (max-width: 480px) {
.box_sp480 {
    display: block;
}
.box05_bnn .box05_ttl {

}
#slider .slider_ic p {
    width: 90px;
    height: 90px;
}
#slider .slider_ic p span {
    font-size: 12px;
}
	#slider .slider_list dt h2, #slider .slider_list dt h3{
		font-size: 4.2vw;

	}
}
@media screen and (max-width: 475px) {
	#id_box03 .box03_ct ul li .txt{
		font-size: 3.6vw
	}
}
@media screen and (max-width: 420px) {
.box_sp640 {
    display: none;
}
.box_sp420 {
    display: block
}

.btn_open,  .btn_tel {
    margin-top: 0;
}
#slider {
    margin-bottom: 0;
}

	#slider .slider_ic p{
		width: 80px;
		height: 80px;
	}
	#slider .slider_ic p span{
		font-size: 11px;
	}
#slider .slider_ic{margin-top: 15px;}

}
@media screen and (max-width: 385px) {
	#id_box05 .box05_ct h3{
		font-size: 5.7vw
	}
    .fixed_bnr li a span.num {
        font-size: 17px;
    }
    .fixed_bnr li a span.txt {
        font-size: 16px;
    }
    .fixed_bnr li a span.num::before {
        top: 10px;
    }
    .fixed_bnr li a span.txt::before {
        top: 10px;
    }
}
@media screen and (max-width: 380px) {
#footer #footer_news .list_news_sp dt,  #footer #footer_news .list_news_sp dd {
    width: 94%;
}

.box05_bnn .box05_ttl {
    background: url('../images/box05_bg_bnn2.png') center left no-repeat;
    background-size: auto 95%;
    background-position: left 2px center;
}
}

@media screen and (max-width: 360px) {
.box_sp360 {
    display: block
}
#header #head_info .head_ct #logo{
    width: 200px;
}
#index #id_box04 h3 {
    font-size: 19px;
}
}
@media screen and (max-width: 350px) {
#slider .slider_ic p{
		width: 72px;
		height: 72px;
	}
	#slider .slider_ic p span{
		font-size: 3vw
	}
}
@media screen and (max-width: 340px) {
	.box05_bnn .box05_ttl p{
		letter-spacing: 0;
		font-size: 16px;
	}
	#id_box02 h3{
		font-size: 6.5vw
	}


}