/*----------共通要素-------------------------------------------------*/
html { font-size:14px; background-color:transparent; background-image:none;}
body {
	font-family: "ヒラギノ明朝 ProN" , "Hiragino Mincho ProN" , "Hiragino Mincho Pro" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , "MS 明朝" , serif;
	-webkit-text-size-adjust: 100%;
	color:#4c352e;
	background-color:#efedec;}
a { text-decoration:none; color:#4c352e; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
a:hover {text-decoration:none; opacity:0.8;}
.left { float:left; }
.right { float:right; }
.caption { display:none; }
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
	}
.clearfix:after { clear:both; }
#site-container {width:100%;}
#to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:5;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color: #fff;
	-webkit-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
	opacity:0.8;
	box-shadow:1px 1px rgba(0,0,0,0.4);
	}
#to-top a {display:block;}
#to-top:hover {}
#to-top:active {
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	box-shadow:-1px -1px rgba(0,0,0,0.6);
	}
@media screen and (max-width:570px) {
	#to-top { bottom: 18px; right: 10px; width:34px; height:34px; opacity:0.8;}
}
	
img {width:100%;}
	
.if_sp {display:none;}
@media screen and (max-width:570px) {
	.if_sp {display:block;}
	.if_pc {display:none;}
}

/*-----------------------------------------------
フォント指定
-------------------------------------------------*/

/*-カラー-*/
.c-blue {color:#1dacc1;}
.c-pink {color:#ec8096;}
.c-green {color:#77c11d;}
.c-gray {color:#7d7d7d;}

/*-アイコンフォント-*/
@font-face {
	font-family: 'socius';
	src:url('../../fonts/socius.eot?6d8s0s');
	src:url('../../fonts/socius.eot?#iefix6d8s0s') format('embedded-opentype'),
		url('../../fonts/socius.ttf?6d8s0s') format('truetype'),
		url('../../fonts/socius.woff?6d8s0s') format('woff'),
		url('../../fonts/socius.svg?6d8s0s#socius') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ic-"], [class*=" ic-"] {
	font-family: 'socius';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ic-arrow-right:before {content: "\e600";}
.ic-arrow-under:before {content: "\e601";}
.ic-check:before {content: "\e602";}
.ic-fb:before {content: "\e603";}
.ic-freetel:before {content: "\e604";}
.ic-tel:before {content: "\e605";}
.ic-w-window:before {content: "\e606";}
.ic-menu-sp:before {content: "\e607";}
.ic-sp-about:before {content: "\e608";}
.ic-sp-column:before {content: "\e609";}
.ic-sp-contact:before {content: "\e60a";}
.ic-sp-day:before {content: "\e60b";}
.ic-sp-home:before {content: "\e60c";}
.ic-sp-homecare:before {content: "\e60d";}
.ic-sp-party:before {content: "\e60e";}
.ic-sp-placement:before {content: "\e60f";}
.ic-sp-recruit:before {content: "\e610";}
.ic-sp-service:before {content: "\e611";}


/*-オリジナルフォント-*/
@font-face {
	font-family: 'mig';
	src:url('../../fonts/migmix-1p-regular.eot');
	src:url('../../fonts/migmix-1p-regular.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/migmix-1p-regular.woff') format('woff'),
        url('../../fonts/migmix-1p-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.f-mig {font-family:'mig';}

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


/*----------ヘッダー-------------------------------------------------*/
#site-container {background-color:#efedec;}
.header-wrapper {
	padding:0 0 0;
	background-color:#efedec;}
header {
	max-width:960px;
	margin:0 auto;
	padding:0 20px;}
#head {}

/*---モーダル---*/
.modal-headtel-inner {}
.modal-headtel-inner p {}
.modal-headtel-inner ul {text-align:center; margin-top:20px;}
.modal-headtel-inner li {display:inline-block; font-size:22px; color:#7d7d7d; margin-top:5px; display:block;}
.modal-headtel-inner li img {width:30px; padding:0 5px 0 20px;}
.modal-headtel-inner li span {font-size:24px; color:#ec8096;}
.modal-headtel-inner li span.modal-telnum {}
.modal-headtel-inner li span.modal-faxnum {padding-left:10px;}


/*---ヘッダー2---*/
/*
.flex-byside {display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row;}
.flex-tandem {display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column;}
.flex-justify-spacing {-webkit-justify-content:space-between; justify-content:space-between;} 
.flex-justify-center {-webkit-justify-content:center; justify-content:center;}
.flex-align-center {-webkit-align-items:center; align-items:center;}
.flex-align-ends {-webkit-align-items:flex-end; align-items:flex-end;}
.flex-wrap-wrap {-webkit-flex-wrap:wrap; flex-wrap:wrap;}
*/
nav {margin-top:20px;}
.mainlogo {display:block; width:282px; margin:0 auto 5px;}
ul.gb-list {
	font-family:'hannari';
	font-size:17px;
	display:-webkit-flex; display:flex;
	-webkit-justify-content:center; justify-content:center;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	list-style-type: none;
	padding-left: 0;
}
ul.gb-list li {margin: 0 15px 10px 15px;}
ul.gb-list li a {color:#4c352e; letter-spacing:1px;}
ul.gb-list li a span.ic-w-window {font-size:14px; padding-left:2px;}
.sb-toggle-right .ic-menu-sp {display:none;}

@media screen and (max-width:570px) {
	.header-wrapper {padding:0 0 5px;}
	nav {margin-top:10px;}
	ul.gb-list li {margin: 0 10px 10px 10px;}
	.sb-toggle-right .ic-menu-sp {float:right; font-size:32px; margin-top:15px; display:block; color:#1dacc1;}
	.sb-toggle-right .ic-menu-sp:active {color:#ec8096; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform: scale(0.8); -webkit-transform: scale(0.8); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out;}
	.sb-toggle-right .ic-menu-sp {display:none;}
}

@media screen and (max-width:395px) {
}

/*----------ボディ-------------------------------------------------*/

#body {
	padding:0;
	line-height:27px;
	margin-top:10px;
	}
.wrapper {
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
	}
 main {}

/*----------コンテンツ-------------------------------------------------*/
.spiralbg {width:100%; height:21px; background:url(../../img/service/day/nozomi/bg-spiral.png) repeat-x; margin:35px 0 80px;}

/*--ページ角括弧イントロ--*/
#intro {
	position:relative;
	width:750px;
	padding:0 50px;
	margin-top:40px;
	margin-bottom:100px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}
#intro:before, #intro:after {
	position:absolute;
	top:0;
	content:'';
	width:15px;
	height:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}
#intro:before {left:0; border-left:1px solid #ddd;}
#intro:after {right:0; border-right:1px solid #ddd;}
#intro p {font-size:24px; letter-spacing:2px; line-height:38px; color:#0a4324;}

@media screen and (max-width:800px) {
	#intro {width:85%; padding:0 30px;}
}
@media screen and (max-width:570px) {
	.spiralbg {margin:35px 0 50px;}
	#intro {width:100%; padding:0 20px; margin-bottom:50px; margin-top:40px;}
	#intro:before, #intro:after {border:none;}
	#intro p {font-size:20px; line-height:34px;}
	h1.page-title {font-size:39px; color:#1dacc1; text-align:center; letter-spacing:2px; margin-bottom:20px;}
}

/*----------フッター-------------------------------------------------*/
footer { width:100%; background:url(../../img/service/day/nozomi/bg-spiral.png) repeat-x; padding-top:10px; background-color:#fff;}
#footer-wrapper { width:100%; background:url(../../img/service/day/nozomi/bg-brown.png); }
#footer-inner {	max-width:960px; margin:0 auto; padding:0 20px; background:url(../../img/service/day/nozomi/foot-illust.png) no-repeat; background-position:bottom right;}

#footer-last {background-color:#4c352e;}
#footer-last small { font-size:9px; color:#fff; max-width:960px; margin:0 auto; padding:0 20px; display:block;}

/*---フッター1---*/
.footer-head {padding-top:30px;}
.foot-logo {float:left; margin-right:25px;}
.footer-head img {width:108px;}
.foot-copy {background:url(../../img/service/day/nozomi/catchline.png) no-repeat; width:696px; height:54px; margin-bottom:20px; float:left; margin-top:10px;}
.foot-catchcopy {position:relative; top:12px; left:30px; font-size:23px; color:#0a4324; letter-spacing:4px;}

/*---フッター2---*/
.footer-holder {font-size:12px; line-height:20px; padding:15px 0 40px; position:relative;}
.footer-holder ul {list-style-type: none;}
/*---観覧車---*/
.wheel {display:block; width:44px; position:absolute; bottom:1px; right:224px; z-index:2;}
.spin_infinite{
animation-name:rotate1;
-moz-animation-duration:30s; -webkit-animation-duration:30s; -ms-animation-duration:30s; animation-duration:30s;
-moz-animation-direction:normal; -webkit-animation-direction:normal; -ms-animation-direction:normal; animation-direction:normal;
-moz-animation-timing-function:linear; -webkit-animation-timing-function:linear; -ms-animation-timing-function:linear; animation-timing-function:linear;
-moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; animation-iteration-count:infinite;
}
@keyframes rotate1 {
from {-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
 to {-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg);}
}

.footer-innner1 {float:left; margin-left:30px;}
.footer-innner2 {float:left; margin-left:40px;}
.footer-innner3 {float:left; margin-left:20px;}
.footer-innner1 li:before {content:"□"; padding-right:5px;}
.footer-innner1 li.secondcat:before {display:none;}
.footer-innner1 li.secondcat ul li:before {content:"-"; padding-left:20px;}
.footer-innner2 li:before, .footer-innner3 li:before {content:"□"; padding-right:5px;}

@media screen and (max-width:730px) {
	.foot-logo {float:left; margin-right:0;}
	.foot-copy {background:transparent; width:100%; padding:0 20px 0 0; height:auto; margin-bottom:10px; float:left; margin-top:0;}
	.foot-catchcopy {position:static; margin-top:12px;}
	.footer-holder {font-size:12px; line-height:20px; padding:15px 0 60px;}
	.footer-innner1 {float:left; margin-left:0;}
}
@media screen and (max-width:570px) {
	footer {}
	#footer-inner {	background:url(../../img/service/day/nozomi/foot-illust.png) no-repeat; background-position:bottom center; background-size:contain;}
	.footer-holder {font-size:12px; line-height:20px; padding:15px 0 80px;}
	.wheel {display:block; width:10%; position:absolute; bottom:0; right:49.5%; z-index:2;}
	.footer-innner1, .footer-innner2, .footer-innner3 {float:none; margin-left:0; margin-bottom:5px;}
	.footer-innner1 li, .footer-innner2 li, .footer-innner3 li {display:inline;}
	.footer-innner2 li, .footer-innner3 li {padding-left:5px;}
	.footer-innner1 li:nth-child(2) {display:block;}
	.footer-innner1 li.secondcat ul li {display:inline;}
}


/*----------スマホメニュー------------------------------------------------*/
#sp-menu {padding:20px; color:#fff; font-size:14px;}
#sp-menu a {color:#fff; vertical-align:bottom;}
#logo-sp {width:170px; margin:0 0 20px 0;}
#sp-menu li {margin-top:10px;}
#sp-menu ul.sp-mainmenu li span {padding-right:5px; font-size:23px; vertical-align:middle;}
#sp-menu ul.sp-secondcat li {padding-left:23px;}

ul.sp-icolist {margin-top:20px; border-top:1px solid #ec8096; padding-top:25px;}
ul.sp-icolist li {display:inline;}
ul.sp-icolist li:before {content:none; padding-right:0;}
ul.sp-icolist li.spico-tel { background-color:#fff; padding:4px 3px; border-radius:3px;}
ul.sp-icolist li.spico-tel span {font-size:14px; color:#1dacc1; vertical-align:-1px;}
ul.sp-icolist li.spico-fb { background-color:#fff; padding:4px 3px; border-radius:3px; margin-left:5px;}
ul.sp-icolist li.spico-fb span {font-size:14px; color:#1dacc1; vertical-align:-1px;}
.sp-contact {margin-top:10px;}
.sp-contact span {padding-right:5px; font-size:18px; margin-top:5px;}