@charset "utf-8";
/* CSS Document */

/* resetcss */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
     /*font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;*/
   font-family:"メイリオ",Meiryo,"メイリオ",Meiryo,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 160%;
    color: #515151;
}

/*フォント系*/

h2 {
    font-size: 45px;
}

h3 {
    font-size: 38px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bkimg img {
	width: 100%;
}

a {
    text-decoration: none;
    color: #515151;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
}

/*メインビジュアル切り取り*/
.home-main .inner {
  overflow: hidden;
}
.home-main .inner .uk-slideshow {
    position: absolute !important;
    top: 0;
}
.home-main .inner .uk-slidenav-position:after {
    display: block;
    content: "";
    padding-top: 48%;
}
.home-main .inner .slide li div img {
    min-width: 1200px !important;
}
@media only screen and (max-width: 599px) {
 .home-main .inner .uk-slidenav-position:after {
    display: block;
    content: "";
    padding-top: 75%;
} 
}


/*トランスフォーム親*/

.tfm_p {
    position: relative;
}

/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}

/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}
.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {
	img {
		max-width: 100% !important;
		height: auto !important;
	}
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
    }
    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

/* [data-element-id] .fead-mv {
    opacity: 1;
}
.fead-mv {
  opacity: 0;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
}
.mv {
  opacity: 1;
} */

.circle-logo {
    -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    -ms-animation: spin 8s linear infinite;
    -o-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}
.inner:hover .circle-logo {
    animation-play-state: paused;
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

#wrapper{
    width: 100%;
	max-width:100%;
	overflow:hidden;
}
.w10{
	max-width:1000px;
	margin:0 auto;
	width:95%;
}
#header{
	width:100%;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	background:rgba(255,255,255,0.9);
	overflow:hidden;
}
#header .inner{
	padding:18px 0 0 0;
}
[data-element-id] #header h1 {
    padding-left: 16%;
    padding-top: 5px;
    display: block;
    text-indent: inherit;
    font-size: 14px;
}
#header h1{
	font-size:1px;
	line-height:1;
	height:1px;
	margin-top:-1px;
	text-indent:-9999px;
}
#header ul{
	letter-spacing:-5px;
	padding:12px 1.5% 0 0;
	text-align:center;
	max-width:52%;
}
#header li{
	display:inline-block !important;
	letter-spacing:0;
	font-size:16px;
	padding:0 15px;
}
#header li a{
	color:#757168;
}
#header .right p{
	display:inline-block !important;
	vertical-align:middle;
	line-height:110%;
}
#header .right dl{
	display:inline-block !important;
	vertical-align:middle;
}
#header .right dt{
	font-size:26px;
	line-height:110%;
}
#header .right dt a{
	color:#757168;
}
#header .right dd{
	text-align:right;
	color:#757168;
	line-height:110%;
}
#header .right{
	padding:0 0 20px 0;
	width:250px;
}
#header .logo{
	padding:0 0.83% 7px 0.83%;
	width:17.5%;
}
#header .logo img{
  height: 60px !important;
}
@media only screen and (max-width: 1024px) {
	#gnav{
		display:none;
	}
#header {
    height: auto;
}
	#wrapper{
		padding-top:0;
	}
#header .logo {
    max-width: 190px;
    width: 30%;
    padding-top: 9px;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
#header .right {
    padding: 10px 0 20px 10px;
    width: 70%;
    box-sizing: border-box;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}
	#header .inner{
		max-width:95%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 599px){
#header {
    position: absolute;
}
#header .inner {
    padding-top: 10px;
    padding-right: 44px;
}
#header .logo {
    padding-top: 13px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 0px;
}
#header .right p {
    max-width: 18px;
}
#header .right dt {
    font-size: 18px;
}
#header .right dd {
    font-size: 10px;
}
}
#footer {
    background: #f5f4f4;
}
#footer .footnav{
	text-align:center;
	padding:15px 0 35px 0;
}
#footer .footnav ul{
	text-align:center;
}
#footer .footnav li{
	display:inline-block !important;
	font-size:20px;
	padding:0 25px 8px 25px;
	
}
#footer .footnav li a{
	color:#415f81;
}
#footer .copy dt{
	text-align:center;
	padding:0 0 30px 0;
}
#footer .copy dd{
	text-align:center;
	padding-bottom:15px;
}

.totop{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:99;
}
@media only screen and (max-width: 1024px) {
	#footer .footnav li{
		font-size:16px;
		padding-left:1.5%;
		padding-right:1.5%;
	}
	.totop{
		width:50px;
	}
}

#snav{
	display:none;
}
@media only screen and (max-width: 1024px){
	#snav{
		display:block;
    position: fixed;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
	background:none;
    -webkit-transform: translateX(200px);
transform: translateX(200px);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    padding:0;
	z-index:101;
	border:none;
	padding-bottom:0;
	opacity:1;
	
    }
	.grass {
		opacity:1;
	}
	
	
	#snav ul{
		float:none;
		width:auto;
		text-align:left;
		display:block !important;
		padding:0;
	}
	

	#snav .nb{
		display:block;
		position:absolute;
		width:38px;
		height:38px;
		top:0;
		left:-44px;
		border:1px solid #fff;
		background:#415f81;
		cursor:pointer;
		opacity:0.8;
		margin:2px;
		box-shadow:0px 0px 0px 2px #415f81;
-moz-box-shadow:0px 0px 0px 2px #415f81;
-webkit-box-shadow:0px 0px 0px 2px #415f81;
	}

	#snav li{
		float:none;
		width:auto;
		border-bottom:1px dotted #cacad9;
		padding:0;
		margin-top:0;
		display:block !important;
	}
	#snav ul li a{
		height:auto;
		display:block !important;
		padding:8px 0 8px 10px;
		font-size:14px;
		line-height:160%;
		color:#000;
	}
	#snav ul li a strong{
		display:block;
		font-size:14px;
		font-family:Arial Narrow,Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:left;
	}
	
	
	
	#snav.action{
		-webkit-transform:translateX(0px);
        transform:translateX(0px);
	}
	#snav p span.n{
    display: block;
    background: #fff;
    height: 2px;
    width: 26px;
    text-indent: -9999px;
    padding: 0;
    top: 50%;
    left: 6px;
    margin-top: -1px;
    position: absolute;
    }
	#snav p span.n:before{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: -8px;
    left: 0;
    }
	#snav p span.n:after{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
    }
	#snav.action p span.n{
	 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
		  -webkit-transition:ease .10s;
         transition:ease .10s;
	}
	#snav.action p span.n:after,#snav.action p span.n:before{
		 -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
		 top:0;
		 left:0;
	}
	#snav .inner{
		width:auto;
		height: 100%;
		overflow-y: auto;
		background: #FFF;
		padding:0;
	}
	
	.overlay:after{
		content:"";
		width:100%;
		height:100%;
		background:#000;
		position:fixed;
		top:0;
		left:0;
		opacity:0.3;
		z-index:99;
	}
	
}
.xbtm{
	display:none;
}

[data-element-id] #snav{
      margin: 50px 0;
		display:block;
    position: relative;
    top: 0;
    right: 0;
    width:100%;
    height: 100%;
	background:none;
    -webkit-transform: translateX(50px);
transform: translateX(50px);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    padding:0;
	z-index:101;
	border:none;
	padding-bottom:0;
	opacity:1;
	
    }
	.grass {
		opacity:1;
	}
	
	
[data-element-id] #snav ul{
		float:none;
		width:auto;
		text-align:left;
		display:block !important;
		padding:0;
	}
	

[data-element-id] #snav .nb{
		display:block;
		position:absolute;
		width:38px;
		height:38px;
		top:0;
		left:-44px;
		border:1px solid #fff;
		background:#415f81;
		cursor:pointer;
		opacity:0.8;
		margin:2px;
		box-shadow:0px 0px 0px 2px #415f81;
-moz-box-shadow:0px 0px 0px 2px #415f81;
-webkit-box-shadow:0px 0px 0px 2px #415f81;
	}

[data-element-id] #snav li{
		float:none;
		width:auto;
		border-bottom:1px dotted #cacad9;
		padding:0;
		margin-top:0;
		display:block !important;
	}
[data-element-id] #snav ul li a{
		height:auto;
		display:block !important;
		padding:8px 0 8px 10px;
		font-size:14px;
		line-height:160%;
		color:#000;
	}
[data-element-id] #snav ul li a strong{
		display:block;
		font-size:14px;
		font-family:Arial Narrow,Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:left;
	}
	
	
	
[data-element-id] #snav.action{
    -webkit-transform: translateX(50px);
transform: translateX(50px);
	}
[data-element-id] #snav p span.n{
    display: block;
    background: #fff;
    height: 2px;
    width: 26px;
    text-indent: -9999px;
    padding: 0;
    top: 50%;
    left: 6px;
    margin-top: -1px;
    position: absolute;
    }
[data-element-id] #snav p span.n:before{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: -8px;
    left: 0;
    }
[data-element-id] #snav p span.n:after{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
    }
[data-element-id] #snav.action p span.n{
	 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
		  -webkit-transition:ease .10s;
         transition:ease .10s;
	}
[data-element-id] #snav.action p span.n:after,#snav.action p span.n:before{
		 -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
		 top:0;
		 left:0;
	}
[data-element-id] #snav .inner{
		width:auto;
		height: 100%;
		overflow-y: auto;
		background: #FFF;
		padding:0;
	}
	
[data-element-id] .overlay:after{
		content:"";
		width:100%;
		height:100%;
		background:#000;
		position:fixed;
		top:0;
		left:0;
		opacity:0.3;
		z-index:99;
	}
	


@media only screen and (max-width: 599px) {
	.xbtm{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		position:fixed;
		width:100%;
		height:auto;
		bottom:0;
		left:0;
		background:rgba(255,255,255,0.9);
		padding:5px 0;
	}
	.xbtm li{
		width:50%;
		box-sizing:border-box;
		padding:0 2.5%;
		text-align:center;
	}
	.xbtm li.tel{
		padding-left:0;
		font-weight:bold;
	}
	.xbtm li.tel img{
		width:15px;
		vertical-align:middle;
		margin-right:4px;
		margin-top:-5px;
	}
	.xbtm li.tel{
		font-size:15px;
	}
	.xbtm li.tel a{
	color:#415f81;
	}
	.xbtm li.book a{
		background:#4a6277;
		display:block;
		color:#fff;
		border-radius:5px;
		padding:2px 0;
	}
	.totop{
		bottom:40px;
		right:5px;
	}
}
/*下層共通*/
#main{

}

.subimg img {
    width: 100% !important;
    height: auto !important;
}
.subimg {
	position:relative;
	margin-bottom:80px;
}
.subimg .bk{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.main-btm img{
	width:100%;
	height:auto;
	padding-bottom:0;
	margin-bottom:0;
}

.footinfo{
	padding:15px 0 0 0;
	position:relative;
}

.footinfo li{
	font-size:18px;
	color:#415f81;
	padding:0 30px 18px 30px;
}

.footinfo .tel{
	text-align:center;
	font-size:80px;
}
.footinfo .tel a{
	color:#415f81;
}
.footinfo .tel img{
	vertical-align:middle;
	margin-top:-20px;
	margin-right:18px;
}
.footinfo .cpon{
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.footsns li{
	padding:0 2px 5px 2px;
}
.h3s{
	text-align:center;
	font-family: 'Dokdo', cursive;
	color:#757168;
	font-size:40px;
	line-height:120%;
	font-weight:normal;
}
.h3s img{
	vertical-align:middle;
	margin-top:-10px;
	margin-right:12px;
}
.ac{
	font-size:1px;
	line-height:1;
	height:1px;
	margin-top:-1px;
	position:relative;
}
.ac a{
	position:absolute;
	top:-85px;
}
@media only screen and (max-width: 1024px){
  .subimg {
    padding-top: 90px;
}

	.footinfo li{
		font-size:14px;
	}
	.footinfo .tel{
		font-size:40px;
	}
	.footinfo .tel img{
		width:30px;
		margin-top:-10px;
		margin-right:5px;
	}
	.footinfo .cpon{
		position:relative;
		top:auto;
		right:auto;
		transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	text-align:center;
	padding-bottom:20px;
	}
	.h3s{
		font-size:28px;
	}
	.h3s img{
		margin-right:5px;
	}
	.ac a{
		top:0;
	}
}
@media only screen and (max-width: 599px) {
  .subimg {
    padding-top: 74px;
}

	.footinfo .tel{
		font-size:30px;
	}
	.footinfo li{
		width:100%;
		padding-left:0;
		padding-right:0;
		padding-bottom:10px;
		font-size:12px;
		text-align:center;
	}
}

/*information*/

.information1 h3{
	text-align:left;
	padding:0 0 20px 0;
}
.information1 p{
	padding:0 0 25px 0;
}
.information1{
	padding-bottom:80px;
}

.information2 h3{
	padding-bottom:85px;
}
.information2 .pic{
	float:left;
	width:50%;
}
.information2 .pic img {
    width: 100% !important;
    height: auto !important;
}
.information2 .pic .w {
    display: inline-block !important;
    width: 130%;
}
.information2 .tbox{
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-right:2.5%;
}
.information2 .tbox .inn{
	max-width:500px;
	width:100%;
	background:#415f81;
	box-sizing:border-box;
	margin:60px 0 60px 0;
	padding:45px 0;
}
.information2 .tbox .inn .table{
	margin:0 5% 0 5%;
	position:relative;
}
.information2 .tbox .inn .table:before{
	content:"";
	height:95%;
	width:1px;
	background:#fff;
	position:absolute;
	left:76px;
	top:50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.information2  dt{
	float:left;
	color:#fff;
}
.information2  dd{
	padding:0 0 0 105px;
	color:#fff;
}
.information2  dd a{
	color:#fff;
}
.information2 dl+dl{
	padding-top:20px;
	
}
.information2{
	padding-bottom:60px;
}
@media only screen and (max-width: 599px) {
	.information2 .pic{
		float:none;
	}
	.information2 .tbox{
		float:none;
		width:auto;
		margin-left:2.5%;
	}
	.information2 .tbox .inn{
		margin-top:30px;
		max-width:none;
		margin-bottom:0;
	}
}


/*concept*/

.concept1 h2{
	padding-bottom:50px;
}

.concept1 h3{
	text-align:center;
	color:#415f81;
	padding:0 0 30px 0;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.concept1 p{
	text-align:center;
	padding:0 0 20px 0;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.concept1{
	padding-bottom:120px;
}

.concept2 h3{
	padding:0 0 80px 0;
}
.concept2 .wrap{
	padding:0 0 80px 0;
}
.concept2 .pic{
	float:left;
	width:50%;
	margin-bottom:20px;
}
.concept2 .pic .w {
    display: inline-block !important;
    width: 130%;
}
.concept2 .pic img {
    width: 100% !important;
    height: auto !important;
}


.concept2 .tbox{
	float:right;
	width:50%;
	box-sizing:border-box;
	padding:0 2.5% 20px 0;
}
.concept2 .inn{
	max-width:500px;
	width:100%;
	padding:60px 0 0 0;
}
.concept2 .box{
	max-width:420px;
	float:right;
	background:#415f81;
	width:100%;
	padding:40px 4% 20px 4%;
	box-sizing:border-box;
}
.concept2 .box p{
	text-align:center;
	color:#fff;
	padding:0 0 20px 0;
}
.concept2 .box h4{
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:0 0 20px 0;
}

.concept2 .box h4 strong{
	display:block;
	font-weight:normal;
	
}
.concept2 .box h4 strong:after{
	content:"";
	display:block;
	width:100px;
	height:1px;
	background:#fff;
	content:"";
	margin:10px auto 10px auto;
}

.concept2 .wrap:nth-child(2n+2) .tbox{
	float:left;
	padding-right:0;
	padding-left:2.5%;
}
.concept2 .wrap:nth-child(2n+2) .pic{
	float:right;
}
.concept2 .wrap:nth-child(2n+2) .pic .w {
    margin-left: -100%;
    text-align: right;
    float: right;
}
.concept2 .wrap:nth-child(2n+2) .tbox .inn{
	float:right;
}
@media only screen and (max-width: 1024px){
	.concept2 .box h4{
		font-size:16px;
	}
}
@media only screen and (max-width: 599px) {
	.concept2 .pic{
		float:none !important;
		width:auto;
	}
	.concept2 .pic .w{
		width:auto;
		margin:0 !important;
	}
	.concept2 .tbox{
		width:auto;
		float:none !important;
		max-width:95%;
		margin:0 auto !important;
		padding:0;

	}
	.concept2 .inn{
		float:none !important;
		width:auto !important;
		padding:0;
		max-width:none;
	}
	.concept2 .box{
		float:none !important;
		margin:0 auto;
	}
}

/*menu*/

.menu h2{
	padding:0 0 50px 0;
}
.menu h2+p{
	text-align:center;
	padding:0 0 50px 0;
}

.menu .box h3{
	text-align:center;
	font-size:14px;
	font-weight:normal;
	padding:0 0 20px 0;
}
.menu .box h3 strong{
	display:block;
	font-size:40px;
	font-weight:normal;
	color:#415f81;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	line-height:130%;
}

.menu .box .table{
	max-width:500px;
	margin:0 auto;
}
.menu .box  dt{
	font-size:18px;
	float:left;
}
.menu .box dt+dd{
	text-align:right;
	font-size:18px;
}
.menu .box dl{
	padding-bottom:5px;
}
.menu .box{
	padding-bottom:75px;
}
@media only screen and (max-width: 1024px){
	.menu .box h3 strong{
		font-size:24px;
	}
	.menu .box  dt{
		font-size:14px;
	}
	.menu .box  dt+dd{
		font-size:14px;
	}
}

/*info*/

.postwrap h2{
	padding:0 0 80px 0;
}
.postwrap #left{
	width:80%;
	float:left;
}
.postwrap #side{
	width:18%;
	float:right;
}
.postwrap #side dt{
	max-width:160px;
	text-align:center;
	color:#fff;
	background:#415f81;
	padding:2px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.postwrap #side dd{
	padding:0 0 5px 10px;
}
.postwrap #side dd a{
	background:url(/import/tenant_28/153.126.193.235/import/tenant_1/153.126.193.235/html/images/info_list/mk.gif) 0 5px no-repeat;
	padding:0 0 0 17px;
}
.postwrap #side dl{
	padding-bottom:100px;
}

.postlist dl{
	width:30%;
	padding:0 5% 50px 0;
}
[data-element-id] .postlist dl{
	float: left;
}
.postlist dl:nth-child(3n+3){
	padding-right:0;
}
.postlist dt{
	padding:15px 0 5px 0;
}
.postlist dt+dd{
	clear:both;
}
.postlist dt+dd.txt {
    max-height: 47px;
    overflow: hidden;
}
.postlist dt .d {
    display: inline-block;
    width: 100%;
    max-width: 100px;
    box-sizing: border-box;
    border: 1px solid #415f81;
    text-align: center;
    color: #fff;
    background: #415f81;
    margin-bottom: 8px;
    padding: 3px 0;
}
.postlist dt .w{
    display: block;
    padding: 0 0 0 0px;
}
.postlist dt .w .c{
	display:block;
	font-size:10px;
	line-height:110%;
}
.postlist dt .w a{
	font-weight:bold;
	line-height:110%;
}

.postlist dd.pic {
    width: 100%;
}
.postlist dd.pic img {
    width: 100% !important;
    height: auto !important;
}

.postlist dd.pic.trimming:after {
    display: block;
    content: "";
    padding-top: 70%;
}
.postlist{
	padding-bottom:30px;
}
@media only screen and (max-width: 1024px){
	.postwrap #left{
		float:none;
		width:auto;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	.postwrap #side{
		float:none;
		width:auto;
	}
	.postwrap #side dt{
		max-width:none;
	}
}
@media only screen and (max-width: 599px) {
	.postlist dl{
		width:48%;
		padding-left:1%;
		padding-right:1% !important;
	}
	.postlist dd.pic img{
		width:100%;
		height:auto;
	}
	.postlist dt .d{
		float:none;
	}
	.postlist dt .w{
		padding-left:0;
		padding-top:10px;
	}
}

.single h3{
	font-size:24px;
	border-bottom:1px solid #546f8d;
	padding:0 0 10px 0;
	margin-bottom:10px;
}
.single .meta li{
	display:inline-block !important;
	padding:0 15px 10px 0;
}
.single .meta li .c{
	display:inline-block !important;
	background:#415f81;
	color:#fff;
	padding:0 10px;
}

.single .txt p{
	padding:0 0 20px 0;
}

.single .meta{
	padding-bottom:15px;
}
.single .txt{
	padding-bottom:20px;
}
.single .back a{
	display:inline-block !important;
	background: #415f81;
	color:#fff;
	font-weight:bold;
	padding:5px 15px;
}
.single{
	padding-bottom:70px;
}

.kanren h3{
	text-align:center;
	font-size:40px;
	color:#415f81;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	font-weight:normal;
	padding-bottom:45px;
}
.kanren .postlist dt .d{
	background:#415f81;
	color:#fff;
}
@media only screen and (max-width: 1024px){
	.kanren h3{
		font-size:20px;
	}
	.single h3{
		font-size:20px;
	}
}
/*blog*/

.blog .postlist dt .d{
	background:#415f81;
	color:#fff;
}
/*recurit*/
.bk1{
	background:#415f81;
}
.rec1 .table{
	max-width:580px;
	margin:0 auto;
	width:95%;
	padding:40px 0 35px 0;
}

.recurit h2{
	padding-bottom:80px;
}
.rec1 dt{
	float:left;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.rec1 dd{
	padding:0 0 0 179px;
	font-size:18px;
	color:#fff;
}
.rec1 dl+dl{
	border-top:1px solid #fff;
}
.rec1 dl{
	padding:20px 0;
}

.rec2{
	max-width:580px;
	margin:0 auto;
	width:95%;
	padding:80px 0 35px 0;
}

.rec2 h3{
	text-align:center;
	font-size:40px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	color:#415f81;
	font-weight:normal;
	padding:0 0 45px 0;
	
}
.rec2 p{
	font-size:18px;
	padding:0 0 20px 0;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.rec2 .sign{
	text-align:right;
	font-size:22px;
	font-weight:bold;
}
@media only screen and (max-width: 1024px){
	.rec1 dt{
		font-size:14px;
	}
	.rec1 dd{
		font-size:14px;
		padding-left:100px;
	}
	.rec2 h3{
		font-size:20px;
	}
	.rec2 p{
		font-size:14px;
	}
	.rec2 .sign{
		font-size:16px;
	}
}

/*frodia*/

.frodia h2{
	padding:0 0 65px 0;
}
.h3l{
	text-align:center;
	font-size:40px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	font-weight:normal;
	color:#415f81;
}

.bk1 .h3l{
	color:#fff;
}
.frodia1 .wrap {
    padding: 35px 0 30px 0;
}
.olioseta .frodia1 .wrap {   
    background: #fff;
}    
.olioseta .frodia1 .wrap:nth-of-type(2n){
    background: #415f81;
}
.olioseta .frodia1 .wrap:nth-of-type(2n) .tbox h4{
   color: #fff;
}
.olioseta .frodia1 .wrap:nth-of-type(2n) .tbox p{
   color: #fff;
}
.frodia1 h3{
	padding-bottom:30px;

}
.frodia1 .tbox{
	width:50%;
	float:left;
}
.frodia1 .pic{
	float:right;
	width:39%;
	padding:0 0 20px 0;
}
.frodia1 .pic img {
    width: 100% !important;
    height: auto !important;
}
.frodia1 .tbox h4{
	font-size:24px;
	padding:0 0 20px 0;
}
.frodia1 .tbox p{
	padding:0 0 20px 0;
}
.frodia1 .bk1 .tbox h4{
	color:#fff;
}
.frodia1 .bk1 .tbox p{
	color:#fff;
}
.frodia1 .wrap:nth-child(2n+2) .pic{
	float:left;
}
.frodia1 .wrap:nth-child(2n+2) .tbox{
	float:right;
}
@media only screen and (max-width: 1024px){
	.h3l{
		font-size:20px;
	}
	.frodia1 .tbox h4{
		font-size:18px;
	}
}
@media only screen and (max-width: 599px) {
	.frodia1 .pic{
		float:none !important;
		width:auto;
		text-align:center;
	}
	.frodia1 .tbox{
		float:none !important;
		width:auto;
	}
}

.frodia2{
	padding:70px 0 25px 0;
}
.frodia2 h3{
	padding-bottom:50px;
}

.frodia2 dl{
	width:20.2%;
	padding:0 6.4% 30px 0;
}
.frodia2 dl:nth-child(4n+4){
	padding-right:0;
}
.frodia2 dt {
    margin: 0 0 25px 0;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}
.frodia2 dt img {
    width: 100% !important;
    height: auto !important;
}

.frodia2 dd{
	font-size:18px;
	text-align:center;
}
@media only screen and (max-width: 1024px){
	.frodia2 dd{
		font-size:14px;
	}
	
}
@media only screen and (max-width: 599px) {
	.frodia2 dl{
		width:48%;
		padding-left:1%;
		padding-right:1% !important;
	}
}

/*head_spa*/

.flow1{
	padding:80px 0 20px 0;
}
.flow1 h3{
	padding-bottom:45px;
}
.flow1 .pic{
	float:left;
	width:39%;
	padding:0 0 20px 0;
}
.flow1 .pic img {
    width: 100% !important;
    height: auto !important;
}
.flow1 .tbox{
	float:right;
	width:50%;
}
.flow1 .box{
	padding:0 0 30px 0;
}
.flow1 .box+.box{
	border-top:#415f81 1px solid;
	padding-top:70px;
	position:relative;
}
.flow1 .box+.box:before{
	content:url(/import/tenant_28/153.126.193.235/import/tenant_1/153.126.193.235/html/images/head_spa/icon_01.png);
	top:-1px;
	left:50%;
	position:absolute;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.flow1 .tbox h4{
	font-size:24px;
	padding:0 0 20px 0;
}
.flow1 .tbox h4 .s{
	display:inline-block !important;
	font-size:14px;
	color:#fff;
	background:#415f81;
	line-height:180%;
	vertical-align:middle;
	padding:0 16px;
	margin-right:14px;
}

.flow1 .tbox p{
	padding:0 0 20px 0;
}
@media only screen and (max-width: 1024px){
	.flow1 .tbox h4{
		font-size:18px;
	}
}
@media only screen and (max-width: 599px) {
	.flow1 .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.flow1 .tbox{
		float:none;
		width:auto;
	}
}

/*faq*/

.faq h2{
	padding-bottom:55px;
}
.faq h3{
	background:url(/import/tenant_28/153.126.193.235/import/tenant_1/153.126.193.235/html/images/faq/faq_01.png) 0 0 no-repeat;
	padding:0 0 16px 40px;
	color:#415f81;
	font-size:18px;
	cursor:pointer;
}

.faq .box{
	border-bottom:1px solid #515151;
	margin-bottom:40px;
}
.faq .box .w{
	display:none;
}
[data-element-id] .faq .box .w {
    display: block !important;
}
.faq .box .w p{
	padding:0 0 20px 0;
}

.faqlist{
	padding-bottom:25px;
}
.faq .box{

}

/*hairstyle_list*/

.hairstyle1 h2{
	padding-bottom:50px;
}

.hairstyle1 h3{
	text-align:center;
	color:#415f81;
	padding:0 0 30px 0;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.stylenav{
	padding-bottom: 18px;
}
.stylenav li{
	display:block;
	text-align:center;
	color:#415f81;
	padding:auto;
	padding-bottom: 10px;
	font-family:"メイリオ", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	font-weight:bold;
	font-size: 18px;
}
[data-element-id] .stylenav li {
    float: left;
}
[data-element-id] .stylenav li:first-child:after{
  content: '|';
  color: #415f81;/*色を変える*/
	display: inline-block !important;
	padding: 0 20px;
}

.stylenav li a{
	color:#415f81;
}




.stylenav li+li:before{

  content: '|';
  color: #415f81;/*色を変える*/
	display: inline-block !important;
	padding: 0 20px;
}



.hairstyle_list1 p{
	text-align:center;
	padding:0 0 20px 0;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.hairstyle_list1{
	padding-bottom:120px;
}

.hairstyle2 li{
	width:23%;
	padding:0 2.66% 50px 0;
}
[data-element-id] .hairstyle2 li {
    width: 23%;
    float: left;
    padding: 0 2.66% 50px 0;
}
 .hairstyle2 li .trimming:after {
    display: block;
    content: "";
    padding-top: 140%;
}
.hairstyle2 li img {
    width: 100% !important;
    height: auto !important;
}
.hairstyle2 li:nth-child(4n+4){
	padding-right:0;
}

.pagenav{
	padding:60px 0 50px 0;
}
.pagenav li{
	padding:0 15px 20px 15px;
	font-size:29px;
}



.pagenav .pn a{
    border:none;
	padding:0 0 20px 0;
}



.pagenav li{
	padding:0 15px 20px 15px;
	max-width:50px;
	width:21.25%;
}

.pagenav li a{
	color:#415f81;
	display:block;
	width:50px;
	text-align:center;
	border:1px solid #415f81;
	padding:5px 0;
	font-weight:bold;
	font-family:"メイリオ", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}
.pagenav li a:hover,.pagenav li.st a{
	opacity:1;
	color:#fff;
	background:#415f81;
}
.pagenav .pn a:hover{
	background:none;
	opacity:0.6;
}
.pagenav .pn a{
    border:none;
	padding:0 0 20px 0;
}

@media only screen and (max-width: 1024px){
	.stylenav li{
		font-size: 16px;
	}
	
	.hairstyle1 .box h4{
		font-size:16px;
	}
	.pagenav{
	padding:30px 0 25px 0;
}
.pagenav li{
	padding:0 5px 10px 5px;
	font-size:16px;
	width:auto;
}

.pagenav li a{
	color:#415f81;
	display:block;
	text-align:center;
	border:1px solid #415f81;
	padding:3px 8px;
	width:auto;
	font-weight:bold;
	font-family:"メイリオ", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
}

.pagenav .pn a{
    border:none;
	padding:5px 0 10px 0;
	max-width:25px;
}
}

@media only screen and (max-width: 599px) {
	
	
	.hairstyle2 li{
		width: 48%;
		padding-left:1%;
		padding-right:1% !important;
		text-align:center;
	}
	
	

	.hairstyle_list2 .pic{
		float:none !important;
		width:auto;
	}
	.hairstyle_list2 .pic .w{
		width:auto;
		margin:0 !important;
	}
	.hairstyle_list2 .tbox{
		width:auto;
		float:none !important;
		max-width:95%;
		margin:0 auto !important;
		padding:0;

	}
	.hairstyle_list2 .inn{
		float:none !important;
		width:auto !important;
		padding:0;
		max-width:none;
	}
	.hairstyle_list2 .box{
		float:none !important;
		margin:0 auto;
	}
}

.style1 .pic {
    float: left;
    width: 50%;
    margin: 0 0 20px 0;
}
.style1 .pic img {
    width: 100% !important;
    height: auto !important;
}
.style1 .pic.trimming:after {
    display: block;
    content: "";
    padding-top: 120%;
}
.style1 .tbox{
	float:right;
	width:45%;
	padding:200px 0 0 0;
}
.style1 .tbox h3{
	font-size:24px;
	color:#415f81;
	padding:0 0 20px 0;
}
.style1 .tbox p{
	padding:0 0 20px 0;
}
.style1 .tbox .table{
	padding:10px 0 0 0;
}
.style1 .tbox .table dt{
	float:left;
}
.style1 .tbox .table dt .w{
	display:inline-block !important;
	min-width:86px;
	text-align:center;
	background:#4a6277;
	color:#fff;
	font-weight:bold;
	padding:5px 0;
}

.style1 .tbox .table dl{
	padding:0 0 14px 0;
}
.style1 .tbox .table dd{
	padding:5px 0 0 105px;
}
.style1 .tbox li{
	width:200px;
	float:left;
	text-align:center;
	background:#4a6277;
	color:#fff;
	font-weight:bold;
	margin:0 0 14px 0;
}
.style1 .tbox li a{
	color:#fff;
	font-size:18px;
	display:block;
	padding:3px 0;
}
.style1 .tbox li+li{
	float:right;
}
.style1 .tbox li a img{
	vertical-align:middle;
	margin-right:4px;
	margin-top:-5px;
}
.style1 .tbox .txt{
	padding:6px 0 0 0;
}
.style1 .tbox .more{
	text-align:right;
}
.style1 .tbox .more a{
	color:#415f81;
	border:1px solid #415f81;
	width:100px;
	padding:5px 0;
	display:inline-block !important;
	text-align:center;
}
.style1{
	padding-bottom:70px;
}
.style2 h3{
	padding-bottom:50px;
}
.style2{
	padding-bottom:50px;
}
@media only screen and (max-width: 1024px){
	.style1 .tbox li{
		float:none !important;
	}
	.style1 .tbox h3{
		font-size:20px;
	}
	.style1 .tbox{
		padding-top:0;
	}
}
@media only screen and (max-width: 599px) {
	.style1 .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.style1 .tbox{
		width:auto;
		float:none;
	}
}

/*staff*/

.w8{
	max-width:758px;
	margin:0 auto;
	width:95%;
}
.staff h2{
	padding:0 0 80px 0;
}

[data-element-id] .stafflist {
    max-height: 560px;
    overflow: hidden;
}
.stafflist .box .pic {
    float: left;
    width: 46.7%;
    padding: 0 0 20px 0;
}
.stafflist .box .pic img {
    width: 100% !important;
    height: auto !important;
}
.stafflist .box .tbox{
	float:right;
	width:46.7%;
}
.stafflist .box .tbox h3{
	color:#415f81;
	font-size:22px;
	border-bottom:1px solid #515151;
	padding:0 0 10px 0;
	margin-bottom:17px;
}
.stafflist .box .tbox h3 .t{
	font-size:14px;
	font-weight:normal;
	display:block;
	color: #515151;
}
.stafflist .box .tbox h3 .t .p{
	padding-right:20px;
}
.stafflist .box .tbox h3 .e{
	font-size:10px;
	display:inline-block !important;
	vertical-align:middle;
	font-weight:normal;
	margin-left:14px;
	color: #515151;
}

.stafflist .box .tbox p{
	padding:0 0 20px 0;
}
.stafflist .box{
	padding:0 0 40px 0;
}
.stafflist{
	padding-bottom:40px;
}
.staffbnr li{
	width: 46.7%;
	padding:0 6.6% 20px 0;
}
.staffbnr li:nth-child(2n+2){
	padding-right:0;
}
.staffbnr{
	padding-bottom:50px;
}
@media only screen and (max-width: 599px) {
	.stafflist .box .pic{
		float:none;
		text-align:center;
		width:auto;
	}
	.stafflist .box .tbox{
		float:none;
		width:auto;
	}
	.staffbnr li{
		width:100%;
		text-align:center;
		padding-right:0;
	}
}


/*product*/
[data-element-id] .product .stylenav li:first-child:after {
    display: none !important;
}
.product h2{
	padding-bottom:30px;
}
.productlist .box{
	padding:50px 0 90px 0;
}
.productlist .box h3{
	padding-bottom:45px;
}
.productlist .box dl{
	width:25%;
	box-sizing:border-box;
	padding:0 1.5% 40px 1.5%;
}
.productlist .box dd{
	text-align:center;
}
.productlist .box dd.pic {
    width: 100%;
}
.productlist .box dd.pic img {
    width: 100% !important;
    height: auto !important;
}
.productlist .box dt{
	text-align:center;
	font-size:22px;
	padding-bottom:7px;

}
.productlist .box dt .w{
	border-bottom:1px solid #546f8d;
	padding:0 8px;
}
@media only screen and (max-width: 1024px){
	.productlist .box dt{
		font-size:18px;
	}
}
@media only screen and (max-width: 599px) {
	.productlist .box dl{
		width:50%;
	}
}

/*voice*/

.voicelist{
	max-width:732px;
	margin:0 auto;
}
.voice h2{
	padding-bottom:50px;
}
.voicelist .box{
	border:1px solid #415f81;
	margin-bottom:60px;
	box-sizing:border-box;
	padding:2.04% 2.04% 0 2.04%;
}
.voicelist .box .date{
	padding:2px 0 2px 13px;
	background:#415f81;
	color:#fff;
	font-weight:bold;
	margin-bottom:12px;
}
.voicelist .box h3{
	font-size:18px;
	color:#415f81;
	padding:0 0 10px 0;
}
.voicelist .box h3 .j{
	font-weight:normal;
	font-size:14px;
	color: #515151;
	margin-left:1em;
}
.voicelist .box .txt dt{
	background:#fff;
	color:#415f81;
}
.voicelist .box  dt{
	float:left;
	width:132px;
	box-sizing:border-box;
	text-align:center;
	border:1px  solid #415f81;
	font-weight:bold;
	color:#fff;
	background:#415f81;
}
.voicelist .box  dd{
	padding:0 0 0 143px;
}
.voicelist .box dl{
	padding:0 0 15px 0;
}
.voicelist .box .txt p{
	padding:0 0 20px 0;
}
.voicelist .box .flex {
    border-bottom: 1px solid #415f81;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.voicelist .box .txt {
    width: 60%;
}
.voicelist .box .pic {
    width: 36%;
    margin: 0 2%;
}
.voicelist .box .pic.trimming:after {
    display: block;
    content: "";
    padding-top: 80%;
}
.voicelist .box .pic img {
    width: 100% !important;
    height: auto !important;
}
@media only screen and (max-width: 599px) {
	.voicelist .box dt{
		float:none;
		margin-bottom:5px;
	}
	.voicelist .box dd{
		padding-left:0;
	}
	.voicelist .box .txt {
    width: 100%;
}
.voicelist .box .pic {
    width: 100%;
}
}

/*home*/
.home-main {
    position: relative;
    margin-bottom: 150px;
}

.home-main img {
    width: 100%;
    max-width: none !important;
}

.home-main ul.fix{
	position:absolute;
	width:95%;
	max-width:1000px;
	top:0;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index:1;
}

.home-main .cpon{
	text-align:right;
	padding:12px 0 0 0;
}
.home-main .bk{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
}
.home-main .bk img {
    display: none;
}
@media only screen and (max-width: 850px) {
.home-main .bk {
    bottom: 50px;
}
.home-main .bk canvas#wave {
    display: none;
}
.home-main .bk img {
    display: block;
}
}
@media only screen and (max-width: 599px) {
.home-main .bk {
    bottom: 120px;
}
}
.home-main .book{
	position:absolute;
	bottom:20px;
	left:0;
}
.home-main .bk img{
	width:100%;
	height:auto;
}
@media only screen and (max-width: 1024px) {
.home-main {
    padding-top: 90px;
    position: relative;
    margin-bottom: 24px;
}
#header .inner {
    padding-top: 10px;
    padding-right: 44px;
    padding-left: 24px;
}
.home-main .cpon {
    text-align: right;
    padding: 90px 0 0 0;
}
.home-main .bk{
	bottom:-20;
}
}
@media only screen and (max-width: 599px) {
	.home-main .book{
		max-width:35%;
		    bottom: 60px;
	}
	.home-main {
    padding-top: 74px;
    margin-bottom: -40px;
}

.home-main .cpon {
    padding: 74px 0 0 0;
}
}

.home-concept .box1 .pic {
    float: right;
    width: 57.2%;
}
.home-concept .box1 .pic img {
    width: 100% !important;
    height: auto !important;
}
.home-concept .box1 .tbox{
	width:40.8%;
	text-align:center;
}
.home-concept .box1 .tbox .txt{
	display:inline-block !important;
	text-align:left;
	
}
.home-concept .box1 h3{
	padding-bottom:20px;
}
.home-concept .box1 .tbox .txt p{
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	padding:0 0 20px 0;
	line-height:180%;
}

.home-concept .box2 .pic{
	float:left;
	width:50%;
	padding:0 0 20px 0;
}
.home-concept .box2 .pic img {
    width: 100% !important;
    height: auto !important;
}
.home-concept .box2 .tbox{
	float:right;
	width:50%;
	padding:38px 0 0 0;
}
.home-concept .box2 .pic img{
	margin-top:-142px;
}

.home-concept .box2 .tbox h4{
	text-align:right;
	font-size:20px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	font-weight:normal;
	position:relative;
	margin-bottom:60px;
}
.home-concept .box2 .tbox h4:before{
	content:"";
	width:100%;
	height:1px;
	position:absolute;
	top:50%;
	left:0;
	background:#969592;
}
.home-concept .box2 .tbox h4 .w{
	display:inline-block !important;
	background:#fff;
	padding-left:1em;
	position:relative;
	z-index:1;
}

.hmore a{
	display:inline-block !important;
	background:#415f81;
	font-size:18px;
	color:#fff;
	width:100px;
	text-align:center;
	padding:3px 0;
}
.home-concept .box2 .hmore{
	text-align:center;
	padding:0 0 20px 0;
}

@media only screen and (max-width: 1024px){
	.home-concept .box2 .pic img{
		margin-top:-10px;
	}
	.home-concept .box2 .tbox h4 {
		font-size:16px;
	}
}
@media only screen and (max-width: 599px) {
	.home-concept .box1 .pic{
		float:none;
		width:auto;
		text-align:center;
		padding-bottom:20px;
	}
	.home-concept .box1 .tbox{
		width:auto;
		float:none;
		padding-bottom:20px;
	}
	.home-concept .box2 .pic img{
		margin-top:0;
	}
	.home-concept .box2 .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.home-concept .box2 .tbox{
		width:auto;
		float:none;
	}
}

.home-news{
	max-width:800px;
	margin:0 auto;
	width:95%;
	padding:70px 0 0 0;
}
.home-news h3{
	padding-bottom:25px;
}
.home-news dt{
	float:left;
}
.home-news dt .c{
	display:inline-block !important;
	font-size:12px;
	text-align:center;
	width:95px;
	background:#415f81;
	color:#fff;
	margin-right:1em;
}
.home-news dd{
	padding:0 0 0 215px;
}
.home-news dl{
	padding:20px 15px;
	border-top:1px solid  #cdcbcb;
}
.home-news .table{
	width:auto;
	padding-right:35px;
	height:190px;
	overflow:auto;
	margin-bottom:20px;
}
.home-news .hmore{
	text-align:center;
	padding-bottom:20px;
}
@media only screen and (max-width: 599px) {
	.home-news dt{
		float:none;
		padding-bottom:15px;
	}
	.home-news dd{
		padding-left:0;
	}
}

.home-menu{
	padding:75px 0 0 0;
}
.home-menu h3{
	padding-bottom:20px;
}

.home-menu .pic{
	float:left;
	width:33.33%;
}
.home-menu .pic.trimming:after {
    display: block;
    content: "";
    padding-top: 120%;
}
.home-menu .pic img {
    width: 100% !important;
    height: auto !important;
}
.home-menu .right{
	width:66.66%;
	box-sizing:border-box;
	padding-right:2.5%;
	float:right;
}
.home-menu .right .inn{
	max-width:700px;
	box-sizing:border-box;
	padding-left:2.5%;
	padding-right:2.5%;
}
.home-menu .right .flex{
	max-width:560px;
	margin:0 auto;
	border-bottom:1px solid #fff;
	padding:20px 0 15px 0;
}
.home-menu .right .flex .box{
	width:44.64%;
	padding:0 10.72% 0 0;
}
.home-menu .right .flex .box:nth-child(2n+2){
	padding-right:0;
}
.home-menu .right h4{
	font-size:18px;
	color:#fff;
	padding-bottom:5px;
}
.home-menu .right h4 .s{
	font-size:10px;
}
.home-menu .right dt{
	float:left;
	color:#fff;
}
.home-menu .right dt+dd{
	text-align:right;
	color:#fff;
}
.home-menu .right dl{
	padding-bottom:5px;
}
.home-menu .hmore{
	text-align:center;
	padding:27px 0 20px 0;
}
.home-menu .hmore a{
	border:1px solid #fff;
}
@media only screen and (max-width: 599px) {
	.home-menu .pic{
		float:none;
		width:auto;
	}
	.home-menu .right{
		width:auto;
		padding-left:2.5%;
		float:none;
	}
	.home-menu .right .flex{
		border-bottom:none;
		padding-top:0;
		padding-bottom:0;.
	}
	.home-menu .right .flex .box{
		width:100%;
		padding-right:0;
		border-bottom:1px solid #fff;
		padding-top:20px;
		padding-bottom:15px;
	}
}

.home-style{
	padding:185px 0 0 0;
}
.home-style h3{
	padding:0 0 25px 0;
}
.home-style .slidewrap{
	width:65.3%;
	position:relative;
	float:right;
}
.home-style .slidewrap .slide.trimming:after {
    display: block;
    content: "";
    padding-top: 110%;
}
.home-style .slidewrap .slide img {
    width: 100% !important;
    height: auto !important;
}
.home-style .slidenav{
	float:left;
	width:34.7%;
}
.home-style .slidenav li{
	width:47.83%;
	margin:0 2.17% 7px 0;
	background:#415f81;
}
.home-style .slidenav li .trimming:after {
    display: block;
    content: "";
    padding-top: 141.5%;
}
.home-style .slidenav li img {
    width: 100% !important;
    height: auto !important;
    opacity: 0.45;
}
.home-style .slidenav li a{
	display:block !important;
	position:relative;
}
.home-style .slidenav li .w{
	position:absolute;
	width:100%;
	text-align:center;
	z-index:1;
	color:#fff;
	left:0;
	top:40%;
}
.home-style .slidenav li strong{
	display:block;
	font-size:24px;
	padding-bottom:10px;
}
.home-style .slidenav li .m{
	display:inline-block !important;
	border:1px solid #fff;
	padding:0 10px;
}
.home-style .slidenav li a:hover{
	opacity:1;
}
.home-style .slidenav li a:hover img,.home-style .slidenav li a:hover .m{
	opacity:0;
}

.home-style .slidewrap .okuri{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(255,255,255,0.6);
	padding:10px;
}
.home-style .slidewrap .okuri li{
	display:inline-block !important;
	color:#546f8d;
}
.home-style .slidewrap .okuri li a{
	color:#546f8d;
}
.home-style .slidewrap .okuri li:nth-child(2){
	padding:0 0.5em;
}
.home-style .slidewrap .flexslider2 {
  margin:0px;
  background: none !important;
  border: none !important;
}
.home-style .slidewrap .flex-control-paging li a {
    display: inline-block;
    color: #546f8d;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: no;
    -o-box-shadow: none;
    box-shadow: none;
    text-indent: inherit;
}
[data-element-id]  .home-style .slidewrap .flexslider2 .slides {
    height: 512px;
    overflow: hidden;
}
.home-style .slidewrap .flex-control-nav {
    width: 25%;
    display: block;
    background: rgba(255,255,255,0.6);
    left: 0;
    bottom: 10px;
    text-align: left;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
}
.home-style .slidewrap .flex-control-nav li {
    margin: 0;
}
.home-style .slidewrap .flex-control-paging li:after {
    content: '/';
    color: #415f81;
    display: inline-block !important;
    padding: 0 0.2em;
}
.home-style .slidewrap .flex-control-paging li:last-child:after {
    display: none !important;
}
.home-style .slidewrap .flex-direction-nav {
    width: 25%;
    position: relative;
}
.home-style .slidewrap .flex-direction-nav a.flex-next:before {
    font-size: 14px;
    color: #546f8d;
    content: '>';
    text-shadow: none;
}
.home-style .slidewrap .flex-direction-nav a.flex-prev:before {
    font-size: 14px;
    color: #546f8d;
    content: '<';
    text-shadow: none;
}

.home-style .slidewrap .flex-direction-nav .flex-next {
    right: 2px;
    top: -20px;
    width: 10px;
    height: 20px;
    opacity: 1;
}
.home-style .slidewrap .flex-direction-nav .flex-prev {
    left: 2px;
    top: -20px;
    width: 10px;
    height: 20px;
    opacity: 1;
}
.home-style .wrap{
	padding-bottom:25px;
}
.home-style .hmore{
	text-align:center;
	padding:0 0 20px 0;
}

.home-frodia{
	padding:150px 0 90px 0;
}
.home-frodia h3{
	padding-bottom:30px;
}

.home-frodia dl{
	width:211px;
	margin:0 39px 30px 0;
}
.home-frodia .slider .flex{
	width:1052px;
}
.home-frodia .slider dt{
	text-align:center;
	font-size:24px;
	padding:5px 0;
}
.home-frodia .slider dd{
	text-align:center;
}
.home-frodia .slider dd.pic {
    overflow: hidden;
    border-radius: 50%;
}
.home-frodia .slidewrap{
	position:relative;
}
.home-frodia .next{
	position:absolute;
	top:90px;
	right:-84px;
}
.home-frodia .prev{
	position:absolute;
	top:90px;
	left:-84px;
}
.home-frodia .slidenav li{
	color:#d9d9d9;
	cursor:pointer;
	margin:0 4px;
}
.home-frodia .slidenav li:hover,.home-frodia .slidenav li.st{
	color:#415f81;
}
 .home-frodia .slider .flexslider {
  margin:0px;
  background: none !important;
  border: none !important;
}
.home-frodia .slider .flex-control-paging li a {
    width: 9px;
    height: 9px;
    background: rgb(217, 217, 217);
    -webkit-box-shadow: none;
    -moz-box-shadow: no;
    -o-box-shadow: none;
    box-shadow: none;
}
.home-frodia .slider .flex-control-paging li a.flex-active {
    background: rgb(65, 95, 129);
}
 .home-frodia .slider .flex-direction-nav a {
    opacity: 0.7 !important;
    z-index: 1 !important;
    width: 60px !important;
    height: 60px !important;
    margin: -4% 0 0 !important;
}
 .home-frodia .slider .flex-direction-nav a.flex-next {
    right: -60px;
}
.home-frodia .slider .flex-direction-nav .flex-prev {
    left: -43px !important;
}
@media only screen and (max-width: 599px){
.home-frodia dl {
    width: 46%;
    margin: 0 2% 30px 2%;
}
.home-frodia .slider .flex-direction-nav .flex-prev {
    left: -10px !important;
}
.home-frodia .slider .flex-direction-nav a.flex-next {
    right: -28px;
}
.home-frodia .slider .flex-direction-nav a {
    margin: -20% 0 0 !important;
}
}
 .home-frodia .slider .flex-direction-nav a:before {
    content: '' !important;
}
 .home-frodia .slider .flex-direction-nav a.flex-next:before {
    content: '' !important;
}
 .home-frodia .slider .flex-prev{
     background: url(/import/tenant_28/153.126.193.235/import/tenant_1/153.126.193.235/html/images/preview.png) no-repeat!important;

}
 .home-frodia .slider .flex-next{
    background: url(/import/tenant_28/153.126.193.235/import/tenant_1/153.126.193.235/html/images/next.png) no-repeat!important;
}
[data-element-id] .home-frodia .flex-viewport {
    overflow: visible !important;
}

[data-element-id] .home-frodia .flexslider .slides {
    width: auto !important;
    transition-duration: initial !important;
    transform: none !important;
}

@media only screen and (max-width: 1024px){
	.home-frodia .next{
		right:-10px;
	}
	.home-frodia .prev{
		left:-10px;
	}
	.home-style .slidenav li strong{
		font-size:16px;
	}
}
@media only screen and (max-width: 599px) {
	.home-style .slidewrap{
		float:none;
		width:auto;
		margin-bottom:7px;
	}
	.home-style .slidenav{
		width:auto;
	}
	.home-style .slidenav li a{
		display:block !important;
	}
	.home-style .slidenav li img{
		width:100% !important;
		max-width:none !important;
		height:auto;
	}
}

.home-staff{
	background:#e8e7e4;
}
.home-staff .pic{
	float:right;
	width:50%;
}
.home-staff .pic .w{
	display:inline-block !important;
	position:relative;
}
.home-staff .pic .w img {
    height: auto !important;
    width: 100% !important;
}
.home-staff .left{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 2.5%;
}
.home-staff .left .inn{
	max-width:500px;
	float:right;
	width:100%;
	box-sizing:border-box;
	padding:75px 0 0 0;
	
}
.home-staff .left .inn .wrap{
	border:1px solid #8f8f8e;
	padding:0 2.5%;
	position:relative;
	text-align:center;
	margin-bottom:40px;
}
.home-staff .left .inn h3 .p{
	display:inline-block !important;
	font-size:20px;
	background:#515151;
	color:#fff;
	padding:0 1em;
	position:absolute;
	top:-10px;
	left:50%;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.home-staff .left .inn h3 strong{
	display:block;
	font-size:20px;
}
.home-staff .left .inn h3 {
	text-align:center;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	font-size:20px;
	padding:50px 0 20px 0;
	
}
.home-staff .left .inn .wrap .txt{
	display:inline-block !important;
	text-align:left;
}
.home-staff .left .inn .wrap .txt p{
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
    padding: 0 0 20px 0;
    line-height: 180%;
}
.home-staff .left .hmore{
	text-align:center;
	padding-bottom:20px;
}
.home-staff .left .hmore a{
	background:#515151;
}
.home-staff .pic .w:before{
	position:absolute;
	content:"";
	width:200px;
	height:100%;
	top:0;
	left:0;
	background: -moz-linear-gradient(left, rgba(232,231,228,1) 0%, rgba(232,231,228,0) 100%);
background: -webkit-linear-gradient(left, rgba(232,231,228,1) 0%,rgba(232,231,228,0) 100%);
background: linear-gradient(to right, rgba(232,231,228,1) 0%,rgba(232,231,228,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e7e4', endColorstr='#00e8e7e4',GradientType=1 );
}
@media only screen and (max-width: 1024px){
	.home-staff .left .inn h3 .p{
		font-size:14px;
	}
	.home-staff .left .inn h3 strong{
		font-size:20px;
	}
}
@media only screen and (max-width: 599px) {
	.home-staff .pic{
		float:none;
		width:auto;
	}
	.home-staff .left{
		float:none;
		width:auto;
		padding-right:2.5%;
	}
}

.home-blog{
	padding:90px 0 70px 0;
}
.home-blog h3{
	padding-bottom:25px;
}
.home-blog dl{
	width:32%;
	padding:0 2% 30px 0;
}
[data-element-id] .home-blog dl {
    float: left;
}

.home-blog dl:nth-child(3n+3){
	padding-right:0;
}

.home-blog dt .d {
    display: inline-block;
    width: 100%;
    max-width: 100px;
    box-sizing: border-box;
    border: 1px solid #415f81;
    text-align: center;
    color: #fff;
    background: #415f81;
    margin-bottom: 8px;
    padding: 3px 0;
}
.home-blog dt .w{
	display:block;
	padding:0 0 0 0px;
}
.home-blog dt .c{
	display:block;
	padding-bottom:5px;
}
.home-blog dt .w a{
	font-weight:bold;
	font-size:22px;
}
.home-blog dt{
	padding:15px 0;
}
.home-blog dd.pic.trimming:after {
    display: block;
    content: "";
    padding-top: 72%;
}
.home-blog dd.txt {
    max-height: 47px;
    overflow: hidden;
}
.home-blog .hmore{
	padding:5px 0 0 0;
	text-align:center;
}
.home-blog .hmore a{
	background:#fff;
	color:#415f81;
	border:1px solid #415f81;
}
@media only screen and (max-width: 1024px){
	.home-blog dt .w a{
		font-size:14px;
	}
}
@media only screen and (max-width: 599px) {
	.home-blog dl{
		width:48%;
		padding-left:1%;
		padding-right:1% !important;
	}
	.home-blog dt .d{
		float:none;
		margin-bottom:5px;
	}
	.home-blog dt .w{
		padding-left:0;
	}
}

.home-links .left {
    background: #415f81;
    width: 48%;
    float: left;
    position: relative;
}

.home-links .left .pic {
    position: relative;
    overflow: hidden;
}

.home-links .left .pic:after {
    display: block;
    content: "";
    padding-top: 65%;
}

.home-links .left .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home-links ul{
	float:right;
	width:48%;
}
.home-links img{
	width:100% !important;
	height:auto !important;
	max-width:none !important;
	opacity:0.45;
	position: absolute;
  top: 0;
  left: 0;
}
.home-links li {
    position: relative;
    background: #415f81;
    overflow: hidden;
}

.home-links li:after {
    display: block;
    content: "";
    padding-top: 65%;
}
.home-links li+li{
	margin-top:3.4%;
}
.home-links dl{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index:1;
	left:0;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.home-links dt{
	text-align:center;
	color:#fff;
}

.home-links .left dt{
	font-size:112px;
	line-height:120%;
}
.home-links .left dt .a{
	font-size:80px;
}
.home-links .left dt+dd{
	text-align:center;
	font-size:24px;
	padding:0 0 20px 0;
	color:#fff;
}
.home-links dd+dd{
	text-align:center;
}
.home-links dd+dd a{
	color:#fff;
	font-size:24px;
	display:inline-block !important;
	border:1px solid #fff;
	max-width:180px;
	width:90%;
	text-align:center;
	padding:10px 0;
}

.home-links li dt{
	font-size:60px;
	line-height:120%;
}
.home-links li dt+dd{
	text-align:center;
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
}
.home-links {
	margin-bottom:90px;
}
@media only screen and (max-width: 1024px){
	.home-links .left dt{
		font-size:30px;
	}
	.home-links .left dt .a{
		font-size:18px;
	}
	.home-links .left dt + dd{
		font-size:14px;
	}
	.home-links dd + dd a{
		font-size:16px;
		padding:2px 0;
		max-width:100px;
	}
	.home-links li dt{
		font-size:24px;
	}
	.home-links li dt + dd{
		font-size:14px;
	}
	
}
@media only screen and (max-width: 599px) {
	.home-links .left{
		float:none;
		width:auto;
		margin-bottom:3.4%;
	}
	.home-links ul{
		width:auto;
		float:none;
	}
}

.home-access #map {
    float: right;
    width: 63.3%;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

.home-access #map:after {
    display: block;
    content: "";
    padding-top: 55%;
}

.home-access #map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-access .left{
	width:35%;
	float:left;
}
.home-access .left .wrap{
	border:1px solid #8f8f8e;
	padding:25px 2.5% 10px 2.5%;
	text-align:center;
	margin-bottom:20px;
}
.home-access .left .wrap h3{
	padding-bottom:10px;
}
.home-access .left dl{
	min-width:232px;
	display:inline-block !important;
	padding-bottom:10px;
}
.home-access .left dt{
	font-size:20px;
	color:#757168;
	padding:0 0 5px 0;
}
.home-access .left dd{
	color:#757168;
	padding-bottom:5px;
}
.home-access .left dd.tel{
	font-size:24px;
	font-weight:bold;
}
.home-access .left dd a{
	color:#757168;
}
.home-access .left .sns{
	display:inline-block !important;
	padding-bottom:24px;
}
.home-access .left .sns li{
	display:inline-block !important;
}
.home-access .left .hmore{
	display:inline-block !important;
	float:right;
	padding:15px 0;
}
@media only screen and (max-width: 1024px){
	.home-access .left dd.tel{
		font-size:18px;
	}
	.home-access .left dd.tel img{
		vertical-align:middle;
		margin-right:5px;
	}
	.home-access .left dt{
		font-size:16px;
	}
	.home-access .left dl{
		min-width:0;
	}
}

@media only screen and (max-width: 599px) {
	.home-access #map{
		width:100%;
		float:none;
	}
	.home-access .left{
		width:auto;
		float:none;
	}
}

/*coupon*/

.coupon h2{
	padding-bottom:45px;
}
.couponlist{
	max-width:772px;
	margin:0 auto;
	width:95%;
}
.couponlist .box{
	border:1px solid #415f81;
	padding:0 15px 0 55px;
	position:relative;
	margin-bottom:60px;
}

.couponlist .box .type{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	text-align:center;
	background:#415f81;
	color:#fff;
	writing-mode: vertical-rl;
	width:40px;
	font-size:24px;
	font-weight:bold;
}
[data-element-id] .couponlist .box .type {
    font-size: 12px;
}

.couponlist .box h4{
	font-size:18px;
	color:#415f81;
	padding:8px 0;
	border-bottom:1px solid #415f81;
	margin-bottom:20px;
}
.couponlist .box .pic{
	float:right;
	width:23.57%;
	padding: 0 0 20px 0;
}
.couponlist .box .pic img {
    width: 100% !important;
    height: auto !important;
}
.couponlist .box .tbox{
	float:left;
	width:74.28%;
}
.couponlist .box .tbox p{
	padding:0 0 20px 0 ;
}
.couponlist .box .tbox li{
	font-size:12px;
}
.couponlist .box .tbox ul{
	padding:0 0 20px 0;
}
.couponlist .box .tbox .more a{
	display:inline-block !important;
	background:#415f81;
	font-weight:bold;
	color:#fff;
	padding:3px 1em;
}
.couponlist{
	padding-bottom:40px;
}
.coupon .pagenav{
	padding-top:0;
}

.coupon .ntit{
	text-align:center;
	color:#fff;
	font-size:20px;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;
	padding:5px 2.5%;
	margin-bottom:100px;
	background:#415f81;
}

.couponlist .box h4 .t{
	display:inline-block !important;
}
.couponlist .box h4 .p{
	display:inline-block !important;
	font-size:30px;
	float:right;
}

@media only screen and (max-width: 599px) {
	.couponlist .box .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.couponlist .box .tbox{
		float:none;
		width:auto;
	}
	.couponlist .box .type{
		font-size:18px;
		width:25px;
	}
	.couponlist .box{
		padding-left:35px;
	}
	.couponlist .box h4 .t{
		display:block !important;
		padding-bottom:10px;
	}
	.couponlist .box h4 .p{
		font-size:20px;
	}
	.couponlist{
		padding-bottom:0;
	}
	
}