@charset "utf-8";
/*
Theme Name: HEARTFUL
Theme URI: null
Description: Description
Author: Shunc - QP
Version: 1.0
*/

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #040404;
	text-decoration: none;
}

a:visited {
	color: #040404;
}

a:hover {
	color: #040404;
}

a:active {
	color: #040404;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1280px;
	color: #454545;
	font-size: 14px;
	line-height: 1.9;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	position: relative;	
	text-align: left;
}

#main {

}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}



/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.animate {
	opacity: 0;
	transition: all .7s;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
}

.animate.on {
	opacity: 1;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 48px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
}

.headLine01 span {
	display: block;
}

.headLine01 .icon {
	margin-bottom: 22px;
}

.headLine01 .ttl span {
	padding-bottom: 8px;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	line-height: 1;
	display: inline-block;
	border-bottom: 5px solid #FAC68F;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 30px;
	}
	
	.headLine01 .icon {
		margin-bottom: 10px;
	}
	
	.headLine01 .icon img {
		width: 40px;
		margin: 0 auto;
	}
	
	.headLine01 .ttl span {
		font-size: 20px;
		border-bottom: 3px solid #FAC68F;
	}
}

/*------------------------------------------------------------
	.comWhiteBox
------------------------------------------------------------*/

.comWhiteBox {
	margin: -61px auto 0;
	padding: 59px 79px 66px;
	width: 1202px;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	z-index: 20;
}

.comWhiteBox .imgTtl {
	margin-left: -71px;
	position: absolute;
	left: 50%;
	top: -69px;
}

.comTtl {
	margin-bottom: 38px;
	position: relative;	
	z-index: 21;
	padding: 4px 10px 1px;
	box-sizing: border-box;
	font-size: 30px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #EF8477;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.comWhiteBox {
		margin: 0;
		padding: 15px;
		width: auto;
	}
	
	.comWhiteBox .imgTtl {
		margin-left: -50px;
		width: 100px;
		top: -50px;
	}
	
	.comWhiteBox .imgTtl img {
		width: 100%;
	}
	
	.comTtl {
		margin-top: 20px;
		padding: 3px 5px;
		font-size: 16px !important;
		position: relative;
		z-index: 50;
		line-height: 1.5;
	}
}

/*------------------------------------------------------------
	.comTable
------------------------------------------------------------*/
.comTable {
	width: 100%;
	border-collapse: collapse;
}

.comTable th,
.comTable td {
	padding: 7px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

.comTable th {
	padding: 9px 7px 6px;
	width: 41.2%;
	color: #fff;
	border: 1px solid #F17D29;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	background: #F17D29;
}

.comTable tr:last-child th {
	border-bottom: 1px solid #F17D29;
}

.comTable td {
	width: 58.8%;
	color: #ed7b01;
	border: 1px solid #F17D29;
	background: #fff;
}

.comTable02 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #A09C94;
}

.comTable02 tr:first-child th,
.comTable02 tr:first-child td {
	padding: 10px 12px 6px;
}

.comTable02 th,
.comTable02 td {
	padding: 10px 12px 8px;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px solid #A09C94;
}

.comTable02 th {
	width: 40%;
}

.comTable02 td {
	width: 60%;
	background: #fff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.comTable th,
	.comTable td {
		font-size: 12px;
		padding: 5px !important;
	}
	
	.comTable02 th,
	.comTable02 td {
		font-size: 12px;
		padding: 5px 10px !important;
		
	}
	
	.comTable02 th {
		width: 35%;
	}
	
	.comTable02 td {
		width: 65%;
	}
}

/*------------------------------------------------------------
	.headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 26px;
	padding: 6px 0 2px 12px;
	font-size: 16px;
	color: #ed7b01;
	border-left: 5px solid #ed7b01;
	line-height: 1;
}

@media all and (min-width: 0) and (max-width: 767px) {
}


/*------------------------------------------------------------
	comAccess
------------------------------------------------------------*/
.comAccess {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
}

.comAccess .accessBox {
	margin: 0 auto;
	width: 1048px;
}

.comAccess .accessBox h2 {
	margin-bottom: 56px;
	text-align: center;
	font-weight: normal;
}

.comAccess .accessBox h2 span {
	display: block;
}

.comAccess .accessBox h2 .ttl {
	margin-bottom: 3px;
	line-height: 1.5;
}

.comAccess .accessBox h2 .img {
	margin-bottom: 10px;
}


.comAccess .accessBox h2 .ttl span {
	display: inline-block;
	font-size: 24px;
	border-bottom: 4px solid #F9C68E;
}

.comAccess .accessBox h2 .en {
	color: #df4d38;
	font-size: 13px;
}

.comAccess .accessBox .hTtl {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
	color: #ea8475;
	line-height: 1.5;
}

.comAccess .txtBox {
	/*margin-bottom: 140px;*/  margin-bottom: 60px;
}

.comAccess .txtBox dl {
	padding-bottom: 28px;
	width: 527px;
	float: left;
	font-size: 16px;
	background: url(../img/common/com_line01.png) repeat-y right top 3px;
}

.comAccess .txtBox dt {
	float: left;
	font-weight: bold;
	color: #ea8475;
}

.comAccess .txtBox dd {
	margin-bottom: 5.5px;
	padding-left: 8.7em;
}

.comAccess .txtBox dd a:hover {
	text-decoration: underline;
}

.comAccess .txtBox dd a[href^="tel:"]:hover {
	text-decoration: none;
}

.comAccess .txtBox dd p {
	margin-bottom: 7px;
}

.comAccess .txtBox .ddStyle {
	margin-bottom: 0;
}

.comAccess .txtBox .text {
	margin-top: 6px;
	width: 483px;
	float: right;
}

.comAccess .txtBox .text .txt01 {
	margin-left: -7px;
	line-height: 2.14;
}

.comAccess .txtBox .text .linkList {
	margin-bottom: 15px;
}

.comAccess .txtBox .text .linkList li {
	margin-right: 7px;
	display: inline-block;
}

.comAccess .txtBox .text .linkList li:last-child {
	margin-right: 0;
}

.comAccess .txtBox .text .linkList li a {
	color: #df5c48;
	text-decoration: underline;
}

.comAccess .txtBox .text .linkList li a:hover {
	text-decoration: none;
}

.comAccess .txtBox .text .txt02 {
	line-height: 1.71;
}

.comAccess .txtBox .text .textList li {
	line-height: 1.71;
}

.comAccess .mapBox {
	text-align: center;
	position: relative;
}

.comAccess .mapBox .mapLogo {
	margin-left: -85px;
	position: absolute;
	left: 50%;
	top: -83px;
}

.comAccess .mapBox .mapLogo a:hover {
	opacity: 0.7;
}

.comAccess .mapBox .map {
	height: 420px;
}

.comAccess .mapBox .map iframe {
	height: 420px;
	width: 100%;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.comAccess .accessBox {
		margin: 0 15px;
		width: auto;
	}
	
	.comAccess .accessBox h2 {
		margin-bottom: 25px;
	}
	
	.comAccess .accessBox h2 .img {
		margin-bottom: 5px;
	}
	
	.comAccess .accessBox h2 .img img {
		width: 20px;
	}
	
	.comAccess .accessBox h2 .ttl span {
		font-size: 18px;
		border-bottom: 2px solid #F9C68E;
	}
	
	.comAccess .accessBox .hTtl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.comAccess .txtBox dl {
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: auto;
		float: none;
		font-size: 14px;
		background: none;
		border-bottom: 2px dotted #FEE4C3;
	}
	
	.comAccess .txtBox dt {
		float: none;
	}
	
	.comAccess .txtBox dd {
		padding: 5px 0;
		margin-bottom: 0;
	}
	
	.comAccess .txtBox dd a:hover {
		text-decoration: none;
	}
	
	.comAccess .txtBox dd p {
		margin-bottom: 0;
	}
	
	.comAccess .txtBox .text {
		margin-top: 0;
		width: auto;
		float: none;
	}
	
	.comAccess .txtBox .text .txt01 {
		margin-left: 0;
		line-height: 1.5;
	}
	
	.comAccess .txtBox .text .linkList li {
		margin-right: 3px;
	}
	
	.comAccess .txtBox .text .linkList li {
		font-size: 12px;
	}
	
	.comAccess .txtBox .text .linkList li a:hover {
		text-decoration: underline;
	}
	
	.comAccess .txtBox .text .textList li {
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.comAccess .mapBox .mapLogo {
		margin-left: -60px;
		width: 120px;
		top: -60px;
	}
	
	.comAccess .mapBox .mapLogo img {
		width: 100%;
	}
	
	.comAccess .mapBox {
		width: auto;
	}
	
	.comAccess .mapBox .map {
		height: 250px;
	}
	
	.comAccess .mapBox .map iframe {
		height: 250px;
	}
	
}



@media all and (min-width: 768px) {
	.spMenuBox {
		display: none !important;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	margin-bottom: 35px;
	position: relative;
}

#gHeader .hBox {
	background: #FFF0E1;
}

#gHeader .hBox h1 {
	margin: 0 auto;
	padding: 7px 5px 4px;
	width: 1200px;
	box-sizing: border-box;
	font-size: 13px;
	color: #88716e;
}

#gHeader .telBox {
	margin: 0 auto;
	padding-top: 25px;
	width: 1200px;
}

#gHeader .telBox .telInner {
	padding-right: 3px;
	width: 408px;
	float: right;
}

#gHeader .telBox .telInner ul {
	margin-bottom: 12px;
}

#gHeader .telBox .telInner ul li {
	float: left;
}

#gHeader .telBox .telInner ul .tel {
	margin-top: 7px;
	width: 275px;
	float: left;
}

#gHeader .telBox .telInner ul .mail {
	float: right;
}

#gHeader .telBox .telInner ul .mail a:hover {
	opacity: 0.7;
}

#gHeader .telBox .date {
	margin: 0 0 9px 2px;
	font-size: 13px;
	line-height: 1.38;
}

#gHeader .telBox .date span {
	margin-right: 7px;
	display: inline-block;
	color: #df5c48;
}

#gHeader .telBox .date .txt01 {
	margin-left: 15px;
}

#gHeader .telBox .bgTxt {
	margin-left: -4px;
	padding: 5px 5px 5px 17px;
	font-size: 13px;
	box-sizing: border-box;
	line-height: 1.38;
	color: #df5c48;
	background: #FFF8F2;
}

#gHeader .logo {
	margin-left: -125px;
	position: absolute;
	left: 50%;
	top: 78px;
	z-index: 30;
}

#gHeader .logo a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {
		margin-bottom: 60px;
		padding: 5px 10px;
	}
	
	#gHeader .hBox {
		background: none;
	}
	
	#gHeader .hBox h1 {
		width: 80%;
		font-size: 10px;
		background: none;
		text-align: left;
		float: left;
	}
	
	#gHeader .telBox {
		display: none;
	}
	
	.menu {
		margin: 17px 3px 0 0;
		position: absolute;
		top: 5px;
		right: 12px;
		height: 20px;
		width: 30px;
		cursor: pointer;
		z-index: 100;
		transition: opacity .25s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	
	.menu.active .top {
		-webkit-transform: translateY(7px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(7px) translateX(0) rotate(-45deg);
		transform: translateY(7px) translateX(0) rotate(-45deg);
		background: #000;
	}
	
	.menu.active .middle {
		opacity: 0;
		background: #000;
	}
	
	.menu.active .bottom {
		-webkit-transform: translateY(-7px) translateX(0) rotate(45deg);
		-ms-transform: translateY(-7px) translateX(0) rotate(45deg);
		transform: translateY(-7px) translateX(0) rotate(45deg);
		background: #000;
	}
	
	.menu span {
		background: #000;
		border: none;
		height: 2px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	
	.menu span:nth-of-type(2) {
		top: 7px;
	}
	
	.menu span:nth-of-type(3) {
		top: 14px;
	}
	
	#gHeader .logo {
		margin-left: -60px;
		width: 120px;
		top: 50px;
	}
	
	#gHeader .logo img {
		width: 100%;
	}

}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin-bottom: 48px;
}

#gNavi ul {
	margin: 0 auto;
	width: fit-content;
}

#gNavi ul li {
	margin-right: 34px;
	float: left;
	text-align: center;
	position: relative;
}

#gNavi ul li:before {
	display: block;
	position: absolute;
	top: 59px;
	left: -46px;
	background: #FEE6C5;
	width: 60px;
	height: 3px;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	content: "";
}

#gNavi ul li:last-child {
	margin-right: 0;
}

#gNavi ul li:first-child:before {
	background: none;
}

#gNavi ul li:first-child a {
	padding-left: 0;
}

#gNavi ul li:last-child a {
	padding: 0 0 15px 20px;
}

#gNavi ul li a {
	padding: 0 30px 15px;
	display: block;
	color: #454545;
	background: url(../img/common/icon06.png) no-repeat center bottom;
}

#gNavi ul li a span {
	display: block;
}

#gNavi ul .navi01 {
	width: 196px;
}

#gNavi ul .navi01 a {
	background: url(../img/common/icon06.png) no-repeat left 80px bottom;
}

#gNavi ul .navi02 {
	width: 200px;
}

#gNavi ul .navi03 {
	width: 188px;
}

#gNavi ul .navi04 {
	width: 267px;
}

#gNavi ul .navi05 {
	width: 140px;
}

#gNavi ul .navi05 a {
	background: url(../img/common/icon06.png) no-repeat left 75px bottom;
}

#gNavi ul li a .icon {
	margin-bottom: 10px;
}

#gNavi ul li a .ttl {
	margin-bottom: 3px;
	line-height: 1;
	font-size: 18px;
	letter-spacing: 0.5px;
}

#gNavi ul li a .txt {
	font-size: 11px;
	color: #df4d38;
}

#gNavi ul li a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi {
		display: none;
	}
	
	.spMenuBox {
		padding-top: 42px;
		width: 100%;
		position: absolute;
		z-index: 29;
		background: #fff;
		top: 100%;
		left: 0;
		display: none;
	}
	.is-animation .spMenuBox {
		padding-top: 18px;
	}
	.spMenuBox .link {
		margin-bottom: 0;
	}
	
	.spMenuBox .link li {
		padding: 0 15px;
		border-bottom: 1px solid #ccc;
	}
	
	.spMenuBox .link li a {
		padding: 8px 5px;
		display: block;
		background: url(../img/common/sp_arrow.png) no-repeat right center;
	}
	
	.spMenuBox .link li a span {
		display: inline-block;
		vertical-align: middle;
	}
	
	.spMenuBox .link li a .en {
		margin-left: 10px;
		color: #ea8475;
		font-size: 12px;
	}
	
	.conList {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	.conList li {
		margin-bottom: 10px;
	}
	
	.conList li:last--child {
		margin-bottom: 0;
	}
	
	.conList li img {
		height: 30px;
	}
	
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	margin-top: 2px;
	width: 680px;
	float: left;
}

#conts .noteList {
}

#conts .noteList li {
	margin-bottom: 32px;
	padding: 0 0 28px 38px;
	border-bottom: 4px solid #FFEFD3;
}

#conts .noteList li p {
	margin: 0 8px;
	font-size: 14px;
	line-height: 2.14;
	word-wrap: break-word;
}

#conts .noteList li p img {
	max-width: 100%;
	height: auto;
}

#conts .noteList li .ttl {
	line-height: 1.5;
}

#conts .noteList li .ttl a,
#conts .noteList li .ttl span {
	margin-left: -38px;
	padding: 8px 0 7px 72px;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #eb6e46;
	background: url(../img/news/icon01.png) no-repeat left top 18px;
}

#conts .noteList li .ttl a:hover {
	text-decoration: underline;
}

#conts .noteList li .date {
	margin: 0 0 53px 33px;
	font-size: 14px;
	line-height: 1.5;
}

#conts .noteList li .date a {
	margin-left: 15px;
	display: inline-block;
	text-decoration: underline;
}

#conts .noteList li .date a:hover {
	text-decoration: none;
}

#conts .noteList li .photo {
	margin-bottom: 23px;
	text-align: center;
}

#conts .noteList li .photo img,
#conts .noteList li p img {
	max-width: 100%;
	height: auto;
}

.wp-pagenavi {
	margin-top: 35px;
	text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 7px;
	cursor: pointer;
	font-size: 15px;
	color: #000;
	display: inline-block;
	text-decoration: none;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	color: #EF8477;
}

.wp-pagenavi .last,
.wp-pagenavi .pages,
.wp-pagenavi .first {
	display: none;
}

.wp-pagenavi .extend {
	margin-right: 0;
}

.wp-pagenavi .nextpostslink {
	margin-left: 0;
}

.pageLink {
	font-size: 0;
	text-align: center;
}

.pageLink li {
	font-size: 14px;
	display: inline-block;
}

.pageLink li a {
	margin: 0 10px;
	display: inline-block;
}


.pageLink li a:hover {
	opacity: 0.7;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.wp-pagenavi {
		margin-bottom: 20px;
	}
	
	.wp-pagenavi span,
	.wp-pagenavi a {
		margin: 0 2px;
		font-size: 12px;
	}
	
	.wp-pagenavi a:hover {
		color: #000;
	}

	
	#conts {
		width: auto;
		float: none;
	}
	
	#conts .noteList li {
		padding: 0 0 20px;
		border-bottom: 2px solid #FFEFD3;
	}
	
	#conts .noteList li .ttl a,
	#conts .noteList li .ttl span {
		margin: 0 0 10px;
		padding: 0 0 0 35px;
		font-size: 18px;
		line-height: 1.5;
		background: url(../img/news/icon01.png) no-repeat left top 8px;
		background-size: 22px 16px;
	}
	
	#conts .noteList li .ttl a:hover {
		text-decoration: none;
	}
	
	#conts .noteList li .date {
		font-size: 12px;
		margin: 0 0 30px 38px;
	}
	
	#conts .noteList li .date a:hover {
		text-decoration: underline;
	}
	
	#conts .noteList li p {
		word-break: break-all;
		line-height: 1.8;
	}
	
	.pageLink {
		margin-bottom: 30px;
	}
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 307px;
	float: right;
}

#sideBar .sTtl {
	padding: 12px 18px 11px;
	line-height: 1.5;
	color: #fff;
	background: #EF8477;
}

#sideBar .txtList {
	margin-bottom: 38px;
}

#sideBar .txtList li {
	padding: 10px 0 10px;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#sideBar .txtList li:last-child {
	padding-bottom: 0;
	border: none;
}

#sideBar .txtList li a {
	display: block;
}

#sideBar .txtList li a:hover {
	opacity: 0.7;
}

#sideBar .txtList li p {
	display: table-cell;
	text-align: left;
	font-size: 14px;
	color: #454545;
	vertical-align: middle;
}

#sideBar .txtList li .img {
	padding-right: 11px;
	width: 60px;
}

#sideBar .txtList li .ttl {
	color: #eb6e46;
	font-size: 14px;
	line-height: 1.5;
	display: block;
}

#sideBar .sLinkList li {
	border-bottom: 1px solid #ccc;
}

#sideBar .sLinkList li a {
	padding: 16px 0 13px;
	display: block;
	color: #eb6e46;
}

#sideBar .sLinkList li a:hover {
	text-decoration: underline;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#sideBar {
		width: auto;
		float: none;
	}
	
	#sideBar .sTtl {
		padding: 8px 10px;
	}
	
	#sideBar .txtList li p {
		font-size: 12px;
	}
	
	#sideBar .txtList li .ttl {
		font-size: 12px;
	}
	
	#sideBar .txtList li .img img {
		width: 100%;
	}
	
	#sideBar .sLinkList li a {
		font-size: 12px;
	}
	
	#sideBar .sLinkList li a:hover {
		text-decoration: none;
	}
	
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 10px 0;
	background: #F17D29;
	position: relative;
}

#gFooter .pageTop {
	position: absolute;
	right: 80px;
	top: -80px;
	z-index: 100;
}

#gFooter .pageTop  a:hover {
	opacity: 0.7;
}

#gFooter .copyright {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	color: #fff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter .copyright {
		width: auto;
		font-size: 10px;
	}
	
	#gFooter .pageTop {
		right: 10px;
		top: -40px;
	}
	
	#gFooter .pageTop img {
		width: 40px;
	}
}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#news .mainBox {
	margin: 0 auto 229px;
	width: 1046px;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#news .mainBox {
		margin: 0 15px 50px;
		width: auto;
	}
}


/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.slideBox {
	margin: 0 auto 20px;
	width: 1200px;
	position: relative;
}

.slideBox .textImg {
	position: absolute;
    left: 55px;
    top: -126px;
    z-index: 30;
}

.slideBox ul {
	margin-bottom: 7px;
}

.slideBox p {
	font-size: 12px;
	color: #919191;
}

#index .introductBox {
	margin-bottom: 63px;
}

#index .introductBox h2 {
	margin-bottom: 88px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
	text-align: center;
}

#index .introductBox h2 span {
	padding-bottom: 3px;
	font-size: 24px;
	color: #eb6e46;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 2px;
	display: inline-block;
	border-bottom: 5px solid #FFD694;
}

#index .introductBox .numList { text-align: center;
	margin: 0 auto;
	width: 1110px;
}

#index .introductBox .numList li { text-align: left;
	/*width: 372px;*/ width: 480px;	
	padding: 0 34px;
	/*float: left;*/ display: inline-block; vertical-align: top;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/com_line02.jpg) repeat-y right top;
}

#index .introductBox .numList li:last-child {
	/*width: 366px;*/
	background: none;
}

#index .introductBox .numList li:last-child .txt {
	margin-right: -15px;
}

#index .introductBox .numList li .num {
	position: absolute;
	right: 46px;
	top: -37px;
}

#index .introductBox .numList li .photo {
	margin-bottom: 24px;
	height: 196px;
}

#index .introductBox .numList li .txt {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #eb6e46;
}

#index .newsBox {
	margin-bottom: 118px;
	padding-top: 38px;
	background: #FFF8EE;
}

#index .newsBox .news {
	margin: 0 auto;
	width: 1042px;
}

#index .newsBox .news h2 {
	margin-top: 3px;
	width: 200px;
	float: left;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
}

#index .newsBox .news h2 span {
	display: block;
}

#index .newsBox .news h2 .icon {
	margin-bottom: 13px;
}

#index .newsBox .news h2 .ttl {
	margin-bottom: 3px;
	font-size: 26px;
	line-height: 1;
}

#index .newsBox .news h2 .en {
	font-size: 10px;
	color: #df4d38;
}

#index .newsBox .news dl {
	width: 836px;
	float: right;
	font-size: 15px;
	line-height: 2.33;
}

#index .newsBox .news dt {
	float: left;
	color: #df4d38;
}

#index .newsBox .news dd {
	padding-left: 11.2em;
}

#index .newsBox .news dd a:hover {
	text-decoration: underline;
}

#index .newsBox .news .inner {
	margin-bottom: 17px;
}

#index .newsBox .news .link {
	width: 153px;
	float: right;
	text-align: center;
	box-sizing: border-box;
}

#index .newsBox .news .link a {
	padding: 4px 10px 2px 26px;
	color: #fff;
	font-weight: bold;
	display: block;
	background: #F08477 url(../img/index/icon09.png) no-repeat left 20px center;
}

#index .newsBox .news .link a:hover {
	opacity: 0.7;
}

#index .priceBox {
	margin-bottom: 50px;
	position: relative;
}

#index .priceBox .leftImg {
	position: absolute;
	left: 0;
	top: -58px;
}

#index .priceBox .rightImg {
	position: absolute;
	right: 0;
	top: -64px;
}

#index .priceBox .price {
	margin: 0 auto;
	width: 1040px;
}

#index .priceBox .price .headLine01 {
	text-align: center;
}

#index .priceBox .price .text {
	margin: 0 0 66px 10px;
	text-align: center;
	font-size: 15px;
	line-height: 2;
}

#index .priceBox .txtList {
	margin-bottom: 44px;
}

#index .priceBox .txtList li {
	margin-right: 84px;
	float: left;
	/*width: 290px;*/
    width: 478px;/*項目が減ったので調整*/
	text-align: center;
}

#index .priceBox .txtList .liStyle03 {
	margin-right: 0;
}

#index .priceBox .txtList li .ttl {
	margin-bottom: 12px;
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 2;
	font-weight: bold;
	background: url(../img/index/line01.png) no-repeat center bottom;
}

#index .priceBox .txtList .liStyle02 .ttl {
	background: url(../img/index/line02.png) no-repeat center bottom;
}

#index .priceBox .txtList .liStyle03 .ttl {
	background: url(../img/index/line03.png) no-repeat center bottom;
}

#index .priceBox .txtList .radio {
	margin: 0 auto 35px;
	width: 228px;
	height: 228px;
	background: #EF8477;
	border-radius: 50%;
}

#index .priceBox .txtList .radio a {
	display: table;
	width: 100%;
	height: 100%;
	background: url(../img/index/icon10.png) no-repeat center bottom 15px;
}

#index .priceBox .txtList .radio a:hover {
	opacity: 0.7;
}

#index .priceBox .txtList .radio p {
	padding-top: 10px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

#index .priceBox .txtList .radio p span {
	margin-bottom: 3px;
	display: block;
	font-size: 22px;
}

#index .priceBox .txtList .liStyle02 .radio {
	background: #F5B24F;
}

#index .priceBox .txtList .liStyle03 .radio {
	background: #A7CD47;
}

#index .priceBox .txtList .txt {
	font-size: 15px;
	line-height: 1.73;
	text-align: left;
}

#index .priceBox .txtList .note {
	margin-bottom: 20px;
	text-align: left;
	font-size: 13px;
	line-height: 1.76;
}

#index .priceBox .txtList .txt01 {
	margin-bottom: 22px;
}

#index .priceBox .txtList .txt03 {
	margin-bottom: 6px;
}

#index .priceBox .txtList .txt05 {
	margin-bottom: 5px;
}

#index .priceBox .txtList .borderTxt {
	padding: 5px 5px 4px;
	font-size: 15px;
	box-sizing: border-box;
	border: 3px solid #FFCEC9;
	border-radius: 20px;
}

#index .priceBox .txtList .liStyle02 .note {
	margin-bottom: 9px;
}

#index .priceBox .txtList .liStyle02 .borderTxt {
	border-color: #FDDF90;
}

#index .priceBox .price .text01 {
	margin-bottom: 0;
}

#index .pinkBox {
	padding-bottom: 55px;
	background: #FFD8D3;
}

#index .pinkBox .pho img {
	width: 100%;
}

#index .pinkBox .imgBox {
	margin: 0 0 67px 21px;
}

#index .pinkBox .imgBox .photoBox {
	float: left;
	width: 292px;
}

#index .pinkBox .imgBox .textBox {
	margin-top: 3px;
	width: 673px;
	float: right;
}

#index .pinkBox .imgBox .textBox p {
	margin-bottom: 29px;
	line-height: 2.07;
}

#index .pinkBox .imgBox .textBox .txt01 {
	margin-bottom: 25px;
}

#index .pinkBox .imgBox .iconTxt {
	background: #FFEBEC;
	padding: 2px 2px 12px;
}

#index .pinkBox .imgBox .iconTxt .title {
	margin-bottom: 8px;
	padding: 7px 13px 2px;
	background: #fff;
}

#index .pinkBox .imgBox .iconTxt .title span {
	padding-left: 35px;
	font-size: 16px;
	font-weight: bold;
	color: #ea8475;
	display: block;
	background: url(../img/index/icon11.png) no-repeat left top 1px;
}

#index .pinkBox .imgBox .iconTxt .txt {
	margin: 0 0 0 18px;
	font-size: 13px;
}

#index .pinkBox .applicationBox {
	margin: 0 3px 81px;
	padding: 20px;
	position: relative;
	background: #FFEBEC;
	box-sizing: border-box;
}

#index .pinkBox .applicationBox .iconTtl {
	margin-left: -40px;
	position: absolute;
	top: -39px;
	left: 50%;
}

#index .pinkBox .applicationBox h3 {
	margin-bottom: 14px;
	position: relative;
	z-index: 10;
	text-align: center;
}

#index .pinkBox .applicationBox h3 span {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	line-height: 1.8;
	color: #ea8475;
	border-bottom: 4px solid #EF8477;
}

#index .pinkBox .applicationBox .note {
	margin-bottom: 18px;
	text-align: center;
	font-size: 13px;
}

#index .pinkBox .applicationBox ul {
	margin-bottom: 10px;
}

#index .pinkBox .applicationBox ul li {
	margin-right: 10px;
	padding: 15px 10px;
	width: 184px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
}

#index .pinkBox .applicationBox ul li span {
	margin-right: 10px;
	color: #ea8475;
}

#index .pinkBox .applicationBox ul .style02 {
	width: 345px;
}

#index .pinkBox .applicationBox ul .style03 {
	width: 120px;
}

#index .pinkBox .applicationBox ul .style04 {
	margin-right: 0;
	width: 304px;	
}

#index .pinkBox .applicationBox .txt {
	margin-left: 9px;
	font-size: 13px;
}

#index .imgBoxR {
	margin: 0 2px 60px 0;
}

#index .imgBoxR .photoBox {
	float: right;
}

#index .imgBoxR .textBox {
	margin-top: 4px;
	float: left;
	width: 490px;
}

#index .imgBoxR .textBox .ttl {
	margin-bottom: 26px;
	font-size: 20px;
	font-weight: bold;
	color: #ea8475;
	line-height: 1.8;
}

#index .imgBoxR .textBox p {
	margin-bottom: 36px;
}

#index .imgBoxR .textBox p:last-child {
	margin-bottom: 0;
}

#index .pinkBox .imgBox01 .textBox {
	margin-top: -3px;
}

#index .pinkBox .imgBox01 dl {
	margin-bottom: 22px;
}

#index .pinkBox .imgBox01 dl dt {
	color: #ea8475;
	font-weight: bold;
}

#index .comBgTxt span {
	background: url(../img/index/txt_bg.gif) repeat-x left bottom 3px;
}

#index .imgBox01 {
	margin-bottom: 34px;
}

#index .moneyBox {
	margin-bottom: 38px;
	padding: 36px 40px 26px;
	background: #ffecec;
}

#index .moneyBox .lBox {
	width: 442px;
	float: left;
}

#index .moneyBox .lBox h3 {
	margin-bottom: 31px;
}

#index .moneyBox .lBox h3 span {
	font-size: 30px;
	font-weight: bold;
	color: #ea8475;
	letter-spacing: 1px;
	border-bottom: 4px solid #ea8475;
}

#index .moneyBox .lBox .ttlBox {
	margin-bottom: 13px;
	padding: 0 32px 8px;
	background: #fff;
}

#index .moneyBox .lBox .ttlBox .note {
	margin-left: 5px;
	font-size: 12px;
}

#index .moneyBox .lBox .ttlBox .ttl {
	margin: 0 -32px 12px;
	padding: 5px 5px 2px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #ea8475;
}

#index .moneyBox .lBox .ttlBox ul li {
	padding-left: 20px;
	font-size: 16px;
	background: url(../img/index/icon12.png) no-repeat left top 6px;
}

#index .moneyBox .lBox .ttlBox ul li span {
	font-weight: bold;
	color: #ea8475;
}

#index .moneyBox .lBox .icon {
	margin: 0 18px 15px 0;
	text-align: center;
}

#index .moneyBox .lBox .ttlBox01 {
	padding: 0 5px 20px 32px;
}

#index .moneyBox .lBox .ttlBox01 .ttl {
	margin: 0 -5px 20px -32px;
}

#index .moneyBox .lBox .ttlBox01 ul li {
	background: url(../img/index/icon12.png) no-repeat left top 5px;
}

#index .moneyBox .rBox {
	margin-top: 5px;
	width: 463px;
	float: right;
}

#index .moneyBox .rBox .text {
	margin: 0 0 24px 4px;
}

#index .moneyBox .rBox .text span {
	font-weight: bold;
	color: #e57362;
}

#index .moneyBox .rBox .bgTxt {
	margin-bottom: 29px;
	padding: 15px 28px 13px;
	font-size: 16px;
	line-height: 1.68;
	background: #fff;
}

#index .moneyBox .rBox .bgTxt .color {
	color: #ea8475;
	font-weight: bold;
}

#index .moneyBox .rBox .bgTxt .note {
	margin-right: -8px;
	display: block;
	font-size: 14px;
}

#index .moneyBox .rBox .ttl {
	padding: 6px;
	box-sizing: border-box;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #f5b13f;
}

#index .pinkBox .arrowTxt {
	padding-top: 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	border-top: 5px solid #ea8475;
	border-radius: 2px;
	position: relative;
}

#index .pinkBox .arrowTxt:before {
	margin-left: -16px;
	width: 32px;
	height: 20px;
	background: url(../img/index/arrow02.jpg) no-repeat center top;
	position: absolute;
	top: -20px;
	left: 50%;
  
	content: "";
	z-index: 20; 
}

#index .pinkBox .arrowTxt span {
	color: #ea8475;
}

#index .transformBox {
	padding-bottom: 57px;
	background: #ffe8c2;
}

#index .transformBox .photo img {
	width: 100%;
}

#index .transformBox .comWhiteBox {
	margin-top: -55px;
}

#index .transformBox .comWhiteBox .comTtl {
	margin-bottom: 66px;
	position: relative;
	z-index: 50;
	background: #ffab1d;
}

#index .transformBox .imgBoxR .textBox {
	margin-top: -3px;
}

#index .transformBox .imgBoxR .textBox .ttl {
	margin-bottom: 32px;
	color: #ed7b01;
	font-size: 22px;
	line-height: 1.63;
}

#index .transformBox .imgBoxR .textBox p {
	margin-bottom: 24px;
}

#index .transformBox .imgBoxR .textBox .txt01 {
	line-height: 2.07;
}

#index .transformBox .imgBoxR {
	margin-bottom: 98px;
}

#index .tbBox {
	padding: 47px 35px 41px 55px;
	background: #FFF6E7;
}

#index .tbBox .lBox {
	width: 250px;
	float: left;
}

#index .tbBox .lBox h2 {
	padding-bottom: 4px;
	font-size: 30px;
	line-height: 1.67;
	color: #ed7b01;
	border-bottom: 4px solid #FFDEA3;
}

#index .tbBox .rBox {
	margin-top: 17px;
	width: 630px;
	float: right;
}

#index .tbBox .rBox .txt01 {
	margin-bottom: 17px;
}

#index .tbBox .tableBox {
	margin-bottom: 38px;
}

#index .tbBox .tableBox02 {
	margin-bottom: 10px;
}

#index .tbBox .h2Ttl01 {
	margin-bottom: 23px;
}

#index .tbBox .table01 th {
	width: 28%;
}

#index .tbBox .table01 td {
	padding: 10px 5px 10px 15px;
	width: 72%;
}

#index .tbBox .table01 td .sTxt {
	margin-top: 3px;
	display: block
}

#index .tbBox .table01 td span {
	font-size: 13px;
}

#index .tbBox .tableBox03 {
	margin-bottom: 36px;
}

#index .tbBox .bgTxt {
	padding: 7px 10px 6px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #F5B24F;
}

#index .helpBox {
	margin-bottom: 100px;
	padding-bottom: 64px;
	background: #F3FFD1;
}

#index .helpBox .photo img {
	width: 100%;
}

#index .helpBox .comWhiteBox {
	margin-top: -75px;
	padding: 59px 79px 86px;
}

#index .helpBox .comTtl {
	position: relative;
	z-index: 30;
	background: #A7CD47;
}

#index .helpBox .imgBoxR .textBox .ttl {
	margin-bottom: 26px;
	color: #82A92B;
	font-size: 22px;
	line-height: 1.63;
}

#index .helpBox .imgBoxR .textBox p {
	margin-bottom: 28px;
}

#index .helpBox .imgBoxR .textBox p:last-child {
	margin-bottom: 0;
}

#index .helpBox .imgBoxR {
	margin-bottom: 81px;
}

#index .helpBox .contact {
	margin-bottom: 81px;
	padding: 18px 70px 48px 65px;
	position: relative;
	background: #E5F8D0;
}

#index .helpBox .contact .iconTtl {
	margin-left: -40px;
	position: absolute;
	top: -39px;
	left: 50%;
}

#index .helpBox .contact h3 {
	margin-bottom: 32px;
	text-align: center;
	position: relative;
	z-index: 30;
}

#index .helpBox .contact h3 span {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #8aa700;
	border-bottom: 4px solid #A9CC47;
}

#index .helpBox .contact .txtList {
	margin-top: -10px;
}

#index .helpBox .contact .txtList li {
	margin-top: 10px;
	padding: 15px 5px 10px;
	box-sizing: border-box;
	letter-spacing: 1px;
	width: 440px;
	text-align: center;
	background: #fff;
	float: left;
	font-size: 18px;
	font-weight: bold;
} 

#index .helpBox .contact .txtList li:nth-child(2n) {
	float: right;
} 

#index .helpBox .contact .txtList li:last-child {
	background: none;
}

#index .helpBox .tbBox {
	padding: 40px 40px 48px;
	background: #E5F8D0;
}

#index .helpBox .tbBox .lBox h2 {
	font-size: 23.5px;
	color: #8aa700;
	border-color: #A8CE48;
}

#index .helpBox .tbBox .rBox {
	margin-top: 3px;
}

#index .helpBox .tbBox .rBox h2 {
	margin-bottom: 10px;
	padding: 3px 5px 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #9ECD34;
}

#index .helpBox .tbBox .rBox .txt {
	margin-bottom: 9px;
	font-size: 12px;
}

#index .helpBox .tbBox .rBox .headLine02 {
	margin-bottom: 10px;
	color: #8aa700;
	border-color: #9CCD34;
}

#index .helpBox .tbBox .comTable th {
	background: #9ECD34;
	border: 1px solid #fff;
	width: 42%;
}

#index .helpBox .tbBox .comTable td {
	color: #9ECD34;
	border: 1px solid #9ECD34;
	width: 58%;
}

#index .helpBox .tbBox .text {
	margin-top: 10px;
}

#index .helpBox .tableBox {
	margin-bottom: 27px;
}

#index .helpBox .tbBox .rBox .h3Ttl01 {
	margin-bottom: 13px;
}

#index .helpBox .tbBox .rBox .tableBox02 th,
#index .helpBox .tbBox .rBox .tableBox02 td {
	padding: 9px 7px;
} 

#index .helpBox .tbBox .rBox .tableBox02 {
	margin-bottom: 23px;
}

#index .helpBox .tbBox .rBox .h2Ttl01 {
	margin-bottom: 19px;
	padding: 6px 5px 1px;
}

#index .helpBox .tbBox .rBox .tableBox03 th,
#index .helpBox .tbBox .rBox .tableBox03 td {
	padding: 9px 7px;
} 

#index .helpBox .tbBox .rBox .tableBox03 {
	margin-bottom: 32px;
}

#index .qaBox {
	margin-bottom: 108px;
}

#index .qaBox .inner {
	margin: 0 auto;
	width: 886px;
}

#index .qaBox .inner .headLine01 {
	margin-bottom: 25px;
	text-align: center;
}

#index .qaBox .inner .headLine01 .icon {
	margin-bottom: 14px;
}

#index .qaBox .inner .headLine01 .ttl span {
	padding-bottom: 10px;
}

#index .qaBox .inner .text {
	margin-bottom: 43px;
	font-size: 14px;
	text-align: center;
}

#index .qaBox .inner dt {
	margin-bottom: 2px;
	padding: 2px 22px 1px;
	font-size: 18px;
	cursor: pointer;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
	background: #FFF6E7 url(../img/index/close.png) no-repeat right 28px center;
}

#index .qaBox .inner dt:hover {
	opacity: 0.7;
}

#index .qaBox .inner dt.on {
	background: #FFF6E7 url(../img/index/open.png) no-repeat right 28px center;
}

#index .qaBox .inner dt span {
	margin-right: 12px;
	font-size: 26px;
	display: inline-block;
	vertical-align: -2px;
	color: #ea8475;
}

#index .qaBox .inner dd {
	margin: 15px 55px 13px;
	line-height: 1.78;
	display: none;
}

#index .staffBox {
	margin-bottom: 45px;
	padding-bottom: 27px;
	background: #FFF8EE;
}

#index .staffBox .photo img {
	width: 100%;
}

#index .staffBox .staff {
	margin: -29px auto 59px;
	width: 1200px;
	position: relative;
	z-index: 30;
}

#index .staffBox .staff h2 {
	padding-left: 120px;
	width: 340px;
	float: left;
	font-size: 18px;
	font-weight:  normal;
}

#index .staffBox .staff h2 img {
	margin: 0 0 10px -5px;
}

#index .staffBox .staff p {
	margin-top: 62px;
	width: 700px;
	float: right;
	line-height: 1.75;
}

#index .staffBox .peopleList {
	background: url(../img/index/line.png) no-repeat center top 26px;
	position: relative;
}

#index .staffBox .peopleList ul {
	margin: 0 auto;
	width: fit-content;
}

#index .staffBox .peopleList ul li {
	float: left;
	width: 325px;
}

#index .staffBox .peopleList ul li .cTxt {
	font-size: 12px;
	line-height: 1.66;
	text-align: center;
}

#index .staffBox .peopleList ul li .name {
	margin-bottom: 5px;
	text-align: center;
	font-size: 28px;
	color: #b1cc31;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ";
}

#index .staffBox .peopleList ul li .txt {
	margin-left: 10px;
	font-size: 14px;
	line-height: 1.78;
}

#index .staffBox .peopleList ul li .photo {
	margin-bottom: 15px;
}

#index .staffBox .peopleList ul .style01 {
	margin-right: 175px;
}

#index .staffBox .peopleList ul .style01 .txt {
	margin-right: -30px;
}

#index .staffBox .peopleList ul .style02 {
	margin-right: 0;
}

#index .staffBox .peopleList ul .style02 .name {
	color: #F9B050;
}

#index .staffBox .peopleList ul .style03 .name {
	color: #E55040;
}




@media all and (min-width: 768px) and (max-width: 1024px) {
}



@media all and (min-width: 0) and (max-width: 767px) {
	.slideBox {
		width: auto;

	}
	
	.slideBox .textImg {
		width: 20%;
		left: 0;
		padding: 3%;
		top: 0%;
		background-color: rgba(255,255,255,0.5);
	}
	
	.slideBox .textImg img {
		width: 100%;
	}
	
	.slideBox ul li img {
		width: 100%;
	}
	
	.slideBox p {
		margin: 0 10px;
		font-size: 11px;
	}
	
	#index .introductBox {
		margin: 0 15px;
	}
	
	#index .introductBox h2 {
		margin-bottom: 40px;
	}
	
	#index .introductBox h2 span {
		font-size: 18px;
	}
	
	#index .introductBox .numList {
		margin-bottom: 40px;
		width: auto;
	}
	
	#index .introductBox .numList li {
		margin-bottom: 40px;
		padding: 0 0 20px;
		width: auto !important;
		float: none;
		border-bottom: 2px dotted #fee4c3;
		background: none;
	}
	
	#index .introductBox .numList li:last-child {
		margin-bottom: 0;
	}
	
	#index .introductBox .numList li .photo {
		height: auto;
	}
	
	#index .introductBox .numList li img {
		width: 100%;
	}
	
	#index .introductBox .numList li .num {
		right: 20px;
		top: -20px;
	}
	
	#index .introductBox .numList li .num img {
		width: 40px;
	}
	
	#index .introductBox .numList li .txt {
		font-size: 16px;
	}
	
	#index .newsBox {
		margin-bottom: 45px;
		padding: 30px 15px 0;
	}
	
	#index .newsBox .news {
		width: auto;
	}
	
	#index .newsBox .news h2 {
		margin: 0 0 20px;
		float: none;
		width: auto;
		text-align: center;
	}
	
	#index .newsBox .news dl {
		width: auto;
		float: none;
		font-size: 14px;
		line-height: 1.5;
	}
	
	#index .newsBox .news dd {
		margin-bottom: 20px;
		padding-left: 7em;
	}
	
	#index .newsBox .news dd a:hover {
		text-decoration: none;
	}
	
	#index .newsBox .news dd:last-child {
		margin-bottom: 0;
	}
	
	#index .priceBox {
		margin: 0 15px;
	}
	
	#index .priceBox .leftImg {
		display: none;
	}
	
	#index .priceBox .rightImg {
		display: none;
	}
	
	#index .priceBox .price {
		width: auto;
	}
	
	#index .priceBox .price .text {
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.5;
	}


	#index .priceBox .txtList li {
		margin: 0 0 20px 0 !important;
		width: auto !important;
		float: none;
	}
	
	#index .priceBox .txtList li:last-child {
		margin-bottom: 0 !important;
	}
	
	#index .priceBox .txtList .radio {
		width: 200px;
		height: 200px;
	}
	
	#index .pinkBox .imgBox {
		margin: 0 0 50px;
	}
	
	#index .pinkBox .imgBox .photoBox {
		margin-bottom: 20px;
		float: none;
		width: auto;
		text-align: center;
	}
	
	#index .pinkBox .imgBox .photoBox img {
		max-width: 100%;
		width: auto;
	}
	
	#index .pinkBox .imgBox .textBox {
		float: none;
		width: auto;
	}
	
	#index .pinkBox .applicationBox ul li {
		margin: 0 0 15px !important;
		padding: 5px 10px;
		width: auto !important;
		float: none;
		text-align: left;
		font-size: 14px;
	}
	
	#index .pinkBox .applicationBox ul li:last-child {
		margin-bottom: 0 !important;
	}
	
	#index .newsBox .news h2 .icon {
		margin: 0 auto;
		width: 40px;
	}
	
	#index .newsBox .news h2 .icon img {
		width: 100%;
	}
	
	#index .newsBox .news h2 .ttl {
		font-size: 20px;
	}
	
	#index .priceBox .txtList .radio a {
		background-size: 15px 8px;
	}
	
	#index .priceBox .txtList .radio p span {
		font-size: 20px;
	}
	
	#index .priceBox .txtList .borderTxt {
		font-size: 14px;
		border: 2px solid #FFCEC9;
	}
	
	#index .priceBox .txtList .txt {
		font-size: 14px;
	}
	
	#index .priceBox .txtList li:last-child .note {
		margin-bottom: 0;
	}
	
	#index .pinkBox .imgBox .textBox p {
		line-height: 1.8;
	}
	
	#index .pinkBox .imgBox .iconTxt .title span {
		background-size: 20px 20px;
		font-size: 14px;
	}
	
	#index .pinkBox .applicationBox .iconTtl {
		margin-left: -33px;
		width: 66px;
	}
	
	#index .pinkBox .applicationBox .iconTtl img {
		width: 100%;
	}
	
	#index .pinkBox .applicationBox {
		margin: 0 0 40px;
		padding: 20px 10px;
	}
	
	#index .imgBoxR {
		margin: 0 0 30px !important;
	}
	
	#index .imgBoxR .photoBox {
		margin: 0 0 15px;
		float: none;
		width: auto;
	}
	
	#index .imgBoxR .photoBox img {
		width: 100%;
	}
	
	#index .imgBoxR .textBox {
		margin: 0;
		width: auto;
		float: none;
	}
	
	#index .imgBoxR .textBox .ttl {
		margin-bottom: 15px !important;
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
	
	#index .imgBoxR .textBox p {
		margin-bottom: 20px;
	}
	
	#index .imgBoxR .textBox p:last-child {
		margin-bottom: 0;
	}
	
	#index .pinkBox .imgBox01 dl {
		margin-bottom: 15px;
	}
	
	#index .moneyBox {
		padding: 20px 10px;
	}
	
	#index .moneyBox .lBox {
		width: auto;
		float: none;
	}
	
	#index .moneyBox .lBox h3 {
		margin-bottom: 15px;
	}
	
	#index .moneyBox .lBox h3 span {
		font-size: 18px;
	}
	
	#index .moneyBox .lBox .ttlBox {
		padding: 0 10px 10px !important;
	}
	
	#index .moneyBox .lBox .ttlBox .ttl {
		margin: 0 -10px 10px !important;
	}
	
	#index .moneyBox .lBox .ttlBox ul li {
		font-size: 12px;
		background: url(../img/index/icon12.png) no-repeat left top 5px;
		background-size: 10px 10px;
	}
	
	#index .moneyBox .lBox .icon {
		margin: 0 0 15px;
	}
	
	#index .moneyBox .rBox {
		float: none;
		width: auto
	}
	
	#index .moneyBox .rBox .text {
		margin: 0 0 20px;
	}
	
	#index .moneyBox .rBox .bgTxt {
		padding: 10px;
	}
	
	#index .moneyBox .rBox .bgTxt p {
		font-size: 14px;
	}
	
	#index .moneyBox .rBox .ttl {
		font-size: 13px;
	}
	
	#index .pinkBox .arrowTxt {
		padding-top: 10px;
		font-size: 14px;
		border-top: 2px solid #ea8475;
	}
	
	#index .pinkBox .arrowTxt:before {
		top: -10px;
		background-size: 16px 10px;
	}
	
	#index .pinkBox {
		padding: 0 10px 30px;
	}
	
	#index .pinkBox .pho {
		margin: 0 -10px;
	}
	
	#index .transformBox .comWhiteBox {
		margin-top: 0;
	}
	
	#index .transformBox .comWhiteBox .comTtl {
		margin-bottom: 38px;
	}
	
	#index .comBgTxt span {
		line-height: 1.5;
	}
	
	#index .tbBox {
		padding: 20px 10px;
	}
	
	#index .tbBox .lBox h2 {
		font-size: 20px;
		line-height: 1.5;
	}
	
	#index .tbBox .lBox {
		float: none;
		width: auto;
	}
	
	#index .tbBox .rBox {
		width: auto;
		float: none;
	}
	
	#index .tbBox .tableBox {
		margin-bottom: 20px !important;
	}
	
	#index .transformBox {
		padding: 0 10px 30px;
	}
	
	#index .transformBox .photo {
		margin: 0 -10px;
	}
	
	#index .helpBox .comWhiteBox {
		margin-top: 0;
		padding: 20px 10px;
	}
	
	#index .helpBox .imgBoxR .textBox p {
		margin-bottom: 20px;
	}
	
	#index .helpBox .imgBoxR {
		margin-bottom: 50px !important;
	}
	
	#index .helpBox .contact {
		margin-bottom: 30px;
		padding: 20px 10px;
	}
	
	#index .helpBox .contact .txtList li {
		padding: 10px;
		float: none !important;
		width: auto;
		font-size: 12px;
	}
	
	#index .helpBox .tbBox {
		padding: 20px 10px;
	}
	
	#index .helpBox .tbBox .lBox h2 {
		margin-bottom: 15px;
		font-size: 18px;
	}
	
	#index .helpBox .tbBox .text {
		font-size: 12px;
	}
	
	#index .helpBox {
		margin-bottom: 30px;
		padding: 0 10px 30px;
	}
	
	#index .helpBox .photo {
		margin: 0 -10px;
	}
	
	#index .qaBox {
		margin: 0 10px 30px;
	}
	
	#index .qaBox .inner {
		width: auto;
		float: none;
	}
	
	#index .qaBox .inner dt {
		padding: 3px 20px 3px 10px;
		font-size: 14px;
		background: #FFF6E7 url(../img/index/close.png) no-repeat right 10px center;
		background-size: 15px 15px;
	}
	
	#index .qaBox .inner dt:hover {
		opacity: 1;
	}
	
	#index .qaBox .inner dt.on {
		background: #FFF6E7 url(../img/index/open.png) no-repeat right 10px center;
		background-size: 15px auto;
	}
	
	#index .qaBox .inner dt span {
		font-size: 20px;
		margin-right: 5px;
	}
	
	#index .qaBox .inner dd {
		margin: 10px 15px;
		font-size: 12px;
	}
	
	#index .staffBox {
	}
	
	#index .staffBox .staff {
		margin: 0 15px 30px;
		width: auto;
	}
	
	#index .staffBox .staff h2 {
		margin: -10px 0 20px;
		padding: 0;	
		width: auto;
		float: none;
		text-align: center;
	}
	
	#index .staffBox .staff h2 span {
		display: block;
		font-size: 14px;
	}
	
	#index .staffBox .staff h2 img {
		width: 100px;
	}
	
	#index .staffBox .staff p {
		margin: 0;
		width: auto;
		float: none;
		font-size: 12px;
	}
	
	#index .staffBox .peopleList {
		background: none;
	}
	
	#index .staffBox .peopleList ul {
		margin: 0 15px;
		width: auto;
	}
	
	#index .staffBox .peopleList ul li {
		margin: 0 0 20px !important;
		float: none;
		width: auto !important;
	}
	
	#index .staffBox .peopleList ul li:last-child {
		margin-bottom: 0 !important;
	}
	
	#index .staffBox .peopleList ul li .photo img {
		max-width: 100%;
	}
	
	#index .staffBox .peopleList ul li .txt {
		margin: 0 !important;
		font-size: 14px;
	}
	
	#index .staffBox .peopleList ul li .name {
		font-size: 20px;
	}
	
	
	
}

/*counter*/
.counter p{
	text-align: right;
	font-size: 12px;
	margin-bottom: 10px;
}

.counter .counter_num{
	color: #df5c48;
	font-weight: bold;
}

/*header*/

@media all and (max-width: 767px) and (min-width: 0) {
	#gHeader {
	    z-index: 999;
	    width: 100%;
	    height: 120px;
	    position: fixed;
	    margin-bottom: 60px;
	    padding: 5px 10px;
	    transition: .5s;
	    box-sizing: border-box;
	    top: 0;
	    background-color: #fff;
	}
	#gHeader .logo{
		transition: .3s;
	}
	#gHeader.is-animation {
		height: 75px;
	}
	#gHeader.is-animation .logo{
		left: 5px !important;
		top: 0;
		margin-left: 0;
		width: 100px;
	}
	#gHeader h1{
		opacity: 1;
		transition: .3s;
	}
	#gHeader.is-animation h1{
		opacity: 0;
	}
	.slideBox{
		margin-top: 36% !important;
	}
	#gHeader .hBox{
		line-height: 1.2;
	}

	.counter.sp p{
		width: 100%;
		box-sizing: border-box;
		z-index: 9999;
		font-size: 11px !important;
		padding: 0 5px 0;
		text-align: left;
		position: relative;
	}
	.counter.sp{
		opacity: 1;
		transition: .3s;
	}
	.is-animation .counter.sp{
		opacity: 0;
	}

	.conList li{
		float: right;
		width: 40px;
		margin: 0 5px;
		transition: .3s;
		position: absolute;
		font-size: 9px;
		color: #eb6e46;
		text-align: center;	
	}

	.conList li img{
		width: 40px;
	}

	.conList li.tel{
		right: 7px;
		top: 60px;
	}
	.conList li.mail{
		right: 50px;
		top: 60px;
	}
	.is-animation .conList li.tel{
		right: 55px;
		top: 16px;
	}
	.is-animation .conList li.mail{
		right: 95px;
		top: 16px;
	}

	#news .mainBpx{
		margin-top: 36% !important;
	}
}

/*ツクツクHPへリンクするQRコード*/
.tukutukuLink{background: #fff0e1; color: #88716e !important; font-weight: bold; display: flex; align-items: center; justify-content: flex-start; gap:2em; padding: 1em; width: 100%; max-width: 400px; border:1px solid #ea8475; box-sizing: border-box; margin: 0 auto 4em; border-radius: 0.5em;}
.tukutukuLink:hover{opacity: 0.8;}
.tukutukuLink .image{width: 92.5px;}
.tukutukuLink .image img{max-width: 100%;}
.tukutukuLink .text{font-size: 140%;}
@media(max-width:440px){
.tukutukuLink{border-radius: 0;}
}


#index .staffBox .peopleList .people_bg_l,
#index .staffBox .peopleList .people_bg_r{
	position: absolute;
	bottom: 15%;
}

#index .staffBox .peopleList .people_bg_l{
	left: 0;
}
#index .staffBox .peopleList .people_bg_r{
	right: 0;
}
@media all and (max-width: 767px) and (min-width: 0) {
	#index .staffBox .peopleList .people_bg_l,
	#index .staffBox .peopleList .people_bg_r{
		display: none;
	}
}