@charset "UTF-8";
@import url("https://use.typekit.net/qns6hms.css");


/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spｒacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size: 16px;
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:1.6;
	background:#fff;
	height: 100%;
}

html{
	height: 100%;
}




@font-face{ 
	font-family: 'hannari';
	src: url('../font/font.eot');
    src: url('../font/font.eot?#iefix') format('embedded-opentype'),
    url('../font/font.woff') format('woff'),
    url('../font/font.ttf') format('truetype');
}

.hannari{
	font-family: 'hannari';
}

/*ヘッダー*/
h1{
	float: left;
	margin-top: 8px;
}

/*.h_info{
	float: right;
	width: 300px;
	text-align: center;
	margin-top: 16px;
}*/

.toi{
	font-size: 15px;
}

.phone span{
	font-size: 35px;
	background: url(../img/tel.png) no-repeat left 55%;
	padding-left: 37px;
	line-height: 0.9em;	
	font-weight: bold;
}



.time{
	font-size: 14px;
	position: relative;

}

.btnH{
	width: 315px;
	margin:7px auto 3px auto;
}

.btnH1 a {
	display:block;
	width:150px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:left;
	background: #f6385f;
	padding: 3px 0 5px 0;
}
.btnH1 a:hover {
	background:rgba(246,56,95,.7);
	color: #FFF;
}

.btnH2 a {
	display:block;
	width:150px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:right;
	background: #feb957;
	padding: 3px 0 5px 0;
}
.btnH2 a:hover {
	background:rgba(254,185,87,.7);
	color: #fff;
}

.btnK{
	text-align: center;
	margin: 10px 0 0 ;
}

.btnK_s{
	width: 50%;
	text-align: center;
	margin: 10px 0 0 520px;
}

.btnK1 {
	width: 250px;
    color: #fff;
    background: #e31c79;
    text-decoration: none;
    font-family: 'mplus';
    font-size: 22px;
    padding: 8px 0 9px 0;
    border: none;
    text-align: center;
    margin-right: 20px;
    margin: 20px auto 0 auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.btnK1:hover {
	background:rgba(227,28,121,.7);
	color: #FFF;
}



.btnK2 {
	display:block;
	width:200px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:left;
	background: #4d4d4d;
	padding: 4px 0 6px 0;
	
	border: none;
}
.btnK2:hover {
	background:rgba(75,75,75,.7);
	color: #fff;
}



.inner {
	position:relative;
	width:1100px;
	margin:0 auto;
	padding: 1.5px 0;
}

.inner2 {
	    position: relative;
    width:50%;
    float: right;

}


header {
	box-sizing:border-box;
	position:absolute;
	z-index: 100;
	width:100%;
	background:rgba(255,255,255,1);
	padding:0 0 5px 0;
}

.p_none{
	display: none;
}

.clear {clear:both;}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

.mt10{
	margin-top: 10px;
}

.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.mt50{
	margin-top: 50px;
}

.mb20{
	margin-bottom: 20px;
}

.mt20{
	margin-top: 20px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}

.mb50{
	margin-bottom: 50px;
}

.mb100{
	margin-bottom: 100px;
}

.pt15{
	padding-top: 15px;
	
}

.ml20{
	margin-left: 20px;
}

.header_m {
	width:100%;
	height:85%;
	position:relative;
}

.box {
    z-index: 1;
    width: 100%;
    height: 93%;
    overflow: hidden;
	background: rgba(0,0,0,.3);
}

/*PDF*/
.pdf:before {
  position: relative;
  content:url("../img/icon_pdf2.png");
  bottom:-0.3em;
  left:0.4em;
  margin-right: 8px;
	padding-left: 15px;
}





/*メイン画像*/

.slideshow{
	width: 120px;
	margin: 0 auto;
	float: left;
}

.slideshow h1{
	font-family: 'haremin';
	position:absolute;
	top:160px;
	right:90.6%;
	bottom:0;
	/*height:200px;*/
	z-index:10;
	font-size:38px;
	color:#4d4d4d;
	/*text-shadow: 
			   5px 5px 4px rgba(73,73,73,.75); */
	/*text-shadow: 2px 1px 1px #fff,
               2px -1px 1px #fff,
               -2px 1px 1px #fff,
               -2px -1px 1px #fff,
			   4px 4px 4px #4d4d4d;*/
	line-height: 1.5em;
	letter-spacing:-0.4em;
	 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}


#slideshow h2 {
	font-family: 'mplusC';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:200px;
	z-index:10;
	width: 1000px;
	margin: 0 auto;
}

.btnS1 a {
	display:block;
	width:250px;
	color:#f79f9f;
	text-decoration:none;
	border-radius:3px;
	font-family: 'mplusC';
	font-size:25px;
	background:rgba(255,255,255,.8);
	padding: 8px 0 10px 0;
	float: right;
	border:#f79f9f 1px solid;
	box-sizing: border-box;
	position:absolute;
	bottom:70%;
	right: 1%;
}
.btnS1 a:hover {
	background:rgba(247,159,159,.7);
	color: #FFF;
}

.btnS2 a {
	display:block;
	width:250px;
	color:#29abe2;
	text-decoration:none;
	border-radius:3px;
	font-family: 'mplusC';
	font-size:25px;
	background:rgba(255,255,255,.8);
	padding: 8px 0 10px 0;
	float: right;
	border:#29abe2 1px solid;
	box-sizing: border-box;
	position:absolute;
	bottom:32%;
	right: 1%;
}
.btnS2 a:hover {
	background:rgba(41,171,226,.7);
	color: #FFF;
}


.large{
	font-size: 65px;
}

.small{
	position: relative;
	top: -20px;
	font-size: 36px;
	
}

.c_inner{
	margin: 0 auto;
}

.contents {
	width:1100px;
	margin:0 auto;
}

.contents:first-child{
	margin-top: 100px;
}



.contents2 {
	padding:0 10px;
	margin-top: 30px;
}
.contentsI{
	padding:0 10px;
	margin-top: 70px;
}
.contents2n {
	padding:0 10px;
	margin-top: 100px;
}

.contents3 {
	padding:0 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	
}	
.contents4 {
	width:100%;
	margin-top: 30px;

}
.contents5 {
	width:980px;
	margin: 0 auto;
}

.contents6 {
	padding:0 10px;
}

.contents_t{
	padding:0 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.contents_job{
	background: #fef5e6;
	padding: 20px;
}

.contents_tel {
	padding:0 10px;
	margin-top: 60px;
}

.contentsB{
	width: 550px;
	margin: 0 auto;
}

.contents_pic{
	margin: 30px auto 30px auto;
	text-align: center;
	width: 700px;
}



.contents_pic img {
	height:525px;
	width:100%;
	object-fit: contain;
}

.contents_pic ul {
	display:block;
	overflow:hidden;
	clear:both;
	width: 640px;
	margin-top: 10px;
	
}
.contents_pic li {
	display:block;
	float:left;
	background:#fff;
	margin:0 8px 0 0;
	width:154px;
		overflow: hidden;
	height: 115.5px;
}

.contents_pic li:last-child{
	margin-right: 0;
}

.contents_pic li img {
	cursor:pointer;
	width:154px;
}

.contents_pic li img:hover { 
	opacity:0.8;
	filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)";
	zoom:1; }

.contents_pic li img{
	display: block;
	width: 100%;
	transition-duration: 0.3s;
}

.contents_pic li img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.contents_pic2{
	width: 480px;
	margin: 30px auto 50px auto;
	text-align: center;
}

.contents_kekka{
	border: #ccc 1px solid;
	padding: 20px;
}

.contentsM{
	margin: 30px auto 0;
	width: 70%;
}

.contentsV {
	padding:0 10px;
	margin-top: 50px;
}

.contentsV:nth-child(2) {
	padding:0 10px;
	margin-top: 30px;
}

.c_ev .contents_ev:nth-child(2){
	margin-top: 30px;
}

.c_ev .contents_ev:not(:nth-child(2)){
	margin-top: 50px;
}

.c_ev .contents_ev:last-child{
	margin-bottom: 20px;
}

.c_ev .contents_ev{
	padding:0 10px;
}


.skn .contents6 {
	padding:0 10px;
	margin-top: 50px;
}





.bgc{
	background: rgba(41,171,226,.1);
	padding: 30px 0;
}

.bgc2{
	background: rgba(247,159,159,.1);
	padding: 30px 0;
}


nav {
	width:100%;
	background:#fff;

	⁄zoom:1;
	z-index:100;
	
}
nav:after {
	content:'';
	display:block;
	clear:both;
}

#contents {
	overflow:hidden;
	width:1000px;
	margin:20px auto;
	background:#fff;
}

#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}

footer {
	
	width:100%;
	margin:0 auto;
}

a {
	color:#333;
	text-decoration:none;
	transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
a:hover {
	color:#ffd9d9;
	text-decoration:underline;
}

.titl{
		text-align: center!important;
  margin-bottom: 30px;
}

h2 {
	margin-top:100px;
	font-family: 'hannari';
    font-size: 40px;
    font-weight: normal;
	position: relative;
  display: inline-block;

}


h2.none {
	margin-top:0px;
}

 h2.top{
	margin-top: 0;
	text-align: left;
	position: relative;
	margin-bottom: 20px;
}

h2.top::before{
content:  '';
width: 100px;
height: 2px;
background-color: #e31c79;
display: block;
position: absolute;
left: 50px;
bottom: -5px;

}

h3 {
	font-size: 20px;
    font-family: 'haremin';
	border-bottom: #ffd9d9 1px solid;
	margin-top: 10px;
}

h3.pp{
	height: auto;
}

h3.und{
	border-bottom: 1px solid #1e539f;
}

.highlight {
    background: linear-gradient(transparent 55%, #fed8c0 0%);
    line-height: 1em;
	font-size: 55px;
}

h4 {
	font-size:24px;
	font-family: 'hannari';
	color: #1e539f;
}

h4.noM{
	margin-top: 0;
	
}

.pl9{
	padding-left: 9em;
}
.pl5{
	padding-left: 5em;
}



h6{
	font-size: 36px;
	text-align: center;
	font-family: 'mplus';
	margin-bottom: 10px;
	margin-top: 50px;
}


p {
	line-height: 1.8em;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

.pin{
	color: #e31c79;
}

/*ul,ol,dl {
	margin:0 0 1em 0;
}*/
/*ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}
*/

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	
}

/*table {
	width:100%;
	margin-bottom:1em;
	
	border:none;
	background:#fff;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:none;
	background:#eee;
}
td {
	padding:10px;
	text-align:center;
	border:none;
}*/




.btnJ1 a  {
	display:block;
	width:130px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:left;
	background: #f6385f;
	padding: 9px 0 10px 0;
	text-align: center;
	margin-top: 15px;
}
.btnJ1 a:hover {
	background:rgba(246,56,95,.7);
	color: #FFF;
}

.btnJ2 a {
	display:block;
	width:130px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:right;
	background: #feb957;
	padding: 9px 0 10px 0;
	text-align: center;
	margin-top: 15px;
}
.btnJ2 a:hover {
	background:rgba(254,185,87,.7);
	color: #fff;
}

/*メニュー*/

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

.genre::after {
	display: block;
	content:"";
	width:24%;
}

.genre .banner {
    width: 24%;
	padding-top: 20%;
    margin-bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
}


.g_title p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding: 0;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 999;
	width: 100%;
	font-weight: bold;
}

.g_title p br {
		display:none;
	}

.g1,.g2,.g3,.g4,.g5,.g6,.g7{
  position: relative;
  background:#ccc;
	display: table;
  width: 100%;
}

.g1::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g1.jpg) no-repeat center center;
    background-size: cover;
	transition: all .8s ease;
}

.g1:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}


.g2::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g2.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g2:hover::after {
  opacity: .3;  
  transform: scale(1.1);
}

.g3::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g3.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g3:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}

.g4::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g4.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g4:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}
.g5::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g5.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g5:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}
.g6::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g6.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g6:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}
.g7::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../menu/img/g7.jpg) no-repeat center center;
    transition: all .8s ease;
    background-size: cover;
}
.g7:hover::after {
  opacity: .3;  
  transform: scale(1.1); 
}

.m_psn{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 100px;
}

.m_dtl{
	display: flex;
	justify-content: space-between;
	border: #ccc 1px solid;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.m_psn a {
    color: #333;
    text-decoration: none!important;
    width: 49%;
}

.m_psn a .m_dtl:hover{
	background: #ffd9d9;
}

.m_img{
	width: 25%;
}

.m_img img{
	width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.m_text{
	width: 72%;
}

.m_text h5 {
    font-size: 20px;
	font-weight: bold;
}

.m_text p{
	font-size: 14px;
}

.prsn{
	display: flex;
	justify-content: space-between;
}

.ps_img{
	width: 48%;
}

.ps_img img{
	width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.ps_txt{
	width: 49%;
}

.mess{
	border: #ccc 1px dashed;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.attn{
	margin-top: 30px;
}

.cnt ul{
	list-style: none;
	display: flex;
}

.cnt ul li{
	width: 50px;
}

.fb a::before {
    display: block;
    font-family: "Font Awesome 5 Brands";
    content: '\f39e';
    font-size: 20px;
    font-weight: normal;
}

.tw a::before {
    display: block;
    font-family: "Font Awesome 5 Brands";
    content: '\f099';
    font-size: 20px;
    font-weight: normal;
}

.inst a::before {
    display: block;
    font-family: "Font Awesome 5 Brands";
    content: '\f16d';
    font-size: 20px;
    font-weight: normal;
}

.line a::before {
    display: block;
    font-family: "Font Awesome 5 Brands";
    content: '\f3c0';
    font-size: 20px;
    font-weight: normal;
}

.eml a::before {
    display: block;
    font-family: "Font Awesome 5 free";
    content: '\f0e0';
    font-size: 20px;
    font-weight: 900;
}

.call a::before {
    display: block;
    font-family: "Font Awesome 5 free";
    content: '\f095';
    font-size: 20px;
    font-weight: 900;
}

.lnk a::before {
    display: block;
    font-family: "Font Awesome 5 free";
    content: '\f35d';
    font-size: 20px;
    font-weight: 900;
}

/*ろぐいん*/
.tb dl {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: #ccc 1px solid;
	margin:20px auto; 
	width: 70%;
}

.tb dl dt {
	display: flex;
    flex-direction: column;
    justify-content: center;
	background:#F7F7F7;
    width: 30%;
	padding: 10px;
	/*vertical-align:middle;*/
	border-bottom: 1px solid #ccc;
	color: #000;
	box-sizing: border-box;	
	text-align: center;
}

.tb dl dd {
  	padding:10px;
	width: 70%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.tb dl dd::after {
      content: '';
      display: block;
      clear: both;
    }

.tb dl dt:nth-last-child(2){
	border-bottom:none;
}

.tb dl dd:last-child{
	border-bottom: none;
}

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

.formBtnL{
	display: block;
	width: 200px;
    height: 39px;
    background: #ffd9d9;
    color: #333;
    font-size: 16px;
	border-radius: 5px;
	box-sizing: border-box;
	border: #ffd9d9 1px solid;
	margin:0 auto 10px;
	font-weight: bold;
}

.formBtnL:hover{
	color: #666;
	background: rgba(255,217,217,.5);
	border: #ffd9d9 1px solid;
}

.formBtnN{
	display: block;
	width: 200px;
    height: 39px;
    background: #ffd9d9;
    color: #333;
    font-size: 16px;
	border-radius: 5px;
	box-sizing: border-box;
	border: #ffd9d9 1px solid;
	font-weight: bold;
	margin:30px auto 0;
}

.formBtnN:hover{
	color: #666;
	background: rgba(255,217,217,.5);
	border: #ffd9d9 1px solid;
}

.form dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.form dl dt {
    width: 20%;
    padding: 10px 0;
    font-weight: bold;
	box-sizing: border-box;
}

.form dl dd {
    width: 80%;
    padding: 10px 0;
	box-sizing: border-box;
}


/*おすすめ*/

.osusume{
	display: flex;
	justify-content: space-between;
}

.feature{
	width: 32%;  
}

.o_pic img{
	width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.o_text{
	padding: 10px 10px 0;
	box-sizing: border-box;
}

.osusume a {
	text-decoration: none!important;
	color: #000;
}

.osusume a:hover{
	color: #1e539f;
}

.o_text h6{
	font-family: 'hannari';
	font-size: 22px;
	margin-top: 0;
	text-align: left;
}


.single:hover:after {
  	opacity: .3;  
  	transform: scale(1.1); 
}
.twin:hover:after {
  	opacity: .3;  
  	transform: scale(1.1); 
}
.double:hover:after {
  	opacity: .3;  
  	transform: scale(1.1); 
}
.triple:hover:after {
  	opacity: .3;  
  	transform: scale(1.1); 
}
.wa:hover:after {
  	opacity: .3;  
  	transform: scale(1.1); 
}

.k_title {
  	z-index: 1;  
  	position: absolute; 
}

.k_title p{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 34px;
	width: 100%; 
	height: 320px; 
	font-family: 'hannari';
	text-align: center;
	padding: 0;
}

.optn{
	border: 1px solid #1e539f;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 50px;
}

.optn ul{
	list-style: none;
	margin-top: 10px;
	line-height: 1.8em;
}

.optn ul li{
	text-indent: -1em;
	padding-left: 1em;
	
}

.optn ul li::before{
	content: '\25CF';
	color:#1e539f;
}

/*サービス*/

.sv ul{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 70px auto 0;
}

.sv ul li{
	width: 19%;	
	margin-right: 1.25%;
}


.sv ul li:last-child{
	margin-right: 0;
}

.sv ul li a{
	display: block;
    color: #fff;
    text-decoration: none;
    padding: 6px 0 5px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #1e539f;
    text-align: center;
    font-family: 'mplus';
    font-size: 18px;
}
.sv ul li a:hover{
	background: #ced9ea;
	color: #1e539f;
}

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

.service::after {
    display: block;
    content: "";
    width: 32%;
}

.se_dtl{
	width: 32%;
	margin-bottom: 2%;
}

.se_pic{
	position: relative;
    padding-top:75%;
}

.se_pic img{
	width: 100%;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
	position: absolute;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.se_text{
	padding: 10px 10px 0;
	box-sizing: border-box;
}

.se_text h6{
	font-family: 'hannari';
	font-size: 22px;
	margin-top: 0;
	text-align: left;
}


.service2 ul{
	display: flex;
	flex-wrap: wrap;
}


.service2 ul li{
	width:  13% ; 
	border: 2px solid #1e539f;
	height: auto;
	box-sizing: border-box;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	text-align: center;
	color: #1e539f;
	font-family: 'mplus';
	font-weight: bold;
	position: relative;
}
.service2 ul li:before {
  content: "";
  display: block;
  padding-top: 100%; /* ここを100％にすることで正方形になる */
}
.service2 ul li span{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
		display: flex;
	flex-direction: column;
}

.service2 ul li span{
	margin:auto;
	font-weight: bold;
	position: absolute;
}

.service2 ul li span p{
	margin: auto;
	font-weight: bold;
	line-height: 1.2em;
}

.service2 ul li:nth-child(7n){
	margin-right: 0;
}

.service2 ul li img{
	width: 100%;
}

.chu2{
	text-indent: -1em;
	padding-left: 1em;
}



.tidt{
	text-indent: -1em;
	padding-left: 1em;
}

.tidt2{
	text-indent: -2.5em;
	padding-left: 2.5em;
}

.tidt3{
	text-indent: -3.5em;
	padding-left: 3.5em;
}

.con2 {
    margin-left: 10px;
}

.con3 {
    margin-left: 25px;
}


.table_con{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
}

.table_con th {
  background:rgba(30,83,159,.1);
  border: solid 1px #ccc;
  padding:6px 5px 4px;
	width: 16%;
	font-family: 'mplus';
	font-weight: bold;
	text-align: left;
}
.table_con td {
  border: solid 1px #ccc;
  padding:6px 0 4px 0;
	box-sizing: border-box;
	width: 12%;
	text-align: center;
}

.table_con tr.bg td{
	background:#fcfafa; 
	font-family: 'mplus';
	font-weight: bold!important;
}


/*tokucho*/
.top_sm{
	margin-top: 100px;
	align-items: center;

}

.top_sm h2{
	margin-top: 0;
	margin-bottom: 30px;
}

.top_sm h2::before{
	display: none;
}

.sm1 {
	z-index: 2;
	margin: auto 0;
	height: auto;
	background: rgba(255,255,255,.6);
	align-items: center;
	padding: 20px 0;
	box-sizing: border-box;
	width: 50%;
}

.sm1_d{
	padding-right: 10%;
	box-sizing: border-box;
	width: 55%;
	margin-left: auto;
	text-align: center;
}

.smimg{
    width: 100%;
	height: 450px;
	background: url("../img/shokuji.jpg") no-repeat right;
	margin-left:auto;
	display: flex;
	background-size: 53%;
}

.sm2 {
	z-index: 2;
	margin: auto 0;
	height: auto;
	background: rgba(255,255,255,.6);
	align-items: center;
	padding: 20px 0;
	box-sizing: border-box;
	width: 50%;
	
}

.sm2_d{
	padding-left: 10%;
	box-sizing: border-box;
	width: 55%;
	margin-right: auto;
	text-align: center;
}


.sm2img{
    width: 100%;
	height: 450px;
	background: url("../img/eki.jpg") no-repeat left;
	margin-left:auto;
	display: flex;
	justify-content: flex-end;
	margin-top: 70px;
	background-size: 53%;
	
}
.s_img{
		display: none;
	}

/*ページ送り*/
.page{
	margin: 0 auto;
	height:30px;
	margin-top:30px; 
	font-family: 'mplus';
}

.page ul{
	display: flex;
	justify-content: flex-end;
}


	
.page ul li {
	display:inline-block;
	float:right;
	text-align:center;
	margin-right:7px;
	width:30px;
}

.page ul li:last-child{
	margin-right:0;
}


.active_pg{
	background:#ffffff !important;
	border: #1e539f 1px solid;
	box-sizing: border-box;
	height: 30px;
	padding-top: 2px;

}

.page ul li a,
.page ul li.active a{
	padding-top: 2px;
	display: block;
	color: #ffffff;
	height: 28px;
	background:#1e539f;
		text-decoration: none;
	
}


.page ul li a:hover{
	background:rgba(30,83,159,.5);
	color: #fff;
	
}


.page ul li.active a{
	color: #4d4d4d;
}

/*メニューボタン*/
.menuB a {
	display:block;
	width:200px;
	border: 1px solid #1e539f;
	color:#1e539f;
	text-decoration:none;
	font-family: 'mplus';
	font-size:18px;
	padding: 5px 0 4px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuB a:hover {
	background:#1e539f;
	color: #fff;
	text-decoration: none;
}

.menuR a {
	display:block;
	width:350px;
	border: 1px solid #1e539f;
	color:#1e539f;
	text-decoration:none;
	font-family: 'mplus';
	font-size:18px;
	padding: 5px 0 4px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 30px 0;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuR a:hover {
	background:#1e539f;
	color: #fff;
	text-decoration: none;
}


/*メニューボタン2*/

.menuB2 a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:22px;
	background:#e31c79;
	padding: 7px 0 8px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuB2 a:hover {
	background:rgba(227,28,121,.6);
	color: #fff;
}

.menuB2 a::before {
    content: '\4F1A\54E1\306E\58F0\FF1A';
}


.menuB2f a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
	font-family: 'mplus';
	font-size:22px;
	background:#76daca;
	padding: 6px 0 9px 0;
	border:#76daca 1px solid;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0;
	float: left;
}

.menuB2f a::before {
    font-family: 'FontAwesome';
    content: '\f0e0';
    font-size: 18px;
	margin: 0 10px 0 0;
	position: relative;
	top:-2px;
}


.menuB2f a:hover {
	background:rgba(255,255,255,.7);
	color: #76daca;
}
/*メニューボタンlink*/

.menuBl{
	text-align: center;
	padding: 0 10px;

}
.menuBl a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
	font-family: 'mplus';
	font-size:22px;
	background:#76daca;
	padding: 6px 0 9px 0;
	border:#76daca 1px solid;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0;
	float: right;
}

.menuBl a::after {
    font-family: 'FontAwesome';
    content: '\f08e';
    font-size: 18px;
	position: relative;
	
}


.menuBl a:hover {
	background:rgba(255,255,255,.7);
	color: #76daca;
}

/*メニューボタン3*/
.menuB3 a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	font-family: 'mplus';
	font-size:22px;
	background:rgba(255,255,255,.4);
	padding: 8px 0 15px 0;
	border:#fff 1px solid;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0 auto;
}

.menuB3 a::after{
	content: ' >';
}

.menuB3 a:hover {
	background:rgba(255,255,255,.7);
	color: #fff;
}

/*メニューボタンR*/


.menuBr a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:22px;
	background:#e31c79;
	padding: 7px 0 8px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 30px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
	float: right;
}

.menuBr a:hover {
	background:rgba(227,28,121,.6);
	color: #fff;
}

.menuBr a::before {
    content: '\4F1A\54E1\306E\58F0\FF1A';
}

.menuD::before {
    content: '';
    display: block;
    background: url(../diet/img/intro6.png) no-repeat;
    height: 220px;
    width: 500px;
    margin: 30px auto 0;
}

.menuD a {
	display:block;
	width:500px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:22px;
	background:#e31c79;
	padding: 7px 0 8px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 0px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuD a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f0a4';
    font-weight: 900;
    font-size: 20px;
}

.menuD a:hover {
	background:rgba(227,28,121,.6);
	color: #fff;
}

/*footbt*/

.menuF{
	float: right;
	margin-right: 20px;
}
.menuF a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
	font-family: 'mplus';
	font-size:22px;
	background:#76daca;
	padding: 2px 0 9px 0;
	border:#76daca 1px solid;
	box-sizing: border-box;
	text-align: center;
	margin: 20px auto 0;
}

.menuF a::before {
    font-family: 'FontAwesome';
    content: '\f0e0';
    font-size: 18px;
	margin: 0 10px 0 0;
	position: relative;
	top:-2px;
}


.menuF a:hover {
	background:rgba(255,255,255,.7);
	color: #76daca;
}

/*プラン*/

.plan{
	display: flex;
	justify-content: space-between;
	border-bottom: #ccc 1px solid;
	padding: 30px 0;
}

.plan:nth-child(2){
	padding-top: 0;
}

.plan:last-child{
	border-bottom: none;
}

.plan_pic{
	width: 35%;
	position: relative;
    padding-top: 25%;
}

.plan_pic img{
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.plan_txt h6 {
    font-family: 'hannari';
    font-size: 22px;
    margin-top: 0;
    text-align: left;
}

.plan_txt{
	width: 62%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.menuP{
	margin-top: auto;
}

.menuP a {
	display:block;
	width:200px;
	border: 1px solid #1e539f;
	color:#1e539f;
	text-decoration:none;
	font-family: 'mplus';
	font-size:18px;
	padding: 5px 0 4px 0;
	box-sizing: border-box;
	text-align: center;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
	margin: 0 auto;
}

.menuP a:hover {
	background:#1e539f;
	color: #fff;
	text-decoration: none;
}

/*食事*/




.food_B img{
	object-fit: cover;
	height: 500px;
	width: 100%;
}

.food_dtl{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.food_cnts{
	width: 60%;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.food_info{
	width: 38%;
	background: rgba(30,83,159,.1);
	padding: 10px;
	box-sizing: border-box;
}

.food_info dl {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.food_info dt {
    width: 15%;
	font-weight: bold;
	font-family: 'mplus';
	margin-bottom: 5px;
}

.food_info dd {
    width: 85%;
	margin-bottom: 5px;
}

.food_menu{
	display: flex;
	justify-content: space-between;
	margin-top:50px;
}

.f_menuP{
	width: 50%;
	order: 1;
}

.f_menuP img{
	width: 100%;
	    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.f_menuT{
	    display: flex;
    align-items: center;
    width: 45%;
	box-sizing: border-box;
}

.f_menuT div{
	width: 100%;
}

.f_menuT h3{
	margin-top: 0;
	border-bottom: 1px solid #1e539f;
}

.food_menu:nth-child(2n+1) .f_menuT{
	order: 2!important;
}

.rest {
	display: flex;
	margin-top: 10px;
}

.re_dtl{
	 width : calc(100% / 3);
	padding:5px 10px;
	box-sizing: border-box;
}


.re_dtl:nth-child(2){
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.re_tit{
	color: #1e539f;
	font-family: 'mplus';
	font-size: 18px;
	font-weight: bold;
}

.fd ul{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 70px auto 0;
}

.fd ul li{
	width: 19%;	
	margin-right: 1.25%;
}


.fd ul li:last-child{
	margin-right: 0;
}

.fd ul li a{
	display: block;
    color: #fff;
    text-decoration: none;
    padding: 6px 0 5px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #1e539f;
    text-align: center;
    font-family: 'mplus';
    font-size: 18px;
}
.fd ul li a:hover{
	background: #ced9ea;
	color: #1e539f;
}

/*お知らせ*/

.news{
	width:100%;
	margin: 0 auto;

}
.sc{
	padding: 0 10px;
		height: 285px;
	overflow-y: auto;
}

.sc dl {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}


.sc dt{
	margin-bottom: 15px;
	width: 25%;
	border-bottom: 1px #ccc dotted;
	padding-bottom: 15px;
}


.sc dd {
  	margin-bottom: 15px;
	width: 75%;
	border-bottom: 1px #ccc dotted;
	padding-bottom: 15px;
}

.scK{
	padding: 0 10px;
}

.scK dl {
	width: 100%;
	margin: 0 auto;
}


.scK dt{
	display: block;
	clear: left;
	float: left;
	padding-left:5px;
	padding-right:30px;
	margin-bottom: 20px;
	min-width: 240px;
}

.scK dt::after {
    font-family: "Font Awesome 5 free";
    content: '\f08d';
    font-weight: 900;
    padding-left: 10px;
    font-size: 14px;
}

.scK dd {
	display: block;
	padding-left: 5px;
  	margin-bottom: 20px;
	min-width: 460px;
}

.news2{
	width: 48%;
	float: right;
	
}
.sc2{

}

.sc2 dl {
	width: 100%;
	line-height: 1.8em;

}


.sc2 dt{
	display: block;
	clear: left;
	float: left;
	padding-left:15px;
	padding-right:5px;
	margin-right: 20px;
	margin-bottom: 15px;
	
}

.sc2 dd {
	display: block;
	padding-left: 5px;
  	margin-bottom: 15px;
	min-width: 460px;
}

.news3{
	width: 300px;
	float: left;	
}

.sc3,.sc4{

}

.sc3 dl,.sc4 dl {
	width: 100%;
	line-height: 1.8em;

}


.sc3 dt,.sc4 dt{
	display: block;
	clear: left;
	float: left;
	padding-left:15px;
	padding-right:5px;
	margin-right: 20px;
	margin-bottom: 15px;
	
}

.sc3 dd,.sc4 dd {
	display: block;
	padding-left: 5px;
  	margin-bottom: 15px;
	min-width: 460px;
}

.news4{
	width: 640px;
	float: left;
	margin: 0 40px 0 0;
}

.event:before{
	content: '\30A4\30D9\30F3\30C8';
	background: #ffd9d9;
	color: #737373;
	font-size: 12px;
	padding: 3px 19px 3px 19px;
	text-align: center;
	margin-right: 10px;
	font-family: 'mplus';
}

.oshirase:before{
	content: '\304A\77E5\3089\305B';
	background: #d9d9d9;
	color: #737373;
	font-size: 12px;
	padding: 3px 19px 3px 19px;
	text-align: center;
	margin-right: 10px;
	font-family: 'mplus';
}


.camp:before{
	content: '\30AD\30E3\30F3\30DA\30FC\30F3';
	background: #dbcdab;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 7px 3px 7px;
	text-align: center;
	margin-right: 10px;
	font-family: 'mplus';
}

.topics_dt{
	margin-top: 30px;
}

.topics_pic{
	width: 700px;
	text-align: center;
	margin:0 auto 0;
}

.topics_pic img {
    height: 525px;
    width: 100%;
    object-fit: contain;
}

.topics_dt ul{
	list-style: none;
}

.topics_dt ul li::before {
    font-family: "Font Awesome 5 Free";
    content: '\f1c1';
    font-weight: 900;
    margin-right: 10px;
    color: #1e539f;
}
.topics_dt ul li{
	margin-bottom: 10px;
}


/*ふぉと*/
.f_gal ul{
	display:flex;
	margin-top: 100px;
}

.f_gal ul li{
	width: 24%;
	position: relative;
	margin-right: 1.3%;
}

.f_gal ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.f_gal ul li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.f_gal ul li:last-child{
	margin-right: 0;
}

.f_gal2 ul{
	display:flex;
	flex-wrap: wrap;
}

.f_gal2 ul li{
	width: 24%;
	position: relative;
	margin-right: 1.3%;
	margin-bottom: 1.3%;
}

.f_gal2 ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.f_gal2 ul li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.f_gal2 ul li:nth-child(4n){
	margin-right: 0;
}


/*地図*/
.map {
   position:relative;
   width:100%;
   height:400px;
	margin-bottom: 50px;
}
.map2 {
   position:relative;
   width:100%;
   height:280px;
}

.mapT {
   position:relative;
   width:100%;
   height:650px;
	margin-bottom: 50px;
}

/*連絡先*/
.contact{
	width: 1000px;
	padding: 10px 10px 10px 20px;
	margin: 0 auto;
	margin-top: 70px;
	border: #ccc 1px solid;
	box-sizing: border-box;
}

.f_info{
	float: left;
	width: 500px;
	font-family: 'mplusC';
	padding: 5px;
	border: #ccc 1px solid;
	text-align: center;
	height: 100px;
}

.f_toi{
	font-size: 16px;
}

.f_phone{
	font-size: 42px;
	background: url(../img/tel2.png) no-repeat left 50%;
	padding-left: 50px;
	line-height: 1.2em;
	color: #4d4d4d;
	font-weight: bold;
}

.f_time{
	font-size: 16px;

}

.f_toi2{
	font-size: 16px;
}

.f_btnH{
	width: 420px;
	float: right;
	border: #ccc 1px solid;
	height: 100px;
	font-family: 'mplusC';
	padding: 5px 15px;
}

.f_btnH1 a {
	display:block;
	width:200px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:left;
	background: #f6385f;
	padding: 4px 0 6px 0;
	margin-right: 20px;
	text-align: center;
	margin-top: 15px;
}
.f_btnH1 a:hover {
	background:rgba(246,56,95,.7);
	color: #FFF;
}

.f_btnH2 a {
	display:block;
	width:200px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplusC';
	font-size:20px;
	float:right;
	background: #feb967;
	padding: 4px 0 6px 0;
	text-align: center;
	margin-top: 15px;
}
.f_btnH2 a:hover {
	background:rgba(254,185,87,.7);
	color: #fff;
}


/*お知らせ*/
	

.topics ul{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 70px auto 0;
}

.topics ul li{
	width: 19%;	
	margin-right: 1.25%;
}


.topics ul li:last-child{
	margin-right: 0;
}

.topics ul li a{
	display: block;
    color: #fff;
    text-decoration: none;
    padding: 6px 0 5px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #1e539f;
    text-align: center;
    font-family: 'mplus';
    font-size: 18px;
}
.topics ul li a:hover{
	background: #ced9ea;
	color: #1e539f;
}
.tp_list2{
	margin-top: 50px;
}
.tp_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tp_tit{
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 3%;
	box-sizing: border-box;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


a:hover .tp_tit {
	background: #ced9ea!important;
}

.tp_list a{
	color: #000;
	text-decoration: none!important;

		width: 49%;
}
.tp_list2 a{
	color: #000;
	text-decoration: none!important;
transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.tp_img{
	width:35%;
	position: relative;
  padding-top: 25%;
}

.tp_img img{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.tp_dtl{
	width: 62%;
}

.tp_dtl h5 {
	font-family: 'mplus';
	font-size: 20px;
	margin-top: 10px;
}



.i_date {
    text-align: center;
	margin-top: 10px;
}

/*pp*/

.contents2 ul,ol,li {
    margin:0;
    padding:0;
}

.contents2 ol{
	list-style-position: inside;
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.contents2 ol li{
	margin-bottom: 20px;
}

.contents2 ol li:last-child{
	margin-bottom: 50px;
}

.contents2 ol li ol{
	list-style-position: inside;

}

.contents2 ol li ol li:last-child{
	margin-bottom: 20px;
}

.contents2 ol li ol li{
	list-style-type : none; 
	margin-top: 10px;
	margin-left: 10px;
	counter-increment: cnt;
}

.contents2 ol li ol li.su{
	list-style-type : decimal; 
	margin-top: 10px;
	
}

.contents2 ol li ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


.contents2 ol li ol li ul{
	list-style-position: inside;
	padding-left: 20px;
}

.contents2 ol li ol li ul li{
	list-style-type : disc; 
	margin-top: 10px;
}



/*================================================
 *  ヘッダー
 ================================================*/


.summary {
	position:absolute;
	top:0;
	right:10px;
	margin:0;
}


	.pd0{
		padding: 0;
	}
.logo{
	padding: 5px 0;
	float: left;
		margin-left: 10px;
}

	.logo img{
		transition: all .3s ease;
  -webkit-transition: all .3s ease;
	}
	
@media screen and (max-width:1300px) {
	.logo{
	float: left;
	width: 250px;
		margin-left: 10px;
}
	.fixed .logo{
	padding: 28px 0;
		width: 250px;
}

	}

/*================================================
 *  グローバルナビゲーション

 ================================================*/
@media print, screen and (min-width:1029px) {
	
	

	
	nav {
		background:rgba(255,255,255,1);
		/*border-bottom:5px solid #710000;
		box-shadow:0 1px 3px #999;*/
		z-index:999;
		position: relative;


	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
		float: right;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		
	}

	nav ul li a {
		display:block;
		margin:0;
		padding: 37px 15px ;
		color:#000;
		line-height:1;
		text-decoration:none;
		font-size: 16px;
		transition: all .3s ease;
    -webkit-transition: all .3s ease;
	}
	
	
	nav ul li:hover > a {
		color:#000;
		background: #ffd9d9;
		text-decoration: none;
	}
	
	
/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;

	}
	
	nav ul.gnav > li:first-child {
		border-left: none;
	}
	

	nav ul.gnav > li.subnav a {
		padding-right:25px;
	}

	nav ul.gnav > li.subnav > a::after {
		position:absolute;
		width:0;
		height:0;
		margin-left:5px;
		font-family: "Font Awesome 5 Free";
		content: '\f078';
		font-weight: 900;
		font-size: 14px;
		color: #1e539f;
}
	
	nav ul li.search a{
		width: 115px;
		background: #db9332;
		font-size: 18px;
		color: #fff;
		padding: 16px 0;
		transition: all .3s ease;
  -webkit-transition: all .3s ease;
	}
	nav ul li.search a::before{
	font-family: "Font Awesome 5 Free";
    content: '\f689';
    font-size: 55px;
    margin: 0 0 10px 0;
    top: -2px;
	font-weight: 900;
	display: block;
}	
	nav ul li.res a{
		width: 150px;
		background: #1e539f;
		font-size: 18px;
		color: #fff;
		padding: 31px 0;
		transition: all .3s ease;
  -webkit-transition: all .3s ease;
	}
	
	nav ul li.res a:hover{
		background: rgba(30,80,159,.7);
	}


	/* 2段目 */
	nav ul li ul {
		position:absolute;
		z-index:3;
		top:80px;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:110%;
		height:0;
		color:#fff;
		transition:.2s;
		
	}
	
	.blst{
		width: 60%;
	}

	nav ul li ul li a {
		padding:17px 20px 18px!important;
		text-align:left;
		background:rgba(255,255,255,1);
	}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:50px;
		border-bottom:1px solid #707070;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {
		
		width: 110%;
	}

	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#feb957;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:12px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#fff;
	}


	

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		background: rgba(255,255,255,.9);
	}
	
	

	
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
/*pankuzu*/

.pan{
	width:1080px;
	margin:0 auto;
	font-size:14px;
	margin-top: 10px;
	height: 25px;

}


.pan ol li {
        /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}

.pan ol li:before {
        /* liの前に記号追加 */
    content: '　\FF1E　';
	font-size: 12px;
	color: #1e539f;
}

.pan ol li:first-child:before {
    content: url(../img/pan.png);
}

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#4d4d4d;
}
.submenu li a {
	display:block;
	padding:10px 2px;
	color:#4d4d4d;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}




/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	width: 100%;
}

.foot_bnr {
	width:920px;
	margin: 0 auto;
	margin-top: 150px;
	height: 120px;

}

.foot_bnrL{
	float: left;
}

.foot_bnrR{
	float: right;
}


.footmenu {
	width:100%;
	overflow:hidden;
	margin-top: 150px;
	font-family: 'mplus';
	font-size: 28px;
}

.footmenu ul {
	list-style: none;
	 display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	justify-content:center!important;
    align-items: center;
}

.footmenu ul li {
	border-right: 1px solid #fff;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.footmenu ul li:first-child a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f236';
    font-weight: 900;
    margin-right: 10px;
}

.footmenu ul li:last-child a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f274';
    font-weight: 900;
    margin-right: 10px;
}

.footmenu ul li:last-child{
	border-right: none;
}

.footmenu ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
    padding: 30px 0;
	transition: all .3s ease;
  -webkit-transition: all .3s ease;
	background: #1e539f;
}
.footmenu ul li a:hover {
	background: #ced9ea;
	color: #1e539f;
}

.footlogo {
	width:100%;
	background: #fcfafa;
	height: auto;
	padding: 20px 0 0;
}

.footlogo ul{
	display: flex;
	margin: 30px 0 0px;
	font-size: 18px;
	font-family: 'mplus';
}

.footlogo ul li{
	padding: 0 15px;
	border-right: #000 1px solid;
	transition: all .3s ease;
  -webkit-transition: all .3s ease;

}
.footlogo ul li:first-child{
	padding: 0 15px 0 0;
}
.footlogo ul li:last-child{
	padding: 0 0 0 15px;
	border-right: none;
}

.footlogo ul li a{
	color: #000;
}

.footlogo ul li a:hover{
	text-decoration: none;
	color: #1e539f;
}


.f_dtl{
	width: 1100px;
	margin: 0 auto;
	display: flex;
}

.f_cont{
	width: 42%;
	margin: auto;
}

.f_cont2{
	display: flex;
	justify-content: space-between;
}
.f_name{
}

.f_toho{
	width: 100px;
	height: 100px;
	border: #1e539f 4px solid;
	background: #fff;
	box-sizing: border-box;
	font-family: 'mplus';
	text-align: center;
	font-size: 18px;
}

.f_toho p{
	margin: 10px 0;
}


.time{
	color: #1e539f;
	font-size: 36px;
	font-weight: bold;
}

.time2{
	color: #1e539f;
	font-weight: bold;
}



.tel_s{
	font-size: 20px;
	text-align: center;
	margin-top: 30px;
}

.telF{
	text-align: center;
	
}

.tel a{
	text-decoration: none;
	color: #000;
}

.tel{
	font-size: 34px;
	font-weight: bold;
	color: #1e539f;
	font-family: 'mplus';
}

.tel::before{
	    font-family: "Font Awesome 5 Free";
    content: '\f879';
    font-weight: 900;
    margin-right: 10px;
	color: #1e539f;
	font-size: 30px;
}

.f_btn{
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
}

.menuT a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:28px;
	background:#e31c79;
	padding: 3px 0 3px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 10px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuT a:hover {
	background:rgba(227,28,121,.6);
	color: #fff;
}
.menuS a {
	display:block;
	width:250px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:28px;
	background:#db9332;
	padding: 3px 0 3px 0;
	box-sizing: border-box;
	text-align: center;
	margin: 10px auto 0 auto;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.menuS a:hover {
	background:rgba(219,147,50,.6);
	color: #fff;
}



.copyright {
	clear:both;
	height: 23px;
	font-size:14px;
	text-align:center;
	color:#000;
	background:#d9d9d9;
	padding: 20px 0 18px;
	font-family: 'mplus';
	margin-top: 150px;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/


.f_top{
	width: 63px;
	margin-top: 10px;
	position: fixed;
	bottom: 90px;
	right: 5px;
	padding: 10px;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 3;
	
}
/*================================================
 *  クラス
 ================================================*/
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}



.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*================================================
 *  スライドショー
 ================================================*/
/* スライドショー */



#slideshow {
   position:relative;
   height:80%;
	width: 100%;
	/*top:-81px;*/
	overflow: hidden;
	float: right;
}



#slideshow ul{
	width: 100%;
}

#slideshow ul li {
   position:absolute;
   height:100%;
   margin:0%;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
	background-size:cover;
	
}
#slideshow div.black {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.2);
}

/*#slideshow ul li{
	opacity:0.5;
	filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)";
}*/
/*#slideshow ul li:nth-child(4){
	opacity:0.5;
	filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";
}*/
#slideshow ul li.b_none{
	opacity:1;
	filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";
}

#slideshow h1 ul li {
	
	opacity:1.0;
	filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";

}

#slideshow h1{
	font-family: 'hannari';
	position:absolute;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
	/*height:200px;*/
	z-index:10;
	text-align:center;
	font-size:48px;
	color:#ffffff;
	text-shadow: 
			   5px 5px 4px rgba(73,73,73,.75); 
	/*text-shadow: 2px 1px 1px #fff,
               2px -1px 1px #fff,
               -2px 1px 1px #fff,
               -2px -1px 1px #fff,
			   4px 4px 4px #000;*/
	line-height: 1.5em;
}

#headImage {
	/*overflow:hidden;*/
	position:relative;
	z-index: 100;
}

#headImage ul {
	margin:0;
	padding:0;

}

#headImage li {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}

/*================================================
 *  下層
 ================================================*/


.room_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../rooms/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}

.food_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../food/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}


.plan_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../plan/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}

.se_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../service/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}

.photo_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../photo/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.ac_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../access/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.link_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../link/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.con_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../conditions/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}

.mt_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../meeting/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.top_main {
   position:relative;
   width:100%;
   height:450px;
   background:url(../topics/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.inq_main {
   position:relative;
   width:100%;
   height:300px;
   background:url(../inquiry/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	
	}
.cls_main {
   position:relative;
   width:100%;
   height:300px;
   background:url(../class/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	}
.cus_main {
   position:relative;
   width:100%;
   height:300px;
   background:url(../customer-voice/img/main.jpg) no-repeat center;/*背景をhtml要素に表示*/
   background-size:cover; /* 背景画像をhtml要素にフィット */
	}	
	
.header_se {
	width:100%;
    text-align: center;
	height: 150px;
	display: table;
	background: #ffd9d9;
}

.header_tit{
	display: table-cell;
    vertical-align: middle;
}

.header_se h1 {
	margin:auto;
	width:100%;
	z-index:1;
	text-align:center;
	font-size:40px;
	color:#4d4d4d;
	font-family: 'hannari';
}

.titAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: titAnime;
 -ms-animation-name: titAnime;
 animation-name: titAnime;
 visibility: visible !important;
}
@-webkit-keyframes titAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes titAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
	
.header_se2 {
	width:100%;
	position: relative;
    text-align: center;
	padding-top:110px; 
}

.header_se2 h1 {
	position:absolute;
	top:64%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1000px;
	z-index:1;
	text-align:left;
	font-size:36px;
	color:#fff;
	font-family: 'mplusC';
	font-weight: bold;
	
}

.voiceH{
	color: #f6385f;
	font-size: 20px;
	margin-bottom: 10px;
}

.voiceH2{
	color: #fff;
	background: #feb957;
	font-size: 20px;
	padding: 2px 5px 2px;
	font-family: 'mplusC';
}

.twoCol {

}

.twoCol:last-child {
margin-bottom: 30px;
}

.twoColtex {
	float:left;
	width:650px;
}

.twoColimg {
	float:right;
	width:300px;
}

.twoCol2 {
	
}

.twoColtex2 {
	float:left;
	width:65%;
}

.twoColimg2 {
	float:right;
	width:33%;
}

.twoColtex2-2 {
	float:right;
	width:65%;
}

.twoColimg2-2 {
	float:left;
	width:33%;
}

.twoColimg2 img,.twoColimg2-2 img  {
	width:100%;
}

.twoCol3 {
	margin-top: 100px;
}

.twoColtex3 {
	float:right;
	width:50%;
	background: #f0f0f0;
	text-align: center;
	height: 400px;
}

.twoColtex3 p{
	margin-top: 10px;
}

.twoColimg3 {
	float:left;
	width:50%;
	height: 400px;
	background: url(../img/facility.jpg) no-repeat;
	background-size: cover;
}


.twoCol4 {
	display: flex;
}

.twoColtex4 {
	width:520px;
	height: 400px;
	background: rgba(255,255,255,.8);
	padding: 5px 15px;
	display: flex;
    align-items: center;
}

.twoCol5 {
	display: flex;
justify-content: flex-end;
}

.twoColtex5 {
	width:520px;
	height: 400px;
	padding: 5px 15px;
	 display: flex;
    align-items: center;
	background: rgba(255,255,255,.8);
	
}



.twoColimg4 {
	float:right;
	width:350px;
	margin-top: 20px;
}

.ab{
	padding-top: 1px;
}





.tit{
	font-size: 40px;
    margin-top: 65px;
    padding: 0;
    font-family: 'mplus';
}

.infoT{
	padding: 16px 0 14px;
	font-size: 18px;
	color: #fff;
}

.infoT .scT {
	padding: 0;

}

.infoT .scT dl {
	display: flex;
}


.infoT .scT dt{
	width: 30%;
}

.infoT .scT dt span {
    color: #ffffff;
    padding: 3px 10px 3px 10px;
    text-align: center;
    margin-right: 20px;
	font-family: 'mplus';
	border: 1px solid #fff;
}

.infoT .scT dd{
	margin-bottom: 0;
	width: 70%;
}

.infoT .scT dd a{
	color: #fff!important;
	text-decoration: none;
}

.infoT .scT dd a:hover{
	text-decoration: underline;
} 

.bd{
	background: #1e539f;
	z-index: 999;
		position: absolute;
	bottom: 0;
	width: 100%;
}

/*客室*/
.pmenu ul{
	display: flex;
	justify-content: space-between;
	margin: 70px auto 0;
}

.pmenu ul li{
	width: 19%;
}

.pmenu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 6px 0 5px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #1e539f;
	text-align: center; 
    font-family: 'mplus';
	font-size: 18px;
}

.pmenu ul li  a:hover {
	background: #ced9ea;
	color: #1e539f;
}

h3 {
    font-size: 28px;
    font-family: 'hannari';
    margin-bottom: 10px;
}

.heading {
	position: relative;
	padding-top: 30px;
}

.heading span {
	position: relative;
	z-index: 2;
}

.heading::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 0;
	color: rgba(30,83,159,.2);
	font-size: 40px;
	z-index: 1;
	font-style: italic;
}

.room_pic ul{
	margin-top: 1%;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.room_pic ul li{
	width: 24%;
}

.room_pic ul li img {
    display: block;
    transition-duration: 0.3s;
	cursor: pointer;
    width: 100%;
    object-fit: cover;
    height: auto;
}

.room_dt{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}


.room_txt{
	width: 60%;
}

.room_txt ul{
	justify-content: flex-start;
	margin: 0 0 1%;
}

.room_txt ul li{
	width: 100px;
	text-align: center;
	font-family: 'mplus';
	margin-right: 10px;
}

.room_type{
	width: 38%;
}

.table_room{
	width: 100%;
	table-layout: fixed;
	border: solid 1px #ccc;
}

.table_room th {
  background:#ffd9d9;
  border: solid 1px #ccc;
  padding:10px 0;
	width: 33%;
	border-left: none;
	font-weight: bold;
}
.table_room td {
  border: solid 1px #ccc;
  padding:10px 0 10px;
	box-sizing: border-box;
	text-align: center;
}


.smOK{
	border: 1px solid #000000;
}

.smOK::before {
  content: "";
  background-color: #000000;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  -webkit-mask: url("../rooms/img/smoking.svg");
  mask: url("../rooms/img/smoking.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  vertical-align: middle;
	margin-right: 5px;
}

.smNO{
	border: 1px solid #b9272d;
	color: #b9272d;
}

.smNO::before {
  content: "";
  background-color: #b9272d;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  -webkit-mask: url("../rooms/img/nosmoking.svg");
  mask: url("../rooms/img/nosmoking.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  vertical-align: middle;
	margin-right: 5px;
}

/*アクセス*/
.access ul{
	list-style: none;
}

.access ul li::before{
	content: '\25CF';
	color: #1e539f;
}

.access ul li{
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.8em;
}

/*リンク*/
.link ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.link ul li::before{
	font-family: "Font Awesome 5 Free";
    content: '\f138';
    font-weight: 900;
	margin-right: 5px;
	color: #1e539f;
	font-size: 14px;
}

.link ul li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1%;
}

.link ul li:nth-child(3n){
	margin-right: 0;
}

.link ul li a{
	color:  #1e539f;
	text-decoration: underline;
}

.link ul li a:hover{
	color: #000;
	text-decoration: none;
}

.link2 ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}


.link2 ul li{
	margin-bottom: 2%;
	margin-right: 25px;
}

.link2 ul li:nth-child(5n){
	margin-right: 0;
}



/* お問い合わせ
	* --------------------------------------- */	
.cont{
	width: 100%;
	margin-top: 10px;
}

.contL{
	width: 50%;
	float: left;
}
.contR{
	width: 50%;
	float: right;
}

.tel2{
	background: url(../contact/img/tel.png) no-repeat  left center;
	padding-left: 40px;
	font-size: 34px;
	font-weight: bold;
	margin-left: 20px;

}

.fax{
	background: url(../contact/img/fax.png) no-repeat  left center;
	font-size: 34px;
	font-weight: bold;
	padding-left: 40px;
	height: 80px;
}

.info{
	margin-top: 30px;
}
.info dl {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.info dl dt {
    justify-content: center;
	background: rgba(227,28,121,.07);
    width: 30%;
	padding: 10px;
	/*vertical-align:middle;*/
	border-bottom: 1px solid #ccc;
	color: #000;
	box-sizing: border-box;
	
}

.info dl dd {
  	padding:10px;
	width: 70%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	}

.info dl dd::after {
      content: '';
      display: block;
      clear: both;
    }
.info dl dt:nth-last-child(2){
	border-bottom: none;
}.info dl dd:last-child{
	border-bottom: none;
}

.info ul{
	display: flex;
	flex-wrap: wrap;
}

.info ul li{
	width: 100%;
	margin-bottom: 10px;
}
.info ul li:nth-child(4),.info ul li:last-child{
	margin-bottom: 0;
}



.hissu::after {
    content: '\5FC5\9808';
    background: #e31c79;
    height: 20px;
    color: #ffffff;
    font-size: 12px;
    padding-top: 2px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
	width: 25px;
	float: right;
}

.info2{
	margin-top: 30px;
}
.info2 dl {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.info2 dl dt {
    justify-content: center;
	background: rgba(219,147,50,.10);
    width: 30%;
	padding: 10px;
	/*vertical-align:middle;*/
	border-bottom: 1px solid #ccc;
	color: #000;
	box-sizing: border-box;
	
}

.info2 dl dd {
  	padding:10px;
	width: 70%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	}

.info2 dl dd::after {
      content: '';
      display: block;
      clear: both;
    }
.info2 dl dt:nth-last-child(2){
	border-bottom: none;
}
.info2 dl dd:last-child{
	border-bottom: none;
}

input.infoInput {
    height: 25px;
    margin: 0 0 0 0;
    padding: 5px;
    border: #CCCCCC 1px solid;
    font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.infosize{
	width:98%;
}
.jikan{
		line-height: 2.2em;
	}

.infoselect{
	height: 35px;
	padding: 5px;
	border: #CCCCCC 1px solid;
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:0;
}

textarea.infocomment {
    padding: 5px;
    border: #CCCCCC 1px solid;
    font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.pin{
	color: #e31c79;
}
.big{
	color: #e31c79;
	font-weight: bold;
	font-size: 24px;
}

.i_small{
	font-size: 16px;
}

.ti{
	text-indent: -1em;
	padding-left: 1em;
	
}

.ti::before{
	content: '※';
}

.chu{
	font-size: 14px;
}

.formBtn{
	margin-top:30px;
	text-align:center;
}

.formBtn1{
	width:250px;
	color: #fff;
	background:#e31c79;
	text-decoration:none;
	font-family: 'mplus';
	font-size:22px;
	padding: 8px 0 9px 0;
	border:none;
	text-align: center;
	margin-right:20px;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.formBtn1:hover{
	background:rgba(227,28,121,.5);
}

.formBtn2{
	width:250px;
	color:#fff;
	text-decoration:none;
	font-family: 'mplus';
	font-size:22px;
	background:#4d4d4d;
	border:none;
	padding: 8px 0 9px 0;
	text-align: center;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.formBtn2:hover{
	background: rgba(77,77,77, .7);
}

input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.pp{
	margin: 50px auto;
}

.pp ul{
	display: block;
	margin-left: 1.5em;
}

.pp ul li{
	list-style: decimal;
	margin-bottom: 20px;
}

.pp ul li ul{
	margin-top: 10px;
	margin-left: 0;
}

.pp ul li ul li{
	list-style: none!important;
	margin-bottom: 10px;
	text-indent: -2.5em;
	padding-left: 2em;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1024px) {

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
	
.inner {
	width:100%;
	padding: 0;
	height: 75px;
}
	
.inner2 {
	width:100%;
}

	.pan{
		display: none;
	}

#contents {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}


	h2.none{
		margin-top: 50px;
	}	
	
	h4.bd2 {
    font-size: 18px;
}
	
	.ser_K h4{

	font-size: 18px;
	}

footer {
	width:100%;
}
	
/*.slideshow{
	width: 180px;
	margin: 0 auto;
	float: right;
}*/

.slideshow h1{
	font-family: 'haremin';
	position:absolute;
	top:47%;
	right:0;
	bottom:0;
	z-index:10;
	font-size:32px;
	color:#4d4d4d;
	line-height: 1.5em;
	letter-spacing:-0.1em;
	 -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
          writing-mode:horizontal-tb;
	width: 60%;
	background: rgba(255,255,255,.8);
	height: 100px;
	padding-left: 10px;
}
	

	
#slideshow h1 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto ;
	/*height: 150px;*/
	z-index:2;
	text-align:center;
	font-size:42px;
	width: 90%;	
}
	.logo{
		display: none;
	}
	
nav {
	background:rgba(255,255,255,.8);
	font-family: 'mplus';
}
	
nav ul {
	margin:0;
	padding:0;
}

nav .inner2 > ul {
	z-index:99;
	overflow:auto;
	position:fixed;
	top:75px;
	right:0;
	width:100%;

	height:-webkit-calc(100% - 91px);
	height:calc(100% - 91px);
}
	
nav li {
	position:relative;
	width:100%;
	float:none;
	margin:0;
	text-align:left;
	list-style:none;
	border-bottom:1px solid #ffd9d9;
}

nav li:first-child {
	border-top:0;
}

nav li:last-child {
	border-bottom:0;
}

nav li a {
	display:block;
	padding:10px 30px;
	background:#fff;
}
nav li a:hover {
	color:#000;
	text-decoration:none;
}
	
nav ul ul {
	display:none;
	position:relative;
}
	
nav li li a {
	box-sizing:border-box;
	width:100%;
	padding:10px 30px 10px 50px;
	text-align:left;
	background: #e9fffb;
}

nav li li li a {
	padding:10px 30px 10px 70px;
}

/*.subnav > a:before {
	display:block;
	content:"";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:20px;
	right:30px;
	width:10px;
	height:10px;
	margin-top:-5px;
}*/
	
.subnav > a:after {
	position: absolute;
    content: "";
    top: 20px;
	right:30px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #1e539f;
}
	
.subnav a:hover:after {
	position: absolute;
    content: "";
    top: 20px;
    width: 0;
    height: 0;
    right:30px;
    border: 5px solid transparent;
    border-top-color: #1e539f;
}

.active > a:before {
	margin-top:0;
}
	
.active > a:after {
	margin-top:5px;
}

.gnav {
	display:none;
}
	


#spMenu {
	display:block;
	z-index:99;
	position:fixed;
	top:0;
	right:0;
}
	
#spMenu:hover {
	cursor:pointer;
}

#navBtn {
	display:inline-block;
	position:relative;
	width:75px;
	height:75px;
	background:#fff;
	top:0;
}
	
#navBtnIcon {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:18px;
	height:2px;
	margin:-1px 0 0 -7px;
	background:#4d4d4d;
	transition:.2s;
}
	
#navBtnIcon:before,
#navBtnIcon:after {
	display:block;
	content:'';
	position:absolute;
	top:50%;

	left:0;
	width:18px;
	height:2px;
	background:#4d4d4d;
	transition:0.3s;
}
	
#navBtnIcon:before {
	margin-top:-6px;
}
	
#navBtnIcon:after {
	margin-top:4px;
}
	
#navBtn .close {
	background:transparent;
}
	
#navBtn .close:before,
#navBtn .close:after {
	margin-top:0;
}
	
#navBtn .close:before {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
	
#navBtn .close:after {
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
}
	
header {
	z-index:3;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0 10px;
	background: rgba(255,255,255,.9);

}
	
	h1{
		
	}
	
h1 img{
	width: 100%;
	height: auto;
}
	

	.h_info{
		float: right;
		margin-right: 70px;
	}
	.h_info img{
		width: 50px;
	}
	
	.h_info a{
		display: block;
		background: #1e539f;
		width: 150px;
		text-align: center;
		padding: 26px 0 25px;
		text-decoration: none;
		color: #fff;
		font-family: 'mplus';
		font-size: 18px;
	}
		
	
	.h_ser{
		float: right;

	}
	
	.h_ser img{
		width: 50px;
	}
	
	.h_ser a{
		display: block;
		background: #db9332;
		width: 80px;
		text-align: center;
		padding: 0 0;
		text-decoration: none;
		color: #fff;
		font-size: 10px;
	}
	.h_ser a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f689';
    font-size: 40px;
    margin: 0 0 0 0;
    top: -2px;
    font-weight: 900;
    display: block;

}
	

	
.p_none{
	display: block;
}	

	.pa_none{
	display: none;
}

.header_se,.header_se2 {
	width:100%;
	position: relative;
	padding-top: 0;
    text-align: left;
}
	

.header_se2 h1 {
	top:15%;
	width:90%;
	
}	

	
	
.contents {
	box-sizing:border-box;
	width:95%;

}
	
.c_inner{
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
}
	
.contents2 {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
	.contents2n {
	box-sizing:border-box;
	margin-top: 80px;
}
	
.contents3 {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents4 {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
	
.contents5 {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
	
	.contentsM{
	margin: 30px auto 0;
	width: 90%;
}
	
	.prof{
		width: 98%;
		margin: 20px auto;
	}
	.org {
    width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
	
	.fourCol,.fourCol2,.fourColC{
		box-sizing:border-box;
	width:100%;
	padding:0 10px;
	}
	
	.fourColW{
		width: 100%;
	}
	
	.sns{
		box-sizing:border-box;
	width:100%;
	padding:0 10px;
	}
	
.photoText4 p {
    font-size: 18px;
    margin: 33% 0;
}
	
.photoText4-2 p {
    font-size: 16px;
    margin: 27.9% 0;
}
	

	

.threeCol2 {
		margin-bottom:30px;
	}

.threeColInner img {
    height: 180px;
}
	
	.photoText3_2 dl{
	width: 100%;
	height: 400px;
}
	
	.photoText3_2 h6{
	
	font-size: 18px;
}
	
	.threeColInner,.threeCol2Inner img {
	width:100%;
	margin-bottom:0;
		
}
	
.threeCol3Inner div {

		width:32%;
	height: 300px;
	margin-right: 2%;
	}
	
.photoText3_1 .caption {
	display: none;
}
.photoText3_1 .mask {
	display: none;
}
	
/*	.fourColInner2 div{
		height: 230px;
	}*/
	

	
	.fourColInner2 a{
		color: #76daca;
	}

	.job,.job2,.job3,.job4{
		width: 100%;
	}	
	
.page{
	width:98%;
	box-sizing:border-box;
	height:30px;
}
	
.rec_tex {
    width: 80%;
}
	
.btnJ1 a  {
	width:150px;
	float:none;
	margin: 20px auto;
}

.btnJ2 a {
	width:150px;
	float:none;
	margin: 30px auto 10px;
}

.btnK,.btnK_s{
	width: 60%;
	text-align: center;
	margin: 10px 0 0 40%;
}
	
a.telhref {
		color: #1e539f;
    text-decoration: underline;
	}
	
.contact{
	width: 95%;
}

.f_info{
	float: none;
	width: 500px;
	margin: 0 auto;
}

.f_toi{
	font-size: 18px;
}



.f_btnH{
	width: 480px;
	float: none;
	text-align: center;

	margin: 30px auto 0;
}

.f_btnH1 a {
	
	margin-left: 20px;
}


.f_btnH2 a {
	margin-right: 20px;
}
	

	
	.infoT .sc dt {
    margin-bottom: 0;
}
	.infoT .sc dd {
   padding-left: 0;
}
	
	.ab{
	padding-top: 0;
}

/*さーびす*/

	
	
.service2 ul li{
	width:  15%;
	margin-right: 2%;
}
	
	.service2 ul li:nth-child(6n){
		margin-right: 0;
	}
	
	.service2 ul li:nth-child(7n){
		margin-right: 2%;
	}

/*お知らせ*/
	
	.sc{
		padding: 0 10px;
	}	
	
	.scK{
		padding: 0 10px;
	}	
	
.scK dt{
	float: left;
	padding-right:20px;
	margin-right: 0;
	margin-bottom: 10px;
	
}

.scK dd {
	display: block;
	padding-left: 15px;
  	margin-bottom: 20px;
	min-width: 90%;
}
	



.sc2 dt{
	float: none;
	padding-left:15px;
	padding-right:0;
	margin-right: 0;
	margin-bottom: 10px;
	
}

.sc2 dd {
	display: block;
	padding-left: 15px;
  	margin-bottom: 20px;
	min-width: 90%;
}
	
.news3{
	width: 35%;
	float: right;	
}

.sc3 dd,.sc4 dd {
	display: block;
	padding-left: 5px;
  	margin-bottom: 15px;
	min-width: 460px;
}

.news4{
	width: 60%;
	float: left;
	margin: 0 0 0 0;
}
	
/*特長*/
	
	.sm1_d,.sm2_d{
		width: 80%;
	}

/*ふったー*/	
.foot_bnr {
	width:95%;
	margin: 0 auto;
	margin-top: 120px;

}

.foot_bnrL{
	float: left;
	width: 48%;
}
	
.foot_bnrL img{
	width: 100%;
}

.foot_bnrR{
	float: right;
	width: 48%;
}
	
.foot_bnrR img{
	width: 100%;
}

	.f_dtl{
		width: 95%;
	}

.footlogo {
	width:100%;
	height: auto;
	padding-bottom: 20px;

}
	
	.f_cont{
		width: 45%;
	}
	
	.footmenu ul{
		flex-wrap: wrap;
		text-align: center;
	}

.foot_shop{
	width: 95%;
}

.footlogoC {
    float: right;

}
	
.footlogoR {
	margin-top: 20px;
	margin-bottom: 10px;

}

	

/* お問い合わせ
	* --------------------------------------- */	
.contL{
	width: auto;
	float:none;
	
}
.contR{
	width: auto;
	float: none;
	margin: 20px 0 0 20px;
}
.info dl {
	display: block;
	
}

.info dl dt {
	float: none;
	width: 100%;
	border-bottom: none;
}
	
.info dl dd {
    display: block;
    margin-left: 0;
	width: 100%;
	border-bottom: none;
}


.pp{
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.info{
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.info2 dl {
	display: block;
	
}

.info2 dl dt {
	float: none;
	width: 100%;
	border-bottom: none;
}
	
.info2 dl dd {
    display: block;
    margin-left: 0;
	width: 100%;
	border-bottom: none;
}


.info2{
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
}

input.infoInput {
    height: 25px;
    margin: 0 0 10px 0;
    padding: 5px;
    border: #CCCCCC 1px solid;
    font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.infosize{
	width:98%;
}
	
	

.formBtn {
	box-sizing:border-box;
	width:100%;
	margin-left:0;
	margin-bottom:10px;
	font-size:18px;
	text-align:center;
	
	}
	
		#slideshow {
   position:relative;
   width:100%;
			height: 50%;
}

	#slideshow h2 {
    width: 100%;
}
	
table.table_company th{
	width:30%;
}
	
/*リンク*/
.link2 ul li{
	margin-bottom: 2%;
	margin-right: 25px;
}

.link2 ul li:nth-child(5n){
	margin-right: 25px;
}
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:640px) {
	
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
	
	.lock {
		overflow:hidden;
	}

	header {
		z-index:51;
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:0 0 0 10px;
		background: rgba(255,255,255,.9);
		height: 65px;
	}
	
	.p_none{
	display: block;
}
	

	
	.s_none{
		display: none;
	}
	
	header h1{
		width: 150px;
		margin-top: 0;
	}

	
	.h_info{
		margin-right: 65px;
	}
	.h_info a{
		width: calc(200 / 750 * 100vw);
		padding:20px 0 19px;
		font-size: 16px;
	}
	.h_info a::before{
		font-size: 40px;
		
	}
	.h_ser a{
		width: calc(120 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
		padding:0 0;
	}
	.h_ser a::before{
		font-size: 40px;
	}

	.h_info img,.h_tel img{
		width: 35px;
	}
	
	
	h1{
		text-align: left;
	}
	
	h4{
		font-size: 24px;
	}
	
	h4.bd{
		font-size: 20px;
	}
	
	.pl9,.pl5{
		padding-left: 0;
	}
	
.inner {
	width:100%;
	height: 60px;
}
	
	.slideshow h1{
		top:37%;
		font-size: 20px;
		width: 80%;
		height: 70px;
	}
	
	#slideshow h1 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width: 100%;
	z-index:50;
	text-align:center;
	font-size:28px;
		height: 8em;
}
	#slideshow {
   position:relative;
   width:100%;
   height:50%;


}
	
	.large{
		font-size: 38px;
	}
	
	.small{
		font-size: 25px;
		top:-10px;
	}
	
	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}

	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	nav {
		background:#ffffff;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner2 > ul {
		z-index:99;
		overflow:auto;
		position:fixed;
		top:65px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 65px);
		height:calc(100% - 65px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		
	}
	nav li a:hover {
		color:#4d4d4d;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}

	/*.subnav > a:before {
		position: absolute;
    content: "";
    top: 25px;
    width: 0;
    height: 0;
    margin-left: 5px;
    border: 5px solid transparent;
    border-top-color: #f79f9f;
		
	}*/
	.subnav > a:after {
		position: absolute;
    content: "";
    top: 25px;
    width: 0;
    height: 0;
    margin-left: 5px;
    border: 5px solid transparent;
    border-top-color: #1e539f;
	}
	.subnav a:hover:after {
		position: absolute;
    content: "";
    top: 25px;
    width: 0;
    height: 0;
    margin-left: 5px;
    border: 5px solid transparent;
    border-top-color: #1e539f;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:99;
		position:fixed;
		top:0;
		right:0;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width: 65px;
    height: 65px;
		top:0;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
	/*	margin:-1px 0 0 -7px;*/

		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	

	


.header_se h1 {
	font-size:26px;

}
	
.header_se2 {
	height: 60px;
}
	
.header_se2 h1 {
	top:10%;

	font-size:30px;

}
	
	
	.contents2n{
		margin-top: 50px;
	}
	
.contents2,.contents3 {
	box-sizing:border-box;
	width:100%;
	
}
	
	/*menu*/
	
	.g_title p{
		font-size: 16px;
	}
	
	.m_psn a{
		width: 100%;
	}


/*お知らせ*/
	.infoT .scT dt{
		width: 100%;
		margin-bottom: 10px;
	}
	.infoT .scT dd{
		padding-left: 0;
		width: 100%;
	}
	.infoT .scT dl{
		display: block;
	}	
	
	.sc{
		padding: 0;
	}	
	
	.sc dl{
		display: block;
	}
	
.sc dt{
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: none;
	padding-bottom: 0;
}
	.sc dd{
		width: 100%;
		padding-bottom: 10px;
	}
	.scK dt{
	padding-right:20px;
	margin-right: 0;
	margin-bottom: 10px;
	
}
	.scK dd{
		padding-left: 5px;
	}

	
.sc3{

}
	.sc3 dl {
	display: block;
	
}

.sc3 dt {
	float:none;
  width:90%;
	margin-bottom: 5px;
	
}

.sc3 dd {
  	margin-bottom: 15px;
	margin-left: 10px;
	 min-width: 85%;

}
	
		.news4{
	width: 100%;
	float: none;
		box-sizing: border-box;
	
}
.sc4{

}
	.sc4 dl {
	display: block;
	
}

.sc4 dt {
	float:none;
  width:90%;
	margin-bottom: 5px;
	
}

.sc4 dd {
 
  	margin-bottom: 15px;
	margin-left: 10px;
	 min-width: 85%;

}
	
	
	
	h2 {
	margin-top:50px;
	font-size:24px;
	text-align: center;
}
	
	h2.mtn {
	margin-top:0px;
		
}

	
	h2.none {
		margin-top: 0;
	text-align: center;
}
	h2.top{
		text-align: center!important;
		display: inherit;
	}
	
	h2.top:before {
    content: '';
    position: absolute;
    bottom: -5px;
    display: inline-block;
    width: 100px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e31c79;
    border-radius: 2px;
}
	
	h3 {
	font-size:20px;
		height: auto;
}
	

	
	.highlight{
		font-size: 45px;
	}
	
	.shokuji{
		text-align: left;
	}
	
.contact{
	width: 98%;
}


	
	.menuS a{
		margin-bottom: 30px;
	}
	
	
.foot_bnr {
	width:90%;
	margin: 0 auto;
	margin-top: 70px;
	height: auto;
}

.foot_bnr ul li {
	float:left;
	margin-right:3%;
	margin-bottom: 15px;
	
}

.foot_bnr ul li:nth-child(even){
	margin-right:0;	
	float: none;
}
	
	.footmenu{
		font-size: 20px;
	}

	.footmenu ul li a{
		padding: 20px 15px;
	}
	
	.footmenu ul li{
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	
	.f_dtl{
		display: block;
	}

	.f_cont{
		width: 100%;
		margin-bottom: 20px;
	}
	
	
.f_logo{
		width: 80%;
	}

.foot_shop{
	width: 95%;
	margin: 0 auto;
	margin-top: 50px;
	height: auto;
}

	.tel_s{
		font-size: 18px;
	}	
	
	.telF{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.f_name2{
		text-align: center;
	}
	
	.menuF{
		float: none;
		margin: 0 auto;
	}
	
	.menuF a{
		margin-bottom: 20px;
	}
	
	.footlogo ul{
		display: none;
	}

	
.foot_bnrL img{
	width: 100%;
}


	
.foot_bnrR img{
	width: 100%;
}

.foot_bnr {
	width:95%;

	margin: 100px auto 0;
	height: auto;

}

.foot_bnrL{
	float: none;
	text-align: center;
	margin-bottom: 30px;
	width: 100%;
}

.foot_bnrR{
	float: none;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}


/*.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#efede9;
}*/


.copyright {
	font-size:12px;
}

	
	

/*とｐ*/
	
	
.top_sm{
	display: block;
	position: static;
	margin-top: 70px;
}
	

	
.smimg,.sm2img{
	background:none;
	height: auto;
	display: block;
}
	
.sm1,.sm2{
	width: 100%;
	padding: 10px 0;
}
	
.s_img{
	display: block!important;
}

.sm1_d,.sm2_d{
	padding: 0;
	margin: auto;
	width: 92%;
}
	
	.top_sm h2{
		margin-bottom: 10px;
	}
	
	.osusume{
		display: block;
	}

	.feature{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.o_text{
		padding: 10px 5px 0;
	}
	
	.feature:last-child{
		margin-bottom: 0;
	}
	
	.room .banner{
		width: 100%;
		height: 200px;
	}
	
	.room .banner2{
		width: 100%;
		height: 200px;
	}

	.k_title p{
		height: 200px;
		font-size: 28px;
	}
	
	.f_gal ul{
		margin-top: 70px;
		flex-wrap: wrap;
	}
	
	.f_gal ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	.f_gal ul li:nth-child(2n){
		margin-right: 0;
	}
	
	
	
	.f_gal2 ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	.f_gal2 ul li:nth-child(2n){
		margin-right: 0;
	}
	
	
/* お問い合わせ
	* --------------------------------------- */	



input.infoInput {
    height: 25px;
    margin: 0 0 10px 0;
    padding: 5px;
    border: #CCCCCC 1px solid;
    font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.infosize{
	width:95%;
}

.info ul li {
    width: 100%;
}
	.info ul li:nth-child(4){
	margin-bottom: 10px;
}

.formBtn {
	box-sizing:border-box;
	width:100%;
	margin-left:0;
	margin-bottom:10px;
	font-size:18px;
	text-align:center;
	
	}

.formBtn1{
	width:130px;
	font-weight:normal;
	margin-right:6px;
}



.formBtn2{
	width:130px;
	font-weight:normal;
	margin-left:6px;
	margin-right: 0;
}


	

	.mt10{
	margin-top: 0;
}

.contents_pic,.contents_pic2{
	width: 100%;
	text-align: center;
	height: auto;
}
	
	.contents_pic img{
		height: 250px;
	}
	
.contents_pic p {
    height: auto;
    width: 100%;
}
	
.contents_pic ul {

	width: 100%;
	margin-top: 10px;
	
}
.contents_pic li {

	margin:0 2.6% 0 0;
	width:23%;
	height:60px;
}



.contents_pic li img {
	width:23%;
}



.contents_pic li img{
	display: block;
	width: 100%;
	transition-duration: 0;
}

.contents_pic li img:hover {
    transform: none;
    transition-duration: 0;
}
	
.job{
	width: 100%;
	margin:5px 0 10px 5px; 
}
	
.job2{
	width: 100%;
	margin:5px 0 15px 5px; 
}
	
.job3,.job4{
	width: 100%;
}
	
.job ul li,.job3 ul li{
	margin-right: 30px;
	margin-bottom: 15px;
}
	
.job ul li:last-child{
	margin-bottom: 5px;

}
	
.job2 ul li{
	margin-right: 30px;
	margin-bottom: 15px;
}
	
.lmb20{

	margin-bottom: 20px!important;

}

	.ml20{
		margin-left: 10px;
	}
	
	.btnJ1 a,.btnJ2 a{
		font-size: 18px;
		padding: 9px 0 10px;
	}
	
.btnK{
	width: 100%;
	text-align: center;
	margin: 10px auto 0 ;
}
	
	
.btnK1 {
	font-size:18px;
	float:none;
	padding: 6px 0 7px 0;
	margin: 10px auto 0;
}

.btnK2 {
	font-size:18px;
	float:none;
	padding: 6px 0 7px 0;
	margin: 0 auto 10px ;
}
	
	.groupL,.groupR{
		float: none;
		width: 100%;
	}
	.groupR{
		margin-top: 30px;
	}
	

	.logoR{
	width: 100%;
	float: none;
	margin-top: 20px;
}

.logoL,.shipL,.shipR{
	width: 100%;
	float: none;
	
}
	
	.shipR .table_fac2 td:nth-child(2){
		border-top: none;
	}.shipR .table_fac2 td:nth-child(1){
		border-top: none;
	}
	
	.shipR .table_fac2 td,.shipR .table_fac2 th{
	border-left:#ccc 1px solid;
}

.logo p{
	padding-left:0;
}
	
	.map{
		height: 350px;
		margin-top: 50px;
	}
	
	
/*shisetu*/
.pointL{
	float: none;
	width: 90%;
	height: 250px;
	text-align: left;
	padding: 0 5%;
}

.pointR{
	float: none;
	width: 90%;
	height: 250px;
	text-align: left;
	padding: 0 5%;
	margin-top: 20px;
}

.tit{
	font-size: 26px;
    margin-top: 0;
    padding-top: 55px;
	text-align: center;
}
	
	.menuB a,.menu,.menuB2f a,.menuBl a {
		float: none;
}
	
	.contentsB{
		width: 100%;
	}
	
	.rec{
		background: none;
		height: auto;
	}
	
	.rec_tex{
		    box-sizing: border-box;
    width: 100%;
		padding: 0 10px;
		top:0;
		height: auto;
	}
	
	.menuR a{
		float: none;
		margin-top: 30px;
		
	}
	
	
	
		/*お知らせ*/



.topics ul li{
	width:33%;
	text-align: center;
    margin-right: 1%;
    list-style: none;
	font-family: "mplus";

}
	.topics ul li a{
		font-size: 16px;
	}
	
	.tp_tit{
		align-items: flex-start;
	}
	
	.tp_list a{
		width: 100%;
	}
	
	.tp_img{
		padding-top: 0;
	}
	
	.tp_img::before {
    content: "";
    display: block;
    padding-top: 100%;
}

	.tp_dtl h5{
		font-size: 18px;
	}
	
	.date span{
		display: block;
	}
	
	.topics_pic{
		width: 95%;
	}
	
	.topics_pic img{
		height: 280px;
	}
	
	.topics_dt ul li{
		margin-bottom: 15px;
	}
	
	/*room*/
	.pmenu ul{
	justify-content: center;
		flex-wrap: wrap;
}

.pmenu ul li{
	width:48%;
	text-align: center;
    margin-right: 3%;
    list-style: none;
	font-family: "mplus";
}
	
	.pmenu ul li:nth-child(2n){
		margin-right: 0;
		margin-bottom: 3%;
	}
	
	.room_dt{
		display: block;
	}
	
	.room_txt{
		width: 100%;
	}
	
	.room_type{
		width: 100%;
	}
	
	.menuR a{
		width: 100%;
	}
	
	.prsn{
		flex-direction: column;
	}
	.ps_img{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.ps_txt{
		width: 100%;
	}
	/*ろぐいん*/
	.form dl {
    display: block;
}

.form dl dt {
    width: 100%;
    padding: 10px 0 0;
}

.form dl dd {
    width: 100%;
    padding: 10px 0;

}

.form ul {
    list-style: none;
    display: block;
}

.form ul li {
    width: 100%;
	margin-bottom: 15px;
}
	
.tb dl {
	display: block;
	margin: 20px auto 0;
	width:90%;
}

.tb dl dt {
	float: none;
	width: 100%;
	border-bottom: none;
	text-align: left;
}
	
.tb dl dd {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
	width: 100%;
	border-bottom: none;
}