@charset "utf-8";

@import url("https://www.mwt.co.jp/common/css/reset.css");
@import url("https://www.mwt.co.jp/common/css/layout.css");
@import url("https://www.mwt.co.jp/kaigai/common/css/internal_links.css");
@import url("https://www.mwt.co.jp/kaigai/common/css/footer.css");

/*--------------------------------------------------------------------------------clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------------------------------------------------------------------common*/
dl,dt,dd,ul,li,ol,li {
	margin:0;
	padding:0;
	text-decoration:none;
}
img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
body {
	font-family: zen-maru-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size:14px;
	line-height:1.6;
}
a {
	text-decoration:none;
	color: #fff;
}
a, a:link{
	background:none;
	color: #fff;
	text-decoration: none;
}
.width{
	width:950px;
	margin:0 auto;
}
.pc {display:block;}
.tab{display:none;}
.sp {display:none;}
th {font-family: zen-maru-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;}
.small{font-size:0.85em;}
/*page-top*/
#page-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index:50;
}
#page-top a {
	background: #DDD;
	text-decoration: none;
	color: #fff;
	width: 4em;
	padding:1em 0.5em;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a img {
	width:90%;
}
#page-top a:hover {
	text-decoration: none;
	background: #a5a5a5;
}
/*--------------------------------------------------------------------------------breadcrumbs */
#breadcrumbs{
	width: 950px;
	margin: 15px auto;
	font-family: zen-maru-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;;
}
#breadcrumbs li {
	display: inline;
	list-style-type: none;
}
#breadcrumbs li:before {content: " > ";}
#breadcrumbs li:first-child:before {content:"";}

h4 {
	padding:0.8em 0 0.5em 0;
	text-align:center;
	line-height:1.4;
	font-family: zen-old-mincho, sans-serif;
    font-weight: 700;
    font-style: normal;
	border-bottom:3px double #C5BA8D;
	margin-bottom:1.5em;
}
h4 span{
	display:block;
	color:#C5BA8D;
}
h4 strong{
	display:block;
	font-size:1.6em;
	font-weight:normal;
	margin:0.5em 0;
}


/*button01*/
a.button01 {
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding:0.5em 1em;
	position: relative;
	z-index: 2;
	color: #FFFFFF;
	overflow: hidden;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
a.button01::before,
a.button01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.button01,
a.button01::before,
a.button01::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.button01::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}
a.button01:hover {
  color: #fff;
}
a.button01:hover::after {
  top: 0;
  left: 0;
  background-color:rgba(203,233,250,0.20);
}


/*button02*/
a.button02 {
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding:0.5em 1em;
	position: relative;
	z-index: 2;
	background-color: #8e96c4;
	color: #FFFFFF;
	overflow: hidden;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	border-radius: 0.3em;
}
a.button02::before,
a.button02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.button02,
a.button02::before,
a.button02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.button02::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}
a.button02:hover {
  color: #fff;
}
a.button02:hover::after {
  top: 0;
  left: 0;
  background-color: #28377c;
}


/*button03*/
.button03 {
  position: relative;
  outline: none;
  transition: all .2s;
}
.button03::before,
.button03::after {
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
}
.button03:hover {
  color: #3be5ae;
}
.button03:hover::before,
.button03:hover::after {
  width: 100%;
  height: 100%;
}
.button03:hover::before {
  border-top-color: #8e96c4;
  border-right-color: #8e96c4;
  transition: width .3s, height .3s .3s;
}
.button03:hover::after {
  border-bottom-color: #8e96c4;
  border-left-color: #8e96c4;
  transition: height .3s, width .3s .3s;
}

/*--------------------------------------------------------------------------------footer*/
#footer-link div.linkBox h4{
	color:#FFFFFF;
}

/*--------------------------------------------------------------------------------hide-text*/
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}


/*--------------------------------------------------------------------------------menu_area*/
#menu_area {
	position:relative;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 90%, rgba(206,206,206,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 90%,rgba(206,206,206,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 90%,rgba(206,206,206,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); 
	border-top:1px solid #DDDDDD;
	z-index:10;
}
#menu_area h3 {
	width:19%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#menu_area h3 img {
	width:100%;
	display: inline-block;
	box-shadow:3px 3px 8px -5px rgba(0, 0, 0, 0.8);
}
#navi {
	position: relative;
}
#menu {
  display: block;
	height: auto;
	margin: 0;
	padding: 0;

}
#menu.menuTop {
	display:none;
}
#menu li {
	float: left;
	width: 16%;
	text-align: center;
	position: relative;
	z-index: 1;
	border-right:1px solid #DDDDDD;
}

#menu li:nth-child(1){
	width:19%;
}
#menu li a {
	font-size:0.93em;
	padding:1em 0;
	color: #666666;
	display: block;
/*	text-shadow: -1px 1px rgba(255, 255, 255, 0.8);*/
	text-decoration:none;
}
#menu li a::after {
  background-color: #28377c;
  bottom: 0;
  content: '';
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  transition: .5s all;
  width: 0;
}
#menu li a:hover::after,
#menu li a.active {
  width: 100%;
}


#menu li ul.sub-menu {
  display: none; 
  position: absolute;
  top: 2em;
  left: 30%;
}
#menu li:hover ul.sub-menu {
  display: block;
}
#menu li ul.sub-menu li {
  float: none; 
}
#top_photo {
	position: relative;
	margin: 0 auto;
}
.slicknav_menu {
    display: none;
}
#navi {
    z-index: 100;
}
.menuTop {
	display:none; 
}
i.fa.fa-caret-right {
    display: inline-block;
  }



/*--------------------------------------------------------------------------------TO_GUIDE*/
#to_duide {
	background:#f9f4e7;
	padding:3em 0 4em 0;
}
#to_duide dl {
	margin-top:2em;
}
#to_duide dt {
	float:left;
	width:48%;
	color:#444444;
}
#to_duide dt p {
	line-height:1.7;
}
#to_duide dd {
	float:right;
	width:48%;
}
#to_duide dd .photo {
	border:5px solid #d9bf71;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   margin-bottom:1em;
}
#to_duide dd .photo img {
	width:100%;
}
#to_duide h5 {
	font-size:1.1em;
	padding:0.5em 0;
}
#to_duide a.button02 {
	background:#d9bf71;
	color:#FFFFFF;
}

/*--------------------------------------------------------------------------------INQUIRY*/
#inquiry {
	padding:4em 0 4em 0;
	background:#edecf3;
}

#inquiry h5 {
	float:left;
	width:24%;
   margin-right:3%;
	text-align:center;
   padding:1em;
   border:none;
}
#inquiry h5 img {
	width:100%;
}
#inquiry h5 strong{
	border-top:1px solid #28377c;
	margin-top:0.3em;
	padding-top:0.3em;
	line-height:1.6;
	display:block;
	width:100%;
	font-size:1.4em;
	line-height:1.6;
	font-family: zen-old-mincho, sans-serif;
    font-weight: 700;
    font-style: normal;
}
#inquiry .inquiry_con{
	float:left;
	width:66%;

}

#inquiry .inquiry_con dl{
	margin-bottom:1.5em;
	padding-left:1.5em;
	border-left:2px solid #FFFFFF;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
#inquiry .inquiry_con dt h6 br {
	display:none;
}
#inquiry .inquiry_con dd p {
	display:inline-block;
}

#inquiry .inquiry_con dl:nth-child(3){
	margin-right:0;
}

.info_city {
	display:inline-block;
	background:#28377c;
	padding:0.2em 0 0 0;
	line-height:1.4;
	font-size:1em;
	color:#FFFFFF;
	width:4em;
	text-align:center;
	margin-right:0.5em;
	margin-bottom:0.3em;
	border:1px double
}

#inquiry .inquiry_con dt h6 {
	vertical-align:top;
	font-size:1.1em;
	line-height:1.3;
	font-weight:normal;
}
#inquiry .inquiry_con dt .info_tel{
	display:inline-block;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2;
	padding:0.2em 0;
}
#inquiry .inquiry_con dt .info_tel a{
	text-decoration:none;
}

#inquiry .inquiry_con dd .info_mail a{
	text-decoration:none;
	color:#000000;
}

#inquiry .inquiry_con dd span {
	margin-right:0.5em;
}

/*--------------------------------------------------- ------
					950px対応
-----------------------------------------------------------*/
@media only screen and (max-width: 950px) {
/*--------------------------------------------------------------------------------breadcrumbs*/
#breadcrumbs {
	display:none;
}
/*--------------------------------------------------------------------------------common*/
.width{
	width:90%;
	margin:0 auto;
}

h4 {
	padding:0.8em 0 0.5em 0;
	position:relative;

}
/*--------------------------------------------------------------------------------menu_area*/
#menu_area .width {
	width:100%;

}
/*--------------------------------------------------------------------------------TO_GUIDE*/
#to_duide dl {
	padding:0 2%;
}
/*--------------------------------------------------------------------------------ARRANGE*/
#arrange dl {
	padding:0 2%;
}
/*--------------------------------------------------------------------------------INQUIRY*/
#inquiry {
	padding:4em 2%;
}


}

/*--------------------------------------------
	768px以下（タブレット調整）
---------------------------------------------*/
@media screen and (max-width: 768px)  {
body{font-size:13px;}
.pc {display:none;}
.tab{display:block;}
.sp {display:none;}

/*--------------------------------------------------------------------------------TO_GUIDE*/

#to_duide dt {
	float:none;
	width:100%;
	margin-bottom:2em;
}
#to_duide dd {
	float:none;
	width:80%;
	display:block;
	margin:0 auto 0 0;
}
#to_duide dd .photo {
	height:12em;
	overflow:hidden;
}
#to_duide dl {
    padding: 0;
}
/*--------------------------------------------------------------------------------INQUIRY*/

}

/*--------------------------------------------
	640x以下（search調整）
---------------------------------------------*/
@media screen and (max-width: 640px)  {
.pc {display:none;}
.tab{display:block;}
/*-------------------------------------------------------------------------------COMMONへ移行予定*/
#switch {
    padding: 3em 0 0 0;
}
#search	.accordion h6 {
	position:relative;
}

#search	.accordion h6:after {
   content: "";
   position: absolute;
   right:1.5em;
   top:1.2em;
   border-right: 2px solid #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
   width: 8px;
   height: 8px;
   transform: rotate(45deg);
}

#search	.accordion h6.active:after{
   content: "";
   position: absolute;
   right: 1.5em;
   border-left: 2px solid #FFFFFF;
   border-top: 2px solid #FFFFFF;
   border-right: 0;
   border-bottom: 0;
   width: 8px;
   height: 8px;
   transform: rotate(45deg);
}
/*--------------------------------------------------------------------------------TO_GUIDE*/
#to_duide dd {
	width:100%;
}
/*--------------------------------------------------------------------------------INQUIRY*/
#inquiry {
	padding:2em 0 2em 0;
}

#inquiry h5 {
	float:none;
	width:30%;
	margin:0 auto;
}
#inquiry .inquiry_con{
	float:none;
	width:80%;
	margin:0 auto;
   text-align:center;
}

#inquiry .inquiry_con dl{
	margin-bottom:1.5em;
	padding-left:1.5em;
	border-left:2px solid #FFFFFF;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   padding:1em 0 0 0 ;
   border-top:2px solid #FFFFFF;
   border-left:none;
}
#inquiry .inquiry_con dt h6 br {
	display:none;
}
#inquiry .inquiry_con dd p {
	display:inline-block;
}

#inquiry .inquiry_con dl:nth-child(3){
	margin-right:0;
}

.info_city {
	display:inline-block;
	background:#28377c;
	padding:0.2em 0 0 0;
	line-height:1.4;
	font-size:1em;
	color:#FFFFFF;
	width:4em;
	text-align:center;
	margin-right:0.5em;
	margin-bottom:0.3em;
	border:1px double
}

#inquiry .inquiry_con dt h6 {
	vertical-align:top;
	font-size:1.1em;
	line-height:1.3;
	font-weight:normal;
}
#inquiry .inquiry_con dt .info_tel{
	display:inline-block;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2;
	padding:0.2em 0;
}
#inquiry .inquiry_con dt .info_tel a{
	text-decoration:none;
}

#inquiry .inquiry_con dd .info_mail a{
	text-decoration:none;
	color:#000000;
}

#inquiry .inquiry_con dd span {
	margin-right:0.5em;
}
}
/*--------------------------------------------
	480px以下（スマホ）
---------------------------------------------*/
@media screen and (max-width : 480px) {
body{font-size:12px;}
.sp {display:block;}
/*--------------------------------------------------------------------------------menu_area*/
#menu_area h3 {
	display:none;
}
#menu {
	display:none;
}
.slicknav_menu {
    display: block;
}
.menuTop {
	display: block; 
}
.slickmenuTop {
    display:block;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
}
/*--------------------------------------------------------------------------------TO_GUIDE*/

#to_duide dd .guide_photo {
	height:10em;

}
/*--------------------------------------------------------------------------------INQUIRY*/
#inquiry h5 {
	width:50%;
}
}

/*--------------------------------------------------------------------------------CONTACT*/
#contact {
    background: #534F4D;
    color: #fff;
    padding: 2em 2%;
}
#contact .wrapper_min {
    text-align: left;
}
.wrapper_min {
    position: relative;
    max-width: 950px;
    width: 90%;
    margin: 0 auto;
}
.content_title {
    padding-bottom: 3em;
}
#contact h4 {
    border-bottom: none;
	text-align: left;
	margin-bottom: 0;
}
.contact_flex {
    position: relative;
    display: flex;
	justify-content:flex-start;
    font-size: 1rem;
    column-gap: 2em;
    font-family: zen-old-mincho, sans-serif;
    font-weight: 700;
    font-style: normal;
}

@media only screen and (max-width: 1000px) {
	.wrapper_min {
        width: 90%;
    }
}

@media only screen and (max-width: 800px) {
	#contact .content_title {
        padding-bottom: 2em;
    }
}
@media only screen and (max-width: 737px) {
    #contact .content_title {
        padding-bottom: 2em;
    }
	.contact_flex {
        display: block;
    }
	.contact_tel{
		margin-bottom: .5em;
	}
}

@media only screen and (max-width: 550px) {
	    .wrapper_min {
        width: 92%;
    }
	.contact_flex {
        font-size: 14px;
    }
	.contact_tel{
		font-size: 16px;
		margin-bottom: .5em;
	}
	.content_title {
        padding-bottom: 1em;
    }
}