@charset "utf-8";

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

	グローバル

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

body { min-width: 0px; font-size: 0.8em;}

.ta_right-s_center { text-align: center;}
.ta_left-s_center { text-align: center;}
.ta_center-s_left { text-align: left;}

/* ボックス */
.container { width: 100%;}

.hidden_s { display: none !important;}

/* margin */
.mb40-20 { margin-bottom: 20px !important;}
.mb60-30 { margin-bottom: 30px !important;}
.mb80-40 { margin-bottom: 40px !important;}
.mb100-60 { margin-bottom: 60px !important;}
.mb120-60 { margin-bottom: 60px !important;}
.mb120-80 { margin-bottom: 80px !important;}
.mb160-80 { margin-bottom: 80px !important;}

/* ------------------------
	ヘッダー
------------------------ */

.header:before { bottom: -40px; background-size: 120% auto;}
.header .box01.pos_ab { position: static; padding: 5px 10px 0px;}
.header .box02.mb40 { display: block; margin-bottom: 5px !important;}
.header .box02 > div:first-child { width: auto;}
.header h1.fo07 { font-size: 0.65em !important;}
.header .logo img { width: auto; height: 40px;}

.mainimage { height: auto; padding: 10% 15% 35%;}
.mainimage .img01 { width: 20%; top: 7%; left: -4%; margin-left: 0px;}
.mainimage .img02 { width: 20%; top: 7%;; right: -4%; margin-right: 0px;}

.mainimage.under { height: auto; padding: 5% 15% 7%;}

/* ------------------------
	グローバルナビ
------------------------ */

/* ハンバーガーメニュー */
.humberger {
	background: #ffac2e;
	cursor: pointer;
	display: block;
	position: fixed;
	top: 8px;
	right: 8px;
	width: 50px;
	height: 50px;
	z-index: 10001;
}
.humberger span {
	background: #fff;
	border-radius: 15px;
	position: absolute;
	left: 10px;
	width: 30px;
	height: 3px;
	transition: 0.4s;
}
.humberger span:nth-of-type(1) { top: 9px;}
.humberger span:nth-of-type(2) { top: 17px;}
.humberger span:nth-of-type(3) { top: 25px;}
.humberger:after {
	color: #fff;
	content: 'MENU';
	display: block;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	transition: 0.4s;
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
}
.is-open .humberger:after { content: 'CLOSE';}
.is-open .humberger span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
	  -ms-transform: translateY(6px) rotate(-45deg);
		  transform: translateY(6px) rotate(-45deg);
}
.is-open .humberger span:nth-of-type(2) { opacity: 0;}
.is-open .humberger span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
	  -ms-transform: translateY(-10px) rotate(45deg);
		  transform: translateY(-10px) rotate(45deg);
}
/* ナビ本体 */
.sp-navi {
	-webkit-text-size-adjust: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
.sp-navi.is-open .sp-navi-inner { transform: translate3d(0, 0, 0);}
.sp-navi .sp-navi-inner {
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	width: 100%;
	transition: .5s;
	transform: translate3d(100%, 0, 0);
	z-index: 10;
	padding: 15px 0px 30px;
}
.sp-navi .sp-navi-inner .navi-main { margin: 0 0 30px;}
.sp-navi .sp-navi-inner .navi-main > li {
	border-bottom: 1px solid #ddd;
	position: relative;
}
.sp-navi .sp-navi-inner .navi-main > li:before {
	background: #ffac2e;
	content: "";
	height: 3px;
	width: 8px;
	position: absolute;
	left: 10px;
	top: 23px;
}
.sp-navi .sp-navi-inner .navi-main > li:first-child { border-top: 1px solid #ddd;}
.sp-navi .sp-navi-inner .navi-main > li > a, .sp-navi .sp-navi-inner .navi-main > li > span {
	display: block;
	padding: 10px 10px 10px 30px;
	overflow: hidden;
	line-height: 1.3em;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
}
.sp-navi .open_btn { position: absolute; top: 0px; right: 0px; height: 38px; background-color: #F9F0DA; width: 40px; line-height: 36px; font-size: 20px; text-align: center; cursor: pointer;}
.sp-navi .open_btn:after { content: "+";}
.sp-navi .open_btn.open:after { content: "-";}
.sp-navi .sp-navi-inner .navi-main > li ul { display: none;}
.sp-navi .sp-navi-inner .navi-main > li ul li { border-top: 1px dashed #ddd; width: 100%; position: relative;}
.sp-navi .sp-navi-inner .navi-main > li ul li a {
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 9px 10px 9px 50px;
	position: relative;
	text-decoration: none;
	background-color: #fafafa;
}
.sp-navi .sp-navi-inner .navi-main > li ul li a:before {
	background: #ffac2e;
	content: "";
	height: 1px;
	width: 10px;
	position: absolute;
	left: 26px;
	top: 19px;
}

.sp-navi .logo { padding: 0px 10px;}
.sp-navi .logo img { width: auto; height: 40px;}

.sp-navi .list01 { display: flex; justify-content: center; padding: 0px 10px; flex-wrap: wrap;}
.sp-navi .list01 li { width: 46%; margin: 0px 1% 5px; max-width: 182px;}

.sp-navi .list_sns h3 { padding: 0px 30%;}
.sp-navi .list_sns li { width: 35px;}

/* ------------------------
	フッター
------------------------ */

.footer { background-size: 120% auto; background-position: center 101%;}

.footer .list01 li { width: 46%; margin: 0px 2% 15px; max-width: 280px;}
.footer .list01 li:nth-child(n+3) { margin-bottom: 0px;}
.footer .list02 { display: block;}
.footer .list02 > li:first-child { margin-right: 0px; padding: 0px 10% 30px;}
.list_sns h3 img { width: 150px;}
.list_sns li { width: 35px;}
.footer .list03 li:first-child { margin: 0px 15% 20px;}
.footer .list03 li:not(:first-child) { width: 47%; margin: 0px 1.5%; font-size: 0.9em;}

.footer .box01 { flex-wrap: wrap;}
.footer .box01 > div { width: 100%;}
.footer .logo { padding: 0px 15% 30px;}
.footer .box01 > ul { margin: 0px 15px 15px 0px; font-size: 0.9em;}
.footer .box01 > ul br { display: none;}

.pagetop { width: 45px; right: 10px; padding-bottom: 10px;}



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

	トップページ

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

.top_sec01 h2 { font-size: 1.15em; padding: 8px 40px; position: relative;}
.top_sec01 .bx-wrapper { padding: 0px 35px;}
.top_sec01 .bx-controls-direction a { width: 30px; height: 30px; background-size: 100% 100%;}
.top_sec01 .bx-controls-direction .bx-prev { left: -5px;}
.top_sec01 .bx-controls-direction .bx-next { right: -5px;}

.top_subttl { font-size: 1.25em;}

.top_sec02 li { margin: 0px 5px;}
.top_sec02 .pos_ab { position: static;}
.top_sec02 .img_box { display: flex; justify-content: center; align-items: center;}

.top_sec03 h2 { font-size: 1.9em;}
.top_sec03 ul { flex-wrap: wrap;}
.top_sec03 li { width: 47%; margin: 0px 1.5% 40px;}
.top_sec03 li:nth-child(4) { display: block;}
.top_sec03 li .pos_ab, .top_sec04 .art figure .pos_ab { width: 35px; left: 5px;}

.top_sec04 { display: block;}
.top_sec04 section { width: auto;}
.top_sec04 h2 { font-size: 1.8em;}
.top_sec04 .art figure { width: 37%;}
.top_sec04 .art .box { width: 60%;}

.top_box h2, .top_sec06 h2 { font-size: 1.75em;}
.top_box .box { padding-top: 0px;}
.top_box li { margin-bottom: 10px;}

.top_box.left_img .box { padding: 0px !important; margin-bottom: 15px;}
.top_box.left_img .img01 { position: static; margin: 0px !important;}
.top_box h2.mb40 { margin-bottom: 20px !important;}

.top_sec05 { margin-top: 0px;}
.top_sec05 .box h2 { margin-top: 0px;}
.top_sec05 .img02 { right: -20px; top: -30px;}
.top_sec07 { min-height: 0px;}

.top_sec08 h2 { font-size: 1.8em;}
.top_sec08 ul { flex-wrap: wrap;}
.top_sec08 li { width: 46%; margin: 0px 2% 40px;}
.top_sec08 li .pos_ab { width: 35px; left: 5px;}
.top_sec08 .bg01 { left: -50px; bottom: 100px; z-index: -1;}
.top_sec08 .bg02 { right: -80px; top: 35%; z-index: -1;}

.top_sec09 ul { display: block;}
.top_sec09 li { width: auto; margin-bottom: 40px;}
.top_sec09 li:not(:first-child) { border-left: none;}
.top_sec09 li figure { padding: 0px 10%;}
.top_sec09 li a { padding: 0px;}
.top_sec09 .bg02 { top: auto; bottom: 10%;}


@media only screen and (max-width: 640px) {
	.top_sec02 .show_sp, .top_sec03 .show_sp { display: inline;}
	
	.cat_wrap p { width: 100%;}

	.top_box .list_wrap { display: block;}
	.top_box .list_wrap ul { width: auto;}
	.top_box li br { display: none;}
	
	.top_sec06 h2.mb40 { margin-bottom: 25px !important;}
	.top_sec06 ul { margin: 0px -1%; font-size: 0.9em;}
	.top_sec06 li { width: 47%; margin: 0px 1.5% 20px; max-width: 210px;}
	.top_sec06 li:last-child { padding: 0px 11%; align-self: center;}
	.top_sec06 li:last-child img { margin-top: 0px;}
}



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

	下層ページ

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

.more_btn a span { padding: 10px 30px 10px 15px;}
.more_btn a span:after { right: 15px; width: 10px; height: 10px;}

.pagettl img { width: 40px; height: auto;}
.pagettl h2 { font-size: 1.8em;}

.breadcrumb { line-height: 12px; margin-bottom: 10px;}
.breadcrumb > span:first-child { background-size: auto 13px; padding-left: 18px;}
.breadcrumb > span:not(:first-child) { background-size: auto 9px; padding-left: 10px;}

.heading_leftborder { font-size: 1.4em; padding-left: 20px;}

.heading_middle { font-size: 1.4em;}

.heading_circle02 { padding-left: 22px;}
.heading_circle02:before { width: 15px; height: 15px; top: 0.25em;}

@media only screen and (max-width: 640px) {
	.pagettl.mb100-60 { margin-bottom: 40px !important;}
	.pagettl h2 { font-size: 5.4vw; letter-spacing: -0.02em;}
}


/* ------------------------
	service
------------------------ */

.ser_wrap { margin-top: 0px;}

.ser_nav .sec01 { display: block;}
.ser_nav .sec01 > * { width: auto !important;}
.ser_nav h3.mb30 { font-size: 1.7em; margin-bottom: 20px !important;}
.ser_nav li { margin-bottom: 10px;}
.ser_nav .sec01 figure { padding: 0px 15% 0px 7%;}
.ser_nav .sec01 img { margin: 0px;}
.ser_nav .sec02 a { background-size: 1em auto; background-position: left 0.1em; padding-left: 1.3em; display: inline-block;}
.ser_nav .sec02 ul:first-child { margin-right: 2.5em;}

.ser_btmline > span { font-size: 1.8em;}
.ser_btmline > span:before { width: 25px; margin: -45px 0px 0px -35px;}

.ser_wrap .heading_leftborder { font-size: 1.5em; padding-left: 15px;}
.ser_wrap .heading_leftborder:before { width: 8px;}
.ser_wrap section { margin-top: -40px; padding-top: 40px;}
.ser_wrap .table_box th { min-width: 0px;}

.ser_wrap .text01 { font-size: 1.3em; margin-top: -40px;}

.ser_box { display: block;}
.ser_box .box_inner { width: auto;}
.ser_box figure img { margin: 0px !important; max-width: 100% !important;}

.ser_wrap .box02 { padding: 1em;}
.ser_wrap .box02:before { width: 45px; left: -15px; top: -40px;}
.ser_wrap .box02:after { right: -10px; width: 45px;}

.ser_sec01 figure { padding: 15px 10% 0px 13%;}
.ser_sec02 figure { padding: 10px 10% 0px 3%;}
.ser_sec03 figure { padding: 10px 0px 0px 7%;}
.ser_sec04 figure { padding: 10px 0px 0px 10%;}
.ser_sec05 figure { padding: 10px 8% 0px 10%;}
.ser_sec06 .sec01 figure { padding: 10px 5% 0px 13%;}
.ser_sec06 .sec02 figure { padding: 10px 0px 0px 12%;}
.ser_sec07 figure { padding: 10px 0px 0px 10%;}
.ser_sec08 figure { padding: 10px 1% 0px 10%;}
.ser_sec09 figure { padding: 10px 5% 0px 6%;}
.ser_sec10 figure { padding: 10px 15% 0px 13%;}
.ser_sec11 .right_img figure { padding: 10px 10% 0px 11%;}
.ser_sec11 .left_img figure { padding: 10px 5% 0px 11%;}

@media only screen and (max-width: 640px) {
	.ser_nav h3 .show_sp, .ser_wrap .text01 .show_sp { display: inline;}
	.ser_nav .sec02 .box { display: block;}
	.ser_nav .sec02 ul:first-child { margin-right: 0px;}
	
	.ser_btmline .show_sp { display: inline;}
	.ser_sec03 .ser_btmline span:before { bottom: -10px;}
	.ser_sec05 .ser_btmline span:before { bottom: -10px; margin-left: -90px;}
	.ser_sec06 .more_btn.mb60 { margin-bottom: 40px !important;}
	.ser_sec10 .ser_btmline span:before { margin-top: -60px;}
	.ser_sec11 .ser_btmline span:before { margin-left: -60px; bottom: -10px;}
}


/* ------------------------
	program
------------------------ */

.pro_nav { margin-top: -40px;}
.pro_nav li { margin-bottom: 10px;}

.pro_text01 { font-size: 1.15em;}

.pro_sec .box01 { display: block;}
.pro_sec .box01 > .box_inner:first-child, .pro_sec .box01 > .box_inner:last-child { width: auto;}
.pro_sec img { max-width: 100%;}
.pro_sec .box01 figure { padding: 0px 10%;}

.pro_sec01 figure img { margin-top: 0px;}
.pro_sec01 .text_box p { font-size: 1.4em;}

.pro_sec07 .ser_btmline span:before,
.pro_sec08 .ser_btmline span:before { margin: 0px 10px -5px -20px;}

.pro_sec09 .ser_btmline span:before,
.pro_sec11 .ser_btmline span:before { margin: -20px 0px 0px -35px;}

.pro_sec13 .ser_btmline span:before { margin: -20px 0px 0px -60px;}

@media only screen and (max-width: 640px) {
	.pro_nav { display: block;}
	.pro_nav ul { width: auto;}

}


/* ------------------------
	feature
------------------------ */

.feature_sec01 h3 { font-size: 4.5vw;}
.feature_sec01 .box { display: block;}
.feature_sec01 .box_inner { width: auto; margin-bottom: 30px;}

.feature_sec01 h4 { font-size: 1.5em;}
.feature_sec01 h4:before { background-size: 80px auto; width: 80px;}

@media only screen and (max-width: 640px) {
	.feature_sec01 h3 { font-size: 1.8em;}
	.feature_sec01 h3 .show_sp { display: inline;}
}


/* ------------------------
	homestay
------------------------ */

.home_wrap { margin-top: -30px; padding-top: 0px;}

.home_sec01 section { display: block;}
.home_sec01 .box_inner { width: auto;}
.home_sec01 .box01 figure { padding-left: 10%;}
.home_sec01 .box02 figure { padding-right: 8%; margin-bottom: 20px;}
.home_sec01 .box01 figure img, .home_sec01 .box02 figure img { margin: auto; width: auto; max-width: 100%;}
.home_sec01 .box02 figure img { margin-top: -50px;}

.home_sec01 nav li:first-child { margin-right: 10px;}
.home_sec01 .btn_area a { font-size: 1.2em; background-size: auto 32px, auto 25px; line-height: 32px; padding: 0px 20px 0px 42px;}

.home_box { padding-top: 70px;}
.home_box:before { height: 80px; top: -25px;}
.home_box .box01 { padding: 30px 15px;}
.home_box h3 { font-size: 2.2em;}
.home_box h3:after { width: 35px;}

.home_box .table_wrap .box_inner { width: 52%; margin-left: 0px;}
.home_box .table_wrap figure { width: 45%; align-self: center;}
.home_box .post_wrap h4 { font-size: 1.6em;}

.home_sec02 h3 .pos_ab { width: 120px; margin: -40px 0px 0px -120px;}
.home_sec02 .table_wrap img, .home_sec03 .table_wrap img { max-width: 100%; width: auto; margin-left: auto;}

.home_sec03 .table_wrap figure { align-self: flex-start;}
.home_sec03 h3 .pos_ab { width: 100px; margin: -40px 0px 0px -100px;}

.home_sec04 h3 { font-size: 1em !important;}
.home_sec04 h3 span { line-height: 30px; padding-left: 48px;}
.home_sec04 h3 .pos_ab { width: 120px; margin: -50px 0px 0px -130px;}
.home_sec04 h3:before { height: 30px;}
.home_sec04 h3:after { width: 45px;}
.home_sec04 .list_wrap { width: calc(100% - 360px);}
.home_sec04 .box_inner { width: 360px;}
.home_sec04.home_box table, .home_sec04.home_box th, .home_sec04.home_box td { border-color: #78c12b;}
.home_sec04.home_box th { background-color: #78c12b;}

.home_text > span { font-size: 1.6em; line-height: 1.4; background-size: 20px auto; padding: 10px 20px; margin-top: -30px;}

@media only screen and (max-width: 640px) {
	.home_sec01 .btn_area a { line-height: 1.4;}
	.home_sec01 .btn_area a .show_sp { display: inline;}

	.home_box h3 { font-size: 1.8em; letter-spacing: -0.015em;}
	.home_box h3.mb50 { margin-bottom: 30px !important;}
	.home_box h3:after { width: 30px;}
	.home_box .table_wrap { display: block;}
	.home_box .table_wrap .box_inner, .home_box .table_wrap figure { width: auto;}
	.table_wrap figure { padding: 0px 7%;}
	
	.home_sec02 h3 .pos_ab { width: 100px; margin: -55px 0px 0px -50px;}
	.home_sec02 p.mb40 { margin-bottom: 25px !important;}

	.home_sec03 h3 .pos_ab { width: 80px; margin: -45px 0px 0px -50px;}
	
	.home_sec04 h3.mb40 { margin-bottom: 25px !important;}
	.home_sec04 h3 .pos_ab { width: 100px; margin: -60px 0px 0px -20px;}
	.home_sec04 .list_wrap, .home_sec04 .box_inner { width: auto;}
	.home_sec04 .list_wrap { margin-top: 0px;}
	
	.home_text > span { font-size: 4.3vw;}
}


/* ------------------------
	flow
------------------------ */

.flow_over { margin-top: -10px;}
.flow_wrap h3 { font-size: 2em;}
.flow_wrap h3:after { background-size: 100% auto; width: 60px;}

.flow_sec { display: block;}
.flow_sec .box01, .flow_sec > figure { width: auto;} 
.flow_sec > figure { padding: 10px 8% 0px 13%;}
.flow_sec > figure img, .flow_sec06 .box02 > figure img { max-width: 100% !important; width: auto !important; margin: auto !important;}
.flow_sec .arrow { padding: 10px;}
.flow_sec .arrow img { width: 20px; height: auto;}

.flow_box .step_dl { padding: 8px 1em;}
.flow_box .step_dl dt { width: 85px;}
.flow_box .step_dl dt span { width: 70px;}
.flow_box .box_inner { padding: 10px 1em;}

.flow_sec01 .text01 { margin-right: 0px;}

.flow_sec02 .box02:before { width: 50px; left: -10px;}
.flow_sec02 .box02:after {width: 45px; right: -10px; bottom: -50px;}

.flow_sec04 .flow_sec > figure { padding: 10px 9% 0px 0%}

.flow_sec06 .flow_sec { margin-top: 0px;}
.flow_sec06 .box02 { display: block;}
.flow_sec06 .box02 .box_inner { width: auto; padding: 0px 1em 1.5em;}
.flow_sec06 .box02 h4.mb10 { margin-bottom: 5px !important;}
.flow_sec06 .box02 figure { padding: 0px 13%;}

/* ------------------------
	company
------------------------ */

.com_sec01 h3 { font-size: 5vw;}

.com_box figure { width: 35%;}
.com_box .box_inner { width: 62%;}

.com_sec05 .box { padding-left: 0px;}
.com_sec05 .box_inner { width: 62%; padding-top: 0px;}
.com_sec05 figure { width: calc(35% + 50px);}
.com_sec05 figure img { margin: -10px -50px 0px 0px;}

@media only screen and (max-width: 640px) {
	.com_sec01 h3 { font-size: 6.5vw;}
	.com_sec01 h3 .show_sp { display: inline;}

	.com_box, .com_sec05 .box { display: block;}
	.com_box figure, .com_box .box_inner, .com_sec05 .box_inner, .com_sec05 figure { width: auto;}
	.com_box figure { padding: 5px 7% 0px;}
	.com_sec05 figure { padding: 0px 3%;}
}


/* ------------------------
	faq
------------------------ */

.faq_nav a { height: 130px; background-size: cover !important;}
.faq_nav a span { border-radius: 7px; width: 90%; padding: 6px 2px;}

.faq_sec { padding-top: 50px;}
.faq_sec h3 span { font-size: 1.8em;}
.faq_sec h3 span:before { width: 40px; margin: -35px 0px 0px -50px;}
.faq_sec h3 span:after { width: 60px; bottom: -25px; background-position: center bottom;}

.faq_sec dt { width: 50px; padding: 0px 15px 0px 0px;}
.faq_sec .faq_a dt { padding: 0px 0px 0px 15px;}
.faq_sec dt span { width: 35px; height: 35px; line-height: 35px; font-size: 2em; margin-top: -5px;}
.faq_sec dd { width: calc(100% - 50px); border-radius: 8px;}
.faq_sec .faq_q dd { padding: 10px 1em; font-size: 1.1em;}
.faq_sec .faq_a dd { padding: 10px 1em;}
.faq_sec .faq_a { padding-top: 20px;}

@media only screen and (max-width: 640px) {
	.faq_nav li { width: 47%;}
	.faq_nav a { height: 110px;}
	.faq_nav a span .show_sp { display: inline;}
}


/* ----------------------------
	staff
---------------------------- */

.staff_wrap .text01 { font-size: 2em;}
.staff_wrap .text02 { font-size: 1.3em;}

.staff_wrap .left_box { width: 65%;}
.staff_wrap .right_box { width: 32%;}
.staff_wrap .right_box figure img { margin-top: -25px;}

.staff_wrap header { padding-left: 15px;}
.staff_wrap header:before { width: 8px;}
.staff_wrap header:after { width: 70px; bottom: -10px; right: -40px;}
.staff_wrap h1 { font-size: 2em; line-height: 1.25;}

.staff_wrap dt { width: 13em;}

@media only screen and (max-width: 640px) {
	.staff_wrap .text01.mb100-60 { font-size: 1.8em; margin-bottom: 40px !important;}
	.staff_wrap .text02 { font-size: 1.2em;}
	.staff_wrap .text02 .show_sp { display: inline;}
	
	.staff_wrap article { display: block;}
	.staff_wrap article:not(:last-child) { padding-bottom: 30px; margin-bottom: 50px;}
	.staff_wrap .left_box, .staff_wrap .right_box { width: auto;}
	.staff_wrap .right_box figure img { margin-top: 0px;}
	
	.staff_wrap dl, .staff_wrap dl > * { display: block;}
	.staff_wrap dt { margin-bottom: 10px;}
	
	.staff_wrap figure { padding: 0px 15%;}
	.staff_wrap .bnr p:first-child { padding: 0px 20%;}
}


/* ------------------------
	contact
------------------------ */

.contact_sec .btn_area input { padding: 10px 20px; min-width: 200px;}

@media only screen and (max-width: 570px) {
	.contact_sec01 h3 .show_sp { display: inline;}

	.contact_sec dl { display: block;}
	.contact_sec dt, .contact_sec dd {
		display: block;
		border-bottom: none;
		padding: 0px;
	}
	.contact_sec dt {
		width: 100%;
		margin-bottom: 10px;
	}
	.contact_sec dt span {
		display: inline-block;
		vertical-align: middle;
		padding: 3px 5px;
		float: none;
		margin-left: 10px;
	}
	.contact_sec dt br { display: none;}
	.contact_sec input[type="text"], .contact_sec input[type="email"], .contact_sec textarea, .contact_sec select { width: 100%;}
}

/* ------------------------
	投稿
------------------------ */

.contents { float: none; width: 100% !important;}
.blog_rNavi { float: none; width: 100%; max-width: 400px; margin: auto;}

.archive_list article { display: flex; justify-content: space-between; font-size: 1em;}
.archive_list article figure { width: 30%;}
.archive_list .box { display: block; width: 67%;}
.archive_list .box h1, .archive_list .box .date { width: auto;}
.archive_list .box h1 { font-weight: bold; font-size: 1.05em;}
.archive_list .box .date { text-align: left; margin-bottom: 5px;}

.blog_rNavi h2 { font-size: 1.3em;}
.blog_rNavi h2 .pos_ab { width: 25px;}
.blog_rNavi h2:after { background-size: 100% auto; width: 50px; right: -10px;}
.side_sec02 .art figure { width: 40%;}
.side_sec02 .art .box_inner { width: 56%;}

.blog_header h1 span { font-size: 1.6em;}

.blog_content h2:before, .blog_content h2:after { width: 25px;}
.blog_content h2:before { left: -0.5em; top: 0.2em;}
.blog_content h2:after { right: -0.5em;}

.pagination .number { position: static; margin-right: 15px;}
.pagination span.current, .pagination a { min-width: 30px; height: 30px; line-height: 30px;}

.pager > ul { font-size: 0.8em;}
.pager a { line-height: 25px !important;}
.pager .previous a { width: 90px; padding-left: 5px; background-size: 100% 100%;}
.pager .next a { width: 90px; padding-right: 5px; background-size: 100% 100%;}
.pager .return a { background-size: auto 100%; margin: 0px 1em;}

/*WP用 投稿表示*/
img.aligncenter, img.alignright, img.alignleft {
	display: block;
	margin: 20px auto;
}
.alignright, .alignleft { float: none;}

.rec_box li { width: 47%; margin-bottom: 30px;}
.rec_box li:nth-child(4) { display: block;}