@charset "utf-8";

/*************************************************************
 メインカラー　オレンジ　#F8B62D　グリーン　#006934　薄オレンジ　#F7CD79 　薄薄オレンジ#FFE7BF
*************************************************************/
/*@media screen and (min-width:961px) {}*/
/*@media only screen and (min-width:481px) and (max-width:960px) {}/*tablet用*/
/* @media screen and (max-width:480px) {}/*スマホ用*/


@media screen and (min-width:961px) {
	.sp {display: none;}
}
@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	.sp {display: none;}
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.pc {display: none;}
}

.separat_line {
	max-width: 980px;
	margin: 0 auto;
	border: 1px dashed #ccc;
}
.separat_line2 {
	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

h2 {
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	padding: 17px;
}

h3.box_title {
	font-size: 1.2em;
	color: #494949;
	padding: 0.4em 0.5em;
	background: #f4f4f4;
	border-left: solid 5px #F7CD79;
	border-bottom: solid 3px #d7d7d7;
}

body { 
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #666;
	margin: 0; 
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #ececec;
}

#content,#content_under {
	width: 1072px;
	height: auto;
	padding: 4px;
	margin: 0 auto;
	background: #fff;
}

#content {
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	#wrapper {
		width: 94%;
		margin: 0 auto;
		background: #fff;
	}
	#content,#content_under {
		width: 100%;
		height: auto;
		padding: 2px;
		margin: 30px auto 0;
	}
}

#box_notice {
	max-width: 780px;
	margin: 30px auto;
	border: 1px solid #dc143c;
}

#box_notice p {
	width: 93%;
	color: #dc143c;
	line-height: 1.5;
	padding: 10px;
	margin: 0 auto;
}

#box_info_sumaho {
	max-width: 780px;
	margin: 90px auto 30px;
	border: 3px solid #921c1a;
}

#box_info_sumaho p {
	width: 93%;
	color: #dc143c;
	line-height: 1.5;
	padding: 10px;
	margin: 0 auto;
}

.col3 {
	display: flex;
	max-width: 780px;
	margin: 0 auto;
}

.col3 li {
	width: calc(100% / 5);
}

.col3 ul {}
.col3 ul,
.col3 li {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.col3 li {
	background: #fff;
	text-align: center;
	padding: 0 3px;
}

.col3 li img {
	border: 2px solid #dcdcdc;
}

.box_info_pr {
	max-width: 780px;
	padding-bottom: 5px;
	margin: 90px auto 30px;
	border-top: 2px solid #F8B62D;
	border-bottom: 2px solid #F8B62D;
}

.box_info_pr .title {
	color: #666;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 20px 0 10px;
	margin: 0 auto;
}

.box_info_pr p {
	width: 85%;
	font-size: 1.1em;
	color: #666;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
	margin: 0 auto;
}

.box_info_pr p span {
	color: #666;
	font-weight: bold;
}




@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	#box_notice p {
		font-size: 0.9em;
	}
	
	.box_info_pr {
		max-width: 780px;
		padding-bottom: 5px;
		margin: 90px auto 30px;
		border-top: 2px solid #F8B62D;
		border-bottom: 2px solid #F8B62D;
	}

	.box_info_pr .title {
		width: 88%;
		color: #666;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		letter-spacing: 0.06em;
		padding: 20px 0 10px;
		margin: 0 auto;
	}

	.box_info_pr p {
		width: 83%;
		font-size: 0.9em;
		color: #666;
		line-height: 1.5;
		letter-spacing: 0.06em;
		padding: 10px;
		margin: 0 auto;
	}

	.box_info_pr p span {
		color: #666;
		font-weight: bold;
	}

}
/*************************************************************
 header
*************************************************************/
#fixed_header_wrap {
	position: fixed;
	min-width: 1072px;
	height: 99px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	background-color: #fff;
	border-top: 4px solid #F7CD79;
	border-bottom: 2px solid #F7CD79;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	z-index: 10000;
}

#fixed_header_spacer {
	width: 100%;
	height: 100px;
}

.header_content {
	max-width: 1072px;
	height: 100px; /* display: inline; */
	margin: 0 auto;
}

.header_inner {
	width: 100%;
}

.header_inner > h1.site-title {
	position: absolute;
	width: 500px;
	color: #666;
	font-size: 0.7em;
	text-align: center;
	top: 38px;
	margin: 0 auto;
	margin-left: 300px;
}

.header_inner .logo {
	max-width: 267px;
	margin-left: 3px;
	margin-top: 15px;
}

.header_inner .tel { /*tel*/
	position: absolute;
	top: 0;
	padding: 5px 0 0;
	margin-left: 823px;
}

.header_inner .tel img { /*tel*/
	width: 245px;
}

.header_inner > ul.navi {
	position: absolute;
	font-size: 0.9em;
	margin-top: 1px;
	top: 1px;
	margin-left: 700px;
	color: #aaa;
}

.header_inner > ul.navi li {
	display: inline-block;
}

.header_inner li.arrow:before {
	content: "";
	padding-left: 16px;
	width: 3px;
	background: url("../img/li.gif") no-repeat center center;
}

/*------------ menu*/
.header_lower {
	width: 100%;
	margin-top: 0px;
	border-top: 2px solid #F7CD79;
}

ul.header-navi {
	/*display: inline-flex;*/
	width: 780px;
	font-size: 0;
	margin: 10px auto 0;
}

.header-navi li {
	display: inline-block;
	font-size: 15px;
	padding: 0 20px;
/*	border-right: 2px solid #F7CD79;*/
}
.header-navi li+li {
	border-left:1px solid #999;
}

.header-navi li a {
	height: 14px;
	color: #111;
	font-weight: bold;
}

.header-navi li a:hover {
	border-bottom: 4px solid #F8B62D;
}

.header-navi li.current {
	height: 18px;
	margin-top: 5px;
	border-bottom: 4px solid #F8B62D;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
#fixed_header_wrap {
	position: fixed;
	min-width: 300px;
	height: 99px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	background-color: #fff;
	border-top: 1px solid #F7CD79;
	border-bottom: 4px solid #F7CD79;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
	z-index: 10000;
}
	#fixed_header_wrap {
		height: 40px;
	}
	
	.header_content_sp {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 9000;
	}
	
	#fixed_header_spacer {
		height: 44px;
	}

	.header_content_sp h1.site-title {
		font-size: 0.6em;
		margin: 1px auto 2px;
		padding-top: 0px;
		margin-left: 4px;
		color: #666;
	}

	.header_content_sp_inner {
		width: 55%;
	}

	.header_sp_logo {
		max-width: 180px;
		margin-left: 5px;
		margin-top: 0px;
	}

	.header_sp_right {
		position: fixed;
		top: 50px;
	}

	.header_sp_tel {
		position: fixed;
		top: 0;
		right: 88px;
		display: block;
		width: 44px;
		height: 46px;
		text-align: center;
	}

	.header_sp_tel img {
		width: 40px;
		height: 40px;
		margin: 2px auto 0;
	}

	.header_sp_contact {
		position: fixed;
		top: 0;
		right: 44px;
		display: block;
		width: 44px;
		height: 46px;
		background: #fff;
		text-align: center;
	}

	.header_sp_contact img {
		width: 40px;
		height: 40px;
		margin: 2px auto 0;
	}
	.header_sp_menubtn {
		position: fixed;
		top: 0;
		right: 0px;
		display: block;
		width: 44px;
		height: 46px;
		background-color: #aaa;
		background-repeat:repeat-x;
/*		background-image:url("../img/sp/bg_header_menu.png");*/
		cursor: pointer;
	}

	#header_menu_wrap {
		position: fixed;
		top: 46px;
		/* top: 0; */
		width: 100%;
		overflow: auto;
		background-color: #fff;
		display: none;
	}

	#header_menu {

	}

	#header_menu_close {
		position: fixed;
		top: 55px;
		right: 14px;
		width: 15px;
		height: 15px;
		background-image: url(../img/sp/btn_close.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.spMenuClose {

	}

	#header_menu_title {
		display: block;
		width: 100%;
		height: 36px;
		text-align: center;
		margin: 0 auto 6px;
		background-color: #aaa;
		overflow: auto;
		background-repeat:repeat-x;
/*		background-image:url("../img/sp/bg_header_menu_bar.png");*/
	}

	#header_menu_title img {
		max-width: 79px;
		text-align: center;
		margin: 6px auto 0;
		padding-top: 3px;
	}

	#header_menu_ul {
		padding: 0;
		margin: 0;
	}

#header_menu_ul li {
	height: 48px;
	border-bottom: 1px solid #ccc;
}

	#header_menu_ul li img {
		height: 21px;
	}

	#header_menu_ul li.li_w {
		height: 135px;
		padding-top: 18px;
		border-bottom: 1px solid #eee;
	}

	#header_menu_ul li a {
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
		height: 48px;
	}

	#header_menu_ul li a img {
		height: 24px;
		width: auto;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.header_high {
		height: 36px;
		width: 100%;
		float: left;
	}

	.header_low {
		height: 78px;
	}

	.header-navi {
		display: inline-flex;
	}

	.slider {
		height: 365px;
	}

}

/*************************************************************
 common
*************************************************************/
/*改行*/
.break { content: "\A"; white-space: pre; }

.content_menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	width: 1072px;
margin: 30px auto;
}

.content_menu h2 {
	font-size: 1.5em;
	color: #666;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 17px;
}

.content_menu .icon {
	width: 52px;
	padding: 27px 0 0;
}

.info_box {
	font-size: 0.9em;
	text-align: center;
	line-height: 1.5;
	padding: 15px 0;
	margin: 60px auto 120px;
	border: 3px solid #F7CD79;
		border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.content_menu {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 100%;
		margin: 30px auto 0;
	}

	.content_menu h2 {
		font-size: 1em;
		color: #666;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		padding: 3px;
		border-bottom: 3px solid #dcdcdc;
	}

	.content_menu .icon {
		width: 54px;
		height: 54px;
		padding: 0;
	}
}

/*************************************************************
 link
*************************************************************/
.box_link {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 5px;
}
.box_in {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 10px;
}

dl.dl_link {
	padding: 20px;
	border-bottom: 1px solid #D9D9D9;
	margin-right: 10px;
	margin-left: 5px;
}
.dl_link dt {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 7px;
	padding-left: 10px;
	letter-spacing: 1px;
	background: url(../img/li.gif) no-repeat left center;
	border-bottom: 1px dotted #CCCCCC;
}
.dl_link dd {
	font-size: 14px;
	line-height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	color: #505050;
}

.dl_list dl {
	display: block;
	width: 600px;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #F8B62D;
}
.dl_list dd a {
	line-height: 1.4em;
}

h3.link {
	max-width: 700px;
	height: 1.5em;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	color: #F8B62D;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 1px;
	margin-bottom: 0px;
	border-bottom: 2px solid #F8B62D;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	
}

/*************************************************************
 FAQ
*************************************************************/
.content_faq {
	width: 980px;
	margin: 0 auto;
}

.content_faq dl.accordion { 
	height: auto;
	max-width: 680px;
	font-size: 1em;
	margin: 60px auto 100px;
}

.content_faq dl.accordion dt {
	width: 100%;
	min-height: 30px;
	line-height: 1.4; 
	color: #333; 
	font-weight: bold;
	text-indent: -0em;
	cursor: pointer;
	margin: 10px 0px 0 0;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 3.5em;
	padding-right: 0.1em;
	border: 1px solid #dcdcdc; 
	background:url(../img/sp/icon_faq_q.png)no-repeat 5px 5px, -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#F8F8F8));
	background:url(../img/sp/icon_faq_q.png)no-repeat 5px 5px, -moz-linear-gradient(bottom, #F0F0F0, #F8F8F8);
	border-radius: 5px;					/* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	-moz-border-radius: 5px;		/* Firefox */
	behavior: url(../img/border-radius.htc);　/*for IE ←　この１行を追加*/
}

.content_faq dl.accordion dd { 
	display: none;
	width: 100%;
	font-size: 1em;
	background: #fff; 
	background:url(../img/sp/icon_faq_a.png)no-repeat 5px 5px;
	padding: 30px 7px 20px 50px;
	margin: 0;
	border: 1px solid #dcdcdc; 
	border-radius: 5px;					/* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	-moz-border-radius: 5px;		/* Firefox */
	behavior: url(../img/border-radius.htc);　/*for IE ←　この１行を追加*/
}

.content_faq dl.accordion dd p {
	font-size: 1em;
	line-height: 1.6em; 
	padding-right: 10px;
	margin-bottom: 4px;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.content_faq {
		width: 100%;
		margin: 0px auto 85px;
	}
	.content_faq dl.accordion { 
		height: auto;
		width: 100%;
		font-size: 0.9em;
		margin: 60px auto 100px;
	}

	.content_faq dl.accordion dt {
		width: 86%;
		min-height: 30px;
		line-height: 1.4; 
		color: #333; 
		font-weight: bold;
		text-indent: -0em;
		cursor: pointer;
		margin: 10px 0px 0 0;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 3em;
		padding-right: 0.1em;
		border: 1px solid #ccc; 
		background:url(../img/sp/icon_faq_q.png)no-repeat 5px center, -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#F8F8F8));
		background:url(../img/sp/icon_faq_q.png)no-repeat 5px center, -moz-linear-gradient(bottom, #F0F0F0, #F8F8F8);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		behavior: url(../img/border-radius.htc); /*for IE*/
	}

	.content_faq dl.accordion dd { 
		display: none;
		width: 86%;
		padding: 50px 10px 30px 40px;
		margin-left: 0px;
		background: #fff; 
		background:url(../img/sp/icon_faq_a.png)no-repeat 5px 5px;
		border: 1px solid #ccc; 
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		behavior: url(../img/border-radius.htc); /*for IE*/
	}

	.content_faq dl.accordion dd p {
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 4px;
	}

	.content_faq dl.accordion dd p br {
		line-height: 2.8em;
	}


}

/*************************************************************
 contact
*************************************************************/
.content_contact {
	width: 980px;
	margin: 0 auto;
}

.content_contact h3 {
	text-align: center;
	margin: 60px auto;
	border-left: none;
	border-bottom: 3px solid #F7CD79;
}

.content_contact p {
	font-size: 1em;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.contact-form {
	width: 700px;
	min-height: 400px;
	text-align: center;
	padding: 30px 10px;
	margin: 30px auto;
	border: 0px solid #dcdcdc;
}

.contact-form h3 {
	font-size: 1.1em;
	text-align: center;
	padding-bottom: 10px;
	margin: 60px auto;
	border-bottom: 3px solid #F7CD79;
}

.contact-form dl {
	width: 100%;
	margin: 0;
	padding: 0;
}

.contact-form dl dt {
	float: left;
	clear: both ;
	height: 100px;
	width: 240px;
	font-size: 1em;
	color: #333;
	text-align: left;
	line-height: 100px;
	padding-left: 2em;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form dt span {
	float: right;
	clear: both ;
	color: #b6943f;
	margin-right: 10px;
}

.contact-form dl dd {
	height: 100px;
	font-size: 1em;
	color: #333;
	line-height: 100px ;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form dt.comment,
.contact-form dt.comment2 {
	height: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form dt.comment2 {
	height: 250px;
}

.contact-form dl dd.comment,
.contact-form dl dd.comment2 {
	height: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form dl dd.comment2 {
	height: 250px;
	line-height: 1.3em;
}

.contact-form dd.comment2 .box_text {
	height: 210px;
	overflow: auto;
	padding: 10px;
	margin-top: 10px;
	margin-left: 250px;
}

.contact-form dl dd.comment3 {
	height: 60px ;
	margin-top: 20px;
	line-height: 1.3em;
}


.contact-form dl dt.question {
	line-height: 1.5;
	padding-top: 40px;
	margin-top: 0px;
	border-bottom: 1px solid #fff;
}

.contact-form dl dd.question {
	height: 100px;
	padding-top: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form .select_box {
	border: 0;
	border: 1px solid #ccc;
	color: #444;
	margin: 20px 0 0;
	padding: 10px;
	max-width: 310px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.contact-form_chk dt {
	float: left;
	clear: both ;
	height: 80px;
	width: 240px;
	font-size: 0.9em;
	color: #333;
	text-align: left;
	line-height: 80px;
	padding-left: 2em;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form_chk dl dd {
	height: 80px;
	font-size: 0.9em;
	color: #333;
	line-height: 80px ;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form_chk dt.comment2 {
	height: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form_chk dt.comment2 {
	height: 150px;
}

.contact-form_chk dd.comment2 {
	padding: 15px 0;
	border-bottom: 1px solid #dcdcdc;
}

.contact-form_chk  dd.comment2 {
	height: 150px;
	line-height: 1.3em;
}

.contact-form_chk  dd.comment2 .box_text {
	width: 680px;
	height: 100px;
	font-size: 1.1em;
	text-align: 1.5;
	letter-spacing: 0.05em;
	overflow: auto;
}

button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"],input[type="tel"],input[type="email"] {
	border: 0;
	border: solid 1px #ccc;
	color: #444;
	margin: 0 0 0;
	padding: 10px;
	max-width: 310px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea,select {
	border: 0;
	border: solid 1px #ccc;
	color: #444;
	margin: 3px 0;
	padding: 10px;
	max-width: 310px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input#submit_button {
	width: 250px;
	height: 45px;
	font-size: 13px;
	margin: 55px auto 0;
	background-color: #fff;
}

button.button {
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin: 30px auto;
	background-color: #248;
	border-style: none;
}

button.button:hover {
	background-color: #24d;
}

input::placeholder,textarea::placeholder {
	color:#aaa;
}

/* IE */
input:-ms-input-placeholder,textarea::placeholder {
	color:#aaa;
}

/* Edge */
input::-ms-input-placeholder,textarea::placeholder {
	color:#aaa;
}

/* [個人情報] */
.privacy-policy {
	width: 400px;
	font-size: 1em;
	padding: 5px;
	margin: 60px auto 120px;
}

.box_privacy {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	margin: 10px auto;
	border: 1px solid #dcdcdc;
}

.disabled-btn {
	width: 100%;
	font-size: 1em;
	padding: 15px 0;
	margin: 10px auto;
	border: 2px solid #aaa;
}

/*-- ラジオボタン用 --*/
.new_radio1 {
	height: 40px;
	padding-top: 27px;
	margin-top: 40px;
}
.new_radio2 {
	width: 100%;
	height: 50px;
	padding-top: 30px;
}

.new_radio22 {
	width: 70%;
	font-size: 1em;
	padding-top: 30px;
	margin-top: 10px;
	margin-left: 180px;
}

.new_radio3 {
	width: 100%;
	height: 100px;
	padding-top: 0px;
}

.new_radio1 label,
.new_radio2 label,
.new_radio22 label,
.new_radio3 label {
	display: block;
	float: left;
	cursor: pointer;
	width: 115px;
	margin: 1px;
	padding: 12px 5px;
	border: 1px solid #abb2b7;
	background: #dcdcdc;
	color: #333;
	font-size: 1em;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.new_radio1 label,
.new_radio2 label,
.new_radio22 label {
	margin: 0;
}

.new_radio3 label {
	border-radius: 3px;
}

.new_radio1 input,
.new_radio2 input,
.new_radio22 input,
.new_radio3 input {
	display: none;
}

.new_radio1 label:first-of-type,
.new_radio2 label:first-of-type,
.new_radio22 label:first-of-type {
	border-radius: 3px 0 0 3px;
}
.new_radio1 label:last-of-type,
.new_radio2 label:last-of-type,
.new_radio22 label:last-of-type {
	border-radius: 0 3px 3px 0;
}
.new_radio1 input[type="radio"]:checked + .switch-on,
.new_radio2 input[type="radio"]:checked + .switch-on,
.new_radio22 input[type="radio"]:checked + .switch-on {
	background-color: #a1b91d;
	color: #fff;
}
.new_radio1 input[type="radio"]:checked + .switch-off,
.new_radio2 input[type="radio"]:checked + .switch-off,
.new_radio22 input[type="radio"]:checked + .switch-off {
	background-color: #e67168;
	color: #fff;
}

.new_radio2 input[type="radio"]:checked + label,
.new_radio22 input[type="radio"]:checked + label,
.new_radio3 input[type="radio"]:checked + label {
	background-color: #a1b91d;
	color: #fff;
}

.error_flg {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	margin: 30px auto 0;
	background: red;
}

.contact-form .error_msg {
	color: red;
	font-size: 0.9em;
	margin-top: -63px;  
	margin-left: 250px;
}

.contact-form .error_msg2 {
	float: left;
	width: 200px;
	height: 1em;
	color: red;
	font-size: 0.9em;
	margin-top: -27px;  
	margin-left: -170px;
}

.contact-form .error_msg3 {
	float: left;
	width: 200px;
	height: 1em;
	color: red;
	font-size: 0.9em;
	margin-top: -60px;  
	margin-left: 270px;
}


.contact-form .error_msg4 {/*textarea*/
	color: red;
	font-size: 0.9em;
	margin-top: -87px;  
	margin-left: 250px;
}

.contact-form .sent-info {
	margin: 0 auto 60px;  
}

.contact-form .sent-info p {
	font-size: 1.1em;
	line-height: 1.5em;
}

.box_mail {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;
	width: 100%;
	margin: 0 auto 120px;
}

.mail_inner {
	font-size: 0.9em;
}

.mail_inner .info {
	width: 380px;
	margin: 80px auto;
}

.mail_inner .info .img {
	width: 356px;
	text-align: center;
	margin: 0 auto;
}

.mail_inner .info p {
	width: 300px;
	text-align: left;
	line-height: 1.3;
	text-indent: -1em;
	padding-left: 1em;
	margin: 30px auto 0;
}

.mail_inner .info p.mail_txt {
	text-align: center;;
}

.tel-click {
	font-size: 0.9em;
	margin: 10px auto;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	
	.content_contact {
		width: 100%;
		margin: 0px auto 85px;
	}

	.content_contact .contact-form {
		height: auto;
		width: 95%;
		padding: 5px;
		margin: 0px auto 100px;
	}

	.content_contact .contact-form dl {
		width: 95%;
		padding: 0;
		margin: -30px auto 0;
	}

	.content_contact .contact-form dl dt {
		float: none;
		width: 95%;
		height: 30px;
		font-size: 0.9em;
		line-height: 30px;
		padding-top: 5px;
		padding-left: 1em;
		padding-bottom: 5px;
		margin-bottom: 3px;
		border: none;
		background: #fff;
	}
	
	.content_contact .contact-form dt span {
		font-size: 0.8em;
		color: #b6943f;
	}

	.content_contact .contact-form dl dd {
		float: none;
		width: 95%;
		height: 70px;
		font-size: 0.9em;
		text-align: center;
		margin: 0 auto;
		border: none;
		background: #fff;
	}
	
	/*-- ラジオボタン用 --*/
	
	.new_radio1 {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		margin: 0 auto;
	}
	
	.new_radio2 {
		width: 100%;
		padding-top: 0px;
		text-align: center;
		margin: 0 auto;
	}

	.new_radio22 {
		width: 100%;
		padding-top: 0px;
		text-align: center;
		margin: 0 auto;
	}

	.new_radio3 {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding-top: 0px;
	}

	.new_radio1 input,
	.new_radio2 input,
	.new_radio3 input {
		display: none;
	}
	.new_radio1 label,
	.new_radio2 label,
	.new_radio3 label {
		display: block;
		cursor: pointer;
		width: 49.2%;
		color: #666;
		font-size: 1.1em;
		text-align: center;
		line-height: 1;
		padding: 12px 0;
		margin: 0px auto;
		border: 1px solid #ccc;
		background: #f0f0f0;
		transition: .2s;
	}

	.new_radio22 label {
		display: block;
		cursor: pointer;
		width: 32.4%;
		color: #666;
		font-size: 0.9em;
		text-align: center;
		line-height: 1;
		padding: 12px 0;
		margin: 0px;
		border: 1px solid #ccc;
		background: #f0f0f0;
		transition: .2s;
	}

	.new_radio1 label:first-of-type,
	.new_radio2 label:first-of-type,
	.new_radio22 label:first-of-type {
		border-right: none;
		border-radius: 3px 0 0 3px;
	}
	.new_radio1 label:last-of-type,
	.new_radio2 label:last-of-type,
	.new_radio22 label:last-of-type {
		border-radius: 0 3px 3px 0;
	}

	.new_radio22 label:last-of-type {
		border-left: none;
	}

	.new_radio1 input[type="radio"]:checked + .switch-on,
	.new_radio2 input[type="radio"]:checked + .switch-on,
	.new_radio22 input[type="radio"]:checked + .switch-on {
		background-color: #a1b91d;
		color: #fff;
	}
	.new_radio1 input[type="radio"]:checked + .switch-off,
	.new_radio2 input[type="radio"]:checked + .switch-off,
	.new_radio22 input[type="radio"]:checked + .switch-off {
		background-color: #e67168;
		color: #fff;
	}

	.new_radio2 input[type="radio"]:checked + label,
	.new_radio22 input[type="radio"]:checked + label,
	.new_radio3 input[type="radio"]:checked + label {
		background-color: #a1b91d;
		color: #fff;
	}

	.content_contact .contact-form dl dd.comment {
		height: auto;
		line-height: 22px;
	}

	.content_contact .contact-form .privacy-policy {
		width: 95%;
		text-align: center;
		margin: 30px auto;
	}

	.box_privacy {
		width: 100%;
		font-size: 0.9em;
		padding: 15px 0;
		margin: 15px auto;
		border: 1px solid #aaa;
	}

	.disabled-btn {
		width: 90%;
		padding: 15px 0;
		margin: 10px auto;
		border: 2px solid #aaa;
	}
	
	button.button {
		width: 90%;
	}

	.sent-info {
		width: 330px;
		border-top: 2px solid #dcdcdc;
		border-bottom: 2px solid #dcdcdc;
	}

	.sent-info p {
		width: 90%;
		font-size: 0.9em;
		text-align: left;
		padding: 15px 0;
		margin: 0 auto;
	}

	.content_contact .contact-form .select_box {
		max-width: 310px;
		color: #444;
		font-size: 1.2em;
		line-height: 1;
		padding: 8px;
		margin-top: -55px;
		border: solid 1px #ccc;
		background-color: #f0f0f0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance: none;
	}

	input[type="text"],input[type="tel"],input[type="email"],textarea {
		width: 93%;
		color: #444;
		font-size: 1.2em;
		padding: 10px;
		margin-top: -55px;
		border: solid 1px #ccc;
		background-color: #f0f0f0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	select[name="age"]{
		-webkit-appearance: none;
		width: 55%;
		height: 40px;
		line-height: 30px;
	}

	textarea {
		resize: vertical;
		max-height: 500px;
		min-height: 260px;
	}

	input#submit_button,input#submit_button2,input#submit_button-home {
		width: 90%;
		height: 45px;
		font-size: 13px;
		margin: 30px auto;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	input#submit_button {
	}

	.submit {
		width: 40%;
		text-align: center;
		margin: 20px auto;
	}

	.box_mail {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 100%;
		margin: 0 auto 120px;
	}

	.mail_inner {
		width: 100%;
		font-size: 0.9em;
	}
	.mail_inner h3.box_title {
		margin-top: 0;
	}
	
	.mail_inner .info {
		width: 100%;
		margin: 40px auto;
	}

	.mail_inner .info .img {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.mail_inner .info .img img {
		width: 209px;
		text-align: center;
		margin: 0 auto;
	}

	.mail_inner .info p {
		max-width: 250px;
		text-align: left;
		line-height: 1.3;
		text-indent: -1em;
		padding-left: 1em;
		margin: 30px auto 0;
	}

	.mail_inner .info p.mail_txt {
		text-align: center;;
	}

	.tel-click {
		font-size: 0.9em;
		text-align: center;
		margin: 15px auto;
	}

	.error_flg {
		width: 90%;
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		padding: 5px;
		margin: 0 auto;
		background: red;
	}

	.contact-form .error_msg {
		width: 200px;
		height: 1em;
		color: red;
		font-size: 0.9em;
		margin-top: -93px;  
		margin-left: 4em;
	}

	.contact-form .error_msg2 {
		width: 200px;
		height: 1em;
		color: red;
		font-size: 0.9em;
		margin-top: -39px;  
		margin-left: 4em;
	}

	.contact-form .error_msg3 {
		width: 200px;
		height: 1em;
		color: red;
		font-size: 0.9em;
		margin-top: -50px;  
		margin-left: 4em;
	}


	.contact-form .error_msg4 {
		color: red;
		font-size: 0.9em;
		margin-top: 0px;  
		margin-left: 0px;
	}
	
	/* chk */
	.contact-form_chk {
		width: 90%;
		margin: 0 auto;
	}
	
	.contact-form_chk dl dt {
		float: none;
		height: 1.5em;
		width: 90%;
		font-size: 0.9em;
		color: #333;
		text-align: left;
		line-height: 1;
		padding: 10px 0 5px;
		padding-left: 10px;
		margin: 0 auto;
		background: #efefef;
		border-top: 1px dotted #999;
		border-bottom: 1px dotted #999;
	}

	.contact-form_chk dl dd {
		height: 3em;
		width: 90%;
		font-size: 0.9em;
		color: #333;
		line-height: 1;
		padding: 10px 0 0;
		padding-left: 10px;
		margin: 0 auto;
		border: none;
	}

	.contact-form_chk dt.comment2 {
		height: 1.5em;
		width: 90%;
		font-size: 0.9em;
		color: #333;
		text-align: left;
		line-height: 1;
		padding: 10px 0 5px;
		margin: 0 auto;
	}

	.contact-form_chk dd.comment2 {
		padding: 15px 0;
	}

	.contact-form_chk  dd.comment2 {
		height: 150px;
		line-height: 1.3em;
	}

	.contact-form_chk  dd.comment2 .box_text {
		width: 100%;
		height: 140px;
		font-size: 1em;
		text-align: 1.5;
		letter-spacing: 0.05em;
		overflow: auto;
		padding: 5px;
		margin: 0 auto;
		border: 1px solid #dcdcdc;
	}

	.contact-form_chk .privacy-policy {
		width: 95%;
		text-align: center;
		margin: 30px auto;
	}
}

/*************************************************************
 main
*************************************************************/
.main {
	width: 1072px;
}

.main_title {
	width: 100%;
	margin: 60px auto 120px;;
}

.main_title .icon {
	width: 54px;
	text-align: center;
	margin: 0 auto;
}

.main_title h2 {
	width: 950px;
	font-size: 2em;
	text-align: center;
	margin: 0 auto;
	border-bottom: 3px solid #aaa;
}

.main_title h3 {
	width: 600px;
	font-size: 1.2em;
	text-align: center;
	margin: 20px auto 0;
}

.box_info,.box_column {
	width: 980px;
	margin: 60px auto;
	border: 3px solid #fff;
	padding: 10px;
}

.box_info .inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
	width: 100%;
}

.box_info .inner .column {
	flex: 1;
}

.box_info .inner img {
	width: 261px;
	padding: 10px;
}

.box_info p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
}

.box_info .inner_pr {
	width: 100%;
	margin: 60px auto;
}

.box_info .inner_pr h3 {
	width: 80%;
	color: #666;
	font-size: 1.5em;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
	border-top: 4px solid #F8B62D;
	border-bottom: 4px solid #F8B62D;
}

.box_info .inner_pr h4 {
	width: 500px;
	color: #666;
	font-size: 1.2em;
	text-align: center;
	padding: 10px 0;
	margin: 0px auto;
	border-top: 4px solid #dcdcdc;
	border-bottom: 4px solid #dcdcdc;
}

.box_info .inner_pr h4.sub {
	line-height: 1.5;
	margin: 30px auto;
	border-top: none;
}

.box_info .inner_pr p {
	width: 400px;
	color: #666;
	text-align: center;
	margin: 0 auto;
}

.photo_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	width: 80%;
	margin: 30px auto;
}

.photo_list .photo {
	margin: 30px auto;
}

.photo_list .photo img {
	width: 200px;
	border: 1px solid #aaa;
}

.box_column .inner {
	width: 100%;
	margin: 60px auto;
}

.box_column .inner p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
}

.box_column .question {
	width: 700px;
	margin: 1em 0;
}

.box_column .question p {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 1em;
	border-bottom: 3px solid #dcdcdc;
}

.box_column ul.cause {
	list-style-type: disc;
	width: 600px;
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
	padding-left: 35px;
	margin: 1em 0;
	margin-left: 2em;
	border: 2px solid #F8B62D;
	background: #eee;
}

.box_column ul.cause li {
	margin-top: 1em;
}

.box_3box,.box_2box {
	padding: 5px;
	margin: 60px auto;
}

.box_3box .inner,.box_2box .inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.box_3box .box,.box_2box .box {
	margin: 10px;
	border: 10px solid #ededed;
}

.box_3box .box .icon,.box_2box .box .icon {
	text-align: center;
	margin: 15px auto;
}

.box_3box .box .title,.box_2box .box .title {
	color: #666;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	margin: 10px auto 5px;
}

.box_3box .box_border a hover {border: 5px solid #dcdcdc;}

.box_3box .box p {
	max-width: 300px;
	height: 110px;
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	margin: 20px auto 5px;
}

.box_3box .box img {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.box_3box .box .img {
	max-width: 325px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

.box_2box .box .sp {display: none;}

.box_2box .box img {
	display: block;
	max-width: 486px;
	text-align: center;
	margin: 30px auto 0;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	.main_title {
		max-width: 600px;
		margin: 0 auto;
	}

}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.main {
		width: 100%;
	}

	.main_title {
		width: 80%;
		margin: 60px auto 0;
	}
	
	.main_title .icon {
		width: 54px;
		text-align: center;
		margin: 0 auto;
	}

	.main_title h2 {
		width: 95%;
		font-size: 1.1em;
		text-align: center;
		margin: 10px auto 0;
		border-top: 2px solid #F7CD79;
		border-bottom: 2px solid #F7CD79;
	}

	.main_title h2 img {
		width: 38px;
		text-align: center;
		vertical-align: middle;
		padding-right: 15px;
		margin: 0 auto;
	}

	.main_title h3 {
		width: 90%;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		margin: 15px auto 0;
	}

	.box_info,.box_column {
		width: 90%;
		margin: 60px auto;
	}

	.box_info .inner {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: center;
		width: 100%;
	}

	.box_info .inner .column {
		flex: 1;
	}

	.box_info .inner img {
		width: 261px;
		padding: 10px;
		margin: 0 auto;
	}

	.box_info p {
		width: 90%;
		color: #666;
		font-size: 0.9em;
		line-height: 1.5;
		letter-spacing: 0.06em;
		padding: 10px;
		margin: 0 auto;
	}

	.box_info .inner_pr {
		width: 100%;
		margin: 60px auto;
	}

	.box_info .inner_pr h3 {
		width: 90%;
		color: #666;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.5;
		padding: 10px 0;
		margin: 0 auto;
		border-top: 4px solid #F8B62D;
		border-bottom: 4px solid #F8B62D;
	}

	.box_info .inner_pr h4 {
		width: 90%;
		color: #666;
		font-size: 1.2em;
		text-align: center;
		padding: 10px 0;
		margin: -60px auto;
		border-top: 4px solid #dcdcdc;
		border-bottom: 4px solid #dcdcdc;
	}

	.box_info .inner_pr p {
		width: 90%;
		color: #666;
		font-size: 1em;
		line-height: 1.5;
		letter-spacing: 0.06em;
		padding: 10px;
		margin: 30px auto;
	}

	.box_info .photo_list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: stretch;
		width: 100%;
		margin: 30px auto;
	}

	.box_info .photo_list .photo {
		margin: 3px auto;
	}

	.box_info .photo_list .photo img {
		display: block;
		width: 100px;
		border: 1px solid #aaa;
	}

	.box_column .inner {
		width: 90%;
		margin: 0 auto;
	}

	.box_column .inner p {
		width: 100%;
		color: #666;
		font-size: 0.9em;
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0;
		margin: 30px auto;
	}

	.box_column .question {
		width: 100%;
		margin: 1em 0;
	}

	.box_column .question p {
		width: 100%;
		font-size: 0.95em;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		letter-spacing: 0.06em;
		padding: 10px 0;
		margin: 0 auto 1em;
		border-bottom: 3px solid #dcdcdc;
		background: #eee;
	}

	.box_column ul.cause {
		list-style-type: disc;
		width: 88%;
		color: #666;
		font-size: 0.9em;
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 10px 0;
		padding-left: 30px;
		margin: 1em 0;
		margin-left: 0em;
		border: 2px solid #F8B62D;
		background: #eee;
	}

	.box_column ul.cause li {
		margin-top: 1em;
	}

	.box_3box,.box_2box {
		width: 100%;
		padding: 5px 0;
		margin: 30px auto;
	}

	.box_3box .inner,.box_2box .inner {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
	}

	.box_3box .box,.box_2box .box {
		width: 90%;
		margin: 10px auto;
		border: 6px solid #ededed;
	}

	.box_3box .box .icon,.box_2box .box .icon {
		text-align: center;
		margin: 15px auto;
	}

	.box_3box .box .title,.box_2box .box .title {
		color: #666;
		font-size: 1.1em;
		text-align: center;
		font-weight: bold;
		margin: 10px auto 5px;
	}

	.box_3box .box_border a hover {border: 5px solid #dcdcdc;}

	.box_3box .box p {
		width: 95%;
		color: #666;
		font-size: 1em;
		line-height: 1.5;
		margin: 20px auto 5px;
	}

	.box_3box .box img {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.box_3box .box .img {
		max-width: 325px;
		margin: 0 auto;
		border: 1px solid #ccc;
	}

	.box_2box .box .sp {display: none;}

	.box_2box .box img {
		display: block;
		max-width: 486px;
		text-align: center;
		margin: 30px auto 0;
	}
	
	.under_link ul {
		width: 100%;
		margin: 30px auto;
	}
	
	.under_link li {
		display: inline-block;
		width: 48%;
		font-size: 0.9em;
		text-align: center;
		padding: 3px 0;
		margin: 2px auto;
		border: 1px solid #999;
	}
	
}

/*************************************************************
 about
*************************************************************/
.box_content {
	width: 980px;
	margin: 60px auto;
	border: 3px solid #fff;
	padding: 10px;
}

.box_content .inner {
	width: 100%;
	margin: 60px auto;
}

.box_content .inner p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
}

.box_content .inner h4.title {
	color: #666;
	font-size: 1.1em;
	text-align: center;
	padding-bottom: 5px;
	margin: 60px auto 30px;
	border-bottom: 2px solid #dcdcdc;
}


table.company {
	width: 500px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 12px;
}
 
table.company th,
table.company td {
	padding: 10px;
}
 
table.company th {
	background: #F8B62D;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #333;
	font-weight: normal;
	font-size: 15px;
}
 
table.company th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #F8B62D;
	border-width: 10px;
	margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
	table.company th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}
 
table.company td {
	background: #f8f8f8;
	width: 360px;
	line-height: 16px;
	padding-left: 20px;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.box_content {
		width: 94%;
		margin: 0 auto;
	}
	
	.box_content .inner {
		width: 100%;
		margin: 30px auto;
	}

	.box_content .inner p {
		color: #666;
		font-size: 0.9em;
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 10px;
	}
	
	.box_content .inner h4 {
		padding: 0.5em;
		background: #fff;
	}
	
	.box_content .inner h4.title {
		text-align: center;
		margin: 30px auto;
		border-bottom: 1px solid #dcdcdc;
	}
	
	.box_content .inner .photo_list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: stretch;
		width: 100%;
		margin: 30px auto;
	}

	.box_content .inner .photo_list .photo {
		margin: 3px auto;
	}

	.box_content .inner .photo_list .photo img {
		display: block;
		width: 150px;
		border: 1px solid #aaa;
	}
	
	table.company {
		width: 90%;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0px 15px;
		font-size: 12px;
	}
	 
	table.company th,
	table.company td {
		padding: 10px;
	}
 
	table.company th {
		background: #F8B62D;
		vertical-align: middle;
		text-align: left;
		width: 70px;
		overflow: visible;
		position: relative;
		color: #333;
		font-weight: normal;
		font-size: 15px;
	}
 
	table.company th:after {
		position: absolute;
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #F8B62D;
		border-width: 10px;
		margin-top: -10px;
	}
	/* firefox */
	@-moz-document url-prefix() {
		table.company th::after {
			float: right;
			padding: 0;
			left: 30px;
			top: 10px;
			content: " ";
			height: 0;
			width: 0;
			position: relative;
			pointer-events: none;
			border: 10px solid transparent;
			border-left: #295890 10px solid;
			margin-top: -10px;
		}
	}
 
	table.company td {
		background: #f8f8f8;
		max-width: 100px;
		line-height: 16px;
		padding-left: 20px;
	}

}


/*************************************************************
 suppert
*************************************************************/
.box_tab {
	display: flex;
	width: 900px;
	margin: 0 auto;
}

.box_tab a {
  display: inline-block;
  width: 290px;
  color: #666;
  font-size: 1.2em;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  padding: 10px 0;
	margin: 0 auto;
  background-color: #efefef;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-radius: 6px 6px 0 0;
}

.box_tab .t1 a { border-top: 6px solid tomato; }
.box_tab .t2 a { border-top: 6px solid steelblue; }
.box_tab .t3 a { border-top: 6px solid gold; }

.tab {
	cursor: pointer;
	color: #16A2D7;
	padding: 5px 2px 0;
	margin: 0 auto;
}

.box_suppert {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #aaa;
	border: 1px solid #aaa;
}

.box_suppert h3 {
	width: 400px;
	color: #666;
	font-size: 1.4em;
	text-align: center;
	padding: 0.5em 0;
	margin: 60px auto;
	background: transparent;
}

.box_suppert h3.border1 {
	border-bottom: solid 3px tomato;
}

.box_suppert h3.border2 {
	border-bottom: solid 3px gold;
}

.box_suppert h3.border3 {
	border-bottom: solid 3px steelblue;
}

.box_suppert .inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
	width: 1020px;
	margin: 30px auto 0;
}

.img_flow {
	margin-right: 50px;
}

.column_suppert {
	width: 500px;
}

.column_suppert h4 {
	color: #666;
	font-size: 1.2em;
	text-shadow: 0 0 5px white;
	padding: 15px 0;
	padding-left: 1em;
	margin: 0 auto 15px;
	border-top: solid 3px #999;
	border-bottom: solid 3px #999;
	background: #fffff4;
}

.column_suppert h4.title span {
	color: #006934;
}

.column_suppert p {
	width: 470px;
	font-size: 1.05em;
	letter-spacing: 0.06em;
	line-height: 1.5;
	margin: 0 auto 60px;
}

/* スケジュール */
.box_suppert .box_plan {
	width: 100%;
	margin: 30px auto;
}

.box_suppert .upper {
	width: 891px;
	margin: 60px auto 120px;
}

@media screen and (min-width:961px) {
	.box_suppert .upper .title {
		display: inline-block;
		width: 875px;
		color: #505050;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.3;
		vertical-align: middle;
		padding: 0.5em;
		margin: 0 auto;
		background: #fff;
		border: 2px solid #F8B62D;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}

	.box_suppert .upper .title:before {
		content: '●';
		color: #F8B62D;
		margin-right: 3px;
	}
}
@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.pc {display: none;}
}


.img_plan {
	margin: 60px auto 120px;
}

.box_suppert .upper p {
	width: 800px;
	font-size: 1em;
	line-height: 1.5;
	margin: 0 auto;
}

.box_suppert h3.box_title {
	width: 950px;
	font-size: 1.2em;
	color: #494949;
	text-align: left;
	padding: 0.4em 0.5em;
	background: #f4f4f4;
	border-left: solid 5px #F7CD79;
	border-bottom: solid 3px #d7d7d7;
}

.box_suppert .lower {
	width: 891px;
	margin: 60px auto 120px;
}

.box_suppert .lower .block {
	margin: 0 auto 60px;
}

.box_suppert .lower .block p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.06em;
	padding: 10px;
}

/*ご契約*/
.img_step {
	margin-left: -40px;
}

.column_suppert2 {
	width: 400px;
	margin-left: 30px;
}

.column_suppert2 h4 {
	color: #666;
	font-size: 1.2em;
	line-height: 1.5;
	padding: 15px 0;
	padding-left: 1em;
	margin: 0 auto 15px;
	border-top: solid 3px #999;
	border-bottom: solid 3px #999;
	background: #fffff4;
}

.column_suppert2 p {
	width: 375px;
	font-size: 1.05em;
	letter-spacing: 0.06em;
	line-height: 1.5;
	padding: 0;
	margin: 0 auto 30px;
}

.img_step {
	border: 1px solid #dcdcdc;
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.box_tab {
		display: flex;
		width: 100%;
		margin: 0 auto;
	}

	.box_tab a {
	  display: inline-block;
	  width: 112px;
	  color: #666;
	  font-size: 0.9em;
	  text-align: center;
	  line-height: 32px;
	  text-decoration: none;
	  padding: 10px 0;
		margin: 0 auto;
	  background-color: #efefef;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa;
	  border-right: 1px solid #aaa;
	  border-radius: 6px 6px 0 0;
	}

	.box_tab .t1 a { border-top: 6px solid tomato; }
	.box_tab .t2 a { border-top: 6px solid steelblue; }
	.box_tab .t3 a { border-top: 6px solid gold; }

	.tab {
		cursor: pointer;
		color: #16A2D7;
		padding: 5px 2px 0;
		margin: 0 auto;
	}

	.box_suppert {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-top: 1px solid #aaa;
	}

	.box_suppert h3 {
		width: 90%;
		color: #666;
		font-size: 1em;
		text-align: center;
		padding: 0.5em 0;
		margin: 30px auto;
		background: transparent;
	}

	.box_suppert h3.border1 {
		border-bottom: solid 3px tomato;
	}

	.box_suppert h3.border2 {
		border-bottom: solid 3px gold;
	}

	.box_suppert h3.border3 {
		border-bottom: solid 3px steelblue;
	}

	.box_suppert .inner {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 100%;
		margin: 30px auto 0;
	}

	.img_flow {
		margin: 0 auto 60px;
	}

	.column_suppert {
		width: 100%;
		margin: 0 auto;
	}

	.column_suppert h4 {
		width: 90%;
		color: #666;
		font-size: 1em;
		text-shadow: 0 0 5px white;
		padding: 15px 0;
		padding-left: 1em;
		margin: 0 auto 15px;
		border-top: solid 3px #999;
		border-bottom: solid 3px #999;
		background: #fffff4;
	}

	.column_suppert h4.title span {
		color: #006934;
	}

	.column_suppert p {
		width: 90%;
		font-size: 0.95em;
		letter-spacing: 0.06em;
		line-height: 1.5;
		margin: 0 auto 60px;
	}

	/* スケジュール */
	.box_suppert .box_plan {
		width: 100%;
		margin: 30px auto;
	}

	.box_suppert .upper {
		width: 100%;
		margin: 30px auto 120px;
	}

	.box_suppert .upper .title {
		width: 90%;
		color: #666;
		font-size: 0.9em;
		line-height: 1.5;
		padding: 0.5em;
		margin: 0 auto;
		border: none;
		border-top: 2px solid #F8B62D;
		border-bottom: 2px solid #F8B62D;
		border-left: none;
		border-right: none;
	}

	.box_suppert .upper .title:before {
		content: '●';
		color: #F8B62D;
		margin-right: 3px;
	}

	.img_plan {
		margin: 60px auto 120px;
	}

	.img_plan img {
		width: 97%;
		margin-left: 5px;
	}

	.box_suppert .upper p {
		width: 90%;
		font-size: 0.9em;
		line-height: 1.5;
		margin: 0 auto;
	}

	.box_suppert h3.box_title {
		width: 90%;
		font-size: 1em;
		color: #494949;
		text-align: left;
		padding: 0.4em 0.5em;
		background: #f4f4f4;
		border-left: solid 5px #F7CD79;
		border-bottom: solid 3px #d7d7d7;
	}

	.box_suppert .lower {
		width: 100%;
		margin: 60px auto 120px;
	}

	.box_suppert .lower .block {
		margin: 0 auto 60px;
	}

	.box_suppert .lower .block p {
		width: 90%;
		font-size: 0.9em;
		line-height: 1.5;
		letter-spacing: 0.06em;
		padding: 10px;
		margin: 0 auto;
	}

	/*ご契約*/
	.img_step {
		width: 90%;
		margin: 0 auto 60px;
	}

	.column_suppert2 {
		width: 100%;
		margin: 0 auto;
	}

	.column_suppert2 h4 {
		width: 90%;
		color: #666;
		font-size: 1em;
		text-shadow: 0 0 5px white;
		padding: 15px 0;
		padding-left: 1em;
		margin: 0 auto 15px;
		border-top: solid 3px #999;
		border-bottom: solid 3px #999;
		background: #fffff4;
	}

	.column_suppert2 p {
		width: 90%;
		font-size: 0.95em;
		letter-spacing: 0.06em;
		line-height: 1.5;
		margin: 0 auto 60px;
	}

	.img_step {
		border: 1px solid #dcdcdc;
	}
}

/* ----------------------------------------------------------------------
 サイトマップ
---------------------------------------------------------------------- */
.box_content .inner ul.sitemap {
	width: 600px;
	height: 600px;
	margin: 80px auto;
	margin-bottom: 80px;
	padding: 0 auto;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	font-size: 1em;
	color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
.box_content .inner ul.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- 全てのリスト項目 --- */
.box_content .inner ul.sitemap li {
	padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
	background: url(../img/sitemap/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
	line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
.box_content .inner ul.sitemap div.contentNav {
	width: 100%; /* コンテナの幅 */
	margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
.box_content .inner ul.sitemap ul.section {
	width: 49.9%; /* セクションの幅 */
	float: left;
}

.box_content .inner ul.sitemap ul.separator {
background: url(../img/sitemap/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
.box_content .inner ul.sitemap ul.section li {
	margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
	padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
	background: url(../img/sitemap/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
	border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
.box_content .inner ul.sitemap ul.section ul {
	margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
	font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
.box_content .inner ul.sitemap ul.section ul li {
	margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
	padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
	background: url(../img/sitemap/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
	border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
.box_content .inner ul.sitemap ul.section ul li li {
	padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
	background: url(../img/sitemap/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	
}

@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.box_content .inner ul.sitemap {
		width: 100%;
		margin: 30px auto;
		margin-bottom: 80px;
		padding: 0 auto;
		list-style-type: none;
		font-size: 0.9em;
		color: #999;
	}

	/* --- 入れ子にされたリスト用 --- */
	ul.sitemap ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	/* --- 全てのリスト項目 --- */
	ul.sitemap li {
		padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
		background: url(../img/sitemap/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
		line-height: 120%;
	}

	/* --- 2階層目のコンテナ --- */
	ul.sitemap div.contentNav {
		width: 100%; /* コンテナの幅 */
		margin-top: 20px; /* コンテナの上マージン */
	}

	/* --- セクション（2階層目のリストエリア） --- */
	ul.sitemap ul.section {
		width: 49.9%; /* セクションの幅 */
		float: left;
	}
	ul.sitemap ul.separator {
	background: url(../img/sitemap/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
	}

	/* --- 2階層目以降のリスト項目 --- */
	ul.sitemap ul.section li {
		font-size: 0.9em;
		color: #999;
		margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
		padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
		background: url(../img/sitemap/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
		border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
	}

	/* --- 3階層目以降のリストエリア --- */
	ul.sitemap ul.section ul {
		margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
		font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
	}

	/* --- 3階層目以降のリスト項目 --- */
	ul.sitemap ul.section ul li {
		font-size: 0.7em;
		color: #999;
		margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
		padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
		background: url(../img/sitemap/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
		border-bottom: none; /* 3階層目以降の下境界線 上書き */
	}

	/* --- 4階層目以降のリスト項目 --- */
	ul.sitemap ul.section ul li li {
		padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
		background: url(../img/sitemap/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
	}
}


/*************************************************************
 ppolicy
*************************************************************/
.box_content .inner p.pp { 
	width: 90%;
	font-size: 1em;
	margin: 60px auto 30px;
}

.box_content .inner dl { 
	height: auto;
	max-width: 800px;
	font-size: 1em;
	margin: 60px auto 100px;
}

.box_content .inner dl dt {
	width: 100%;
	color: #333; 
	font-weight: bold;
	margin-bottom: 5px;
}

.box_content .inner dl dd { 
	width: 90%;
	font-size: 1em;
	line-height: 1.4; 
	background: #fff; 
	padding: 5px;
	margin-left: 1em;
	margin-bottom: 2em;
}

.box_content .inner dl dd ul { 
	width: 90%;
	font-size: 1em;
	line-height: 1.4; 
	background: #fff; 
	margin: 1em auto 0;
}

/*************************************************************
 footer
*************************************************************/
.footer {
	/* height: 63px; */
	min-width: 1072px;
	margin: 60px auto 0;
}

.footer .inner {
	width: 1072px;
	margin: 0 auto;
	border-top: 1px solid #999;
}

.footer ul.sitemap {
	width: 800px;
	margin: 30px auto 180px;
	padding: 30px 0;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	font-size: 0.9em;
	color: #999;
}

/* --- 入れ子にされたリスト用 --- */
.footer ul.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- 全てのリスト項目 --- */
.footer ul.sitemap li {
	padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
	background: url(../img/sitemap/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
	line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
.footer ul.sitemap div.contentNav {
	width: 100%; /* コンテナの幅 */
	margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
.footer ul.sitemap ul.section {
	width: 33%; /* セクションの幅 */
	float: left;
}

/*.footer ul.sitemap ul.separator {
background: url(../img/sitemap/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
/*}

/* --- 2階層目以降のリスト項目 --- */
.footer ul.sitemap ul.section li {
	margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
	padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
	background: url(../img/sitemap/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
/*	border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
.footer ul.sitemap ul.section ul {
	margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
	font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
.footer ul.sitemap ul.section ul li {
	margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
	padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
	background: url(../img/sitemap/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
	border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
.footer ul.sitemap ul.section ul li li {
	padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
	background: url(../img/sitemap/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

.footer_inner {
	width: 100%;
	margin: 60px auto 0;
	border-top: 2px solid #999;
	background: #fff;
}

.address {
	width: 660px;
	color: #666;
	font-size: 0.8em;
	letter-spacing: 0.065em;
	text-align: left;
	margin: 0 auto;
}

.address span {
	font-weight: bold;
}

.address p {
	line-height: 1.5;
	padding: 10px;
}

.copyright {
	padding: 20px 0;
}

.copyright small {
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.page-top-link {
	font-size: 14px;
	padding-top: 2px;
}
@media only screen and (min-width:481px) and (max-width:960px) {/*---tablet用*/
	
}
@media screen and (max-width:480px) {/*---------------------------------スマホ用*/
	.footer {
	min-width: 300px;
	margin: 30px auto 0;
	}

	.footer .inner {
		width: 90%;
		margin: 0 auto;
		border-top: 1px solid #999;
	}
	
	.footer_inner {
		width: 100%;
		margin: 60px auto 0;
		border-top: 2px solid #999;
		background: #fff;
	}

	.address {
		width: 90%;
		color: #666;
		font-size: 0.8em;
		letter-spacing: 0.065em;
		text-align: left;
		margin: 0 auto;
	}

	.address span {
		font-weight: bold;
	}

	.address p {
		line-height: 1.5;
		padding: 10px;
	}

	.copyright {
		padding: 20px 0;
	}

	.copyright small {
		color: #fff;
		font-size: 0.8em;
		text-align: center;
		margin: 0 auto;
	}

}