@charset "UTF-8";
/* CSS Document */

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align:baseline;
	list-style-type: none;
}
a:link,a:visited,a:active {color: #555555;text-decoration: none;}
a:hover {color: #EB6D8E; text-decoration: none;}

body {background: url(../img/common-bg.jpg) repeat-y 50% 0%; background-color: #f7c8ce;}
#wrapper {width: 1000px; height: 100%; clear: both;overflow: hidden; margin: 0 auto;}

/*-----header------*/
#header { overflow: hidden; position:relative; width: 1000px; }
#head-logo {position: absolute; top: 5px; left: 20px;}
#header #belta {width: 960px;}
#header #belta h1{margin: 8px 0 0 118px; letter-spacing: 1px;}
#header #info{clear: both; overflow: hidden; height: auto; margin: 8px 0 5px 168px; letter-spacing: 2px;}
#header #info img{float: left; letter-spacing: 1px;}
#header #navi{clear: both; width: 1000px; height: 51px;background-color: #f7c8ce; margin-right:20px;}
#header #navi li{float: left;}
#container {clear: both; overflow: hidden; width: 960px;  margin: 5px auto 40px auto; } 

#container h2 { margin: 24px 0 15px 0;}

/*-----footer------*/
#footer { clear: both; overflow: hidden; width: 1000px; margin: 3px auto 7px auto;}
.gotop {width: 960px; text-align:right; margin: 6px auto;}
#footer-navi { width: 1000px; margin: 5px auto; padding: 10px 0 8px 16px; background-color: #fff; line-height:1.7;}
#footer-belta {clear: both; overflow: hidden;}
#footer-belta p{ float:left;}
#foot-belta{ text-align: center; margin: 30px 8px 0 0;}
#foot-info { font-size: 13px; margin: 33px 5px 0 0; line-htight: 1.5;}
#copyright { text-align: center; letter-spacing: 0.1em; font-size:13px;}

/* 共通parts*/
small {font-size: 80%;}
.small13 {font-size: 13px;}
.em { font-size:140%;}
.font-large{font-size: 20px!important;}
.right { text-align:right;}
.bold { font-weight: bold;}
.center { text-align:center;}
.m-l139 { margin-left: 139px;}
.m-l290 { margin-left: 290px;}
.m-r5 { margin-right: 5px;}
.m-r16 { margin-right: 16px;}
.m-r20 { margin-right: 20px;}
.m-r45 { margin-right: 45px;}
.m-t10 { margin-top: 10px!important;}
.m-t15 { margin-top: 15px!important;}
.m-t35 { margin-top: 35px!important;}
.m-b10 { margin-bottom: 10px!important;}
.m-auto{margin: auto;}
.pa-t25 { padding-top: 25px;}
.pa-t35 { padding-top: 35px;}
.pa-b10 { padding-bottom: 10px;}
.pa-l10 { padding-left: 10px;}
.w-500{ width: 500px;}
.w-300{ width: 300px;}
.w-250{ width: 250px;}
.w-150{ width: 150px;}
.w-100{ width: 100px;}
.f-clear{ clear: both;}
.position-r { position: relative;}
.block{display: block;}

.color-bg { color:#79C6B7;}
.color-pink { color:#e4007e;}
.color-lpink { color:#EF97C1;}
.color-blue { color: #7B9ED6;}

/* top */
div#news { background: url(../img/top-news.gif) no-repeat 0% 3%; padding: 50px 0 0px 0px;  line-height: 1.5; letter-spacing: 1px}
	#news > ul{
		
	}
		#news > ul > li{
			padding: 15px 0;
			border-bottom: 1px dashed #ccc;
		}
		#news > ul p.date{
			color: #999;
		}
			#news > ul .content{
				margin-top: 10px;
			}
				#news > ul .content h3{
					font-size: 16px;
					margin-bottom: 10px;
				}
				#news > ul .content p a{
					color: #145BAD;
					text-decoration: underline;
				}
#top-main { clear: both; overflow: hidden;}
#top-main img { float:left; margin-bottom: 16px;}
#top-message { clear: both; width: 960px; height: 336px; background: url(../img/top-message.jpg) no-repeat 0% 0%; margin: 16px 0 18px 0;}
#top-message #top-msg-text {float: left; width: 615px; height: 180px; padding: 30px 0 0 50px; line-height: 1.5;}
#top-message #top-msg-tel { clear: both; text-align: center;}
#top-main .banner_left {float: left;}
#top-main .banner_right {float: right; width: 228px;}
#top-main .banner_right img {height: auto;}
/* shopinfo */
#shop-message { clear: both; width: 960px; height: 550px; background: url(../img/shopinfo-frame.jpg) no-repeat 0% 0%; margin: 15px 0;}
#shop-msg-text01,#shop-msg-text02 { font-size:15px; letter-spacing:0.1em; line-height: 1.7;}
#shop-msg-text01 { position: relative; width: 500px; height: 230px; top:57px; left:50px;}
#shop-msg-text02 { position: relative; width: 420px; height: 180px; top:90px; left:507px;}
#shopinfo #shop-info {background: url(../img/shopinfo-shopimg.jpg) no-repeat 660px 0;}
#shopinfo h3 { clear: both; overflow: hidden; padding: 10px 0 7px 15px;}
#shopinfo h3 img { float: left; }
#shopinfo dl { clear: both; overflow: hidden; width: 640px; margin: 10px 0 50px 25px; line-height: 1.9; letter-spacing: 0.1em; padding-bottom:10px;}
#shopinfo dl dt { float: left; padding-left: 30px; width: 80px; background: url(../img/shopinfo-info-ico.jpg) no-repeat 0px 1px;}
#shop-map iframe{ display: block; margin: 0 auto; width:910px; height:360px;}

/* service */
#service-rea01 { clear: both; width: 940px; margin: 5px auto;}
#service-rea02,#service-rea03 { clear: both; width: 920px; margin: 5px auto;}
#service-fullplan { background:url(../img/service-rea01-bg.jpg) repeat;}
#service-fullplan #fullplan-02 { width: 760px; margin: 0 auto; font-size:13px; line-height: 1.4;}
#fullplan-com { width: 940px; padding: 22px 0 18px 14px; color:#e4007e; font-size:19px; font-weight: bold; background:url(../img/service-rea01-combg.jpg) no-repeat 580px 0; line-height:1.8; letter-spacing:1px;}
#service-rea01 #rea01-frame01 { background:url(../img/service-rea01-frame01.jpg) no-repeat 0 0; width: 960px; height: 255px;}
#service-rea01 #rea01-frame02 { background:url(../img/service-rea01-frame02.jpg) no-repeat 0 0; width: 960px; height: 255px;}
#service-rea01 #rea01-frame03 { background:url(../img/service-rea01-frame03.jpg) no-repeat 0 0; width: 960px; height: 255px;}
#service-rea01 #rea01-frame04 { background:url(../img/service-rea01-frame04.jpg) no-repeat 0 0; width: 960px; height: 275px;}
#service-rea01 .rea01-l {position: relative; width: 640px; top: 135px; left: 38px; font-size: 16px; line-height: 1.6;}
#service-rea01 .rea01-r {position: relative; width: 590px; top: 135px; left: 350px; font-size: 16px; line-height: 1.6;}
#service-rea01 #rea01-set { width: 800px; margin: 7px auto 25px; padding: 8px 0; text-align:center; border: solid 3px #bce2e8; font-weight: bold; font-size: 17px; letter-spacing: 1px;}
#service-1dayplan { background:url(../img/service-rea01-bg.jpg) repeat; padding-bottom: 10px;}
#service-1dayplan p { font-size: 18px; color:#e4007e; text-align:center; font-weight:bold; letter-spacing: 1px;}
#service-1dayplan #day-wrap { background:url(../img/service-rea01-1dayframe.png) no-repeat; width:720px;height:120px; margin: 5px auto; padding-top: 25px; line-height:1.8;}
#service-1dayplan #day-wrap ul {margin-left: 160px; clear:both; overflow: hidden;}
#service-1dayplan #day-wrap .day-l {float: left; background:url(../img/service-rea01-1daypt.jpg) no-repeat 0 2px; width:250px; margin:0; padding-left: 30px; font-size: 17px;}
#service-1dayplan #day-wrap .day-r {float: left; background:url(../img/service-rea01-1daypt.jpg) no-repeat 0 2px; width:200px;  margin:0; padding-left: 30px; font-size: 17px;}
#service-1dayplan #day-wrap .day-com {clear: left;width:530px;  margin:5px 0 0 0; padding-left: 100px; font-size: 15px;}
#service h4 {font-size: 24px; color:#EB6D8E; line-height: 2.0; font-weight: bold;}
#service-rea02 { background:url(../img/service-rea02-bg.jpg) no-repeat 8px 55px;}
#service .rea02-com { margin: 0 0 10px 290px; font-size: 16px; line-height: 1.6; }
#service .rea03-com { margin: 0 0 12px 10px; font-size: 16px; line-height: 1.6; }


/* catalogue */
#catalogue-navi { text-align:center; margin-top: 35px; margin-bottom: 30px;}
#catalogue #preta-navi { position: static; width: 828px; height: 131px; margin: 0 auto 45px auto;}
#catalogue #preta-navi p{ position: relative; width: 530px; top:29px; left:275px; line-height: 1.2;}
#catalogue #preta-navi img { position: absolute;  width: 828px; height: 131px; margin-bottom: 45px;}
/* #catalogue .photo-item { margin: 15px 0 25px 0; text-align: center; width: 900px;} */
#catalogue .photo-item{
	width: 900px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#catalogue .photo-item a img{
	display: block;
	width: 165px;
}
#catalogue .photo-item img { margin: 20px 0 20px 44px;} 

/* point */
#point { width: 860px; margin: 10px auto 20px auto; background:url(../img/point-mainbg.jpg) no-repeat 100% 0;}
#point #point-msg { font-size: 16px; line-height: 1.8; padding: 0 0 9px 0; height: 200px;}
#point .point-main { position: static; height: 290px;}
#point .point-frame01 { background:url(../img/point-frame01.png) no-repeat 0 0;}
#point .point-frame02 { background:url(../img/point-frame02.png) no-repeat 0 0;}
#point .point-frame03 { background:url(../img/point-frame03.png) no-repeat 0 0;}
#point .point-frame04 { background:url(../img/point-frame04.png) no-repeat 0 0;}
#point .point-main .point-r {position: relative; width: 536px; top: 80px; left: 288px; font-size: 15px; line-height: 1.7;}
#point .point-main .point-l {position: relative; width: 530px; top: 80px; left: 38px; font-size: 15px; line-height: 1.7;}

/* plan */
#plan-main .warp{
	overflow: hidden;
}
	#plan-main .warp .planImageBox{
		float: left;
		width: 30%;
		text-align: center;
		margin-left: 5%;
	}
	#plan-main .warp .planTextBox{
		float: right;
		width: 60%;
		margin-left: 5%;
	}
	.planTextBox #plan-m-img{
		margin-top: 40px;
	}
#plan-main #plan-m-l1 {
	font-size: 15px;
	line-height:2.0em;
	margin-top: 80px;
}

.plan-sesrvice { margin: 10px 0 14px 0; line-height: 1.8; font-size: 15px;}

/* voice */
#voice { background:url(../img/voice-bg.jpg) repeat 0 0; width: 960px; padding: 30px 30px 20px 30px; overflow: hidden;}
#voice .voice_img { float:left; width: 300px; height: 230px; text-align: center; }
#voice .voice_img img{border: 1px #aaaaaa solid;}
.voice-title-image { width: 167px; height: 152px; position: absolute; top: 10px; left: 788px;}
#voice h3 { margin:0 0 5px 20px; padding-left:45px; font-size:20px; font-weight:bold; line-height:2.2; background:url(../img/voice-year.png) no-repeat 0 3px; color:#4DBBAA;}

/* staff */
.staff-prof { clear: both; overflow: hidden; width: 820px; margin: 30px auto; padding-bottom: 50px; background:url(../img/staff-hr.jpg) no-repeat 50% 100%;}
.staff-prof .prof-img { float:left; width: 225px; margin: 0 0 0 20px; }
.staff-prof h3 { margin: 8px 0 0 0; line-height:1.7; letter-spacing: 0.1em;}
.staff-prof dl { overflow: hidden;}
.staff-prof dt { float: left; background-color: #FFFBC7; line-height:1.5; padding: 0 5px 0 5px; margin: 3px 10px 3px 0;}
.staff-prof dd { line-height:1.8; padding: 0 20px 0 0px; margin: 4px 0px 4px 0;}
.staff-prof em { font-size:150%; font-weight: bold;}

/* faq */
#faq { width: 860px; margin: 20px auto 0 auto;}
#faq dl { padding-bottom: 15px;}
#faq dt { background:url(../img/faq-ques.jpg) no-repeat 2px 7px; line-height: 2.3; padding: 7px 0 5px 44px; font-size: 16px; color: #51ba97; letter-spacing: 0.1em;}
#faq dd { background:url(../img/faq-ans.jpg) no-repeat 1px 0; line-height: 1.7; margin: 7px 0 0 36px; padding: 7px 0 3px 46px; font-size: 14px; letter-spacing: 0.1em;}
#faq #img-q2 { background:url(../img/faq-img01.jpg) no-repeat 600px 7px; height: 150px;}
#faq #img-q4 { background:url(../img/faq-img02.jpg) no-repeat 595px 4px;}
#faq #img-q6 { background:url(../img/faq-img03.jpg) no-repeat 610px 0px;}

/* mailform */
#mailform { width: 820px; margin: 20px auto 8px auto;}
#mailform p {letter-spacing: 0.1em; line-height:1.7;}
#mailform p a {color: #e4007e; text-decoration: underline;}
#mailform .att {width: 800px; text-align:right;}
#mailform table { margin: 5px 0; width: 800px;}
#mailform table th {border: 1px #f8ced3 solid; background-color: #fcebed; width: 180px; line-height:1.6; padding: 10px; vertical-align: middle;}
#mailform table td {border: 1px #f8ced3 solid; line-height:1.7; padding: 10px; vertical-align: middle;}
#mailform table td input {margin: 3px;}
#mailform table td textarea {margin: 3px; width: 350px;}
#mailform #form-btn {margin: 15px 0 0 250px;}
#mailform #form-btn-check {width: 150px; height: 45px; background: url(../img/mailform-check.jpg) no-repeat; border: 0;}
#mailform #form-btn-reset {width: 90px; height: 45px; background: url(../img/mailform-reset.jpg) no-repeat; border: 0;}
#mailform #form-btn-submit {width: 90px; height: 45px; background: url(../img/mailform-submit.jpg) no-repeat; border: 0;}
#mailform .mailform-title { background: url(../img/mailform-hr.jpg) no-repeat 0 33px; color:#E94E6D; line-height:2.0; margin-bottom: 5px;}

/* privacy */
#privacy { overflow:hidden; width: 860px; margin: 20px auto 0 auto; letter-spacing: 0.1em;}
#privacy h3 { font-size: 21px; font-weight: bold; line-height:2.2; color: #333333;}
#privacy h4 { background:url(../img/privacy-hr.jpg) no-repeat 50% 95%; font-size: 18px; font-weight: bold; margin: 12px 0 5px 0; line-height:2.5;}
#privacy .privacy-text { margin: 0 0 0 15px; line-height:1.5;}


/* coming-age */
#coming-age-img { width: 960px; height: 80px; position: absolute; top:0px;left:0px;}
#coming-age { width: 960px; padding: 100px 0px 20px 0px; text-align:center; line-height: 1.6;}
#coming-age #coming-age-com {background:url(../img/coming-age-frame.jpg) no-repeat 0 0; width: 960px; height: 360px;}
#coming-age-com #ca-comment { text-align: center; padding-top: 75px; line-height: 1.9; font-size: 17px;}

/* IJS追記 */
.recruit_copybox{
	overflow:hidden;
}
	.copybox_left{
		float:left;
		width:300px;
	}
	.copybox_right{
		float:left;
	}
		.copybox_right h4{
			font-size: 24px;
    		color: #EB6D8E;
    		line-height: 1.8em;
    		font-weight: bold;
		}
		.copybox_right .copy_list{
			margin-top:30px;
		}
		.copybox_right .copy_list li{
			color: #7B9ED6;
			font-weight:bold;
			font-size:20px;
			margin-top:10px;
		}
		
#recruit_table{
	width:100%;
	margin-top:40px;
}
	#recruit_table tr{
		width:100%;
		padding:10px 0;
	}
	#recruit_table th{
		border-right:1px solid #f7c8ce;
		border-bottom:1px solid #f7c8ce;
		padding:10px 0;
		font-weight:bold;
		width:20%;
	}
	#recruit_table td{
		border-right:1px solid #f7c8ce;
		border-bottom:1px solid #f7c8ce;
		padding:10px 0;
		padding-left:1em;
	}

#recruit_info{
	background:#f7c8ce;
	width:400px;
	margin:25px auto 0 auto;
	text-align:center;
	padding:15px 0;
}
	#recruit_info li{
		font-size:16px;
		font-weight:bold;
		color: #555555;
	}
#galleryWrapper{
	width: 825px;
	margin: auto;
	margin-top: 40px;
}
#galleryList{
	overflow: hidden;
	margin-right: -50px;
}
#galleryList li{
	float: left;
	width: 165px;
	height:248px; 
	margin-right: 50px;
	margin-bottom: 50px;
}
#galleryList li img{
	width: 100%;;
}

h3.galleryTitle{
	position: relative;
	padding: 0.5em;
	background: #78AFAA;
	color: white;
	font-size: 16px;
}
h3.galleryTitle::before{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

#info img:nth-child(4){
	padding: 5px 0;
}