@charset "utf-8";
/* ===================================================================
	 top
=================================================================== */

header {
	border-bottom: none;
}
@media screen and (max-width:780px){

	#contents {
		width: 100%;
		margin: 0 auto;
	}
}


/*---------------------------------------------------------------------------*/

.main {
	clear: both;
	margin-bottom: 69px;
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
}
.slide_wrap {
	position: relative;
	left: 50%;
	width: 2937px;
	margin-left: -1469px;
}

.main .slider li {
	width: 979px;
	height: auto;
	background-repeat: no-repeat;
	background-size: auto 100%;
	text-align: center;
}
.main .slider li.main1 {
	background-image: url(../images/main1_photo.jpg);
}
.main .slider li.main2 {
	background-image: url(../images/main2_photo.jpg);
}
.main .slider li.main3 {
	background-image: url(../images/main3_photo.jpg);
}
.main .slider li.main4 {
	background-image: url(../images/main4_photo.jpg);
}


.main .txt_box {
	margin-top: 45px;
}

/* slider */
.bx-wrapper .bx-viewport {
	left: 0;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: none;
	border: none;
	left: 0;
	background: #fff;
	height: auto;
}

@media screen and (max-width:780px){
	.main {
		clear: both;
		margin-bottom: 0;
		width: 100%;
		min-width: 100%;
		position: relative;
		overflow: hidden;
	}
	.slide_wrap {
		position: relative;
		left: 0;
		width: auto;
		margin-left: 0;
	}

	.main .slider li {
		width: 100%;
		background-repeat: no-repeat;
		background-size: 100% auto;
		text-align: center;
	}
	.main .slider li.main1 {
		background-image: url(../images/main1_photo.jpg);
	}
	.main .slider li.main2 {
		background-image: url(../images/main2_photo.jpg);
	}
	.main .slider li.main3 {
		background-image: url(../images/main3_photo.jpg);
	}
	.main .slider li.main4 {
		background-image: url(../images/main4_photo.jpg);
	}

	.main .txt_box {
		height: auto;
		margin-top: 15px;
		text-align: center;
	}
	.main .main1 .txt_box {
		width: 205px;
	}
	.main .main3 .txt_box {
		width: 145px;
	}
	.main .main4 .txt_box {
		margin-top: 10px;
		width: 175px;
	}

	/* slider */
	.bx-wrapper {
		margin-bottom: 30px;
		position: relative;
	}
	.bx-wrapper .bx-pager {
		text-align: center;
		bottom: -25px;
		color: #d8d8d8;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #d8d8d8;
		width: 7px;
		height: 7px;
		margin: 0 5px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #3366cc;
	}
}

/*-----------------------------*/


.plan .plan_list li {
	clear: both;
	padding: 35px 0;
	border-bottom: solid 1px #e3e3e3;
}
.plan .plan_list li:first-child {
	padding-top: 0;
}
.plan .plan_list .photo_box {
	width: 226px;
	float: left;
}
.plan .plan_list .ttl_box {
	width: 448px;
	padding-left: 38px;
	float: right;
}
.plan .plan_list .ttl_box .icon {
	margin-bottom: 18px;
}
.plan .plan_list .ttl_box .catch {
	color: #9f9f9f;
	font-size: 107.1%px;
}
.plan .plan_list .ttl_box .ttl {
	margin: 6px 0 18px;
	font-size: 114.3%;
}
.plan .plan_list .txt {
	width: 448px;
	padding-left: 38px;
	float: right;
	line-height: 1.7;
}
.plan .plan_list .txt p + p {
	margin-top: 1em;
}
.plan .plan_list .txt .price {
	margin-top: 20px;
}
.plan .plan_calender {
	margin-top: 10px;
}
.plan .plan_calender th {
	font-weight: normal;
	vertical-align: top;
		min-width: 4em;
}
.plan .note {
	margin-top: 20px;
}

.plan .plan2_bnr {
	margin-top: 5px;
}


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

	.plan .plan_list {
		border-top: solid 1px #e3e3e3;
	}
	.plan .plan_list li {
		clear: both;
		padding: 15px 3%;
		border-bottom: solid 1px #e3e3e3;
	}
	.plan .plan_list li:first-child {
		padding-top: 15px;
	}
	.plan .plan_list .photo_box {
		width: 43%;
		float: left;
	}
	.plan .plan_list .ttl_box {
		width: 57%;
		padding-left: 5%;
		float: right;
		box-sizing: border-box;
	}
	.plan .plan_list .ttl_box .icon {
		margin: 3px 0 6px;
	}
	.plan .plan_list .ttl_box .icon img {
		height: 12px;
		width: auto;
	}
	.plan .plan_list .ttl_box .catch {
		color: #9f9f9f;
		font-size: 114.3%;
	}
	.plan .plan_list .ttl_box .ttl {
		margin: 6px 0 0;
		font-size: 133%;
	}
	.plan .plan_list .txt {
		width: 100%;
		padding-left: 0;
		float: none;
		clear: both;
		padding-top: 12px;
	}
	.plan .plan_list .txt .price {
		margin-top: 15px;
	}
	.plan .plan_calender {
		margin-top: 15px;
	}
	.plan .plan_calender th {
		font-weight: normal;
		vertical-align: top;
		min-width: 4em;
	}
	.plan .note {
		margin-top: 15px;
	}
	.plan .plan2_bnr {
		width: 50px;
		margin-top: 5px;
	}
	.plan .bnr_bus {
		margin: 10px 3%;
	}
}


/*-----------------------------*/

.info .sec_ttl {
	margin-bottom: 30px;
}
.info_list li {
	padding: 0 11px 15px;
}
.info_list li a {
	display: block;
	color: #626262;
}
.info_list li a:hover p {
	text-decoration: underline;
}
.info_list li .photo {
	text-align: center;
}
.info_list li .photo img {
	max-width: 100%;
	height: auto;
}
.info_list li .txt_box {
	display: block;
}
.info_list li .txt {
	margin: 10px 0;
	line-height: 1.4;
}
.info_list li .date {
	font-size: 84.6%;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

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

	.info {
		padding-top: 30px;
	}
	.info .sec_ttl {
		margin-bottom: 30px;
		text-align: center;
	}
	.info .sec_ttl img {
		height: 34px;
		width: auto;
	}
	.info_list li {
		padding: 0 3% 23px;
	}
	.info_list li a {
		display: block;
		color: #626262;
	}
	.info_list li a:hover p {
		text-decoration: underline;
	}
	.info_list li .photo {
		display: inline-block;
		vertical-align: top;
		width: 43%;
	}
	.info_list li .txt_box {
		display: inline-block;
		vertical-align: top;
		width: 57%;
		padding-left: 3%;
	}
	.info_list li .txt {
		margin: 10px 0;
		line-height: 1.4;
	}
	.info_list li .date {
		font-size: 90.5%;
		text-align: right;
		font-weight: bold;
		font-style: italic;
	}

}

/*-----------------------------*/


.blog {
	padding-top: 70px;
}
.blog .sec_ttl {
	margin-bottom: 28px;
}
.blog .blog_list li {
	margin-bottom: 35px;
}
.blog_list li .txt {
	margin-bottom: 15px;
	line-height: 1.4;
}
.blog_list li .date {
	font-size: 84.6%;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}
.blog_list li a {
	display: block;
}
.blog_list li a:hover .txt {
	text-decoration: underline;
}

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

	.blog {
		padding-top: 32px;
	}
	.blog .sec_ttl {
		margin-bottom: 28px;
		text-align: center;
	}
	.blog .sec_ttl img {
		height: 34px;
		width: auto;
	}
	.blog .blog_list li {
		padding: 0 3%;
		margin-bottom: 12px;
	}
	.blog_list li .txt {
		margin-bottom: 6px;
		line-height: 1.4;
	}
	.blog_list li .date {
		font-size: 90.5%;
		text-align: right;
		font-weight: bold;
		font-style: italic;
	}

}


/*-----------------------------*/

.other_link {
	padding: 30px 0;
	margin-top: 30px;
	border-top: solid 1px #000;
}
.other_link ul {
	padding: 0 5px;
}
.other_link li {
	text-align: center;
	font-size: 107.7%;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	background-color: #f4f4f4;
	background-image: url(../common/images/icon_arrow_bla.png);
	background-repeat: no-repeat;
	background-position: 93% center;
}
.other_link li + li {
	margin-top: 14px;
}
.other_link li a {
	display: block;
	padding: 16px 0;
	color: #000;
}
.other_link li:hover {
	background-color: #d1e2f9;
}

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

	.other_link {
		padding: 25px 0;
		margin-top: 25px;
		border-top: solid 1px #000;
	}
	.other_link ul {
		padding: 0 2%;
	}
	.other_link li {
		text-align: center;
		font-size: 118.2%;
		border-radius: 20px;
		background-color: #f4f4f4;
		background-image: url(../common/images/icon_arrow_bla.png);
		background-repeat: no-repeat;
		background-position: 93% center;
	}
	.other_link li + li {
		margin-top: 10px;
	}
	.other_link li a {
		display: block;
		padding: 12px 0;
	}
	.other_link li:hover {
		background-color: #f4f4f4;
	}

}

/*-----------------------------*/

.shop .map_wrap {
	padding: 25px 4px;
	border-top: solid 1px #000;
}
.shop .map_wrap .ttl_area {
	margin-bottom: 5px;
}
.shop .map_wrap .shop_name {
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
	padding-right: 5%;
	width: 56%;
}
.shop .map_wrap4 .shop_name {
	width: 100%;
}
.shop .map_wrap .map_btn {
	float: right;
	width: 44%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	background: #eee url(../common/images/icon_arrow_bla.png) no-repeat 94% center;
	background-size: 5px auto;
}
.shop .map_wrap table th {
	font-weight: normal;
	width: 70px;
	vertical-align: top;
	line-height: 1.8;
}
.shop .map_wrap table td {
	line-height: 1.8;
}
.shop .map_wrap .map {
	height: 154px;
	width: 100%;
	margin-top: 10px;
}
.shop .map_wrap .map iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.shop .map_wrap .photo {
	height: 154px;
	width: 100%;
	margin-top: 10px;
}
.shop .map_wrap .photo img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:780px){
	.shop {
		padding: 42px 0 0;
		width: 94%;
		margin: 0 auto;
	}
	.shop .map_wrap {
		padding: 16px 3%;
		border-top: solid 1px #000;
	}
	.shop .map_wrap .ttl_area {
		margin-bottom: 12px;
}
	.shop .map_wrap .shop_name {
		font-weight: bold;
		margin-bottom: 0;
		float: left;
		padding-right: 5%;
		width: 50%;
	}
	.shop .map_wrap .map_btn {
		float: right;
		width: 50%;
		height: 26px;
		line-height: 26px;
		text-align: center;
		background: #eee url(../common/images/icon_arrow_bla.png) no-repeat 98% center;
		background-size: 5px auto;
	}
	.shop .map_wrap .map_btn a {
		color: #000;
	}
	.shop .map_wrap table {
		clear: both;
	}
	.shop .map_wrap table th {
		font-weight: normal;
		width: 70px;
		vertical-align: top;
		line-height: 1.8;
	}
	.shop .map_wrap table td {
		line-height: 1.8;
	}
	.shop .map_wrap .map {
		display: none;
	}
	.shop .map_wrap .photo {
		height: auto;
		width: 100%;
		margin: 10px auto 0;
	}

}


/*-----------------------------*/

.bnr_area {
	padding: 25px 0;
	border-top: solid 1px #000;
}
.bnr_area .btn_base {
	height: 82px;
	width: 239px;
}
.bnr_area li + li {
	margin-top: 8px;
}
.bnr_area .btn_base span {
	height: 82px;
	width: 239px;
	background-size: 100%;
	border: none;
	text-indent: -999999px;
}
.bnr_area .btn_base.esta span {
	background: url(../images/bnr_esta_pc.png) no-repeat left center;
}
.bnr_area .btn_base.kokunai span {
	background: url(../images/bnr_panf_kokunai_pc.png) no-repeat left center;
}
.bnr_area .btn_base.kaigai span {
	background: url(../images/bnr_panf_kaigai_pc.png) no-repeat left center;
}
.bnr_area .btn_base.recruit span {
	background: url(../images/recruit_bnr_pc.png) no-repeat left center;
}

@media screen and (max-width:780px){
	.bnr_area {
		padding: 25px 0;
		margin: 0 3%;
		text-align: center;
		border-top: solid 1px #000;
	}
	.bnr_area .btn_base {
		height: auto;
		min-height: 52px;
		width: 304px;
	}
	.bnr_area .btn_base span {
		position: static;
		height: auto;
		min-height: 52px;
		width: 304px;
		background-size: 100% auto;
		border: solid 1px #000;
	}
	.bnr_area .btn_base.esta span {
		background: url(../images/bnr_esta_sp.png) no-repeat left center / 100% auto;
	}
	.bnr_area .btn_base.kokunai span {
		background: url(../images/bnr_panf_kokunai_sp.png) no-repeat left center / 100% auto;
	}
	.bnr_area .btn_base.kaigai span {
		background: url(../images/bnr_panf_kaigai_sp.png) no-repeat left center / 100% auto;
	}
	.bnr_area .btn_base.recruit span {
		background: url(../images/recruit_bnr_sp.png) no-repeat left center / 100% auto;
	}
}

/*-----------------------------*/
.contact {
	padding-top: 90px;
	margin-left: 15px;
}
.contact .sec_ttl em {
	margin-left: 1em;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}
.contact .att {
	color: #d60000;
}
.contact form > p {
	text-align: right;
	padding-top: 10px;
}
.contact .contact_item dl dt,
.contact .contact_item dl dd {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.contact .contact_item dl dt {
	width: 40px;
	padding: 10px;
}
.contact .contact_item dl dt span {
	display: block;
	padding-top: 10px;
}
.contact .contact_item dl dd {
	width: 619px;
	padding: 10px 0;
}
.contact .contact_item .select_list_ttl {
	float: left;
	width: 65px;
	padding-left: 5px;
}
.contact .contact_item .select_list {
	float: right;
	width: 554px;
}
.contact .contact_item .select_list li {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: top;
	padding: 4px 0;
}
.contact .btn_area {
	margin-top: 20px;
}
.contact .btn_area .btn_base {
	height: 45px;
	line-height: 45px;
}
.contact .btn_area .btn_base span {
	height: 45px;
	line-height: 45px;
	background-position: 96% center;
}

@media screen and (max-width:780px){
	.contact {
		padding: 42px 0 0;
		margin-left: 0;
	}
	.contact .sec_ttl {
		text-align: center;
	}
	.contact .sec_ttl em {
		margin: 1em 0 0;
		display: block;
	}
	.contact .att {
		color: #d60000;
	}
	.contact .sec_ttl img {
		height: 20px;
		width: auto;
	}
	.contact > p {
		text-align: right;
		padding-top: 15px;
		padding-right: 3%;
	}
	.contact .contact_item {
		padding: 0 3%;
	}
	.contact .contact_item dl dt,
	.contact .contact_item dl dd {
		display: inline-block;
		/display: inline;
		/zoom:1;
		vertical-align: top;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	.contact .contact_item dl dt {
		width: 6%;
		padding: 5px 0;
	}
	.contact .contact_item dl dt span {
		display: block;
		padding-top: 6px;
	}
	.contact .contact_item dl dd {
		width: 94%;
		padding: 5px 0;
	}
	.contact .contact_item .select_list_ttl {
		float: none;
		width: 100%;
		padding-left: 5px;
		margin-bottom: 8px;
	}
	.contact .contact_item .select_list {
		float: none;
		width: 100%;
		padding-left: 5px;
	}
	.contact .contact_item .select_list li {
		display: block;
		padding: 5px 0;
	}
	.contact .btn_area {
		margin-top: 20px;
	}
	.contact .btn_area .btn_base {
		height: 34px;
		line-height: 34px;
		width: 94%;
	}
	.contact .btn_area .btn_base span {
		height: 34px;
		line-height: 34px;
		width: 100%;
		background-position: 96% center;
	}
}


.company {
	padding: 95px 0 362px;
	margin-left: 15px;
}
.company .sec_ttl {
	margin-bottom: 45px;
}
.company table th,
.company table td {
	padding: 10px 5px;
	border-bottom: solid 1px #e0e0e0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	vertical-align: top;
}
.company table th {
	width: 140px;
}

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

	.company {
		padding: 42px 3% 6px;
		margin-left: 0;
	}
	.company .sec_ttl {
		margin-bottom: 25px;
		text-align: center;
	}
	.company .sec_ttl img {
		height: 20px;
		width: auto;
	}
	.company table th,
	.company table td {
		display: block;
		width: 100%;
	}
	.company table td {
		padding: 0 0 10px;
		border-bottom: solid 1px #e0e0e0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		vertical-align: top;
	}
	.company table th {
		width: 100%;
		border: none;
		padding: 10px 0 4px;
	}
}