@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
	ブレークポイント 640px(40em)
	レイアウト 980px
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

.fl{
	float:left;
	margin:0;
	padding:0;
}

.fr{
	float:right;
	margin:0;
	padding:0;
}
.mar_t10{margin-top:10px!important;}
.mar_t20{margin-top:20px!important;}
.mar_t30{margin-top:30px!important;}
.mar_t40{margin-top:40px!important;}
.mar_t50{margin-top:50px!important;}
.mar_t60{margin-top:60px!important;}
.mar_t70{margin-top:70px!important;}
.mar_t80{margin-top:80px!important;}
.mar_t90{margin-top:90px!important;}
.mar_t100{margin-top:100px!important;}
.mar_b10{margin-bottom:10px;}
.mar_b20{margin-bottom:20px;}
.mar_b30{margin-bottom:30px;}
.pad_t0 {padding-top:0!important;}
.pad_t10 {padding-top:10px!important;}
.pad_t20 {padding-top:20px!important;}
.pad_t30 {padding-top:30px!important;}
.pad_t40 {padding-top:40px!important;}
.pad_t50 {padding-top:50px!important;}
.pad_t60 {padding-top:60px!important;}
.pad_b0 {padding-bottom:0!important;}
.pad_b10 {padding-bottom:10px!important;}
.pad_b20 {padding-bottom:20px!important;}
.pad_b30 {padding-bottom:30px!important;}
.pad_b40 {padding-bottom:40px!important;}
.pad_b50 {padding-bottom:50px!important;}
.pad_b60 {padding-bottom:60px!important;}
.pad_b70 {padding-bottom:70px!important;}
.pad_b80 {padding-bottom:80px!important;}
.pad_b90 {padding-bottom:90px!important;}

@media screen and (max-width:640px){
.sp_mar_t10{margin-top:10px!important;}
.sp_mar_t20{margin-top:20px!important;}
.sp_mar_t30{margin-top:30px!important;}
.sp_mar_t40{margin-top:40px!important;}
.sp_mar_t50{margin-top:50px!important;}
.sp_mar_t60{margin-top:60px!important;}
.sp_mar_t70{margin-top:70px!important;}
.sp_mar_t80{margin-top:80px!important;}
.sp_mar_t90{margin-top:90px!important;}
.sp_mar_t100{margin-top:100px!important;}
.sp_pad_t0 {padding-top:0!important;}
.sp_pad_t10 {padding-top:10px!important;}
.sp_pad_t20 {padding-top:20px!important;}
.sp_pad_t30 {padding-top:30px!important;}
.sp_pad_t40 {padding-top:40px!important;}
.sp_pad_t50 {padding-top:50px!important;}
.sp_pad_t60 {padding-top:60px!important;}

.sp_pad_b0 {padding-bottom:0!important;}
.sp_pad_b10 {padding-bottom:10px!important;}
.sp_pad_b20 {padding-bottom:20px!important;}
.sp_pad_b30 {padding-bottom:30px!important;}
.sp_pad_b40 {padding-bottom:40px!important;}
.sp_pad_b50 {padding-bottom:50px!important;}
.sp_pad_b60 {padding-bottom:60px!important;}
}

/* ------ Body ------ */

body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333333;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color:#0057b8;
}
a:active {
	text-decoration: none;
	color: #333333;
}



/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* レスポンシブ 640px基準 各設定は最下部にまとめて記載 */
.sp_none{
	display:block;
}
.pc_none{
	display:none;
}


/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}
small{font-size:12px;}


/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

a:hover img {
        opacity: 0.6;
        filter: alpha(opacity=60);
}
.line-through{text-decoration: line-through;}
strong.campaign{font-weight:bold;color:#ff0000;font-size:120%;}
.txt-right{text-align: right;}
/* ------ Go2top ------ */

.pagetop {
	position: fixed;
	bottom: -50px;
	right: 15px;
	z-index: 999;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #ff8f22;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	line-height: 50px;
}

.border_b_pink{border-bottom:5px solid #DE427F;color:#DE427F;display: inline-block;}
.border_b_black{border-bottom:5px solid #333333;color:#333333;display: inline-block;}
.border_b_grey{border-bottom:5px solid #666666;color:#666666;display: inline-block;}
.border_b_white{border-bottom:5px solid #ffffff;color:#ffffff;display: inline-block;}
.border_b_blue{border-bottom:5px solid #0066ff;color:#0066ff;display: inline-block;}
.border_b_blue2{border-bottom:5px solid #6699ff;color:#6699ff;display: inline-block;}
.border_b_purple{border-bottom:5px solid #330068;color:#330068;display: inline-block;}
.border_b_green{border-bottom:5px solid #006633;color:#006633;display: inline-block;}
/*--------header--------*/


header{
	width:100%;
	padding:0;
	height:70px;
	/*background-color: rgba( 255, 255, 255, 0.55 );*/
	background:fff;
	/*display:inline-block;*/
	border-bottom:1px solid #cccccc;
	margin:0;
	text-align:center;
	z-index:9999;
	color:#fff;
}
header #header_box{
	width: 100%;
    /* display: inline-block; */
    margin: 0 auto;
    max-width: 1340px;
}

header.fixed {
	position: fixed;
	top: 0;
	left:0;
	padding:0;
	height:70px;
	background-color: rgba( 255, 255, 255, 0.9 );
}


#logo_box{
	float:left;
	width:250px;
	height:auto;
	margin-top:20px;
	}

#logo_box img{
	width: auto;
    height: 100%;
    max-height: 40px;
}

nav {
	margin:5px 0 0 0;
	padding:0px;
	}


nav ul#navi_box {
	color:#202020;
	text-align:center;
	list-style:none;
	font-size:80%;
	margin-top:10px;

	}


nav ul#navi_box li{
	float:right;
	height:30px;
	padding: 10px 0;
	margin:0;
	border-left:1px solid #cccccc;
	line-height:130%;
	}
nav ul#navi_box li:hover{
	background-color: rgba(153,153,204,0.1);
}
nav ul#navi_box li.li_mid{
	line-height:30px;
	}

nav ul#navi_box li a{
	padding: 0 5px;
	display:block;
	text-decoration:none;
	width:90px;
	}
  nav ul#navi_box li a.w_s{
  	width:80px;
  }

nav ul#navi_box li a:hover{
	text-decoration:none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	}

header #contact_box{
	width:280px;
	margin:10px 0 0 0;
	}
header #contact_box #phone_btn{
	width:160px;
	}
header #contact_box #otoiawase_btn{
	width:120px;
	}

header #contact_box2{ display:none;}

@media screen and (max-width: 1200px) {
	header #header_box{width:99%;margin:0 0 0 1%;}
	nav ul#navi_box{ display:none;}
}
@media screen and (max-width: 1200px) {
	header #contact_box{ display:none;}
	header #contact_box2{ display:block;width:100px;float:right;margin:0;padding:0;}
}

/*--------メイン画像--------*/

h1, #main_box2 h2{
	font-size: 2em;
	text-align:left;
	font-weight:bold;
	letter-spacing:2px;
}

#main_box{
	background-image:url(../img/main_bg.jpg);
	background-size:cover;
	height:auto;
	display:inline-block;
	width:100%;
  height:550px;
	color:#fff;
	text-align:center;
	}
#main {
	width:100%;
}

#main_center{
	width:85%;
	margin:20px 0 0 0;
	padding: 0;
	text-align:center;
	display:inline-block;
}
#main_center .fl{
	width:27%;
}
#main_center .fr{
	width:70%;
	text-align:left;
}
#main_center img{
	width:350px;
	margin-top:25px;
	margin-bottom:25px;
}
#main_center h1{
	margin:7% 0 0 0;
	padding:0;
	font-size:300%;
	font-weight:normal;
}
#main_center h1 strong{
	font-size:180%;
}
#main_center p{
	margin:10px 0 0 0px;
	padding:0;
	font-size:150%;
}
#main_center .text_sec{
	margin:5px 0 10px 80px;
	padding:0;
	text-align:left;
}

#main_center .waku{
	margin:40px 0 10px 0px;
	padding:2px 25px 2px 25px;
	font-size:130%;
	border:2px #ffffff solid;
	display:inline-block;
	text-align:left;
}
#main_center ul.fv{
	margin:40px 0 10px 0px;
	padding:0;
	display:inline-block;
}
#main_center ul.fv:after{
	clear:both;
}

#main_center ul.fv li{
	font-size:120%;
	text-align:center;
	margin:0 7px 0 0;
	padding:2px 15px 2px 15px;
	float:left;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}

#main_center ul.fv li.fv1{
	border:2px #ffffff solid;
}
#main_center ul.fv li.fv2{
	margin-top:2px;
	background:#333366;
}

#main_center ul.fv li.fv3{
	margin:2px 0 0 0;
	background:none;
	font-size:100%;
	padding:5px 0px 2px 5px;
}
#main_center ul.fv li.fv4{
	margin-top:-15px;
	width:60px;
	height:60px;
	padding:5px;
	border:none;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
background: #0094C8; /* Old browsers */
background: -moz-linear-gradient(top,  #0094C8 1%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0094C8 1%,#000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0094C8 1%,#000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094C8', endColorstr='#000033',GradientType=0 ); /* IE6-9 */
}
#main_center ul.fv li.fv5{
	margin-top:-15px;
	width:100px;
	height:60px;
	padding:5px;
	border:none;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
background: #0094C8; /* Old browsers */
background: -moz-linear-gradient(top,  #0094C8 1%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0094C8 1%,#000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0094C8 1%,#000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094C8', endColorstr='#000033',GradientType=0 ); /* IE6-9 */
}
/** タブレット追加 **/
#main_box2{
  background-image:url(https://www.mot-net.com/wp-content/uploads/2022/04/364ae3a69221f8dd15637a1001c3aac6.jpg);
  background-size:cover;
  height:550px;
  display:inline-block;
  width:100%;
  color:#ffffff;
  text-align:center;

}
#main_box2 #main_center .fl{
	width:43%;
  text-align: right;
}
#main_box2 #main_center .fl img{
  width:80%;
  margin-top:80px;
  margin-left:0px;

}
#main_box2 #main_center .fr{
	width:55%;
	text-align:left;

}
#main_box2 #main_center .fr img{
  width:initial;
  margin-top:0px;
  margin-left:0px;
}
#main_box2 #main_center h2{
	margin:7% 0 0 0;
	padding:0;
	font-size:260%;
  line-height:130%;
	font-weight:bold;
}
#main_box2 #main_center h3{
	margin:8px 0 0 5px;
	padding:0;
	font-size:190%;
  line-height:150%;
	font-weight:normal;

}
#main_box2 #main_center p{
	margin:8px 0 0 5px;
	padding:0;
	font-size:180%;
}

/** Lite追加 **/
#main_box3{
  background-image:url(../img/lite_fview1.jpg);
  background-size:cover;
  height:550px;
  display:inline-block;
  width:100%;
  color:#000;
  text-align:center;

}
#main_box3 #main_center .fl{
	width:43%;
  text-align: right;
}
#main_box3 #main_center .fl img{
  width:initial;
  margin-top:50px;
  margin-left:0px;
}
#main_box3 #main_center .fr{
	width:55%;
	text-align:left;

}
#main_box3 #main_center .fr img{
  width:initial;
  margin-top:0px;
  margin-left:0px;
}
#main_box3 #main_center h2{
	margin:7% 0 0 0;
	padding:0;
	font-size:260%;
  line-height:130%;
	font-weight:bold;
}
#main_box3 #main_center h3{
	margin:8px 0 0 5px;
	padding:0;
	font-size:150%;
  line-height:150%;
	font-weight:normal;
}
#main_box3 #main_center p{
	margin:8px 0 0 5px;
	padding:0;
	font-size:150%;
}
#main_box3 #main_center .fr strong{
	color:#330068;
  font-weight:bold;
}
#main_box3 #main_center .fr ul.fv li{
	color:#ffffff;
}
#main_box3 #main_center .fr ul.fv{
	margin:40px 0 40px;
}
/** 特徴 **/
h3.midashi{
	margin:0 0 10px;
	padding:0px 10px;
	border-left:5px solid #4EBAE5;
}

section dl.pt1 dd ol{
	margin:0 0 20px 30px;
	padding:0;
}
section dl.pt1 dd ol li{
	margin:0 0 12px 0;
	padding:0;
  font-size:1.0em;
}
section dl.pt1 dd ol li strong{
	color:#0099ff;
  font-size:1.2em;
}
section dl.pt1 dd p{
	line-height:200%;
}
section dl.pt1 dd p.image{
	width:100%;
	text-align:center;
}

section dl.pt1 dd p.image img{
	width:700px;
	padding:0;
}

#main_center .fr img{
	margin:5px 10px 0 0px;
	width:97%;
	height:auto;
}
#main_center .mainphone{ display:none;}
@media screen and (max-width: 1200px) {
	#main_center{ width:95%;}
	#main_center .waku{ margin:60px 0 10px 0px;}
}
@media screen and (max-width: 980px) {
	#main_center h1{ font-size:190%;}
	#main_center p{ font-size:120%;}
	#main_center ul.fv li.fv4, #main_center ul.fv li.fv5{ margin-top:0;}
  #main_box2 #main_center h2, #main_box3 #main_center h2{ font-size:160%;}
  #main_box2 #main_center h3, #main_box3 #main_center h3{ font-size:140%;}
  #main_box3 #main_center .fr ul.fv{margin:10px 0;}
  #main_box3 #main_center .fl img{
    width:80;
    margin:10px auto;
  }
}
@media screen and (max-width: 780px) {
#main_center img{margin-bottom:30px;width:200px;}
#main_center h1{ padding:0;text-align:center;}
#main_center p{ text-align:center;}
#main_center .text_sec{ text-align:center;}
#main_center .waku{ margin:15px 30% 10px 30%;padding:2px 2.5% 2px 2.5%;font-size:90%; text-align:center; width:35%;}
#main_center p{ font-size:110%;}
#main_center .fr, #main_box2 #main_center .fr, #main_center .fr, #main_box3 #main_center .fr{ clear:right; width:100%;}
#main_center .fl, #main_box2 #main_center .fl, #main_center .fl, #main_box3 #main_center .fl{ display:none;}
#main_center .mainphone{ display:block;}
#main_center .fr img{margin:5px 12.5% 0 12.5%;width:70%;text-align:center;}
#main_center ul.fv{ width:90%;margin:0 5%;}
#main_center ul.fv li.fv1{ width:92%;margin:0 2% 10px 2%;}
#main_center ul.fv li.fv2{width:38%;margin:0 2% 10px 2%;}
#main_box2 #main_center ul.fv, #main_box3 #main_center ul.fv{ width:98%;margin:15px 1% 15px;}
#main_box2 #main_center h2, #main_box3 #main_center h2{ font-size:220%;font-weight: normal;text-align: center;}
#main_box2 #main_center h3, #main_box3 #main_center h3{ font-size:150%;text-align: left;}
#main_box2 #main_center p{ font-size:130%;text-align: left;}
#main_box, #main_box2, #main_box3{height:auto;display: inline-block;}
#main_box2 #main_center .mainphone img, #main_box3 #main_center .mainphone img{ width:50%; margin:0 25% 20px 25%;}
}
@media screen and (max-width: 600px) {
#main_center h1{ margin:2% 0 0 0;padding:0;font-size:180%; text-align:center;}
#main_center .waku{ margin:15px 20% 10px 20%;padding:2px 5% 2px 5%;font-size:90%; text-align:center; width:50%;}
#main_center p{ font-size:90%;}
#main_center .text_sec{ margin-left:0;}
#main_center .fr img{margin:5px 7.5% 0 7.5%;width:85%;text-align:center;}
#main_center .mainphone img{ width:25%; margin:0 37.5% 20px 37.5%;}
#main_box2 #main_center .mainphone img, #main_box3 #main_center .mainphone img{ width:40%; margin:0 30% 20px 30%;}
#main_box2 #main_center h2, #main_box3 #main_center h2{margin-top:2%;}
#main_box2 #main_center h2, #main_box3 #main_center h2{ font-size:150%;}
#main_box2 #main_center h3, #main_box3 #main_center h3{ font-size:140%;}
#main_box2 #main_center p, #main_box3 #main_center p{ font-size:120%;}
#main_box2 #main_center ul.fv, #main_box3 #main_center ul.fv{ width:98%;margin:5px 1% 0;}
}
@media screen and (max-width: 480px) {
#main_center h1{ margin:2% 0 0 0;padding:0;font-size:140%; text-align:center;}
#main_center .waku{ margin:15px 20% 10px 20%;padding:2px 5% 2px 5%;font-size:90%; text-align:center; width:50%;}
#main_center p{ font-size:90%;}
#main_center .fr img{margin:5px 7.5% 0 7.5%;width:85%;text-align:center;}
#main_center .mainphone img{ width:25%; margin:0 37.5% 20px 37.5%;}
}
/*--------contents--------*/
.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  height: 0;
  clear: both;
}
#container {
	width:100%;
	margin: 0 auto;
	text-align:center;
}

.bg_gray{
	background:#f1f1f1;
}
.bg_toi{
	background:#0057b8;
}
.bg_toi h4{
	color:#fff;
	font-size: 30px;
    font-weight: 600;
}
@media screen and (max-width:640px){
.bg_toi h4{
	font-size: 20px;
}
}
.bg_white{
	background:#ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
section{
	max-width: 1140px;
	width:100%;
	margin:0 auto;
	padding:60px 0 50px 0;
	color:#333333;
}
section#hottel_jirei{
	width:100%;
	margin:0 auto;
	padding:60px 0 50px 0;
	color:#333333;
	max-width:none;
}
section p{
	font-size:1.1em;
	line-height:1.6;
	text-align:left;
	padding:20px 0;
}

#feature h2{
	color: #330068;
	text-align:center;
	font-size:210%;
	font-weight:bold;
	margin-bottom:50px;
	letter-spacing:1px;
}

section h2{
	color: #330068;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	margin-bottom:50px;
	letter-spacing:1px;
}

section#feature h2{font-size:180%;}

#otoiawase h2{
	color: #fff;
	text-align:center;
	font-size:280%;
	font-weight:bold;
	margin-bottom:50px;
	letter-spacing:1px;
}

section h3{
	color: #5454bf;
	font-size:150%;
	font-weight:bold;
}

section dl{
	width:90%;
	display:inline-block;
	text-align:left;
	padding:0;
	margin:0 5%;
}
section dl dt{
	width:45%;
	float: left;
	margin:0;
	padding:0;
}
section dl dd{
	width:45%;
	margin:0;
	padding:0;
	float: right;
}
section dl img{
	width:100%;
	height:auto;
}

section dl.pt1 dt{
	width:33%;
}
section dl.pt1 dd{
	width:60%;
}

section dl.pt2 dt{
	width:60%;
}
section dl.pt2 dd{
	width:33%;
}

section dl.pt2 dt .case_wrap{
	display:inline-block;
	padding:0;
	margin:10px 1% 0 1%;
	width:96%;

}

section dl.pt2 dt .case_l{
	float:left;
	width:16%;
	text-align:center;
	background:#4b4b86;
	color:#ffffff;
	font-size:90%;
	padding:4px 2%;
	margin:5px 0 0 0;
}
section dl.pt2 dt .case_l strong{
	font-size:150%;
}
section dl.pt2 dt .case_r{
	float:left;
	width:74%;
	text-align:left;
	color:#000;
	font-size:140%;
	font-weight:bold;
	padding:5px 2.5% 3px;
	margin:0;
}
section dl.pt2 dt strong, section dl.pt2 dd strong{
	font-weight:bold;
	font-size:105%;
}

/**こんな課題を解決します！**/
section#kadai dl.pt2 dd{
	padding-top:10px;
}
section#kadai dl.pt2 dt h3, section#kadai dl.pt2 dt p{
	margin-left:20px;
	padding:0;
}
section#kadai dl.pt2 dt h3{
	margin-top:5px;
	margin-bottom:5px;
}
section#kadai dl.pt2 dd{
	margin-right:2%;
}
section#kadai dl.pt2{
	margin-bottom:30px;
}
section#kadai dl.last{
	margin-bottom:0px;
}
section#kadai dl.pt2{
	margin-bottom:40px;
}

section dl.pt3 dt{
	width:45%;
}

section dl.pt3 dd{
	width:10%;
	float: left;
}
section dl.pt3 dt.bg{
	background:#f5f5f5;
}

section#merit h3{
	text-align:left;
	font-size:180%;
	color:#333366;
	margin-bottom:20px;
}

section#merit p{
	margin-top:-20px;
}

section#merit h3 strong{
	font-size:140%;
	color:#333366;
	font-style:italic;
	margin-right:10px;

}
section#merit dl.pt3 dt.bg{
	background:#f5f5f5;
	padding-bottom:20px;
}

section#merit #merit3 { width:90%; margin:0 5% 0 5%;}
section#merit #merit3_sp{ display:none;}

#iconbox {
	background:#333366;
	width:70%;
	margin:20px 15% 30px 15%;
	padding:5px 10px 5px 10px;

   }

 #iconbox2 {
    background:#ff8f22;
	width:70%;
	margin:0px 15% 10px 15%;
	padding:8px 10px 8px 10px;
	text-align:center;
	color:#FFFFFF;
	font-size:130%;
	font-weight:500;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
   }

#iconbox2:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

#iconbox2 a { text-decoration: none;}
#iconbox2 a:hover { text-decoration: none;}

section dl.pt3 dt h4{
	font-size:115%;
	font-weight:bold;
	text-align:center;
	margin:0px 0;
	color:#fff;
}

section dl.pt3 dt ul{
	width:90%;
	margin:0 5% 20px 5%;
	padding:0;
	clear:both;
	display:inline-block;
}
section dl.pt3 dt ul li{
	width:25%;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}
section dl.pt3 dt ul li img{
	width:96%;
	margin:0 2%;
}

#price p { text-align:center; font-size:100%; font-weight:normal; margin-top:0px;}
#price strong {  font-size:140%;  font-weight:bold; color:#5454bf;}
#price p#price_kome { font-size:90%; margin:-30px 0 20px 0;font-weight:normal;}
#price dl { margin-bottom:30px;}

#price table { margin:0 10% 30px;width:80%;}
#price table th { margin:0;padding:5px;width:48%;text-align:right;}
#price table td { margin:0;padding:5px;width:50%;}
#price table .center { text-align:center;}
#price table .right { text-align:right;}

#price table.price_ta { margin:30px 10% 30px;width:80%;border-width:1px 0 0 0;border-color:#cccccc; border-style:solid;}
#price table.price_ta th { text-align:left;width:30%;vertical-align:top;border-width:0 1px 1px 1px;border-color:#cccccc; border-style:solid;}
#price table.price_ta th h3 { font-size:110%;}
#price table.price_ta td { text-align:left;width:22%;vertical-align:top;border-width:0 1px 1px 0;border-color:#cccccc; border-style:solid;}
#price table.price_ta td.last { text-align:left;width:43%;vertical-align:top;border-width:0 1px 1px 1px;border-color:#cccccc; border-style:solid;}
#price table.price_ta th.price_head { background: #5454bf;text-align: center;vertical-align:middle;}
#price table.price_ta th.price_head h3 { color:#ffffff;}

#price table.support { margin:0 10% 30px;width:80%;border-width:1px 0 0 0;border-color:#cccccc; border-style:solid;}
#price table.support th { text-align:left;width:25%;vertical-align:top;border-width:0 1px 1px 1px;border-color:#cccccc; border-style:solid;}
#price table.support th h3 { font-size:100%;}
#price table.support td { text-align:left;width:70%;vertical-align:top;border-width:0 1px 1px 0;border-color:#cccccc; border-style:solid;}
#price table.support .center { text-align:center;}
#price table.support .right { text-align:right;}

@media screen and (max-width: 640px) {
section#merit #merit3 { display:none;}
section#merit #merit3_sp{ display:block; width:100%; margin:0 !important; padding:0 !important;}
section#merit #merit3_sp img{ width:100%; margin:0 !important; padding:0 !important;}
}
section#
 dl{width:100%;margin:0;padding:0;}
section#casehotel dl img{width:100%;margin:0;}
section#casehotel dl a{display:inline-block;margin-bottom:30px;}
section#casehotel dl a:hover{background: #ffffff;}
section#casehotel dl a:hover img{opacity:0.7;}
section#casehotel dl a dt{width:25%;margin:0;padding:0;float:left;}
section#casehotel dl a dd{width:70%;margin:0;padding:0;float:right;}
section#casehotel dl a dd h3{color:#5454bf;font-size:120%;font-weight:bold;margin:15px 0 0;padding:0;}
section#casehotel dl a dd h3 span.area{display:inline-block;line-height: 150%;border-radius:5px;margin:-5px 0 0;background: #5454bf;color:#fff;text-align:center;padding:0px 8px;font-size:70%;}
section#casehotel dl a dd p{font-size:100%;margin:10px 0 0;padding:0;}

@media screen and (max-width: 640px) {
  section#casehotel dl a dt{width:100%;margin:0;padding:0;clear:left;}
  section#casehotel dl a dd{width:100%;margin:0;padding:0;clear:right;}
}
/*--------お問い合わせ--------*/


#otoiawase dl.btn { width:90%; display:inline-block; padding:20px 5%; margin:0;}
#otoiawase dl.btn dt{ width:47%; float:left; margin:0; padding:0; text-align:center;}
#otoiawase dl.btn dd{ width:47%; float:right; margin:0; padding:0; text-align:center;}
#otoiawase dl.btn dt img, #otoiawase dl.btn dd img{ width:100%;}

#otoiawase dl.btn3 { width:96%; display:inline-block; padding:20px 2%; margin:0;}
#otoiawase dl.btn3 dt{ width:32%; float:left; margin:0 2% 0 0; padding:0; text-align:center;}
#otoiawase dl.btn3 dd{ width:32%; float:left; margin:0 2% 0 0; padding:0; text-align:center;}
#otoiawase dl.btn3 dd.last{ width:32%; float:left; margin:0; padding:0; text-align:center;}
#otoiawase dl.btn3 dt img, #otoiawase dl.btn3 dd img{ width:100%;}
/*--------footer--------*/

#footerarea {
	width: 100%;
	max-width: 960px;
	text-align: center;
	clear: both;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	margin: 0 auto;
}

#footer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom:-30px;
}
#footer .menu_foot {width:90%;margin:20px 5% 0;padding:20px 0;border-bottom:1px solid #ccc;display:inline-block;}
#footer .menu_foot ul{width:25%;margin:0;padding:0;float:left;}
#footer .menu_foot ul li{margin:0 0 5px 20px;padding:0;font-size:14px;text-align:left;}
#footer .menu_foot ul li.products_name{margin:0 0 5px 10px;padding:0;}
/*FooterInfo*/
#footerinfo {
	padding: 10px 0 0;
	text-align:center;
	display:block;
	margin: 0 auto;
	width:80%;
}

#footertxt {
	display:block;
	padding: 15px 0 0;
	line-height:1.4;
	width:50%;
	float:left;
	font-size:0.8em;
	text-align: left;
}

#footertxt a {
	text-decoration:underline;
	color:#333366;
}

#footertxt a:hover{
	cursor:pointer;
	color:#ff8f22;
}

div.ft_24logo{
	width:50%;
	padding:2%x;
	float:left;
}

.ft_24logo img{
	margin:20px 5% 0 0;
	width:60%;
	float:right;
}
/*Copyright*/
#copyright {
	clear: both;
	font-size: 10px;
}

.copyright{
	padding:10px 0 0 0;
	}


@media screen and (max-width: 980px) {
	section{width:90%;}
	section h2, #otoiawase h2{font-size:180%;}
	section#feature h2{font-size:140%;}
	section h3{font-size:130%;}
	section dl.pt2 dt .case_l, section dl.pt2 dt .case_r{width:90%;padding:3%;margin:0;font-size:100%;}
	section p{font-size:100%;}
}
@media screen and (max-width: 780px) {
#footer {
	width: 95%;
	margin: 0 auto;
	text-align: center;
	margin-bottom:-30px;
}
.ft_24logo img{
	margin:20px 5% 0 0;
	width:95%;
	float:right;
}
#footer .menu_foot ul{width:50%;margin:0;padding:0;float:left;}
}
@media screen and (max-width: 640px) {
	/**共通**/
	.sp_none{display:none;}
	.pc_none{display:block;}

	.fl{clear:left;}
	.fr{clear:right;}

	/**メイン画像
	h1{font-size:120%;margin-top:20px;text-align:left;font-weight:bold;letter-spacing:1px;}
	#main_box{}
	#main {}
	#main_center{ width:90%; margin:10px 5% 0 5%;}
	#main_center img{}
	#main_center .fl img{margin:10% 0 0 0;}

	#main_center h1{margin:10px 0 0 0;font-size:120%;}
	#main_center h1 strong{ font-size:150%;}
	#main_center p{ margin:10px 0 0 0;padding:0;font-size:120%;}
	#main_center .text_sec{ margin:5px 0 0 0;text-align:left;}
	#main_center .waku{ margin:10px 0 10px 0px;padding:5px;font-size:130%;}
	#main_center .fr img{margin:5px 0 0 0;}**/

	/**コンテンツ**/
	section{width: 90%;margin:0 5%;padding:10px 0;}
	section h2{font-size:150%; margin:30px 0;}
	section#feature h2{font-size:120%;text-align:left;}
	section img{width:80%;margin:0 10%;}
	section#feature img{width:50%;margin:0 25%;}

	section dl dt, section dl dd, section dl.pt1 dt, section dl.pt1 dd
	, section dl.pt2 dt, section dl.pt2 dd
	, section dl.pt3 dt, section dl.pt3 dd{width:100%;clear: both;}

	section dl.pt2 dt, section dl.pt2 dd{padding:0;margin:0;}
	section dl.pt1 dt img, section dl.pt1 dd img{width:80%;margin:0 10%;}
	section dl.pt2 dt img, section dl.pt2 dd img{width:80%;margin:0 10%;}
	section dl.pt3 dt img, section dl.pt3 dd img{width:80%;margin:0 10%;}

	h3.midashi{margin:20px 0 10px;}
	section dl.pt1 dd dl.pt_inner dt{width:100%;}
	section dl.pt1 dd dl.pt_inner dd{width:100%;}
	section dl.pt1 dd p.image{width:100%;margin:0 0 10px;}
	section dl.pt1 dd p.image img{width:100%;margin:0;}
	section dl.pt1 dd #iconbox2{width:90%;margin:0 5% 10px;}

	#otoiawase dl.btn { width:90%;padding:0 5%; margin:0;}
	#otoiawase dl.btn dt{ width:100%; clear:both; margin:20px 0 20px 0;padding:0;}
	#otoiawase dl.btn dd{ width:100%; clear:both; margin:0 0 20px 0;padding:0;}
	#otoiawase dl.btn dt img, #otoiawase dl.btn dd img{ width:100%;margin:0;}

  #otoiawase dl.btn3 { width:90%;padding:0 5%; margin:0;}
	#otoiawase dl.btn3 dt{ width:100%; clear:both; margin:20px 0 20px 0;padding:0;}
	#otoiawase dl.btn3 dd{ width:100%; clear:both; margin:0 0 20px 0;padding:0;}
  #otoiawase dl.btn3 dd.last{ width:100%; clear:both; margin:0 0 20px 0;padding:0;}
	#otoiawase dl.btn3 dt img, #otoiawase dl.btn3 dd img{ width:100%;margin:0;}

	#footerinfo {width:100%;}
	#main_center ul.fv li.fv4{ font-size:90%;margin-top:0px;margin-bottom:10px;width:45px;height:45px;}
  #main_center ul.fv li.fv5{ font-size:90%;margin-top:0px;margin-bottom:10px;width:65px;height:45px;}

	section h2, #otoiawase h2{font-size:150%;}
	.ft_24logo{width:50%;clear:both;margin:0;}

}

/** 新着情報 **/
section#info{margin:10px 5% 0 5%;padding:0px 0 10px 0;}
section#info p{font-size:90%;width:100%;text-align:center;line-height:180%;margin:0;padding:10px 0;}
section#info p strong{font-weight:normal;}
section#info p a{text-decoration:none;color:#fff;font-weight:bold;background:#330068;padding:10px 30px;border-radius: 5px;}
section#info p a:hover{text-decoration:none;opacity:0.8;}
section#info #iconbox2 a{font-size:120%;font-weight:bold;}

@media screen and (max-width: 640px) {
	section#info p{font-size:100%;width:100%;text-align:left;line-height:160%;margin:0;padding:10px 0;}
	section#info #iconbox2 a{font-size:80%;font-weight:normal;}
}
/** MOT/HotelPhoneとは? **/
#function_box{
  background-image:url(https://www.mot-net.com/wp-content/uploads/2022/04/5529a31bf4bca1c155b53dcd7a7e74b5.jpg);
	background-size:cover;
	display:inline-block;
	width:100%;
	color:#fff;
	text-align:center;
}
#function_box section h2, #function_box section h3{
  color:#ffffff;
  padding-bottom:20px;
  font-weight:normal;
}

/**お客様のご紹介20171013seto**/
section#casehotel dl{
	width:100%;
	clear: both;
	display:inline-block;
	text-align:left;
	margin:0;
	padding:0;
}
section#casehotel dl dt img{
	width:90%;
	margin:0 5%;
}
section#casehotel dl dd img{
	width:90%;
	margin:0 5%;
}
section#casehotel dl.triple dt{
	width:30%;
	margin:0 5% 0 0;
	padding:0;
}
section#casehotel dl.triple dd{
	width:30%;
	margin:0;
	padding:0;
}
section#casehotel dl.triple dt h3,
section#casehotel dl.triple dd h3{
	text-align: center;
	font-size:14px;
	margin:5px 0;
}

section#casehotel dl.triple dt .s_txt,
section#casehotel dl.triple dd .s_txt{
	width:90%;
	padding:0;
	margin:0 5% 10px;
	text-align: left;
	font-size:12px;
}
span.area{display:inline-block;line-height: 150%;border-radius:5px;margin:-5px 0 0;background: #5454bf;color:#fff;text-align:center;padding:0px 8px;font-size:70%;}
@media screen and (max-width: 640px) {
	section#casehotel dl.triple dt{
		width:100%;
		margin:0 0 20px 0;
		padding:0;
	}
	section#casehotel dl.triple dd{
		width:100%;
		margin:0 0 20px 0;
		padding:0;
	}
	section#casehotel dl.triple dt h3,
	section#casehotel dl.triple dd h3{
		text-align: center;
		font-size:14px;
	}
}



/** 機能一覧 **/
#function_list ul, #function_list ol{width:80%;margin:0 0 10px 30px;}
#function_list ul li{margin:0 0 10px 50px;padding:0 0 0 10px;clear:both;width:auto;text-align:left;font-size:120%;list-style-type: disc;}
#function_list ol li{margin:0 0 10px 20px;padding:0 0 0 10px;clear:both;width:auto;text-align:left;font-size:120%;}
#function_list ul#list_none{list-style: none;}
#function_list ul#list_none li{list-style-type: none;font-size:12px;margin:0 0 5px 20px;padding:0;}

table.responsive{
  padding:0; border-right:0px solid #fcfcfc;
}
table.responsive {
  border-collapse: collapse;
  width: 100%;
}
table.responsive th,
table.responsive td {
  padding: 10px 2%;
  border: 1px solid #999;
}
table.responsive th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}
table.responsive td {
  text-align: left;
}
table.responsive td ul.list_disc{
  margin-top:0;
  margin-bottom:10px;
}
table.responsive td ul.list_disc li{
  margin-top:0;
}
#robot_bnr a:hover{opacity:0.7;}
#robot_bnr{width:100%;margin:0 0 30px;}
#robot_bnr img{width:100%;margin:0;}
@media screen and (max-width: 480px) {
  #robot_bnr{width:100%;margin:30px 0 0;}
  table.responsive {
    border-top: 1px solid #999;
  }
  table.responsive td {
    display: block;
    text-align: left;
    width: 96%;
  }
  table.responsive th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 96%;
  }
  strong.campaign{font-size:100%;}
}
.hottel_main {
  box-sizing: border-box;
  background: url(https://www.mot-net.com/hotelphone/img/gate_bg.jpg) no-repeat center center;
  background-size: cover;
  /*max-height:375px;*/
  /*padding: 48px 0 48px;*/
  padding: 0px;
  height: auto;
}
@media screen and (max-width:640px){
.hottel_main {
	position: static;
	padding: 0;
	background: none;
	background-size: contain;
	/* background-color: #0057b8; */
	box-sizing: border-box;
  background: url(https://www.mot-net.com/hotelphone/img/hottel-FV-BG2-sp.jpg) no-repeat center center;;
  background-size: cover;;min-height: auto;
	height: auto;
	display: table;
	width: 100%;
}
}
.hotelphone_main {
  box-sizing: border-box;
  background: url(https://www.mot-net.com/wp-content/uploads/2022/04/364ae3a69221f8dd15637a1001c3aac6.jpg) no-repeat center center;
  background-size: cover;
  /*max-height:375px;*/
  /*padding: 48px 0 48px;*/
  padding: 0px;
  height: auto;
}
@media screen and (max-width:640px){
.hotelphone_main {
	position: static;
	padding: 0;
	background: none;
	background-size: contain;
	background-color: #0057b8;
    min-height: auto;
    height: auto;
	display: table;
	width: 100%;
}
}
.backcolor {
	background-color: rgb(65 65 65 / 43%);
}
.backcolor h1{
	color:#fff;
	text-align:
	center;
	font-size: 35px;
	background: -webkit-linear-gradient(273deg, #e2eaec 30%, #67acbc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 margin: 20px;
}
.backcolor h2{
	color:#fff;
	text-align:center;
	margin-bottom:30px;
 
}

.hottel_main dl{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin: 0 0 10px 0;
}

.hottel_main dl dt, .hottel_main dl dd{
 float: none;
}

.hottel_main dl dt{
 text-align: center;
 width: 20%;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 background: linear-gradient(to bottom, #00c4cc 50%, #3CCAD0 100%);
 margin-right: 20px;
 padding: 10px;
 border-radius: 50px;
}

.hottel_main dl dd{
 width: 75%;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
}


.block2_flex{
	width:100%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
}
#hottel ul.block2_flex:nth-child(2){
    margin-top:50px;
}
#hottel ul.block2_flex:nth-child(n + 3){
    margin-top:100px;
}
.hottel_main ul.block2_flex li p.wrap{
  text-align: center;
  color:#000;
  font-size:150%;
  background: #ffffff;
  padding:10px;
  width:90%;
  margin:0 auto;
}
@media screen and (max-width:640px){
#hottel ul.block2_flex:nth-child(2){
    margin-top:20px;
}
#hottel ul.block2_flex:nth-child(n + 3){
    margin-top:20px;
}
}
.block2_flex li {
	width:50%;
    border-radius: 4px;
    line-height: 26px;
    letter-spacing: 1px;
    min-height: auto;
    box-sizing: border-box;
}
@media screen and (max-width:640px){
.block2_flex li {
	width:100%;
    padding-top:40px;
}
}
.block2_flex li.app {
	width:30%;
}
.block2_flex li.txt {
	width:70%;
}
@media screen and (max-width:640px){
.block2_flex li.app {
	width:100%;
}
.block2_flex li.txt {
	width:100%;
}
}
.block2_flex li.pad {
	padding:20px 30px;
}
.block2_flex li.pad h4{
	color: #424242!important;
	margin-bottom:0!important;
	font-weight: 600;
}
.block2_flex li.pad p{
	font-size:14px!important;
	padding-top: 0;
}
.block2_flex li img{
	width:80%;
	margin:0 auto;
}

.block4_flex{
	width:100%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
    background: #fff;
    padding: 30px 0;
    border-radius: 5px;
}
.block4_flex li {
	width:25%;
    border-radius: 4px;
    line-height: 26px;
    letter-spacing: 1px;
    min-height: auto;
    box-sizing: border-box;
}
@media screen and (max-width:640px){
.block4_flex li {
	width:100%;
    padding-top:40px;
}
}
.block4_flex:after {
    content: "";
    width: 25%;
}
.block4_flex:before {
    content: "";
    width: 25%;
    order: 1;
}
.block4_flex li.pad {
	padding:20px 30px;
}
.block4_flex li.pad h4{
	color: #424242!important;
	margin-bottom:0!important;
	font-weight: 600;
}
.block4_flex li.pad p{
	font-size:14px!important;
	padding-top: 0;
}
.block4_flex li img{
	width:100%;
	margin:0 auto;
}
.block2_flex48{
	width:100%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
}
.block2_flex48 li.function {
	width:48%;
    border-radius: 4px;
    line-height: 26px;
    letter-spacing: 1px;
    min-height: auto;
    background: #fff;
}
@media screen and (max-width:640px){
.block2_flex48 li.function {
	width:100%;
    padding-top:40px;
}
}
.toi_block{
	width:100%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: center;
    align-items: stretch;
    margin-top:20px;
    padding: 30px 0;
    border-radius: 5px;
}
@media screen and (max-width:640px){
.toi_block{
    margin-top:0px;
    padding:0;
}
}
.toi_block li {
	width:45%;
    border-radius: 4px;
    line-height: 26px;
    letter-spacing: 1px;
    min-height: auto;
    box-sizing: border-box;
    text-align:center;
    color:#fff;
}
@media screen and (max-width:640px){
.toi_block li {
	width:100%;
    padding-top:40px;
}
}
.toi_block li i.fa-phone{
	font-size:90px;
}
.toi_block li i.fa-envelope{
	font-size:90px;
}
.toi_block li p{
	text-align:center;
	padding:0;
}
.toi_block li p.tel{
	font-size:45px;
	font-weight:700;
}
@media screen and (max-width:640px){
.toi_block li p.tel{
	font-size:35px;
	font-weight:700;
}
}
.toi_block li p.uketuke{
	font-size:14px;
}
.toi_block li a.indextop_link{
	background: #fff;
	color: #0057b8!important;
	font-size: 22px;
    /* font-weight: 600; */
    padding: 20px 80px;
}
@media screen and (max-width:640px){
.toi_block li a.indextop_link{
	padding: 20px 0px;
	width:100%;
}
}
.toi_block li a.indextop_link:hover{
	background: #ffa200;
	color: #fff!important;
}
.indextop_link{
	background: #0057b8;
    border-radius: 50px;
    color: #fff!important;
    padding: 10px 50px;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 2px solid #0057b8;
    text-decoration: none;
}
.indextop_link:hover{
	background: #fff;
	border-radius: 50px;
	color: #0057b8!important;
	padding: 10px 50px;
	display: inline-block;
	margin-top: 10px;
	border: #0057b8 1px solid;
	text-decoration: none;
}
@media screen and (max-width:640px){
.indextop_link{
    padding: 10px 40px;
}
}
.indextop_link_orange{
	background: #ffcc00;
    border-radius: 50px;
    color:#424242!important;
    padding: 10px 50px;
    display: inline-block;
    margin-top: 20px;
    border-bottom: 2px solid #ffcc00;
    text-decoration: none;
    font-weight:600;
}
.indextop_link_orange:hover{
	background: #fff;
	border-radius: 50px;
	padding: 10px 50px;
	display: inline-block;
	margin-top: 20px;
	border: #fff 1px solid;
	text-decoration: none;
	color:#424242!important;
}
@media screen and (max-width:640px){
.indextop_link_orange{
    padding: 10px 40px;
    font-size: 14px;
}
}
@media screen and (max-width:640px){
#hottel {
	padding:50px 0;
}
}
#hottel h2,#hottel h3,#hottel h4,#hottel h5  {
	margin-bottom:10px;
	color:#0057b8;
}
#hottel p {
    line-height: 200%;
    letter-spacing: 1px;
    font-size: 16px;
    color: #424242;
}
.hottel_backcolor {
	background:linear-gradient(to right,#065fe3 0,#0599e6 100%);
}
.hottel_backcolor section h3{
	color:#fff!important;
}
.white_inner {
	background:#fff;
	margin:30px auto;
	padding: 20px 40px;
}

.hottel_one{
	width:60%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: space-between;
    align-items: center;
    margin:20px auto 0;
}
.hottel_one li {
	width:100%;
    border-radius: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align:center;
    min-height: auto;
}
@media screen and (max-width:640px){
.hottel_one li {
	width:100%;
    padding-top:40px;
}
}
.hottel_one li h4 {
	font-weight: 600;
	margin-bottom: 10px;
}

.hottel_triple{
	width:100%;
	display: flex;
	flex-wrap: wrap;
    letter-spacing: -1em;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
}
.hottel_triple li {
	width:30%;
    border-radius: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align:center;
    min-height: auto;
}
@media screen and (max-width:640px){
.hottel_triple li {
	width:100%;
    padding-top:40px;
}
}
.hottel_triple li h4 {
	font-weight: 600;
	margin-bottom: 10px;
}
.guest {
	color: #fff;
    background: #0057b8;
    display: inline-block;
    padding: 10px 65px;
    border-radius: 50px;
    margin-top: 40px;
}
@media screen and (max-width:640px){
.guest {
    margin-top: 0px;
}
}
.item_top {
	align-items: flex-start!important;
}
.txt_center {
	text-align:center!important;
}
.txt_left {
	text-align:left!important;
}
.slider {
  margin: 30px auto 0;
  width: 100%;
}
.slider-img {
  margin: 0 5px;
}
.slider-img img {
  height: auto;
  width: 100%;
}
.jirei_slide {
	margin: 0 15px;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 20px;
}
.jirei_slide img{
	width:100%;
	margin:0;
}
.jirei_slide h4{
	margin-top: 10px;
    font-weight: 600;
}
.jirei_slide div.area{
	position: absolute;
    top: 20px;
    padding: 5px 17px;
    font-size: 12px;
    color: #fff;
    background:#0057b8;
}
.mot_dl_link_top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  list-style: none;
  margin: 30px 0;
}

@media screen and (max-width:640px){
.mot_dl_link_top {
  display: block;
  margin: 30px 0;
}
}
.mot_dl_link_top::after {
  content: none;
}
.mot_dl_link_top li {
  background: #bfbfbf;
  color: #424242;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  width: 30%;
  padding: 10px 20px;
  transition: all .2s ease-out;
  position: relative;
  font-weight:600;
  margin:0 10px;
}
@media screen and (max-width:640px){
.mot_dl_link_top li {
  width: 100%;
  margin: 0 0 30px 0;
  padding:10px 0;
}
}
.mot_dl_link_top li:hover {
  background: #0057b8;
  color: #fff;
}
.mot_dl_link_top .active {
  background: #0057b8;
  color: #fff;
}
.mot_dl_link_top .active:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 15px;
    border-right-width: 15px;
    margin-left: -15px;
    border-top-color: #0057b8;
    top: 100%;
    left: 50%;
}
.hotelphone_fnc_change {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  list-style: none;
  margin: 50px 0;
}
.hotelphone_fnc_change::after {
  content: none;
}
.hotelphone_fnc_change li {
  background: #bfbfbf;
  color: #424242;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  width: 30%;
  padding: 10px 20px;
  transition: all .2s ease-out;
  position: relative;
  font-weight:600;
  margin:0 10px;
}
@media screen and (max-width:640px){
.hotelphone_fnc_change li {
  width: 100%;
  margin-bottom: 30px;
}
}
.hotelphone_fnc_change li:hover {
  background: #ff8c00;
  color: #fff;
}
.hotelphone_fnc_change .active {
  background: #ff8c00;
  color: #fff;
}
.hotelphone_fnc_change .active:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 15px;
    border-right-width: 15px;
    margin-left: -15px;
    border-top-color: #ff8c00;
    top: 100%;
    left: 50%;
}
.area article {
  display: none;
  width:100%;margin:0;padding:0;
}
.area article.show {
	display: block;
	animation-name: fade;
	animation-duration: 1s;
}
.area2 article {
  display: none;
  width:100%;margin:0;padding:0;
}
.area2 article.show2 {
	display: block;
	animation-name: fade;
	animation-duration: 1s;
}
@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.hottel_op_h4 {
	color: #424242!important;
	font-weight: 600;
    font-size: 28px;
    margin-top: 50px;
}
@media screen and (max-width:640px){
.hottel_op_h4 {
    font-size: 22px;
    margin-top: 50px;
    margin-bottom:0;
}
}
.plan_brown {
	background:#0057b8;
	padding-bottom:110px;
}
.plan_brown h3,.plan_brown p{
	color:#fff!important;
	text-align:center;
}
.plan_white {
	background:#f5f5f5;
}
.pan3 {
	margin-top:-200px;
}
.pan3 li {
	background:#fff;
	padding: 50px 30px;
    box-sizing: border-box;
    text-align:center;
}
@media screen and (max-width:640px){
.pan3 li {
	margin-bottom:30px;
}
.plan_white {
	background:#0057b8;
}
.plan_white p.white_txt_sp,.plan_white p.white_txt_sp a{
	color:#fff!important;
}
}
.pan3 li h4{
	color: #fff!important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom:20px!important;
    background: #0057b8;
    border-radius: 50px;
    padding: 5px 0;
}
.pan3 li p{
	text-align:center;
	padding:0;
}
.pan3 li p.naisen{
	font-size:14px!important;
}
.pan3 li p span{
	font-size:34px;
	font-weight:900;
}
.plan_pad {
	padding:30px 0;
}
.plan_pad img{
	margin:0px auto;
  width:100%;
  max-width: 240px;
}
.hotel_task {
	color: #424242!important;
	font-size: 22px;
    font-weight: 600;
    position: relative;
    text-align:left;
}
.hotel_task span.number{
	color:#00c4cc;
	font-size:400%;
}
.hotel_task span.task{
	position: absolute;
	top:-50px;
	left:31px;
	font-weight:400;
}
@media screen and (max-width:640px){
.hotel_task {
	font-size: 18px;
}
.hotel_task span.number{
	font-size:300%;
}
.hotel_task span.task{
	position: absolute;
	top:-42px;
	left:15px;
}
}

.tablet_img {
	padding-left:20px
}
.tablet_img img {
	border-radius: 10px;
}
@media screen and (max-width:640px){
.tablet_img {
	padding-left:0px
}
}
.pad_r20_spnone {
	padding-right:20px;
}
@media screen and (max-width:640px){
.pad_r20_spnone {
	padding-right:0px;
}
}
.kadomaru {
	border-radius: 10px;
}
@media screen and (max-width:640px){
#otoiawase {
	padding: 50px 0;
}
}
.app_img img {
	width: auto!important;
    max-height: 400px;
}
.txt_red {
	color:#ff0000;
}
.txt_strong {
	font-weight:600;
}
.hottel_sec1 h3{
	text-align:left;
  font-size:200%;
}
.hottel_sec1 p{
	font-size:24px!important;
	font-weight:600;
	line-height: 170%!important;
}
.hottel_sec1 p.sec2{
	font-size:24px!important;
	font-weight:600;
  padding:0 15px;
}
@media screen and (max-width:640px){
.hottel_sec1 p{
	font-size:18px!important;
	font-weight:600;
	line-height: 170%!important;
}
.hottel_sec1 p.sec2{
	font-size:18px!important;
	font-weight:600;
}
}
.hottel_sec1 p span{
	color:#ff0000;
}
.maintenance {
	margin: 50px auto;
}
@media screen and (max-width:640px){
.maintenance {
	margin: 50px auto 0;
}
}
.maintenance h3{
	font-size: 210%;
	text-align:center!important;
}
.maintenance p{
	text-align:center!important;
}


/*20260717 babycare*/
.section{
 width: 100%;
 max-width: none;
 padding: 40px 0;
 margin: 0;
}

@media screen and (min-width:768px){
 .section{
 padding: 70px 0;
}
}

.inner{
 width: 90%;
 max-width: 1140px;
 margin: 0 auto;
}

.title01{
 font-size: 27px;
 color: #0057b8;
 margin-bottom: 30px;
}

.title02{
 font-size: 22px;
 font-weight: bold;
 color: #333;
 margin-bottom: 30px;
}

.br768{
 display: none;
}

@media screen and (min-width:768px){
.title01{
 font-size: 36px;
}
 .br768{
 display: inline;
}
}


.flex_card_w25 li:not(:last-child){
 margin-bottom: 30px;
}

.flex_card_w30 li:not(:last-child){
 margin-bottom: 30px;
}

@media screen and (min-width:768px){
 .flex_card_w25{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
 }
 .flex_card_w25 li{
  width: 23%;
 }
 .flex_card_w25 li:not(:last-child){
 margin-bottom: 0;
}
 
 .flex_card_w30{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
 }
 .flex_card_w30 li{
  width: 27%;
}
 .flex_card_w30 li:not(:last-child){
 margin-bottom: 0;
}
}


#hottel_babycare03 h4{
 font-size: 20px;
 font-weight: bold;
}
@media screen and (min-width:768px){
 #hottel_babycare03 .flex_card_w25{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
 }
 #hottel_babycare03 .flex_card_w25 li:not(:last-child){
  margin-right: 30px;
 }
}

#hottel_babycare04 ul li{
 position: relative;
 border-radius: 30px;
 padding: 30px ;
 box-shadow: 0 0 8px rgb(0, 0, 0, 0.2);
 overflow: hidden;
}

#hottel_babycare04 ul li:not(:last-child){
 margin-bottom: 40px;
}

#hottel_babycare04 ul li h4{
 font-size: 24px;
 color: #00c4cc;
}

#hottel_babycare04 ul li::after{
 position: absolute;
bottom: 56px;
 right: -6px;
 z-index: -1;
 font-size: 160px;
 font-weight: bold;
 color: #E6FDFF;
}

#hottel_babycare04 ul li:nth-child(1)::after{
 content: "01";
}
#hottel_babycare04 ul li:nth-child(2)::after{
 content: "02";
}
#hottel_babycare04 ul li:nth-child(3)::after{
 content: "03";
}

@media screen and (min-width:768px){
 #hottel_babycare04 ul li h4{
 font-size: 28px;
}
}


#hottel_babycare05 .inner > ul > li:not(:last-child){
 margin-bottom: 30px;
}

#hottel_babycare05 .setting_place{
 margin-top: 40px;
}

#hottel_babycare05 .setting_place ul li{
 font-size: 18px;
 font-weight: bold;
 color: #0057b8;
 border: 2px solid #0057b8;
 padding: 8px 10px;
}

#hottel_babycare05 .setting_place ul li{
 margin-bottom: 30px;
}

@media screen and (min-width:768px){
 #hottel_babycare05 .inner > ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
 }
 #hottel_babycare05 .inner > ul > li{
  width: 38%;
 }
 #hottel_babycare05 .inner > ul > li:not(:last-child){
 margin-bottom: 0;
}
 #hottel_babycare05 .setting_place ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
 }
 #hottel_babycare05 .setting_place ul li {
  width: 17%;
 }
}

#hottel_babycare06 ul li{
 padding: 20px ;
 border-radius: 30px;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

#hottel_babycare08 ul li:not(:last-child){
 margin-bottom: 30px;
}

@media screen and (min-width:768px){
 #hottel_babycare08 ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
 }
 #hottel_babycare08 ul li{
  width: 38%;
 }
 #hottel_babycare08 ul li:not(:last-child){
 margin-bottom: 0;
}
}

#hottel_babycare09 .tbl_scroll{
 overflow-x: scroll;
}
#hottel_babycare09 table{
 min-width: 720px;
 border: 1px solid #c0c0c0;
}

#hottel_babycare09 table tr th, #hottel_babycare09 table tr td{
 width: 20%;
 text-align: center;
 padding: 10px;
 border-right: 1px solid #c0c0c0;
 border-bottom: 1px solid #c0c0c0;
}

#hottel_babycare10 .youtube{
 width: 100%;
 max-width: 720px;
 aspect-ratio: 16/9;
 margin: 0 auto;
}

#hottel_babycare09 table thead tr th:first-child{
 border-right: none;
}

#hottel_babycare09 table thead tr th{
 font-weight: bold;
 background: #eee;
}
#hottel_babycare09 table thead tr th:nth-child(3){
 color: #fff;
 background: #0057b8;
}

#hottel_babycare09 table tbody tr th{
 font-weight: bold;
 background: #e6feff;
}

#hottel_babycare09 table .tx_red{
 font-weight: bold;
 color: #A60002;
}

#hottel_babycare09 table tbody tr:last-child td{
 text-align: left;
}

#hottel_babycare10 .youtube iframe{
 width: 100%;
 height: 100%;
}

#hottel_babycare11 .price_tbl .tx_box{
 margin-bottom: 40px;
}
#hottel_babycare11 .price_tbl .tx_box h4{
 font-size: 20px;
 font-weight: bold;
 color: #333;
 margin-bottom: 20px;
}

#hottel_babycare11 .price_tbl .tx_box table{
 width: 100%;
}

#hottel_babycare11 .price_tbl .tx_box table tr{
 border-bottom: 1px solid #ccc;
}

#hottel_babycare11 .price_tbl .tx_box table tr td{
 padding: 10px;
}

#hottel_babycare11 .price_tbl .tx_box table tr td:nth-child(2){
 text-align: left;
}

#hottel_babycare11 .price_tbl .tx_box p strong{
 font-size: 20px;
 font-weight: bold;
}

#hottel_babycare11 .price_tbl .ph_box figure:not(:last-child){
 margin-bottom: 30px;
}

@media screen and (min-width:768px){
 #hottel_babycare11 .price_tbl{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #hottel_babycare11 .price_tbl .tx_box{
  width: 50%;
  margin-bottom: 0;
 }
 #hottel_babycare11 .price_tbl .ph_box{
  width: 46%;
 }
}

#hottel_babycare12 ul li{
 padding: 20px;
 border-radius: 30px;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width:768px){
 #hottel_babycare13 .show_room{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #hottel_babycare13 .show_room .tx_box{
  width: 52%;
 }
 #hottel_babycare13 .show_room figure{
  width: 44%;
 }
}


#hottel_babycare14 #qa .qa:not(:last-child){
 margin-bottom: 30px;
}

#hottel_babycare14 #qa .qa .Q{
 position: relative;
 text-align: left;
 font-weight: bold;
 color: #fff;
 padding: 10px;
 background: #0057b8;
}

#hottel_babycare14 #qa .qa .Q::after{
 position: absolute;
 top: 18px;
 right: 20px;
 content: "";
 block-size:0;
 inline-size:0;
 border-top: 6px solid #fff;
 border-bottom: 6px solid transparent;
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 transition: all 0.5s;
}

#hottel_babycare14 #qa .qa .Q.close_q::after{
 top: 12px;
 transform: rotate(180deg);
}

#hottel_babycare14 #qa .qa .A{
 display: none;
}