@charset "UTF-8";

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body{
	margin:0;
	padding:0;
	color: #333333;
	font-size: 1.5rem;/* 15px */
	line-height: 1.8;
	/* [disabled]line-height:26px; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	/*font-feature-settings: "palt";*/
	letter-spacing: 0.1em;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	body {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 480px) {
	body {
		font-size: 1.3rem;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */
.ml10 {
	margin-left: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt80 {
	margin-top: 80px;
}
.mt160 {
	margin-top: 160px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.pt10 {
	padding-top: 10px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt60 {
	padding-top: 60px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb60 {
	padding-bottom: 60px;
}

/*-------------------- Reset */
h1,
h2,
h3,
p,
dl,
dt,
dd,
li {
  margin: 0;
  word-break: break-word;
}
a {
  color: #000;
  text-decoration: none; 
}
  a:hover {
    text-decoration: none;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; 
}
img {
	max-width: 100%;
	height: auto;
}


.img-spnone {
	display: block;
}
.img-pcnone {
	display: none;
}
@media screen and (max-width: 768px) {
	.img-spnone {
		display: none;
	}
	.img-pcnone {
		display: block;
	}
}

.kiwi {
	font-family: 'Kiwi Maru', serif;
}
.quicksand {
	font-family: 'Quicksand', sans-serif;
}

.futo {
	font-weight: bold;
}

.sec {
	width: 100%;
	padding-top: 6em;
	padding-bottom: 6em;
}
@media screen and (max-width: 768px) {
	.sec {
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

 h2 {
  font-size: 2.6rem;
}
@media screen and (min-width: 481px)  and (max-width: 768px){
 h2 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
 h2 {
    font-size: 1.8rem;
  }
}


.catch {
	font-size: 2.4rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	.catch {
		font-size: 2rem;
	}
}
@media screen and (max-width: 480px) {
	.catch {
		font-size: 1.7rem;
	}
}

.catch2 {
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	.catch2 {
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 480px) {
	.catch2 {
		font-size: 1.5rem;
	}
}

.catch3 {
	font-size: 1.7rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	.catch3 {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 480px) {
	.catch3 {
		font-size: 1.4rem;
	}
}

.box_center {
	text-align: center;
}

.btn_link {
	display: block;
	width: 200px;
	padding: 10px;
	background-color: #ffffff;
	color: #0077ff;
	text-align: center;
	font-weight: 600;
	border: 2px solid #ffe60a;
	border-radius: 5px;
	transition: .2s;
}
.btn_link:hover {
	opacity: .7;
}

.marker {
	background: rgba(255,240,150,1.0);
	background: -moz-linear-gradient(transparent 60%, rgba(255,240,150,1.0) 60%);
	background: -webkit-linear-gradient(transparent 60%, rgba(255,240,150,1.0) 60%);
	background: linear-gradient(transparent 60%, rgba(255,240,150,1.0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff096",endColorstr="#fff096",GradientType=1);
}



/*---------------フッター*/
.bg_footer {
	background-color: #1e78dc;
}


.footerlink {
	color: #ffffff;
}
.footerlink a {
	color: #ffffff;
}

.footerlink .footerlink_inner {
	width: 100%;
	max-width: 1200px;
	padding: 40px 20px 10px;
	margin: 0 auto;
}
.footerlink .footerlink_inner .footerlink_box_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company {
	width: 300px;
	padding: 0 30px 0 0;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company img {
	width: 100%;
	max-width: 210px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company .company-name {
	font-size: 1.3rem;
	font-weight: 600;
	margin: 20px 0;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company .company-info {
	font-size: 1.3rem;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company ul.foot_contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 20px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company ul.foot_contact li {
	width: 200px;
	padding: 3px;
	margin: 0 0 7px;
	color: #0077ff;
	border-radius: 5px;
	background-color: #ffe60a;
	font-weight: 600;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footer-company ul.foot_contact li a {
	color: #0077ff;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box {
	padding: 0 30px 0 0;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a {
	display: block;
	width: 100%;
	padding: 0;
	text-decoration: none;
	transition: .3s;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a:hover {
	text-decoration: underline;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a.link_blank {
	position: relative;
	padding-left: 25px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a.link_blank::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url("../img/common/ic_blank.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 6px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item ul.category_list {
	margin-left: 10px;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item ul.category_list li {
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 1.6;
	position: relative;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item ul.category_list li:before {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 5px;
	top: 50%;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item ul.category_list li a {
	display: block;
	font-size: 1.3rem;
	transition: .3s;
}
.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item ul.category_list li a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 991px) {
	.footerlink .footerlink_inner .footerlink_box_wrap .footer-company {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footer-company img {
		margin: 0 auto;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footer-company ul.foot_contact {
		justify-content: center;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footer-company ul.foot_contact li {
		margin: 0 10px 7px;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap {
		justify-content: center;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box.spnone {
		display: none;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box.spshow {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box.spshow .footerlink_item {
		margin: 0 20px;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a.link_blank::before {
		top: 4px;
	}
}
@media screen and (max-width: 768px) {
	.footer .footer-inner .footer-company ul.foot_link li {
		margin: 0 15px;
	}
	.footer .footer-inner ul.foot_link li a img {
		max-width: 25px;
	}
}
@media screen and (max-width: 480px) {
	.footerlink .footerlink_inner .footerlink_box_wrap {
		flex-direction: column;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box {
		width: 100%;
		padding: 0;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box.spshow .footerlink_item {
		width: 100%;
		margin: 0;
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a {
		padding: 10px 0;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.footerlink .footerlink_inner .footerlink_box_wrap .footerlink_box .footerlink_item .category a.link_blank::before {
			top: 14px;
		}
}

.footer_company-info {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	color: #ffffff;
	font-size: 1.3rem;
	text-align: center;
}
.footer_company-info ul.foot_link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}
.footer_company-info ul.foot_link li {
	margin: 0 15px;
}
.footer_company-info ul.foot_link li a img {
	max-width: 30px;
}
.footer_company-info span.post-code {
	display: inline-block;
	margin-right: 10px;
}
@media screen and (max-width: 991px) {
	.footer_company-info {
		margin: 10px auto 0;
	}
}
@media screen and (max-width: 480px) {
	.footer_company-info span.post-code {
		display: block;
		margin-right: 0;
	}
}

.footer_logo {
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
}
.footer_logo .logo_navi {
	display: inline-block;
	margin: 0 auto;
}
.footer_logo .copyright {
	font-size: 1.1rem;
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
}


/*-----------------------固定お問合せボタン*/
.contact_fixed_btn {
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 120px;
	height: 120px;
	border: 5px solid #ffffff;
	border-radius: 50%;
	background-color: rgba(0, 160, 255,0.9);
	filter: drop-shadow(2px 3px 3px rgba(44,61,131,0.3));
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s;
}
.contact_fixed_btn:hover {
	background-color: rgba(0, 160, 255,0.7);
}
.contact_fixed_btn p {
	font-size: 1.4rem;
	text-align: center;
	color: #ffffff;
	font-family: 'Kiwi Maru', serif;
	padding-top: 20px;
	background-image: url("../img/common/ic_fixed_bn.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
@media screen and (max-width: 768px) {
	.contact_fixed_btn {
		right: 10px;
		bottom: 20px;
		width: 100px;
		height: 100px;
	}
	.contact_fixed_btn p {
		font-size: 1.3rem;
	}
}
/*@media screen and (max-width: 480px) {
	.contact_fixed_btn {
		width: 50px;
		height: 50px;
	}
	.contact_fixed_btn p {
		display: none;
	}
	.contact_fixed_btn::after {
		content: "";
		display: block;
		width: 30px;
		height: 20px;
		background-image: url("../img/common/ic_fixed_bn.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px auto;
	}
}*/



/*-----------------------TOP*/
.top .section_title {
	color: #0077ff;
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: 0.15em;
	font-family: 'Kiwi Maru', serif;
	margin-top: -10px;
}
@media screen and (max-width: 768px) {
	.top .section_title {
		font-size: 2.4rem;
	}
}
@media screen and (max-width: 480px) {
	.top .section_title {
		font-size: 2rem;
	}
}


.top .top_about {
	overflow: hidden;
	background-image: url("../img/common/bg_b.jpg");
	background-repeat: repeat-x;
	background-size: 500px auto;
	position: relative;
}
.top .top_about::before {
	content: "";
	display: block;
	width: 100%;
	height: 500px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1);
	position: absolute;
	left: 0;
	top: 0;
}
.top .top_about .title_area {
	text-align: center;
	margin-top: 60px;
	position: relative;
}
.top .top_about .top_about_inner {
	padding: 40px 20px 60px;;
	position: relative;
	overflow: hidden;
}
.top .top_about .top_about_inner::before {
	content: "";
	display: block;
	width: 600px;
	height: 241px;
	background-image: url("../img/top/img_about_left.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 600px auto;
	position: absolute;
	left: 50px;
	top: 100px;
}
.top .top_about .top_about_inner::after {
	content: "";
	display: block;
	width: 300px;
	height: 425px;
	background-image: url("../img/top/img_about_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 300px auto;
	position: absolute;
	right: 50px;
	bottom: 20px;
}
.top .top_about .top_about_inner .textbox {
	width: 100%;
	max-width: 680px;
	padding: 40px;
	background-color: rgba(255,250,200,0.7);
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.top .top_about .top_about_inner .textbox .catch {
	font-weight: 300;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
	text-align: center;
	font-family: 'Kiwi Maru', serif;
}
.top .top_about .top_about_inner .textbox .text {
	line-height: 2.2;
	text-align: justify;
}
.top .top_about .top_about_inner .top_about_img {
	display: none;
}
@media screen and (max-width: 991px) {
	.top .top_about .top_about_inner {
		padding: 40px 20px;
	}
	.top .top_about .top_about_inner::before,
	.top .top_about .top_about_inner::after {
		display: none;
	}
	.top .top_about .top_about_inner .top_about_img {
		display: block;
	}
	.top .top_about .top_about_inner .top_about_img.img_left {
		width: 80%;
		margin-top: 20px;
	}
	.top .top_about .top_about_inner .top_about_img.img_right {
		width: 40%;
		margin: -20% 0 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.top .top_about_title {
		max-width: 240px;
		padding: 40px;
	}
	.top .top_about_title .top_about_title_catch {
		font-size: 2.2rem;
	}
}
@media screen and (max-width: 480px) {
	.top .top_about_title {
		max-width: 220px;
	}
	.top .top_about_title .top_about_title_catch {
		font-size: 1.8rem;
	}
	.top .top_about .top_about_inner .top_about_img {
		display: block;
	}
	.top .top_about .top_about_inner .top_about_img.img_left {
		width: 90%;
	}
	.top .top_about .top_about_inner .top_about_img.img_right {
		width: 50%;
	}
}

.top .top_news {
	padding: 60px 0;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}
.top .top_news .top_news_inner {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
}
.top .top_news .top_news_inner .title_area {
	width: 200px;
	padding-right: 20px;
}
.top .top_news .top_news_inner .news {
	width: calc(100% - 200px);
	height: 200px;
	overflow-y: scroll;
	background-color: #ffffff;
}
.top .top_news .top_news_inner .news dl {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(44,61,131,0.3);
}
.top .top_news .top_news_inner .news dl dt {
	width: 150px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
}
.top .top_news .top_news_inner .news dl dd {
	width: calc(100% - 150px);
}
.top .top_news .top_news_inner .news dl dd a {
	color: #333333;
}
.top .top_news .top_news_inner .news dl dd a:hover {
	color: #0077ff;
}
.top .top_news .btn_link_wrap {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
.top .top_news .btn_link {
	margin-left: auto;
}
@media screen and (max-width: 768px) {
	.top .top_news {
		padding: 40px 0;
	}
	.top .top_news .top_news_inner {
		flex-direction: column;
		margin: 0 auto 30px;
	}
	.top .top_news .top_news_inner .title_area {
		width: 100%;
	}
	.top .top_news .top_news_inner .title_area .section_title {
		text-align: center;
		margin-bottom: 20px;
	}
	.top .top_news .top_news_inner .news {
		width: 100%;
		height: 180px;
	}
	.top .top_news .top_news_inner .news dl {
		flex-direction: column;
	}
	.top .top_news .top_news_inner .news dl dt {
		width: 100%;
		margin-bottom: 5px;
	}
	.top .top_news .top_news_inner .news dl dd {
		width: 100%;
	}
	.top .top_news .btn_link {
		margin: 0 auto;
	}
}

.top .top_case {
	padding: 60px 0;
	overflow: hidden;
	position: relative;
	background-image: url("../img/common/bg_b.jpg");
}
.top .top_case::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1);
	position: absolute;
	left: 0;
	top: 0;
}
.top .top_case .box_center {
	position: relative;
}
.top .top_case .top_case_inner {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 40px auto 0;
	position: relative;
}
.top .top_case .top_case_inner ul.list_top_case {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.top .top_case .top_case_inner ul.list_top_case > li {
	width: 31%;
	margin-right: 3.5%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}
.top .top_case .top_case_inner ul.list_top_case > li:nth-child(3n) {
	margin-right: 0;
}
.top .top_case .top_case_inner ul.list_top_case li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	transition: .2s;
}
.top .top_case .top_case_inner ul.list_top_case li a:hover {
	opacity: 0.7;
}
.top .top_case .top_case_inner ul.list_top_case li a img {
	display: block;
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center center;
}
.top .top_case .top_case_inner ul.list_top_case li a .text_box {
	padding: 10px 20px;
}
.top .top_case .top_case_inner ul.list_top_case li a .text_box .case_place {
	font-size: 1.3rem;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 10px;
}
.top .top_case .top_case_inner ul.list_top_case li a .text_box .case_place span {
	background-color: #ffe60a;
	color: #0077ff;
	font-weight: 600;
	padding: 5px 15px;
	border-radius: 3px;
}
.top .top_case .top_case_inner ul.list_top_case li a .text_box .case_title {
	font-size: 1.6rem;
	font-weight: 600;
}
.top .top_case .btn_link {
	margin: 30px auto 0;
}
@media screen and (max-width: 991px) {
	.top .top_case .top_case_inner {
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 768px) {
	.top .top_case {
		padding: 40px 0;
	}
	.top .top_case .top_case_inner ul.list_top_case {
		justify-content: space-between;
	}
	.top .top_case .top_case_inner ul.list_top_case > li,
	.top .top_case .top_case_inner ul.list_top_case > li:nth-child(3n) {
		width: 48%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.top .top_case .top_case_inner ul.list_top_case li a .text_box .case_place {
		font-size: 1.2rem;
	}
	.top .top_case .top_case_inner ul.list_top_case li a .text_box .case_title {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 480px) {
	.top .top_case .top_case_inner ul.list_top_case {
		flex-direction: column;
	}
	.top .top_case .top_case_inner ul.list_top_case li,
	.top .top_case .top_case_inner ul.list_top_case li:nth-child(3n) {
		width: 100%;
		margin: 0 auto 30px;
	}
}

.top .top_menu {
	overflow: hidden;
	padding: 60px 0 100px;
	background-image: url("../img/top/bg_menu.png");
	background-repeat: repeat-x;
	background-position: center 80%;
	background-size: auto;
	position: relative;
}
.top .top_menu .top_menu_inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.top .top_menu .list_topmenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.top .top_menu .list_topmenu li {
	width: 32%;
	width: calc((100% - 20px)/ 3);
	height: 300px;
	padding: 0 20px;
	margin-right: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.top .top_menu .list_topmenu li.menu01 {
	background-image: url("../img/top/menu01.jpg");
}
.top .top_menu .list_topmenu li.menu02 {
	background-image: url("../img/top/menu02.jpg");
}
.top .top_menu .list_topmenu li.menu03 {
	background-image: url("../img/top/menu03.jpg");
	margin-right: 0;
}
.top .top_menu .list_topmenu li::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	transition: .2s;
}
.top .top_menu .list_topmenu li:hover::before{
	background-color: rgba(0,150,255,0);
}
.top .top_menu .list_topmenu li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.top .top_menu .list_topmenu li a .menu_title {
	font-size: 2rem;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 30px;
}
.top .top_menu .list_topmenu li a .btn_link {
	padding: 5px 10px;
	width: 180px;
	color: #ffffff;
	background-color: transparent;
}
.top .top_menu .list_topmenu li a:hover .btn_link {
	background-color: #ffe60a;
	color: #0077ff;
}
.top .top_menu .img_menu {
	position: absolute;
	left: 50px;
	bottom: 20px;
}
@media screen and (max-width: 768px) {
	.top .top_menu {
		padding: 40px 0 100px;
		background-position: center 97%;
		background-size: 1000px auto;
	}
	.top .top_menu .list_topmenu {
		flex-direction: column;
	}
	.top .top_menu .list_topmenu li {
		width: 100%;
		height: 260px;
		padding: 0 20px;
		margin: 0 0 10px 0;
	}
	.top .top_menu .list_topmenu li a .menu_title {
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	.top .top_menu .img_menu {
		width: 90px;
	}
}
@media screen and (max-width: 480px) {
	.top .top_menu .list_topmenu li {
		height: 220px;
	}
}


.top .top_online {
	overflow: hidden;
	padding: 30px 0;
}
.top .top_online ul.list_online {
	display: flex;
	flex-wrap: wrap;
}
.top .top_online ul.list_online li {
	width: 50%;
	height: 460px;
	position: relative;
}
.top .top_online ul.list_online li:first-child {
	background-image: url("../img/top/bn_online.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 10px 10px 0;
}
.top .top_online ul.list_online li:last-child {
	background-color: #ffffff;
	padding: 20px 20px 0 50px;
	position: relative;
}
.top .top_online ul.list_online li .textbox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	z-index: 1;
}
.top .top_online ul.list_online li .section_title {
	margin-bottom: 20px;
	text-align: left;
}
.top .top_online ul.list_online li .catch2 {
	text-align: left;
}
.top .top_online ul.list_online li a.bn_online {
	background-color: #ffe60a;
	padding: 10px 20px 10px 25px;
	margin-top: 30px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	transition: .2s;
}
.top .top_online ul.list_online li a.bn_online:hover {
	box-shadow: 3px 3px 10px rgba(0,0,0,0);
}
.top .top_online ul.list_online li .img_online {
	width: 50%;
	max-width: 340px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
@media screen and (max-width: 991px) {
	.top .top_online {
		padding: 30px 0 50px;
	}
	.top .top_online ul.list_online {
		flex-direction: column;
	}
	.top .top_online ul.list_online li:first-child {
		width: 100%;
		height: 300px;
		border-radius: 0;
	}
	.top .top_online ul.list_online li:last-child {
		width: 90%;
		height: auto;
		margin: -40px auto 0;
		padding: 40px;
		background-color: rgba(255,255,255,0.95);
		box-shadow: 0 10px 10px rgba(44,61,131,0.2);
		border-radius: 5px;
	}
}
@media screen and (max-width: 768px) {
	.top .top_online ul.list_online li .textbox {
		align-items: center;
	}
	.top .top_online ul.list_online li a.bn_online {
		margin-top: 20px;
	}
	.top .top_online ul.list_online li .img_online {
		position: static;
		width: 70%;
		margin: 20px auto 0;
	}
}
@media screen and (max-width: 480px) {
	.top .top_online ul.list_online li:last-child {
		padding: 30px;
	}
}


/*-----------------------第二階層共通*/
.page-title-out {
	overflow: hidden;
	position: relative;
	background-image: url("../img/common/bg_b.jpg");
}
.page-title-out::before {
	content: "";
	display: block;
	width: 100%;
  min-height: 100%;
	background-color: rgba(0,150,255,0.3);
  position: absolute;
	left: 0;
	top: 0;
}
#page-title {
	clear: both;
  overflow: hidden;
  position: relative;
	padding-top: calc(4em + 90px);
	padding-bottom: 4em;
	z-index: 1;
}
#page-title .page-title-text {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin:0 auto;
	text-align: center;
}
#page-title .page-title-text h3{
	margin:0 0 20px;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: 0.15em;
	color: #ffffff;
	font-weight: 300;
	font-family: 'Kiwi Maru', serif;
}
#page-title .page-title-text .lead {
	margin-bottom: 0;
	font-size: 1.6rem;
	font-weight: 300;
	letter-spacing: 0.3em;
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
}
@media screen and (max-width: 1199px) {
	#page-title {
		padding-top: calc(3em + 70px);
		padding-bottom: 3em;
	}
}
@media screen and (max-width: 768px) {
	#page-title .page-title-text h3 {
		font-size: 2.4rem;
	}
	#page-title .page-title-text .lead {
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 480px) {
	#page-title .page-title-text h3 {
		font-size: 2rem;
	}
	#page-title .page-title-text .lead {
		font-size: 1.2rem;
	}
}
.daini .section {
	padding: 60px 0;
}
.daini .section_inner {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.daini .section {
		padding: 40px 0;
	}
}

.daini .section-heading{
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}
.daini .section-heading h2{
	text-align: center;
	font-weight: 300;
	font-family: 'Kiwi Maru', serif;
	letter-spacing: 0.1em;
	color: #0077ff;
}
@media screen and (max-width: 768px) {
	.daini .section-heading {
		margin-bottom: 30px;
	}
}


/*---------------導入事例一覧*/
.case {
	overflow: hidden;
}
.case .caseitem_wrap {
	display: flex;
	flex-wrap: wrap;
}
.case .caseitem_wrap .item {
	width: 31%;
	margin-right: 3.5%;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 5px 10px rgba(0, 160, 255, 0.2);
	margin-bottom: 40px;
	border-radius: 10px;
	overflow: hidden;
}
.case .caseitem_wrap .item:nth-child(3n) {
	margin-right: 0;
}
.case .caseitem_wrap .item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	transition: .2s;
}
.case .caseitem_wrap .item a:hover {
	opacity: 0.7;
}
.case .caseitem_wrap .item a .case_number {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #ffe60a;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 600;
	font-family: 'Quicksand', sans-serif;
	color: #0077ff;
	text-align: center;
	padding: 8px 0 0 1px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.case .caseitem_wrap .item a .image_box {
	overflow: hidden;
}
.case .caseitem_wrap .item a .image_box img {
	display: block;
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center center;
}
.case .caseitem_wrap .item a .text_box {
	padding: 15px 20px;
}
.case .caseitem_wrap .item a .text_box .case_place {
	font-size: 1.3rem;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 10px;
}
.case .caseitem_wrap .item a .text_box .case_place span {
	background-color: #ffe60a;
	color: #0077ff;
	font-weight: 600;
	padding: 5px 15px;
}
.case .caseitem_wrap .item a .text_box .case_title {
	font-size: 1.6rem;
	font-weight: 600;
}
@media screen and (max-width: 991px) {
	.case .caseitem_wrap {
		justify-content: space-between;
	}
	.case .caseitem_wrap .item {
		width: 48%;
		margin: 0 0 40px;
	}
}
@media screen and (max-width: 768px) {
	.case .caseitem_wrap {
		flex-direction: column;
	}
	.case .caseitem_wrap .item {
		width: 100%;
	}
}


/*---------------導入事例*/
.case_detail {
	overflow: hidden;
}
.case_detail .detail_header {
	margin-bottom: 50px;
}
.case_detail .detail_header .headerimage {
	border-radius: 10px;
	overflow: hidden;
}
.case_detail .detail_header .header_desc {
	width: 94%;
	max-width: 1000px;
	padding: 40px;
	margin: -40px auto 0;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgba(0, 150, 255, 0.2);
	position: relative;
}
.case_detail .detail_header .header_desc .title {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 30px
}
.case_detail .detail_header .header_desc .dl_casedetail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #efefef;
}
.case_detail .detail_header .header_desc .dl_casedetail:first-of-type {
	border-top: 1px solid #efefef;
}
.case_detail .detail_header .header_desc .dl_casedetail dt {
	width: 300px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #0077ff;
}
.case_detail .detail_header .header_desc .dl_casedetail dd {
	width: calc(100% - 300px);
}
.case_detail .detail_contents {
	width: 94%;
	max-width: 800px;
	margin: 0 auto 50px;
}
.case_detail .detail_contents figure {
	margin: 30px 0;
	border-radius: 10px;
	overflow: hidden;
}
.case_detail .staff_commentbox {
	max-width: 800px;
	margin: 0 auto 30px;
	padding: 20px 30px;
	border: 2px solid #ffe60a;
}
.case_detail .staff_commentbox .catch2 {
	font-weight: 600;
	padding-left: 16px;
	margin-bottom: 20px;
	border-left: 6px solid #0077ff;
}
.case_detail .staff_commentbox .staff_commentbox_inner {
	display: flex;
	flex-wrap: wrap;
}
.case_detail .staff_commentbox .staff_commentbox_inner .imagebox {
	width: 150px;
}
.case_detail .staff_commentbox .staff_commentbox_inner .imagebox .staff_img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ffe60a;
}
.case_detail .staff_commentbox .staff_commentbox_inner .imagebox .staff_name {
	text-align: center;
	margin-top: 10px;
}
.case_detail .staff_commentbox .staff_commentbox_inner .textbox {
	width: calc(100% - 150px);
	padding-left: 50px;
}
.case_detail .news_pagenation {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px auto 0;
}
.case_detail .news_pagenation li {
	margin: 0 10px;
}
.case_detail .news_pagenation li a {
	display: block;
	padding: 10px;
	width: 200px;
	background-color: #ffffff;
	border: 2px solid #ffe60a;
	color: #0077ff;
	border-radius: 5px;
	font-weight: 600;
	text-align: center;
	position: relative;
	transition: .2s;
}
.case_detail .news_pagenation li a:hover {
	opacity: .7;
}
.case_detail .news_pagenation li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
}
.case_detail .news_pagenation li.pre a::after {
	border-bottom: 2px solid #0077ff;
	border-left: 2px solid #0077ff;
	top: 50%;
	left: 10px;
	transform: rotate(45deg) translateY(-50%);
}
.case_detail .news_pagenation li.next a::after {
	border-bottom: 2px solid #0077ff;
	border-right: 2px solid #0077ff;
	top: 50%;
	right: 10px;
	transform: rotate(-45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
	.case_detail .detail_header .header_desc {
		padding: 30px;
	}
	.case_detail .detail_header .header_desc .title {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.case_detail .detail_header .header_desc .dl_casedetail {
		flex-direction: column;
		padding: 20px 10px;
	}
	.case_detail .detail_header .header_desc .dl_casedetail dt {
		width: 100%;
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.case_detail .detail_header .header_desc .dl_casedetail dd {
		width: 100%;
	}
	.case_detail .detail_contents figure {
		margin: 20px 0;
	}
	.case_detail .staff_commentbox {
		padding: 20px;
	}
	.case_detail .staff_commentbox .staff_commentbox_inner {
		flex-direction: column;
	}
	.case_detail .staff_commentbox .staff_commentbox_inner .imagebox {
		margin: 0 auto 20px;
	}
	.case_detail .staff_commentbox .staff_commentbox_inner .textbox {
		width: 100%;
		padding-left: 0;
	}
	.case_detail .news_pagenation li {
		margin: 0 10px 10px;
	}
	.case_detail .news_pagenation li a {
		width: 140px;
	}
}


/*---------------特長*/
.feature {
	overflow: hidden;
}
.feature .intro {
	padding-bottom: 30px;
}
.feature .intro .text {
	max-width: 800px;
	margin: 0 auto;
	line-height: 2.2;
}
.feature .feature_con_wrap .feature_con {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.feature .feature_con_wrap .feature_con:last-child {
	margin-bottom: 0;
}
.feature .feature_con_wrap .feature_con .textbox {
	width: 50%;
	background-color: #0096ff;
	color: #ffffff;
	padding: 3% 7%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.feature .feature_con_wrap .feature_con .textbox::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.feature .feature_con_wrap .feature_con .textbox::after {
	border-left: 20px solid #0096ff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	right: -20px;
}
.feature .feature_con_wrap .feature_con .textbox .number {
	font-size: 3.4rem;
	margin-bottom: 20px;
	color: #ffe60a;
}
.feature .feature_con_wrap .feature_con .textbox .catch2 {
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffe60a;
}
.feature .feature_con_wrap .feature_con .textbox .text {
	text-align: justify;
}
.feature .feature_con_wrap .feature_con .textbox ul.tabisukego {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.feature .feature_con_wrap .feature_con .textbox ul.tabisukego li {
	width: 48%;
	border-radius: 10px;
	overflow: hidden;
}
.feature .feature_con_wrap .feature_con .imagebox {
	width: 50%;
	padding: 3% 0 3% 5%;
	display: flex;
	align-items: center;
	position: relative;
}
.feature .feature_con_wrap .feature_con .imagebox img.main_img {
	border-radius: 10px;
}
.feature .feature_con_wrap .feature_con .imagebox img.sub_img {
	position: absolute;
	width: 20%;
	max-width: 150px;
}
.feature .feature_con_wrap .feature_con.con01 .imagebox img.sub_img.img01 {
	top: 10px;
	left: 25px;
}
.feature .feature_con_wrap .feature_con.con01 .imagebox img.sub_img.img02 {
	right: -20px;
	bottom: 10px;
}
.feature .feature_con_wrap .feature_con.con02 .imagebox img.sub_img.img03 {
	right: -20px;
	bottom: 10px;
}
.feature .feature_con_wrap .feature_con.con03 .imagebox img.sub_img.img04 {
	left: 40px;
	bottom: 20px;
	width: 30%;
	max-width: 200px;
}
.feature .feature_con_wrap .feature_con.con04 .imagebox img.sub_img.img05 {
	right: -20px;
	bottom: 20px;
	max-width: 130px;
}
.feature .feature_con_wrap .feature_con.con05 .imagebox img.sub_img.img06 {
	left: 30px;
	bottom: 30px;
	max-width: 130px;
}
.feature .section:last-of-type {
	padding-top: 0;
}
@media screen and (max-width: 991px) {
	.feature .feature_con_wrap .feature_con {
		flex-direction: column;
		margin-bottom: 0;
		margin-bottom: 30px;
	}
	.feature .feature_con_wrap .feature_con .textbox {
		width: 100%;
		padding: 40px;
	}
	.feature .feature_con_wrap .feature_con .textbox::after {
		border-top: 20px solid #0096ff;
		border-bottom: 0px solid transparent; 
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		left: 50%;
		right: unset;
		top: unset;
		bottom: -20px;
		transform: translateX(-50%)
	}
	.feature .feature_con_wrap .feature_con .textbox .number {
		font-size: 2.6rem;
		margin-bottom: 10px;
	}
	.feature .feature_con_wrap .feature_con .textbox .catch2 {
		margin-bottom: 20px;
	}
	.feature .feature_con_wrap .feature_con .imagebox {
		width: 100%;
		padding: 40px;
	}
	.feature .feature_con_wrap .feature_con.con01 .imagebox img.sub_img.img02 {
		right: -10px;
	}
	.feature .feature_con_wrap .feature_con.con02 .imagebox img.sub_img.img03 {
		right: -10px;
	}
	.feature .feature_con_wrap .feature_con.con03 .imagebox img.sub_img.img04 {
		left: 20px;
	}
	.feature .feature_con_wrap .feature_con.con04 .imagebox img.sub_img.img05 {
		right: 0;
	}
	.feature .feature_con_wrap .feature_con.con05 .imagebox img.sub_img.img06 {
		left: 10px;
		bottom: 10px;
	}
}


/*---------------こんな皆様にお勧め*/
.reccomend {
	overflow: hidden;
}
.reccomend .trouble {
	position: relative;
}
.reccomend .trouble .reccomend_item_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.reccomend .trouble .reccomend_item_wrap .reccomend_item {
	width: 31%;
	margin: 10px 3.5% 40px 0;
	padding: 30px 30px 30px 40px;
	background-color: rgba(255,255,255,0.8);
	border: 3px solid #8acdff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.reccomend .trouble .reccomend_item_wrap .reccomend_item::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ffffff;
	background-image: url("../img/reccomend/ic_check.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
.reccomend .trouble .reccomend_item_wrap .reccomend_item:nth-child(3n) {
	margin-right: 0;
}
.reccomend .trouble .reccomend_item_wrap .reccomend_item .text {
	line-height: 2;
}
.reccomend .trouble .trouble_imgarea {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
.reccomend .trouble .trouble_imgarea .rec_img {
	width: 15%;
}
.reccomend .trouble .trouble_imgarea .rec_img.img_l {
	max-width: 168px;
	margin-right: 40px;
}
.reccomend .trouble .trouble_imgarea .rec_img.img_r {
	max-width: 152px;
}
.reccomend .answer {
	text-align: center;
}
.reccomend .answer .catch {
	background-color: #0096ff;
	color: #ffffff;
	font-weight: 600;
	font-size: 3rem;
	padding: 35px 20px 30px;
	border-radius: 10px;
	position: relative;
}
.reccomend .answer .catch::before {
	content: "";
	border-top: 20px solid #ffffff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.reccomend .answer .catch::after {
	content: "";
	border-top: 20px solid #0096ff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.reccomend .trouble .reccomend_item_wrap .reccomend_item,
	.reccomend .trouble .reccomend_item_wrap .reccomend_item:nth-child(3n){
		width: 47%;
		margin: 10px 1.5% 30px;
	}
	.reccomend .trouble .trouble_imgarea .rec_img {
		width: 20%;
	}
	.reccomend .answer .catch {
		font-size: 2.6rem;
		padding: 25px 20px 20px;
	}
	.reccomend .answer .catch::before {
		border-top: 15px solid #ffffff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.reccomend .answer .catch::after {
		border-top: 15px solid #0096ff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		bottom: -15px;
	}
}
@media screen and (max-width: 480px) {
	.reccomend .trouble .reccomend_item_wrap .reccomend_item,
	.reccomend .trouble .reccomend_item_wrap .reccomend_item:nth-child(3n){
		width: 100%;
		margin: 10px 0 20px;
		padding: 20px;
	}
	.reccomend .answer .catch {
		font-size: 2rem;
	}
}
.reccomend .advantage .advantage_top_text {
	width: 100%;
	max-width: 800px;
	padding: 0 20px;
	margin: 0 auto 50px;
	line-height: 2.2;
}
.reccomend .advantage .advantage_con_wrap .advantage_con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 60px;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox {
	width: 60%;
	padding: 3% 5% 3% 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox::before {
	content: "";
	width: 100px;
	height: 100px;
	background-image: url("../img/advantage/bg_l.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100px auto;
	position: absolute;
	left: 0;
	top: 0;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox .number {
	font-size: 3.4rem;
	transform: skewX(-10deg);
	margin: 0 0 20px 5px;
	line-height: 1;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox .catch {
	font-family: 'Kiwi Maru', serif;
	font-weight: 600;
	margin-bottom: 20px;
	color: #0096ff;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox ul.list_ad li {
	margin: 0 0 15px 0;
	padding-left: 25px;
	position: relative;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .textbox ul.list_ad li::before {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background-color: #2c3d83;
	position: absolute;
	left: 0;
	top: 12px;
}
.reccomend .advantage .advantage_con_wrap .advantage_con .imagebox {
	width: 40%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
	overflow: hidden;
}
.reccomend .advantage .advantage_con_wrap .advantage_con.con01 .imagebox {
	background-image: url("../img/advantage/advantage01.jpg");
}
.reccomend .advantage .advantage_con_wrap .advantage_con.con02 .imagebox {
	background-image: url("../img/advantage/advantage02.jpg");
}
.reccomend .advantage .advantage_con_wrap .advantage_con.con03 .imagebox {
	background-image: url("../img/advantage/advantage03.jpg");
}
.reccomend .advantage .advantage_con_wrap .advantage_con.con04 .imagebox {
	background-image: url("../img/advantage/advantage04.jpg");
}
.reccomend .advantage .btn_link_wrap .btn_link {
	width: 100%;
	max-width: 600px;
	/*background-color: #ffe60a;*/
	padding: 20px 10px;
	margin: 0 auto;
}
.reccomend .advantage .btn_link_wrap .btn_link span {
	position: relative;
}
.reccomend .advantage .btn_link_wrap .btn_link span::after {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-image: url("../img/common/arrow_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: -20px;
	top: 0;
}

@media screen and (max-width: 991px) {
	.reccomend .advantage .advantage_con_wrap .advantage_con {
		flex-direction: column-reverse;
		margin: 0 auto 40px;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox {
		width: 100%;
		padding: 3% 5%;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox::before {
		top: unset;
		left: unset;
		bottom: 0;
		right: 0;
		width: 80px;
		height: 80px;
		background-size: contain;
		transform: rotate(180deg);
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .imagebox {
		width: 100%;
		height: 400px;
		margin: 0 auto 10px;
	}
}
@media screen and (max-width: 768px) {
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox .number {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 480px) {
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox .number {
		font-size: 2.4rem;
		margin: 0 0 15px 5px;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox .catch2 {
		margin-bottom: 15px;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox ul.list_ad li {
		padding-left: 22px;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .textbox ul.list_ad li::before {
		width: 12px;
		top: 11px;
	}
	.reccomend .advantage .advantage_con_wrap .advantage_con .imagebox {
		height: 300px;
	}
}


/*---------------ご利用の流れ*/
.flow {
	overflow: hidden;
}
.flow .dl_flow_wrap {
	max-width: 600px;
	margin: 0 auto 60px;
}
.flow .dl_flow_wrap .dl_flow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px dashed #cccccc;
}
.flow .dl_flow_wrap .dl_flow dt {
	width: 180px;
	font-size: 1.6rem;
	font-weight: 600;
	font-family: 'Quicksand', sans-serif;
	color: #0096ff;
	padding: 10px;
}
.flow .dl_flow_wrap .dl_flow dd {
	width: calc(100% - 180px);
	font-size: 1.6rem;
	padding: 10px;
}
.flow .flow_item_wrap .flow_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	padding-bottom: 60px;
	margin: 0 auto 30px;
	background-image: url("../img/flow/bg_flow_item.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
.flow .flow_item_wrap .flow_item:last-of-type {
	background: none;
}
.flow .flow_item_wrap .flow_item .textbox {
	width: 64%;
}
.flow .flow_item_wrap .flow_item .textbox .catch {
	text-align: center;
	margin-bottom: 20px;
}
.flow .flow_item_wrap .flow_item .textbox .catch span.number {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #ffe60a;
	color: #0077ff;
	text-align: center;
	margin: 0 auto 10px;
	padding-top: 20px;
	line-height: 1.2;
}
.flow .flow_item_wrap .flow_item .textbox .catch span.number span.en {
	display: block;
	font-size: 1.4rem;
	font-family: 'Quicksand', sans-serif;
}
.flow .flow_item_wrap .flow_item .textbox .catch span.jp {
	font-family: 'Kiwi Maru', serif;
	font-weight: 600;
	width: calc(100% - 100px);
}
.flow .flow_item_wrap .flow_item .imagebox {
	width: 30%;
	border-radius: 10px;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.flow .dl_flow_wrap {
		margin: 0 auto 40px;
	}
	.flow .dl_flow_wrap .dl_flow dt {
		width: 130px;
		font-size: 1.4rem;
	}
	.flow .dl_flow_wrap .dl_flow dd {
		width: calc(100% - 130px);
		font-size: 1.4rem;
	}
	.flow .flow_item_wrap .flow_item {
		flex-direction: column;
		padding-bottom: 40px;
		margin-bottom: 20px;
	}
	.flow .flow_item_wrap .flow_item .textbox {
		width: 100%;
		margin-bottom: 20px;
	}
	.flow .flow_item_wrap .flow_item .textbox .catch span.number {
		width: 70px;
		height: 70px;
		padding-top: 17px;
	}
	.flow .flow_item_wrap .flow_item .imagebox {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.flow .flow_item_wrap .flow_item .textbox .catch span.number {
		width: 60px;
		height: 60px;
		padding-top: 13px;
	}
}

/*---------------最新情報*/
.news {
	overflow: hidden;
}
.news .section_inner {
	max-width: 800px;
}
.news .news_header {
	margin-bottom: 40px;
}
.news .news_header .date {
	font-family: 'Quicksand', sans-serif;
}
.news .news_header .title {
	font-family: 'Kiwi Maru', serif;
	font-size: 2.4rem;
	font-weight: 600;
	border-bottom: 2px solid #0096ff;
	padding-bottom: 5px;
}
.news .news_contents .text {
	margin-bottom: 20px;
}
.news .news_contents figure {
	margin: 30px 0;
}
.news .news_contents a {
	text-decoration: underline;
}
.news .news_pagenation {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px auto 0;
}
.news .news_pagenation li {
	margin: 0 10px;
}
.news .news_pagenation li a {
	display: block;
	padding: 10px;
	width: 200px;
	background-color: #ffffff;
	border: 2px solid #ffe60a;
	color: #0077ff;
	border-radius: 5px;
	font-weight: 600;
	text-align: center;
	position: relative;
	transition: .2s;
}
.news .news_pagenation li a:hover {
	opacity: .7;
}
.news .news_pagenation li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
}
.news .news_pagenation li.pre a::after {
	border-bottom: 2px solid #0077ff;
	border-left: 2px solid #0077ff;
	top: 50%;
	left: 10px;
	transform: rotate(45deg) translateY(-50%);
}
.news .news_pagenation li.next a::after {
	border-bottom: 2px solid #0077ff;
	border-right: 2px solid #0077ff;
	top: 50%;
	right: 10px;
	transform: rotate(-45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
	.news .news_header {
		margin-bottom: 30px;
	}
	.news .news_header .title {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.news .news_contents figure {
		margin: 20px 0;
	}
	.news .news_pagenation li {
		margin: 0 10px 10px;
	}
	.news .news_pagenation li a {
		width: 140px;
	}
}


/*---------------最新情報一覧*/
.news_list .section_inner{
	max-width: 800px;
}
.news_list .dl_news_wrap {
	margin-bottom: 50px;
}
.news_list .dl_news_wrap .dl_news {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(44,61,131,0.3);
}
.news_list .dl_news_wrap .dl_news dt {
	width: 150px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
}
.news_list .dl_news_wrap .dl_news dd {
	width: calc(100% - 150px);
}
.news_list .dl_news_wrap .dl_news dd a {
	color: #333333;
}
.news_list .dl_news_wrap .dl_news dd a:hover {
	color: #0077ff;
}
.news_list .pager ul.pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.news_list .pager ul.pagination li {
	margin: 0 5px;
}
.news_list .pager ul.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 13px;
	text-align: center;
	color: #0077ff;
	background-color: #ffe60a;
	border-radius: 3px;
	transition: .2s;
}
.news_list .pager ul.pagination li a:hover,
.news_list .pager ul.pagination li a.active {
	background-color: #fff5a0;
}
.news_list .pager ul.pagination li.pre span.spshow,
.news_list .pager ul.pagination li.next span.spshow {
	display: none;
}
@media screen and (max-width: 768px) {
	.news_list .dl_news_wrap .dl_news {
		flex-direction: column;
	}
	.news_list .dl_news_wrap .dl_news dt {
		width: 100%;
		margin-bottom: 5px;
	}
	.news_list .dl_news_wrap .dl_news dd {
		width: 100%;
	}
	.news_list .pager ul.pagination li {
		display: none;
	}
	.news_list .pager ul.pagination li.pre,
	.news_list .pager ul.pagination li.next {
		display: block;
		width: 200px;
		margin: 5px;
	}
	.news_list .pager ul.pagination li.pre a,
	.news_list .pager ul.pagination li.next a {
		padding: 10px;
	}
	.news_list .pager ul.pagination li.pre span.spshow,
	.news_list .pager ul.pagination li.next span.spshow {
		display: inline-block;
		margin: 0 5px;
	}
}


/*---------------よくあるご質問*/
#faq.page-title-out .page-title-text h3 {
	background-image: url("../img/faq/ic_pagetitle.png");
}
.faq {
	overflow: hidden;
}
.faq .list_q_wrap {
	max-width: 800px;
	margin: 0 auto 60px;
}
.faq .list_q_wrap ul.list_q li {
	border-bottom: 1px dashed #cccccc;
	position: relative;
}
.faq .list_q_wrap ul.list_q li::after {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-image: url("../img/common/arrow_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.faq .list_q_wrap ul.list_q li a {
	display: block;
	color: #0077ff;
	padding: 15px 40px 15px 10px;
	transition: .2s;
}
.faq .list_q_wrap ul.list_q li a:hover {
	background-color: #fffad9;
}
.faq .faq_box {
	border-bottom: 3px dashed #cfe2ff;
	padding: 0 30px 10px;
	max-width: 800px;
	margin: 0 auto 40px;
}
.faq .faq_box .item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 30px;
}
.faq .faq_box .item.item_a {
	flex-direction: row-reverse;
}
.faq .faq_box .item .item-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-position: center center;
	background-size: contain;
}
.faq .faq_box .item.item_q .item-img {
	background-color: #d2eeff;
}
.faq .faq_box .item.item_a .item-img {
	background-color: #fff383;
}
.faq .faq_box .item.item_q .item-img.q01 {
	background-image: url("../img/faq/ic_q01.png");
}
.faq .faq_box .item.item_q .item-img.q02 {
	background-image: url("../img/faq/ic_q02.png");
}
.faq .faq_box .item.item_q .item-img.q03 {
	background-image: url("../img/faq/ic_q03.png");
}
.faq .faq_box .item.item_q .item-img.q04 {
	background-image: url("../img/faq/ic_q04.png");
}
.faq .faq_box .item.item_a .item-img {
	background-image: url("../img/faq/ic_a.png");
}
.faq .faq_box .item .item-text {
	width: calc(100% - 140px);
	padding: 20px 30px;
	border-radius: 10px;
	position: relative;
}
.faq .faq_box .item.item_q .item-text {
	background-color: #c0eaff;
}
.faq .faq_box .item.item_q .item-text::before {
	content: "";
	display: block;
	border-right: 15px solid #c0eaff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 20px;
	left: -15px;
}
.faq .faq_box .item.item_a .item-text {
	background-color: #fffab4;
}
.faq .faq_box .item.item_a .item-text::before {
	content: "";
	display: block;
	border-left: 15px solid #fffab4;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 20px;
	right: -15px;
}
.faq .faq_box .item .item-text .question {
	font-weight: 600;
	letter-spacing: 0.1em;
}
.faq .faq_box .item .item-text .answer {
	line-height: 1.8;
}
.faq .faq_box .item .item-text .link_text {
	text-decoration: underline;
}
.faq .section_inner.inner02 {
	margin-top: 60px;
}
@media screen and (max-width: 768px) {
	.faq .faq_box .item .item-img {
		width: 80px;
		height: 80px;
	}
	.faq .faq_box .item .item-text {
		width: calc(100% - 110px);
		padding: 20px;
	}
}


/*---------------プラン一覧*/
.plan {
	overflow: hidden;
}
.plan .img_aboutplan {
	max-width: 1000px;
	margin: 0 auto 50px;
}
.plan .basic_matters {
	max-width: 1000px;
	margin: 0 auto 50px;
	padding: 40px;
	background-color: #d7f0ff;
	border-radius: 10px;
}
.plan .basic_matters ul.basic_matters_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.plan .basic_matters ul.basic_matters_list li {
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 10px;
}
.plan .basic_matters ul.basic_matters_list li:last-child {
	width: 100%;
	margin: 30px 0 0;
}
.plan .basic_matters ul.basic_matters_list li .catch2 {
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}
.plan .basic_matters ul.basic_matters_list li dl.start_area  {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dashed #dddddd;
}
.plan .basic_matters ul.basic_matters_list li dl.start_area:first-of-type{
	border-top: 1px dashed #dddddd;
}
.plan .basic_matters ul.basic_matters_list li dl.start_area dt {
	width: 90px;
	font-weight: 600;
}
.plan .basic_matters ul.basic_matters_list li dl.start_area dd {
	width: calc(100% - 90px);
	padding-left: 20px;
}
@media screen and (max-width: 768px) {
	.plan .img_aboutplan {
		margin: 0 auto 30px;
	}
	.plan .basic_matters {
		margin: 0 auto 20px;
		padding: 30px;
	}
	.plan .basic_matters ul.basic_matters_list {
		flex-direction: column;
	}
	.plan .basic_matters ul.basic_matters_list li {
		width: 100%;
		padding: 20px;
		margin-bottom: 10px;
	}
	.plan .basic_matters ul.basic_matters_list li:last-child {
		margin: 0;
	}
	.plan .basic_matters ul.basic_matters_list li dl.start_area dt {
		width: 70px;
	}
	.plan .basic_matters ul.basic_matters_list li dl.start_area dd {
		width: calc(100% - 70px);
	}
}
@media screen and (max-width: 480px) {
	.plan .basic_matters {
		padding: 20px;
	}
	.plan .basic_matters ul.basic_matters_list li dl.start_area dt {
		width: 100%;
		margin-bottom: 5px;
	}
	.plan .basic_matters ul.basic_matters_list li dl.start_area dd {
		width: 100%;
		padding-left: 0;
	}
}
.plan .text_aboutplan {
	max-width: 1000px;
	margin: 0 auto 30px;
}

.plan .planbox {
	max-width: 1000px;
	padding: 40px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 0 auto 40px;
}
.plan .planbox .plan_title {
	font-size: 2rem;
	font-weight: 600;
	padding-left: 15px;
	border-left: 7px solid #0077ff;
	margin-bottom: 10px;
}
.plan .planbox ul.plan_icon {
	display: flex;
	flex-wrap: wrap;
}
.plan .planbox ul.plan_icon li {
	width: auto;
	margin: 0 10px 10px 0;
}
.plan .planbox ul.plan_icon li span {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 600;
	padding: 0 10px 0 35px;
	position: relative;
}
.plan .planbox ul.plan_icon li span::before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 5px;
}
.plan .planbox ul.plan_icon li.season span::before {
	background-image: url("../img/plan/ic_calendar.png");
}
.plan .planbox ul.plan_icon li.season span.all {
	border: 2px solid #cccccc;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.season span.spring {
	border: 2px solid #ffa0c8;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.season span.autmn {
	border: 2px solid #a05000;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.season span.winter {
	border: 2px solid #96aaff;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.gourmet span {
	border: 2px solid #ffa022;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.gourmet span::before {
	background-image: url("../img/plan/ic_gourmet.png");
}
.plan .planbox ul.plan_icon li.temples span {
	border: 2px solid #af0028;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.temples span::before {
	background-image: url("../img/plan/ic_temples.png");
}
.plan .planbox ul.plan_icon li.view span {
	border: 2px solid #00a0ff;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.view span::before {
	background-image: url("../img/plan/ic_view.png");
}
.plan .planbox ul.plan_icon li.indoor span {
	border: 2px solid #c3aaff;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.indoor span::before {
	background-image: url("../img/plan/ic_indoor.png");
}
.plan .planbox ul.plan_icon li.nature span {
	border: 2px solid #00e696;
	background-color: #ffffff;
}
.plan .planbox ul.plan_icon li.nature span::before {
	background-image: url("../img/plan/ic_nature.png");
}

.plan .planbox .planbox_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.plan .planbox .planbox_inner .imagebox {
	width: 280px;
}
.plan .planbox .planbox_inner .imagebox .plan_detail {
	padding-top: 10px;
	margin-top: 10px;
	border-top: none;
}
.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail {
	margin-bottom: 10px;
}
.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail dt {
	width: 100%;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 1.3rem;
	background-color: #d2eaf9;
}
.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail dd {
	width: 100%;
	padding: 5px 10px;
	padding-left: 10px;
	font-size: 1.3rem;
}
.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail dd span.price {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 600;
	min-width: 100px;
	margin-left: 10px;
	text-align: right;
}

.plan .planbox .planbox_inner .textbox {
	width: calc(100% - 280px);
	padding-left: 40px;
}
.plan .planbox .planbox_inner .textbox .plan_point {
	margin-top: 10px;
}
.plan .planbox .planbox_inner .textbox .plan_point span.plan_pointtitle {
	display: block;
	position: relative;
	padding-left: 1.5em;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 5px;
}
.plan .planbox .planbox_inner .textbox .plan_point span.plan_pointtitle::before {
	font-family: 'Material Icons';
  content: "loyalty";
	position: absolute;
	left: 0;
	top: 2px;
	color: #0077ff;
}
.plan .planbox .planbox_inner .textbox .dl_plan {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.plan .planbox .planbox_inner .textbox .plan_schedule {
	margin-top: 20px;
}
.plan .planbox .planbox_inner .textbox .plan_schedule .plan_scheduletitle {
	position: relative;
	padding-left: 1.5em;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.plan .planbox .planbox_inner .textbox .plan_schedule .plan_scheduletitle::before {
	font-family: 'Material Icons';
  content: "schedule";
	position: absolute;
	left: 0;
	top: 0;
	color: #0077ff;
}
.plan .planbox .planbox_inner .textbox .dl_plan dt {
	width: 100px;
	position: relative;
}
.plan .planbox .planbox_inner .textbox .dl_plan dt::after{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% + 10px);
	background-color: #cccccc;
	position: absolute;
	top: 0;
	right: 0;
}
.plan .planbox .planbox_inner .textbox .dl_plan dd{
	width: calc(100% - 100px);
	padding-left: 30px;
}
.plan .planbox .planbox_inner .textbox .dl_plan dd span.lunch {
	display: inline-block;
	font-weight: 600;
	background-color: #ffe60a;
	padding: 0 10px 0 11px;
	border-radius: 3px;
	margin-right: 10px;
}
@media screen and (max-width: 768px) {
	.plan .planbox {
		margin-bottom: 30px;
		padding: 30px;
	}
	.plan .planbox .plan_title {
		font-size: 1.8rem;
	}
	.plan .planbox .planbox_inner {
		flex-direction: column;
	}
	.plan .planbox .planbox_inner .imagebox {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.plan .planbox .planbox_inner .imagebox .image {
		width: 48%;
	}
	.plan .planbox .planbox_inner .imagebox .plan_detail {
		width: 52%;
		padding: 0 0 0 20px;
		margin-top: 0;
	}
	.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail dt {
		font-size: 1.3rem;
	}
	.plan .planbox .planbox_inner .imagebox .plan_detail .dl_detail dd span.price {
		display: inline-block;
		font-size: 1.6rem;
		min-width: 80px;
	}
	.plan .planbox .planbox_inner .textbox {
		width: 100%;
		padding-left: 0;
		margin-top: 10px;
	}
	.plan .planbox .planbox_inner .textbox .plan_point span.plan_pointtitle {
		font-size: 1.6rem;
	}
	.plan .planbox .planbox_inner .textbox .plan_schedule .plan_scheduletitle {
		position: relative;
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 480px) {
	.plan .planbox .planbox_inner .imagebox {
		flex-direction: column;
	}
	.plan .planbox .planbox_inner .imagebox .image {
		width: 100%;
	}
	.plan .planbox .planbox_inner .imagebox .plan_detail {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.plan .planbox .planbox_inner .textbox {
		margin-top: 0;
	}
	.plan .planbox .planbox_inner .textbox .dl_plan dt {
		width: 80px;
	}
	.plan .planbox .planbox_inner .textbox .dl_plan dd {
		width: calc(100% - 80px);
		padding-left: 20px;
	}
}

.tra-bannar{
	width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	grid-row-gap: 20px;
}
.tra-bannar a:link{
	display: block;
	width: 100%;
}
.tra-bannar a:hover{
	opacity: 0.8;
}
@media screen and (max-width: 768px) {
	.tra-bannar{
		max-width: 390px;
		display: block;
	}
}
/* 全国バリアフリー旅行相談窓口 */
#imagepap{
	width: 1160px;
	margin: 0 auto;
	padding-top: 90px;
	position: relative;
}
@media screen and (max-width: 768px) {
	#imagepap{
		padding-top: 70px;
		width: 80%;
	}
}
#imagepap .hokkaido,#imagepap .tohoku,#imagepap .kanto,#imagepap .chyubu,#imagepap .kinki,#imagepap .chyugoku,#imagepap .shikoku,#imagepap .kyushyu,#imagepap .okinawa{
	width: 196px;
	position: absolute;
	padding: 5px 0 0 5px;
	transition: all 0.3s;
}
#imagepap .hokkaido.label{
	top: 12%;
    left: 56%;
}
#imagepap .tohoku.label{
	top: 43%;
    left: 75%;
}
#imagepap .kanto.label{
	top: 63%;
    left: 68%;
}
#imagepap .chyubu.label{
	top: 40%;
    left: 44%;
}
#imagepap .kinki.label{
	top: 77%;
    left: 46%;
}
#imagepap .chyugoku.label{
	top: 50%;
	left: 24%;
}
#imagepap .shikoku.label{
	top: 81%;
    left: 27%;
}
#imagepap .kyushyu.label{
	top: 73%;
	left: 0%;
}
#imagepap .okinawa.label{
	top: 92%;
	left: 79%;
}
@media screen and (max-width: 768px) {
	#imagepap .hokkaido,#imagepap .tohoku,#imagepap .kanto,#imagepap .chyubu,#imagepap .kinki,#imagepap .chyugoku,#imagepap .shikoku,#imagepap .kyushyu,#imagepap .okinawa{
		width: 20%;
		padding: 0;
	}
	#imagepap .hokkaido.label{
		top: 17%;
		left: 53%;
	}
	#imagepap .tohoku.label{
		top: 46%;
		left: 76%;
	}
	#imagepap .kanto.label{
		top: 67%;
		left: 69%;
	}
	#imagepap .chyubu.label{
		top: 44%;
		left: 41%;
	}
	#imagepap .kinki.label{
		top: 80%;
		left: 46%;
	}
	#imagepap .chyugoku.label{
		top: 54%;
		left: 21%;
	}
	#imagepap .shikoku.label{
		top: 89%;
		left: 25%;
	}
	#imagepap .kyushyu.label{
		top: 78%;
		left: -5%;
	}
	#imagepap .okinawa.label{
		top: 92%;
		left: 79%;
	}
}
#imagepap .on{
	width: 206px!important;
	padding: 0!important;
}
@media screen and (max-width: 768px) {
	#imagepap .on{
		width: 20%!important;
		padding: 0!important;
	}
}
#consultation .tation_title{
	width: 1160px;
	margin: 0 auto;
	padding-top: 90px;
}

@media screen and (max-width: 768px) {
	#consultation .tation_title{
		padding-top: 70px;
		width: 100%;
	}
}
#prelist{
	width: 1160px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 90px 0;
}
@media screen and (max-width: 768px) {
	#prelist{
		width: 90%;
	}
}
#prelist .hokkaido-line{
	border-bottom: 2px solid #3867C6;
}
#prelist .tohoku-line{
	border-bottom: 2px solid #25ABE5;
}
#prelist .kanto-line{
	border-bottom: 2px solid #28AA21;
}
#prelist .chyubu-line{
	border-bottom: 2px solid #ADCE36;
}
#prelist .kinki-line{
	border-bottom: 2px solid #EDC82B;
}
#prelist .chyugoku-line{
	border-bottom: 2px solid #FF8FDF;
}
#prelist .shikoku-line{
	border-bottom: 2px solid #F79411;
}
#prelist .kyushyu-line{
	border-bottom: 2px solid #F9417A;
}
#prelist .okinawa-line{
	border-bottom: 2px solid #F98080;
}
#prelist .line-padding{
	padding: 90px 0 0 0;
}
@media screen and (max-width: 768px) {
	#prelist .line-padding{
		padding: 70px 0 0 0;
	}
}
#prelist .ravel{
	display: block;
	width: 196px;
	font-size: 30px;
	text-align: center;
	line-height: 43px;
	color: #FFFFFF;
	font-weight: normal;
	border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 768px) {
	#prelist .ravel{
		width: 150px;
		font-size: 24px;
		line-height: 37px;
	}
}
#prelist .hokkaido-line .ravel{
	background-color: #3867C6;
}
#prelist .tohoku-line .ravel{
	background-color: #25ABE5;
}
#prelist .kanto-line .ravel{
	background-color: #28AA21;
}
#prelist .chyubu-line .ravel{
	background-color: #ADCE36;
}
#prelist .kinki-line .ravel{
	background-color: #EDC82B;
}
#prelist .chyugoku-line .ravel{
	background-color: #FF8FDF;
}
#prelist .shikoku-line .ravel{
	background-color: #F79411;
}
#prelist .kyushyu-line .ravel{
	background-color: #F9417A;
}
#prelist .okinawa-line .ravel{
	background-color: #F98080;
}
#prelist .listwrap{
	width: 1160px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}
@media screen and (max-width: 768px) {
	#prelist .listwrap{
		width: 100%;
		gap: 20px 4%;
	}
}
#prelist .bannar{
	max-width: 366px;
	width: 100%;
	opacity: 1;
	transition: all 0.3s;
}
#prelist .bannar:hover{
	opacity: 0.7;
}
@media screen and (max-width: 768px) {
	#prelist .bannar{
		width: 48%;
	}
}
.pagetop{
	position: fixed;
	z-index: 9999;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
}