@charset "utf-8";

/**
 *
 * Style css
 *
 */

/*
 *
 *  FontSize
 *
 *  font-size: 0.8em   ← 8px
 *  font-size: 1em     ← 10px
 *  font-size: 1.2em   ← 12px
 *
 */


/* =============================================================================
   common
   ========================================================================== */
.common-section { margin: 0 auto; text-align: left; width: 960px; }
.common-sentence {font-size: 1.4em; line-height: 1.8; }
a.opacity:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

.cta-common { background: url("../../images/manner_g/cta-bg.jpg") center center no-repeat; height: 192px; }
@media screen and (min-width: 1800px) { .cta-common { -webkit-background-size: cover; background-size: cover; } }
.cta-common dt { padding-top: 39px; margin-bottom: 17px; }
.cta-common dd { width: 751px; margin: 0 auto; text-align: left; }
.cta-common dd ul li { text-align: center; }
/*.cta-common dd ul li { float: left; width: 288px; margin-right: 18px; }
.cta-common dd ul li.last-el-child { margin-right: 0; }
.cta-common dd ul li:last-child { margin-right: 0; }*/

/* =============================================================================
   block
   ========================================================================== */
#wrapper { min-width: 1100px; color: #535353; }

#header { margin-bottom: 10px; }
#header h1 { float: left; padding-top: 4px; font-size: 1.1em; }
#wrapper .btn-area { float: right; }
#wrapper .btn-area li { float: left; margin-right: 3px; }
#wrapper .btn-area li.last-el-child { margin-right: 0; }
#wrapper .btn-area li:last-child { margin-right: 0; }

#kv { background: url("../../images/manner_g/kv-bg.jpg") top center no-repeat; height: 559px; }
@media screen and (min-width: 1800px) { #kv { -webkit-background-size: cover; background-size: cover; } }
#kv .common-section { position: relative; }
#kv h2 { position: relative; z-index: 1; padding-top: 47px; margin-bottom: 20px; }
#kv dl { margin-top: 21px; margin-left: -7px; }
#kv .img02 { position: absolute; top: 157px; right: 29px; }

#nav { background: url("../../images/manner_g/nav-bg.png") top left repeat-x; height: 57px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; display: none; }
#nav ul li { float: left; }
#nav ul li a { background: url("../../images/manner_g/nav.png") top left no-repeat; display: block; text-indent: -9999px; height: 49px; }
#nav ul li a.nav01 {width: 262px; background-position: 0 0;}
#nav ul li a.nav01:hover {background-position: 0 -49px;}
#nav ul li a.nav02 {width: 163px; background-position: -262px 0;}
#nav ul li a.nav02:hover {background-position: -262px -49px;}
#nav ul li a.nav03 {width: 162px; background-position: -425px 0;}
#nav ul li a.nav03:hover {background-position: -425px -49px;}
#nav ul li a.nav04 {width: 160px; background-position: -587px 0;}
#nav ul li a.nav04:hover {background-position: -587px -49px;}
#nav ul li a.nav05 {width: 213px; background-position: -747px 0;}
#nav ul li a.nav05:hover {background-position: -747px -49px;}



#contents01 h2 { margin-bottom: 28px; text-align: center; }
#contents01 .sentence { width: 680px; margin: 32px auto; font-size: 1.5em; font-weight: bold; text-align: left; }
#contents01 .sentence02 { width: 910px; margin: 0 auto; font-size: 1.5em; padding-top:25px; text-align: left; }
#contents01 .cta { height: 215px; }
#contents01 .left-contents { float: left; width: 747px; }
#contents01 .right-contents { float: left; width: 213px; background-color: #f4eed4; height: 215px; }
#contents01 .right-contents dl { padding-top: 38px; text-align: center; }
#contents01 .right-contents dl dt { margin-bottom: 47px; }
#contents01 .introduction { background: url("../../images/manner_g/contents01-06.jpg") bottom center  no-repeat; height: 215px; margin-top:20px }


#contents02 { background: url("../../images/manner_g/contents02-bg.jpg") bottom center no-repeat; height: 742px; }
@media screen and (min-width: 1800px) { #contents02 { -webkit-background-size: cover; background-size: cover; } }
#contents02 .common-section { padding-top: 75px; }
#contents02 h2 { margin-bottom: 32px; text-align: center; }
#contents02 .hospitality .left-contents { width: 233px; float: left; }
#contents02 .hospitality .right-contents { width: 727px; float: left; }
#contents02 .hospitality .right-contents dl dt { float: left; width: 292px; }
#contents02 .hospitality .right-contents dl dd { float: left; width: 435px; height: 238px; position: relative; font-size: 1.2em; line-height: 1.6; }
#contents02 .hospitality .right-contents dl dd ul li { position: absolute; left: 241px; z-index: 1; }
#contents02 .hospitality .right-contents dl dd ul li.sentence01 { top: 37px; }
#contents02 .hospitality .right-contents dl dd ul li.sentence02 { top: 102px; }
#contents02 .hospitality .right-contents dl dd ul li.sentence03 { top: 175px; }
#contents02 h3 { margin: 36px 0 15px 26px; }
#contents02 .sentence { width: 790px; margin: 0 auto; font-size: 1.5em; }

#contents03 { background-color: #fbf9ed; padding: 76px 0 65px; overflow-x: hidden; }
#contents03 h2 { text-align: center; margin-bottom: 34px; }
#contents03 .slider-wrap { background: url("../../images/manner_g/contents03-slide-bg_2.png") top left no-repeat; width: 934px; height: 698px; padding: 26px 0 0 26px; position: relative; }

#contents03 .swiper-container { margin: 0; }
#contents03 .swiper-container,
#contents03 .swiper-slide { width: 908px; height: 655px; position: relative; }
#contents03 .slider-wrap .prev,
#contents03 .slider-wrap .next { height: 56px; width: 48px; text-indent: -9999px; position: absolute; top: 50%; margin-top: -28px; }
#contents03 .slider-wrap .prev { background: url("../../images/manner_g/btn-prev.png") top left no-repeat; left: -40px; z-index: 10; width: 40px; }
#contents03 .slider-wrap .next { background: url("../../images/manner_g/btn-next.png") top left no-repeat; right: -48px; z-index: 10; }
#contents03 .slider-wrap .case { }
#contents03 .slider-wrap .case h3 { border-bottom: 1px solid #426f8f; position: relative; height: 68px; padding-left: 87px; margin-bottom: 27px; }
#contents03 .slider-wrap .case01 h3 { background: url("../../images/manner_g/contents03-slide-case01.png") top left no-repeat; }
#contents03 .slider-wrap .case02 h3 { background: url("../../images/manner_g/contents03-slide-case02.png") top left no-repeat; }
#contents03 .slider-wrap .case03 h3 { background: url("../../images/manner_g/contents03-slide-case03.png") top left no-repeat; }
#contents03 .slider-wrap .case04 h3 { background: url("../../images/manner_g/contents03-slide-case04.png") top left no-repeat; }
#contents03 .slider-wrap .case05 h3 { background: url("../../images/manner_g/contents03-slide-case05.png") top left no-repeat; }
#contents03 .slider-wrap .case06 h3 { background: url("../../images/manner_g/contents03-slide-case06.png") top left no-repeat; }
#contents03 .slider-wrap .case h3 span.title { display: block; font-size: 3.3em; color: #356a91; margin-right: 10px; letter-spacing: 1px; float: left; line-height: 70px; }
#contents03 .slider-wrap .case h3 span.sentence { font-size: 2em; line-height: 70px; float: left; }
#contents03 .slider-wrap .case h3 span.sentence02 { font-size: 1.7em; line-height: 70px; float: left; }
#contents03 .slider-wrap .case .inner { padding: 0 22px; }
#contents03 .slider-wrap .case h4 { font-size: 2.1em; letter-spacing: 1px; margin-bottom: 27px; }
#contents03 .slider-wrap .case h4 span { font-weight: bold; margin-right: 14px; color: #9f815d; }
#contents03 .slider-wrap .case .challenge .left-contents { float: left; margin-right: 18px; width: 108px; height: 84px; line-height: 84px; color: #fff; font-size: 2.6em; border: 2px solid #ceb094; background-color: #b2906f; text-align: center; letter-spacing: 2px; text-indent: 2px;  }
#contents03 .slider-wrap .case .challenge .right-contents dl dt { font-size: 1.9em; color: #2c5675; margin-bottom: 8px; font-weight: bold; line-height: 1.2; }
#contents03 .slider-wrap .case .challenge .right-contents dl dd { font-size: 1.4em; }
#contents03 .slider-wrap .case .challenge .right-contents dl .ltrSpc {letter-spacing: -0.04em;}
#contents03 .slider-wrap .case .content { margin-top: 14px; }
#contents03 .slider-wrap .case .content .left-contents { height: 388px; width: 421px; border: 2px solid #d2bc99; background-color: #f7efe2; float: left; margin-right: 10px; }
#contents03 .slider-wrap .case .content .left-contents dl { padding: 13px 26px 0 17px; }
#contents03 .slider-wrap .case .content .left-contents dl dt { font-size: 1.9em; color: #856545; font-weight: bold; line-height: 1.3; margin-bottom: 7px; }
#contents03 .slider-wrap .case .content .left-contents dl dd { font-size: 1.3em;  line-height: 1.6; }
#contents03 .slider-wrap .case .content .right-contents { height: 388px; width: 421px; border: 2px solid #8cafc9; background-color: #3e6989; float: left; }
#contents03 .slider-wrap .case .content .right-contents dl { padding: 13px 13px 0 17px; }
#contents03 .slider-wrap .case .content .right-contents dl dt { font-size: 1.9em; color: #e3e4aa; font-weight: bold; line-height: 1.3; margin-bottom: 5px; }
#contents03 .slider-wrap .case .content .right-contents dl dd { font-size: 1.3em; color: #fff; line-height: 1.5; }
#contents04 { padding: 76px 0 65px; }
#contents04 h2 { text-align: center; margin-bottom: 30px; }
#contents04 dl dd.sentence { padding-left: 88px; font-size: 1.4em; line-height: 1.7; }
#contents04 dl dd.sentence p { width: 405px; }
#contents05 { padding: 90px 0 57px; background-color: #fbf9ed; }
#contents05 h2 { text-align: center; margin-bottom: 35px; }
#contents05 .quality { width: 726px; margin: 0 auto 29px; }
#contents05 .quality dl dd { height: 156px; }
#contents05 .quality dl dd p { padding: 17px 28px 0 21px; font-size: 1.3em; }
#contents05 .quality .left-contents,
#contents05 .quality .right-contents { float: left; width: 326px; }
#contents05 .quality .mdl-contents { float: left; width: 74px; }
#contents05 .quality .left-contents dl dd { background: url("../../images/manner_g/contents05-05.png") top left no-repeat;  }
#contents05 .quality .right-contents dl dd { background: url("../../images/manner_g/contents05-06.png") top left no-repeat; }
#contents05 .staff { width: 893px; margin: 33px auto 21px; }
#contents05 .staff dd.sentence { background: url("../../images/manner_g/contents05-03.jpg") top left no-repeat; height: 110px; }
#contents05 .staff dd.sentence p { padding: 5px 7px 0 12px; font-size: 1.3em; line-height: 1.7; }
#contents05 .foot { text-align: center; }
#contents05 .foot dt { margin-bottom: 27px; }

#footer { padding: 22px 0 18px; font-size: 1.2em; line-height: 1.7;}
#footer dl dd { margin-top: 8px; }
#footer .copy { margin-top: 19px; }


/* 2015/02/19 追記 */
#contents01 { background-color: #fbf9ed; padding: 30px 0 65px; overflow: hidden; }
#contents01 .introduction { background: url("../../images/manner_g/contents01-06_02.jpg") bottom center  no-repeat; height: 400px; margin-top:20px; overflow: hidden; }
#contents01 .sentence02 { width: 910px; margin: 0 auto; font-size: 1.5em; padding-top:25px; text-align: left; }

#contents01 div.cnts01mImg {
	width: 980px;
	overflow: hidden;
	margin: -30px auto 60px auto;
}

#contents03 .slider-wrap .case h3 span.fsAjst {
	font-size: 16px;
}

#contents04 .menu01 {
	width: 960px;
	background: url(../../images/manner_g/menuBk.jpg) repeat-y 0 0;
	overflow: hidden;
	padding: 30px 0 0 0;
	margin: 0;
}

#contents04 .menu01 .menu01Box {
	width: 785px;
	margin: 0 auto;
	overflow: hidden;
}

#contents04 .menu01 .menu01Dtl {
	float: left;
	width: 405px;
	font-size: 1.4em;
	line-height: 1.7;
	margin: 0 0 25px 0;
}

#contents04 .menu01 .menu01Dtl img {
	margin: 0 0 20px 0;
	padding: 0;
}

#contents04 .menu01 .menu01Img {
	width: 248px;
	height: 128px;
	float: right;
	margin: 0 0 25px 0;
}

#contents04 .menu01 .semList {
	clear: both;
	float: right;
}
	
#contents04 .menu03 {
	clear: both;
	width: 960px;
	background: url(../../images/manner_g/menuBk.jpg) repeat-y 0 0;
	overflow: hidden;
}

#contents04 #sentenceBox {
	width: 785px;
	overflow: hidden;
	margin: 0 auto;
}

#contents04 #sentenceBox .sentenceTxt {
	width: 405px;
	margin: 27px 0;
	float: left;
	font-size: 1.4em;
	line-height: 1.7;
}

#contents04 #sentenceBox .sentenceTxt img {
	margin: 0 0 20px 3px;
}

#contents04 #sentenceBox .sentenceTxt span img {
	margin: 14px 0 27px 0;
}
	
#contents04 #sentenceBox .sentenceImg {
	width: 248px;
	height: 164px;
	float: right;
	margin: 27px 0;
	padding: 0;
}

#menu03Foot {
	clear: both;
}

#message_01 {
	width: 740px;
	overflow: hidden;
	background: url(../../images/manner_g/cnts5dtlBk.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 28px 0 20px 153px;
}

#message_01 p,
#message_01 ul {
	width: 720px;
	font-size: 1.3em;
	line-height: 1.7;
	padding: 0 20px 0 0;
}

#message_01 ul {
	margin: 10px 0;
}

#bdrLine {
	width: 893px;
	height: 1;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}