@charset "utf-8";

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

	リセット

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: middle;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


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

	グローバル

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

body {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #424242;
	font-size: 1em;
	line-height: 1.75;
	position: relative;
	min-width: 1130px;
}

p { margin-bottom: 25px;}
p:last-child { margin-bottom: 0px;}

a { color: #424242; text-decoration: none;}
a:hover { color: #999; text-decoration: underline;}

/* 文字装飾 */
.fo06 { font-size: 0.6em !important;}
.fo07 { font-size: 0.7em !important;}
.fo075 { font-size: 0.75em !important;}
.fo08 { font-size: 0.8em !important;}
.fo085 { font-size: 0.85em !important;}
.fo09 { font-size: 0.9em !important;}
.fo095 { font-size: 0.95em !important;}
.fo105 { font-size: 1.05em !important;}
.fo11 { font-size: 1.1em !important;}
.fo115 { font-size: 1.15em !important;}
.fo12 { font-size: 1.2em !important;}
.fo125 { font-size: 1.25em !important;}
.fo13 { font-size: 1.3em !important;}
.fo14 { font-size: 1.4em !important;}
.fo15 { font-size: 1.5em !important;}
.fo16 { font-size: 1.6em !important;}
.fo22 { font-size: 2.2em !important;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}

.fo_white { color: #FFFFFF;}
.fo_blue { color: #013d5b;}
.fo_blue02 { color: #03acef;}
.fo_orange { color: #ffac2e;}
.fo_green { color: #a2c900;}
.fo_gray { color: #888;}
.fo_red { color: #FF6467;}

.fo_tsuku { font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700;}

/* ボックス */
.container {
	max-width: 1130px;
	padding: 0px 15px;
	margin: 0px auto;
}

.left { float: left;}
.right { float: right !important;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

.bold { font-weight: bold;}

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

.back_white { background-color: #fff;}
.back_orange { background-color: #ffa92e;}

@media print,  (min-width: 861px) {
	.hidden_l { display: none !important;}
}

/* リスト */
ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

.list_disc { padding-left: 1em;}
.list_disc li { list-style: outside disc;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

/* margin */
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

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

/* clearFix */
.clearFix { zoom: 100%;}
.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

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

.header:before { content: ""; position: absolute; z-index: -1; width: 100%; bottom: -100px; background: url("../images/common/header_bg.png") no-repeat center bottom; height: 486px;}
.header .box01 { width: 100%; top: 0px; left: 0px; z-index: 100; padding: 5px 10px 0px;}
.header .box02 { display: flex; justify-content: space-between; align-items: center;}
.header .box02 > div:first-child { width: 28.5%;}
.header .box02 > div:last-child { display: flex; align-items: center; justify-content: flex-end;}
.header .list01 { margin-left: 1.2em;}
.header .list01 li:first-child { margin-bottom: 2px;}
.header .list01 li:before { content: ""; display: inline-block; background-color: #fff; width: 4px; height: 4px; border-radius: 100%; vertical-align: middle; margin-right: 0.3em;}
.header .list02 { display: flex;}
.header .list02 li { margin-left: 8px;}
.header a, .gn a { color: #01425b; text-decoration: none;}
.header a:hover, .gn a:hover { color: #5091a5;}

.mainimage { background: url("../images/top/main_bg.png") no-repeat center bottom; background-size: cover; height: 1100px; padding-top: 330px;}
.mainimage .img01 { top: 220px; left: 50%; margin-left: -630px;}
.mainimage .img02 { top: 220px; right: 50%; margin-right: -630px;}

.mainimage.under { background: url("../images/common/under_mainimage.png") no-repeat center bottom; background-size: cover; height: 432px; padding-top: 200px;}


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

.gn ul { display: inline-block; background-color: rgba(255,255,255,0.65); border-radius: 6px; font-size: 0.95em; padding: 0px 0.3em;}
.gn li { display: inline-block;}
.gn li:not(:last-child):after { content: "|"; color: rgba(0,69,104, 0.3);}
.gn li a { display: inline-block; padding: 8px 0.3em; font-weight: bold;}

.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	min-width: 1100px;
	transition: .3s;
	transform: translateY(-100%);
	background: rgba(255,255,255,0.85);
	box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
.is-show { transform: translateY(0);}

.clone-nav ul { display: block; background: none;}

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

.footer { background: url("../images/common/footer_bg.png") no-repeat center 115%; padding-bottom: 20px;}

.footer .list01, .footer .list02, .footer .list03 { display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.footer .list01 li { margin: 0px 10px; width: calc(25% - 20px);}
.footer .list02 > li:first-child { margin-right: 40px;}
.list_sns h3 img { width: 220px; height: auto;}
.list_sns .text01 { display: inline-block; background: linear-gradient(transparent 70%, #ffec40 0%); vertical-align: top;}
.list_sns ul { display: flex; justify-content: center;}
.list_sns li { width: 53px; margin: 0px 6px;}
.footer .list03 li { margin: 0px 8px;}

.footer .underline { padding-bottom: 13px;}
.footer .underline:after { max-width: 600px;}

.footer .box01 { display: flex; justify-content: space-between;}

.footer_nav01 li, .footer_nav02 > li { padding-left: 20px; position: relative; line-height: 2;}
.footer_nav01 li:before, .footer_nav02 > li:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0.5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #ffab2e;
}

.footer_nav02 .fo_tsuku { font-size: 1.3em; line-height: 1.2; color: #ffac2e !important;}
.footer_nav02 li li { position: relative; padding-left: 1.7em; margin-left: -25px;}
.footer_nav02 li li:before { content: "└"; color: #ffac2e; font-size: 1.3em; line-height: 1.4; position: absolute; left: 0px; top: 0.1em;}

.footer_nav03 { display: flex; justify-content: center;}
.footer_nav03 li:first-child { margin-right: 2em;}

.pagetop { position: fixed; z-index: 9999; bottom: 0px; right: 20px; padding-bottom: 20px;}


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

	トップページ

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

.top_sec01 h2 { display: inline-block; background-color: #bce561; border-radius: 12px; font-size: 1.3em; padding: 8px 45px; position: relative;}
.top_sec01 h2:before, .top_sec01 h2:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; width: 10px; height: 10px; border-radius: 100%;}
.top_sec01 h2:before { left: 15px;}
.top_sec01 h2:after { right: 15px;}
.top_sec01 .bx-wrapper { margin: auto; position: relative;}
.top_sec01 .bx-controls-direction a { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px;}
.top_sec01 .bx-controls-direction .bx-prev { background-image: url("../images/top/ico_prev.png"); left: -80px;}
.top_sec01 .bx-controls-direction .bx-next { background-image: url("../images/top/ico_next.png"); right: -80px;}
.top_sec01 a { transition: 0.3s;}
.top_sec01 a:hover { opacity: 0.7;}

.top_subttl { font-size: 1.35em; padding-bottom: 3px;}

.top_sec02 ul { display: flex; justify-content: center;}
.top_sec02 li { margin: 0px 10px;}
.top_sec02 .img01 { top: 60px; left: -200px;}
.top_sec02 .img02 { top: 120px; right: -200px;}

.top_sec03 h2 { font-size: 2.7em; letter-spacing: -0.02em;}
.top_sec03 ul { display: flex; justify-content: center;}
.top_sec03 li { width: 330px; margin: 0px 15px 40px;}
.top_sec03 li:nth-child(4) { display: none;}
.top_sec03 li .pos_ab { left: 15px; top: 0px; transform: translateY(-50%); z-index: 100;}
.top_sec03 .more_btn { display: flex; justify-content: center; flex-wrap: wrap;}
.top_sec03 .more_btn a { margin: 0px 15px 15px;}

.cat_wrap { display: flex; justify-content: space-between; align-items: center; font-size: 0.8em; flex-wrap: wrap;}
.cat_wrap > * { margin-bottom: 5px;}
.cat_wrap p { text-align: right;}
.category a { display: inline-block; background-color: #bce561; position: relative; color: #424242; line-height: 1.6; padding: 2px 25px; border-radius: 30px; text-decoration: none; transition: 0.3s;}
.category a:before, .category a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; width: 7px; height: 7px; border-radius: 100%;}
.category a:before { left: 10px;}
.category a:after { right: 10px;}
.category a:hover { opacity: 0.7;}
.top_sec03 .bg01 { left: -50px; bottom: 100px; z-index: -1;}
.top_sec03 .bg02 { right: -80px; top: 100px; z-index: -1;}

.top_sec04 { display: flex; justify-content: space-between;}
.top_sec04 section { width: 47.5%;}
.top_sec04 h2 { font-size: 2.5em;}
.top_sec04 .art { display: flex; justify-content: space-between; margin-bottom: 25px;}
.top_sec04 .art figure { width: 47%;}
.top_sec04 .art .box { width: 50%;}
.top_sec04 .art figure .pos_ab { width: 50px; left: 10px; top: -15px; z-index: 100;}
.top_sec04 .bg01 { left: -80px; bottom: 15%;}
.top_sec04 .bg02 { left: 47%; bottom: 45%;}
.top_sec04 .bg03 { right: -80px; top: 17%;}

.top_box { max-width: 1030px; margin: auto; padding: 0px 15px;}
.top_box h2, .top_sec06 h2 { font-size: 2.6em;}
.top_box .box { padding-top: 100px;}
.top_box .list_wrap { display: flex; justify-content: space-between; flex-wrap: wrap;}
.top_box .list_wrap ul { width: 48%;}
.top_box li, .top_sec06 p a { margin-bottom: 15px; padding-left: 20px; position: relative;}
.top_box li:before, .top_sec06 p a:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0.3em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #ffab2e;
}
.top_sec06 p a:before { top: 0.15em;}

.top_box.left_img .box { padding-left: 47%;}
.top_box.left_img .img01 { top: 0px; left: 50%;}

.top_sec05 { margin-top: -100px;}
.top_sec05 .box h2 { margin-top: 130px;}
.top_sec05 .img01 { margin-left: -900px;}
.top_sec05 .img02 { top: 35%; right: -120px;}

.top_sec06 { max-width: 1430px; padding: 0px 15px; margin: auto;}
.top_sec06:before, .top_sec06:after { content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; z-index: -1;}
.top_sec06:before { background-image: url("../images/top/top_sec06_bg01.png"); width: 332px; height: 494px; left: -110px; top: -40px;}
.top_sec06:after { background-image: url("../images/top/top_sec06_bg02.png"); width: 263px; height: 497px; right: -160px; top: 20%;}
.top_sec06 ul { display: flex; justify-content: center; flex-wrap: wrap;}
.top_sec06 li { width: 210px; margin: 0px 10px 20px; line-height: 1.4;}
.top_sec06 li figure { background: linear-gradient(to right, #ffc261 0%,#fae661 100%); padding: 4px; overflow: hidden;}
.top_sec06 li figure a { display: block; overflow: hidden;}
.top_sec06 li figure img { transition: 0.3s;}
.top_sec06 li figure img:hover { transform: scale(1.05);}
.top_sec06 figcaption { background-color: rgba(255,172,46,0.8); z-index: 50; left: 3px; bottom: 12px; font-size: 0.95em; padding: 5px 8px; text-align: left;}
.top_sec06 p a { margin-bottom: 0px; padding-left: 17px; font-size: 0.95em; display: block;}
.top_sec06 li:last-child { text-align: right; padding: 0px 20px 0px 60px;}
.top_sec06 li:last-child img { margin-top: -20px;}

.top_sec07 { min-height: 676px;}
.top_sec07.top_box.left_img .box { padding-left: 40%;}
.top_sec07 .img01 { margin-left: -1000px;}

.top_sec08 h2 { font-size: 2.7em; letter-spacing: -0.02em;}
.top_sec08 ul { display: flex; justify-content: center;}
.top_sec08 li { width: 23%; margin: 0px 1% 40px;}
.top_sec08 li .pos_ab { left: 15px; top: 0px; transform: translateY(-50%); z-index: 100;}
.top_sec08 .bg01 { left: -50px; bottom: 100px; z-index: -1;}
.top_sec08 .bg02 { right: -80px; top: 35%; z-index: -1;}

.top_sec09 ul { display: flex; justify-content: center;}
.top_sec09 li { width: 33.3333%;}
.top_sec09 li:not(:first-child) { border-left: solid 2px #fae661;}
.top_sec09 li a { display: block; text-decoration: none; padding: 0px 35px;}
.top_sec09 li figure { overflow: hidden;}
.top_sec09 li a img { transition: 0.3s;}
.top_sec09 li a:hover img { transform: scale(1.05);}
.top_sec09 h2 { font-size: 1.8em;}
.top_sec09 .bg01 { left: -130px; top: 3%; z-index: -1;}
.top_sec09 .bg02 { right: -60px; top: 15%; z-index: -1;}


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

	下層ページ

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

.over_hidden { overflow: hidden;}
.show_sp { display: none;}

.hvr_sink { transition: 0.3s; display: inline-block; vertical-align: bottom;}
.hvr_sink:hover { transform: translate(2px, 2px);}

.underline { position: relative; padding-bottom: 5px;}
.underline:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; height: 2px; width: 100%; max-width: 690px; background: linear-gradient(to right, #ffc261 0%,#fae661 100%);}

.underline02 { text-decoration: underline;}

.underline03 { border-bottom: solid 1px #ffc261;}

.marker { background: rgba(254,220,0,0.6);}

.img_border { display: inline-block; background-color: #fff; padding: 7px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.img_border div { overflow: hidden;}
.img_border a img { transition: 0.3s;}
.img_border a:hover img { transform: scale(1.05);}

.more_btn a { display: inline-block; position: relative; transition: 0.3s; text-decoration: none; color: #424242;}
.more_btn a:before { content: ""; position: absolute; left: 5px; top: 5px; right: -5px; bottom: -5px; border: solid 1px rgba(255,156,0,0.4); z-index: -1;}
.more_btn a:hover { transform: translateY(4px);}
.more_btn a span { display: block; position: relative; background: linear-gradient(to right, #ffc261 0%,#fae661 100%); padding: 13px 35px 13px 15px; font-size: 0.95em;}
.more_btn a span:after {
	content: "";
	right: 20px;
	top: 45%;
	position: absolute;
    width: 13px;
    height: 13px;
    border-top: 1px solid #424242;
    border-right: 1px solid #424242;
    transform: rotate(45deg) translateY(-50%);
}

.breadcrumb { line-height: 19px; margin-bottom: 5px;}
.breadcrumb > span:first-child { background: url("../images/common/ico_bread01.png") no-repeat left 50%; padding-left: 22px;}
.breadcrumb > span:not(:first-child) { background: url("../images/common/ico_bread02.png") no-repeat left 50%; padding-left: 13px; margin-left: 0.3em;}

.pagettl img { margin-bottom: -1px;}
.pagettl h2 { display: inline-block; font-weight: bold; line-height: 1.4; font-size: 1.9em; padding: 7px 0px 5px; position: relative;}
.pagettl h2:before, .pagettl h2:after { content: ""; position: absolute; width: 100%; height: 2px; left: 0px; background: linear-gradient(to right, #ffc261 0%,#fae661 100%);}
.pagettl h2:before { top: 0px;}
.pagettl h2:after { bottom: 0px;}

.heading_leftborder { position: relative; font-weight: bold; font-size: 1.5em; color: #ffab2e; line-height: 1.6; padding-left: 30px;}
.heading_leftborder:before { content: ""; position: absolute; left: 0px; height: 90%; top: 5%; width: 10px; background: linear-gradient(to top, #ffc261 0%,#fae661 100%); opacity: 0.5;}

.heading_middle { font-size: 1.8em; line-height: 1.4;}

.heading_circle { font-weight: bold; font-size: 1.1em; padding-left: 23px; position: relative; line-height: 1.6;}
.heading_circle:before { content: ""; position: absolute; left: 0px; width: 15px; height: 15px; border-radius: 100%; background-color: #ffa62e; top: 0.35em;}

.heading_circle02 { padding-left: 28px; position: relative;}
.heading_circle02:before { content: ""; position: absolute; left: 0px; width: 20px; height: 20px; border-radius: 100%; background: linear-gradient(to top, #ffc261 0%,#fae661 100%); opacity: 0.7; top: 0.35em;}
.heading_circle02 span { font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: solid 1px #ffa62e;}

.table_bordered { width: 100%;}
.table_bordered th, .table_bordered td { vertical-align: top; padding: 7px 0px 5px;}
.table_bordered th { font-weight: bold; text-align: left; color: #83c308; width: 9em;}
.table_bordered tr { position: relative; display: block;}
.table_bordered tr:not(:last-child):after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: linear-gradient(to right, #56d62f 0%,#c8ff15 100%); opacity: 0.5;}


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

.ser_wrap { padding-top: 40px; margin-top: -40px;}

.ser_nav .sec01 { display: flex; justify-content: space-between;}
.ser_nav h3 { font-size: 2.2em;}
.ser_nav li { font-weight: bold; font-size: 1.1em; line-height: 1.6; margin-bottom: 15px;}
.ser_nav .sec01 li { background: url("../images/common/ico_arrow.png") no-repeat left 0.15em; background-size: 1.2em auto; padding-left: 1.6em;}
.ser_nav .sec01 img { margin-top: -40px;}
.ser_nav .sec02 a { color: #ff982e; background: url("../images/common/ico_arrow.png") no-repeat left 50%; padding-left: 40px; text-decoration: none;}
.ser_nav .sec02 a:hover { opacity: 0.7;}
.ser_nav .sec02 .box { display: flex;}
.ser_nav .sec02 ul:first-child { margin-right: 4em;}

.ser_btmline { padding-bottom: 10px;}
.ser_btmline:after { content: ""; position: absolute; width: 100%; opacity: 0.4; background: linear-gradient(to right, #a2c900 0%,#dcff6a 100%); height: 5px; left: 0px; bottom: 0px;}
.ser_btmline > span { font-size: 2.5em;}
.ser_btmline > span:before { content: ""; position: absolute; background: url("../images/top/top_sec06_il.png") no-repeat center bottom; background-size: 100% auto; width: 52px; height: 85px; z-index: 10; margin: -20px 0px 0px -75px;}

.ser_wrap .heading_leftborder { font-size: 1.75em;}
.ser_wrap section { margin-top: -70px; padding-top: 70px;}
.ser_wrap .table_box th { min-width: 8em;}

.ser_wrap .text01 { font-size: 1.8em;}

.ser_box { display: flex; justify-content: space-between;}
.ser_box .box_inner { width: 630px;}

.ser_sec01 .sec01 img { margin: -60px -40px 0px 0px; max-width: initial;}
.ser_sec01 .sec02 li { margin-bottom: 10px;}

.ser_wrap .box02 { border: dashed 2px #ffa32e; max-width: 1030px; margin: auto; padding: 1em 1.5em;}
.ser_wrap .box02:before, .ser_wrap .box02:after { content: ""; position: absolute; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}
.ser_wrap .box02:before { background-image: url("../images/service/ser_il02.png"); left: -40px; top: -30px; z-index: -1; width: 76px; height: 75px;}
.ser_wrap .box02:after { background-image: url("../images/service/ser_il01.png"); right: -30px; bottom: -35px; width: 69px; height: 95px;}
.ser_sec01 .line { color: #52aa2c;}

.ser_sec01 .sec02 img, .ser_sec02 img { margin-top: -40px;}

.ser_sec03 img { margin: 0px -150px 0px 0px; max-width: initial;}

.ser_sec04 img { margin: 50px -100px 0px 0px; max-width: initial;}

.ser_sec05 img { margin-top: 60px;}

.ser_sec06 .sec01 img { margin-right: -60px; max-width: initial;}
.ser_sec06 .sec02 img { margin: -70px -130px 0px 0px; max-width: initial;}
.ser_sec06 .sec02 .table_box table, .ser_sec06 .sec02 .table_box td { border-color: #03a9ec;}
.ser_sec06 .sec02 .table_box th { background-color: #03a9ec;}

.ser_sec07 img { margin-right: -150px; max-width: initial;}

.ser_sec08 img { margin: 40px -130px 0px 0px; max-width: initial;}

.ser_sec09 img { margin: 60px -120px 0px 0px; max-width: initial;}

.ser_sec10 img { margin-right: -30px; max-width: initial;}

.ser_sec11 .right_img img { margin-right: -80px; max-width: initial;}
.ser_sec11 .left_img { flex-flow: row-reverse;}
.ser_sec11 .left_img img { margin: 30px -90px 0px; max-width: initial; position: relative; z-index: -1;}


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

.pro_nav { display: flex; justify-content: space-between;}
.pro_nav ul { width: 49%;}
.pro_nav li { font-weight: bold; font-size: 1.1em; line-height: 1.6; margin-bottom: 15px;}
.pro_nav li { background: url("../images/common/ico_arrow.png") no-repeat left 0.15em; background-size: 1.2em auto; padding-left: 1.6em;}

.pro_text01 { font-size: 1.25em;}

.pro_sec .box01 { display: flex; justify-content: space-between;}
.pro_sec .box01 > .box_inner:first-child { width: 620px;}
.pro_sec .box01 > .box_inner:last-child { width: 450px;}
.pro_sec img { max-width: initial; height: auto;}

.pro_sec .hidden_wrap { flex-wrap: wrap;}
.pro_sec .hidden_wrap > .box_inner:nth-child(1) { order: 1;}
.pro_sec .hidden_wrap > .box_inner:nth-child(2) { order: 3; width: 100%; display: none;}
.pro_sec .hidden_wrap > .box_inner:nth-child(3) { order: 2;}
.pro_sec .more_btn02 span { display: inline-block; cursor: pointer; text-decoration: none; border: solid 1px #9dc400; border-radius: 40px; width: 200px; text-align: center; position: relative; padding: 5px; line-height: 1.6; transition: 0.2s;}
.pro_sec .more_btn02 span:after {
	content: "";
	right: 15px;
	top: 30%;
	position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1px solid #9dc400;
    border-right: 1px solid #9dc400;
    transform: rotate(45deg);
}
.pro_sec .more_btn02 span:hover { background-color: #9dc400; color: #fff;}
.pro_sec .more_btn02 span:hover:after { border-color: #fff;}

.pro_sec01 figure img { margin-top: -40px;}
.pro_sec01 .text_box p { font-size: 1.7em; line-height: 1.4; margin-bottom: 10px;}

.pro_sec02 .border { display: inline-block; border: dashed 1px #ffc34a; padding: 0.8em;}

.pro_sec04 .border { display: inline-block; border: solid 1px #ffc34a; padding: 0px 0.3em; line-height: 1.6;}

.pro_sec07 .ser_btmline span:before,
.pro_sec08 .ser_btmline span:before { position: static; margin: 0px 20px -10px -20px; display: inline-block;}


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

.feature_sec01 h3 { font-size: 2.7em;}
.feature_sec01 .box { display: flex; justify-content: space-between;}
.feature_sec01 .box_inner { width: 550px;}

.feature_sec01 h4 { font-size: 1.55em;}
.feature_sec01 h4:before { content: ""; position: absolute; background: url("../images/feature/feature_img02.png") no-repeat center center; width: 99px; height: 63px; z-index: -1; left: -25px; top: 50%; transform: translateY(-50%);}


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

.home_wrap { margin-top: -110px; padding-top: 100px;}

.home_sec01 section { display: flex; justify-content: space-between;}
.home_sec01 .box_inner { width: 580px;}
.home_sec01 .box01 { flex-flow: row-reverse;}
.home_sec01 .box01 figure img { margin: -60px -70px 0px 0px; width: 560px; max-width: 560px; height: auto;}

.home_sec01 .box02 figure img { margin: -60px 0px 0px -120px; width: 592px; max-width: 592px; height: auto;}
.home_sec01 .box03 { display: flex; justify-content: center;}
.home_sec01 .box03 ul { border: dashed 1px #ffc34a; padding: 1em 2em 1em 3em;}
.home_sec01 .box03 .fo_orange a { color: #ffac2e;}
.home_sec01 .box03 .fo_blue02 a { color: #03acef;}
.home_sec01 .box03 .fo_green a { color: #78c12b;}

.home_sec01 nav ul { display: flex; justify-content: center;}
.home_sec01 nav li:first-child { margin-right: 20px;}
.home_sec01 .btn_area a { display: inline-block; background: url("../images/homestay/home_btn01.png") no-repeat left center, url("../images/homestay/home_btn02.png") no-repeat right center; font-size: 1.25em; line-height: 48px; padding: 0px 30px 0px 60px; transition: 0.3s; text-decoration: none;}
.home_sec01 .btn_area a:hover { color: #78c12b;transform: translateX(3px);}

.home_box { padding-top: 150px; overflow: hidden; z-index: 100;}
.home_box:before { content: ""; position: absolute; width: 130%; height: 200px; left: -15%; top: -125px; background-color: #fff; border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;}
.home_box .box01 { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%); max-width: 1150px; margin: auto; padding: 100px 50px 30px;}
.home_box h3 { font-size: 3em; line-height: 1.2;}
.home_box h3:after { content: ""; position: absolute; background: url("../images/homestay/home_sec02_ttl02.png") no-repeat center center; background-size: 100% auto; width: 67px; height: 93px; margin-top: -30px;}
.home_box .table_wrap { display: flex; justify-content: space-between;}
.home_box .table_wrap .box_inner { margin-left: 40px;}
.home_box .border { border-bottom: solid 1px #000;}
.table_box { display: inline-block;}
.table_box table { background-color: #fff; border: solid 1px #ffac2e;}
.table_box th, .table_box td { vertical-align: middle; padding: 6px 1.2em; border-bottom: solid 1px #ffac2e; font-weight: bold;}
.table_box th { background-color: #ffac2e; font-size: 1.1em; color: #fff;}
.table_box tr:not(:last-child) th { border-bottom-color: #fff;}
.table_box table span { font-size: 1.65em; line-height: 1; display: inline-block; vertical-align: top; margin-right: 0.2em;}
.home_box .post_wrap { z-index: 100;}
.home_box .post_wrap h4 { font-size: 2em;}
.home_box .post_wrap:before, .home_box .post_wrap:after { content: ""; position: absolute; z-index: -1;}
.home_box .post_wrap:before { background: url("../images/homestay/home_post_bg01.png") no-repeat center center; width: 240px; height: 204px; left: -20px; top: 40%;}
.home_box .post_wrap:after { background: url("../images/homestay/home_post_bg02.png") no-repeat center center; width: 160px; height: 181px; right: -50px; top: 0px;}

.home_sec02 { background: linear-gradient(to bottom, rgba(255, 194, 106, 0.5) 0%, rgba(255, 236, 170, 0.5) 70%, #fff 100%)}
.home_sec02 h3 .pos_ab { margin: -80px 0px 0px -160px;}
.home_sec02 p { max-width: 990px; margin-left: auto; margin-right: auto;}
.home_sec02 .table_wrap img { max-width: 640px; width: 640px; height: auto; margin-left: -40px;}

.home_sec03 { background: linear-gradient(to bottom, rgba(0, 158, 233, 0.3) 0%, rgba(4, 233, 194, 0.3) 65%, #fff 100%)}
.home_sec03 h3 .pos_ab { margin: -70px 0px 0px -130px;}
.home_sec03 .table_wrap img { max-width: 579px; width: 579px; height: auto;}
.home_sec03.home_box table, .home_sec03.home_box th, .home_sec03.home_box td { border-color: #03acef;}
.home_sec03.home_box th { background-color: #03acef;}

.home_sec04 { background: linear-gradient(to bottom, rgba(133, 255, 1, 0.3) 0%, rgba(174, 255, 0, 0.3) 55%, #fff 100%)}
.home_sec04 h3 { font-size: 1em; z-index: 100;}
.home_sec04 h3 span { font-size: 1.8em; line-height: 48px; display: inline-block; padding-left: 60px;}
.home_sec04 h3 .pos_ab { margin: -90px 0px 0px -190px;}
.home_sec04 h3:before { content: ""; position: absolute; background: url("../images/homestay/home_btn01.png") no-repeat center center; background-size: auto 100%; width: 47px; height: 48px;}
.home_sec04 h3:after { background-image: url("../images/homestay/home_sec04_ttl_1.png"); width: 86px; height: 97px; margin-left: -30px; z-index: -1;}
.home_sec04 .table_wrap { max-width: 920px; margin: auto;}
.home_sec04 .list_wrap { width: 450px; margin-top: calc(1.6em + 5px);}
.home_sec04 .box_inner { margin-left: 0px;}
.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 { display: inline-block; background: url("../images/blog/h2_01.png") no-repeat left top, url("../images/blog/h2_02.png") no-repeat right bottom; font-size: 2em; line-height: 1.2; padding: 20px 50px;}


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

.flow_over { margin-top: -50px;}
.flow_wrap { margin: auto; max-width: 1210px; padding: 0px 15px;}
.flow_wrap h3 { font-size: 2.8em; z-index: 100;}
.flow_wrap h3:after { content: ""; position: absolute; background: url("../images/flow/flow_ttl.png") no-repeat center center; width: 106px; height: 115px; line-height: 1; margin: -30px 0px 0px -30px;}

.flow_sec { display: flex; justify-content: space-between; align-items: center;}
.flow_sec.img_left { flex-flow: row-reverse;}
.flow_sec .box01 { width: 60%;} 
.flow_sec > figure { width: 37%;}
.flow_sec .arrow { padding: 15px;}

.flow_box { border: solid 1px #ffb61d; background-color: #fff5e3;}
.flow_box .step_dl { border-bottom: dashed 1px #ffb61d; padding: 8px 25px; display: table; width: 100%;}
.flow_box .step_dl dt, .flow_box .step_dl dd { display: table-cell; vertical-align: top;}
.flow_box .step_dl dt { width: 105px;}
.flow_box .step_dl dt span { width: 94px; display: inline-block; border-radius: 30px; font-size: 1.2em; line-height: 1; text-align: center; vertical-align: bottom; padding: 2px 0px 6px;}
.flow_box .step_dl dd { font-size: 1.25em; vertical-align: middle;}
.flow_box .box_inner { padding: 10px 20px;}

.flow_sec01 .text01 { margin-right: -200px;}
.flow_sec01 .flow_sec > figure img { max-width: 521px; width: 521px; height: auto;}

.flow_sec02 .flow_sec > figure img { max-width: 438px; width: 438px; height: auto;}
.flow_sec02 .box02 { border: dashed 2px #ffa92e; padding: 1em;}
.flow_sec02 .box02:before, .flow_sec02 .box02:after { content: ""; position: absolute; background-repeat: no-repeat; background-size: 100% auto; background-position: center center;}
.flow_sec02 .box02:before { background-image: url("../images/flow/flow_sec02_bg.png"); width: 95px; height: 100px; left: -60px; top: -50px; z-index: -1;}
.flow_sec02 .box02:after { background-image: url("../images/flow/flow_sec02_icon.png"); width: 92px; height: 123px; right: -40px; bottom: -20px;}

.flow_sec03 .flow_sec > figure img { max-width: 462px; width: 462px; height: auto;}

.flow_sec04 .flow_sec > figure img { max-width: 537px; width: 537px; height: auto; margin-left: -120px;}

.flow_sec05 .flow_sec > figure img { max-width: 397px; width: 397px; height: auto; margin: -60px -50px 0px 0px;}
.flow_sec05 .flow_sec .box01 { align-self: flex-start;}

.flow_sec06 .flow_sec { margin-top: -100px;}
.flow_sec06 .flow_sec > figure img { max-width: 538px; width: 538px; height: auto; margin-left: -120px;}
.flow_sec06 .box02 { display: flex; justify-content: space-between; align-items: flex-start;}
.flow_sec06 .box02 .box_inner { width: 730px; border: dashed 2px #ffa92e; padding: 0px 30px 30px;}
.flow_sec06 .box02 h4 span { display: inline-block; vertical-align: bottom; font-size: 1.5em; transform: translateY(-50%); padding: 0px 0.5em;}
.flow_sec06 .box02 > figure img { max-width: 453px; width: 453px; height: auto; margin: -80px -40px 0px 0px;}


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

.com_sec01 h3 { font-size: 3em;}

.com_box { display: flex; justify-content: space-between;}
.com_box.img_left { flex-flow: row-reverse;}
.com_box figure { width: 430px;}
.com_box figure .pos_ab { z-index: -1;}
.com_box .box_inner { width: 630px;}

.com_sec01 .bg01 { right: -120px; top: -30px;}
.com_sec02 .bg01 { left: -80px; top: -100px;}
.com_sec03 .bg01 { right: -100px; bottom: -70px;}
.com_sec04 .bg01 { left: -100px; top: -20px;}

.com_sec05 h3 .pos_ab { z-index: -1; top: -30px; margin-left: -50px;}
.com_sec05 .box { display: flex; justify-content: space-between; padding-left: 40px;}
.com_sec05 .box_inner { width: 590px; padding-top: 30px;}
.com_sec05 figure img { margin-top: -60px;}


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

.faq_wrap { padding-top: 50px; margin-top: -50px;}
.faq_nav { max-width: 1250px; margin: auto; padding: 0px 15px;}
.faq_nav:before, .faq_nav:after { content: ""; position: absolute; z-index: -1;}
.faq_nav:before { background: url("../images/faq/faq_nav_bg01.png") no-repeat center center; background-size: 100% auto; width: 149px; height: 178px; left: -100px; bottom: -40px;}
.faq_nav:after { background: url("../images/faq/faq_nav_bg02.png") no-repeat center center; background-size: 100% auto; width: 155px; height: 209px; right: -60px; top: -40px;}
.faq_nav ul { display: flex; justify-content: center; flex-wrap: wrap; margin: auto -1%;}
.faq_nav li { width: 23%; max-width: 290px; margin: 0px 1% 15px;}
.faq_nav a { display: flex; text-decoration: none; justify-content: center; align-items: center; height: 215px; transition: 0.3s; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden;}
.faq_nav li:nth-child(1) a { background-image: url("../images/faq/faq_nav01.jpg");}
.faq_nav li:nth-child(2) a { background-image: url("../images/faq/faq_nav02.jpg");}
.faq_nav li:nth-child(3) a { background-image: url("../images/faq/faq_nav03.jpg");}
.faq_nav li:nth-child(4) a { background-image: url("../images/faq/faq_nav04.jpg");}
.faq_nav a:hover { background-size: auto 110%;}
.faq_nav a span { display: block; background: rgba(255,255,255,0.8); border-radius: 10px; width: 215px; padding: 6px; line-height: 1.6;}

.faq_sec { padding-top: 100px;}
.faq_sec h3 { padding-bottom: 10px;}
.faq_sec h3:after { content: ""; position: absolute; width: 100%; opacity: 0.4; background: linear-gradient(to right, #a2c900 0%,#dcff6a 100%); height: 5px; left: 0px; bottom: 0px;}
.faq_sec h3 span { font-size: 2.5em;}
.faq_sec h3 span:before, .faq_sec h3 span:after { content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.faq_sec h3 span:before { background-image: url("../images/faq/faq_ttl01.png"); width: 72px; height: 92px; z-index: 10; margin: -35px 0px 0px -90px;}
.faq_sec h3 span:after { background-image: url("../images/faq/faq_ttl02.png"); width: 108px; height: 96px; z-index: -1;}

.faq_sec dl { display: flex; align-items: flex-start;}
.faq_sec .faq_a dl { flex-flow: row-reverse;}
.faq_sec dt { width: 105px; padding: 0px 10px; clear: both;}
.faq_sec dt span { display: block; width: 70px; height: 70px; border-radius: 100%; line-height: 70px; font-weight: bold; font-size: 2.7em; color: #fff; background-color: #ffd95f; text-align: center; margin-top: -10px;}
.faq_sec .faq_a dt span { background-color: #a0d825; float: right;}
.faq_sec dd { width: 890px; border-radius: 12px;}
.faq_sec dd:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 10px;
}
.faq_sec .faq_q dd:before {
	border-width: 8.5px 15px 8.5px 0;
	border-color: transparent #fceeb6 transparent transparent;
	left: -15px;
}
.faq_sec .faq_a dd:before {
	border-width: 8.5px 0 8.5px 15px;
	border-color: transparent transparent transparent #d7f9b7;
	right: -15px;
}
.faq_sec .faq_q dd { background-color: #fceeb6; padding: 12px 25px; font-size: 1.25em; line-height: 1.5;}
.faq_sec .faq_a dd { background-color: #d7f9b7; padding: 25px 30px;}
.faq_sec .faq_q { cursor: pointer;}
.faq_sec .faq_a { padding-top: 30px; display: none;}


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

.staff_wrap .text01 { font-size: 2.6em;}
.staff_wrap .text02 { font-size: 1.75em;}

.staff_wrap article { display: flex; justify-content: space-between;}
.staff_wrap article:not(:last-child) { border-bottom: dashed 1px #b4dd61; padding-bottom: 40px; margin-bottom: 80px;}
.staff_wrap .left_box { width: 56%;}
.staff_wrap .right_box { width: 40%;}
.staff_wrap .right_box figure img { margin-top: -50px;}

.staff_wrap header { padding-left: 20px; font-size: 1.15em; display: inline-block;}
.staff_wrap header:before { content: ""; position: absolute; width: 10px; height: 100%; left: 0px; top: 0px; background: linear-gradient(to top, #ffc261 0%,#fae661 100%); opacity: 0.7;}
.staff_wrap header:after { content: ""; position: absolute; background: url("../images/faq/faq_ttl02.png") no-repeat center bottom; background-size: 100% auto; width: 108px; height: 96px; z-index: -1; bottom: -15px; right: -70px;}
.staff_wrap h1 { font-size: 2.5em; line-height: 1.2;}
.staff_wrap h1 span { font-size: 0.6em; font-weight: 500;}

.staff_wrap dl { display: table; width: 100%; margin-bottom: 25px;}
.staff_wrap dl > * { display: table-cell; vertical-align: top;}
.staff_wrap dt { width: 13.5em;}
.staff_wrap dt span { display: inline-block; background-color: #b4dd61; border-radius: 30px; text-align: center; line-height: 1.4; padding: 2px 1.7em;}
.staff_wrap dt span:before, .staff_wrap dt span:after { content: ""; position: absolute; width: 7px; height: 7px; background-color: #fff; border-radius: 100%; top: 50%; transform: translateY(-50%);}
.staff_wrap dt span:before { left: 0.8em;}
.staff_wrap dt span:after { right: 0.8em;}


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

.contact_sec01 { max-width: 900px; padding: 0px 15px; margin: auto;}

.contact_sec dl { display: table; width: 100%; border-bottom: dashed 1px #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.contact_sec dl:last-of-type { border-bottom: none;}
.contact_sec dt, .contact_sec dd {
	display: table-cell;
	vertical-align: middle;
}
.contact_sec dt {
	width: 16em;
	font-weight: bold;
}
.contact_sec dt span {
	float: right;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	padding: 5px;
}
.contact_sec dt .hissu { background-color: #FF6467;}
.contact_sec dt .ninni { background-color: #BED4E8;}
.contact_sec dt .homestay { color: #FF6467; font-size: 1.2em; float: none; padding: 0px; display: inline; margin-left: 0.3em;}
.contact_sec dd { padding-left: 20px;}
.contact_sec input[type="text"], .contact_sec input[type="tel"], .contact_sec input[type="email"], .contact_sec textarea, .contact_sec select {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	border: solid 2px #ddd;
	border-radius: 5px;
	padding: 5px;
	width: 100%;
}
.contact_sec select { font-size: 16px; -webkit-appearance: menulist-button; height: 40px; line-height: 40px;}
.contact_sec .width_auto input[type="text"], .contact_sec .width_auto input[type="tel"], .contact_sec .width_auto select { width: auto; max-width: 100%;}

.contact_sec .btn_area input { display: inline-block; min-width: 300px; background: linear-gradient(to right, #ffc261 0%,#fae661 100%); color: #505050 !important; padding: 15px 30px; text-align: center; font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.6; text-decoration: none !important; transition: 0.3s; cursor: pointer; -webkit-appearance: none; font-size: 1.05em; margin: 0px 10px 10px; border: solid 4px #fff; outline: solid 1px rgba(255,156,0,0.4)}
.contact_sec .btn_area input:hover { transform: translateY(3px);}
.contact_sec .btn_area input:focus { outline: 0;}

.mw_wp_form .error {
	background-color: #F7CCE6;
	border: #ee4d89 solid 1px;
	border-radius: 3px;
	color: #EE4D89;
	display: inline-block;
	vertical-align: middle;
	font-size: 75%;
	padding: 3px 5px 2px;
	margin-left: 5px;
}
.confirm_show { display: none;}
.mw_wp_form_confirm .confirm_show { display: block;}
.mw_wp_form_confirm .confirm_hidden { display: none !important;}


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

.contents { float: left; width: 740px;}
.blog_rNavi { float: right; width: 300px;}

/* 一覧 */
.archive_list article { border-bottom: dashed 2px #ffce43; padding-bottom: 15px; margin-bottom: 15px !important;}
.archive_list .box { display: flex; justify-content: space-between; flex-flow: row-reverse;}
.archive_list .box h1 { width: 80%; line-height: 1.6;}
.archive_list .box .date { width: 20%; text-align: right; font-size: 0.9em;}

/* サイドバー */
.blog_rNavi h2 { text-align: center; color: #ffac2e; font-weight: bold; font-size: 1.2em;}
.blog_rNavi h2 .pos_ab { left: 10px; bottom: -5px;}
.blog_rNavi h2:before { content: ""; position: absolute; background: linear-gradient(to right, #ffc261 0%,#fae661 100%); width: 100%; height: 2px; left: 0px; bottom: 0px; opacity: 0.5;}
.blog_rNavi h2:after { content: ""; position: absolute; z-index: -1; background: url("../images/blog/side_ttl02.png") no-repeat center center; width: 70px; height: 57px; right: -25px; bottom: -20px;}

.side_sec01 li { padding-left: 1.5em; position: relative; margin-bottom: 3px;}
.side_sec01 li:before { content: "└"; position: absolute; left: 0px; top: -0.15em; color: #f99c21; font-size: 1.3em;}

.side_sec02 .art { display: flex; font-size: 0.9em; line-height: 1.4; justify-content: space-between; margin-bottom: 30px;}
.side_sec02 .art figure { width: 46%;}
.side_sec02 .art .box_inner { width: 50%;}
.side_sec02 .category a { font-size: 0.85em; padding: 2px 17px;}
.side_sec02 .category li { display: inline-block; margin: 0px 4px 5px 0px;}
.category a:before { left: 7px;}
.category a:after { right: 7px;}

.side_sec03 select {
	width: 100%;
	border: none;
	padding: 8px 15px;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1em;
	background: linear-gradient(to right, #ffc261 0%,#fae661 100%);
	-webkit-appearance: menulist-button;
	height: 45px;
	line-height: 45px;
}
.side_sec03 select:focus { outline: none;}

/* 本文 */
.contents > article { margin-bottom: 100px;}

.blog_header h1 span {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5;
	background: linear-gradient(transparent 65%, #fee8a8 0%);
}
.blog_header h1 a { text-decoration: none; color: #262626;}
.blog_header h1 a:hover { color: #999;}
.blog_header .cat_box { display: flex; align-items: center; font-size: 0.9em; line-height: 1.5; flex-wrap: wrap;}
.blog_header li { display: inline-block; vertical-align: top; margin: 0px 3px 7px 0px;}
.blog_header .cat_box p { margin: 0px 0px 7px 1em;}

/* 見出し */
.blog_content h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	padding: 1em 0.5em 0.5em;
	clear: both;
	margin-bottom: 30px;
}
.blog_content h2:before, .blog_content h2:after { content: ""; position: absolute; width: 34px; height: 48px; background-size: 100% auto !important;}
.blog_content h2:before { background: url("../images/blog/h2_01.png") no-repeat left top; top: 0px; left: -0.8em;}
.blog_content h2:after { background: url("../images/blog/h2_02.png") no-repeat right bottom; bottom: 0px; right: -0.8em;}
.blog_content h3 {
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
	border-bottom: dashed 2px #ffce43;
	clear: both;
	margin-bottom: 25px;
}
.blog_content h4, .blog_content h5, .blog_content h6 { font-weight: bold; font-size: 1.2em; clear: both; margin-bottom: 20px;}

/* 引用 */
.blog_content blockquote {
	border: solid 3px #ddd;
	padding: 20px 6%;
	margin-bottom: 30px;
	clear: both;
}

/* リスト */
.blog_content ul { margin-bottom: 30px; clear: both;}
.blog_content li { position: relative; padding-left: 1.2em;}
.blog_content li:before { content: ""; position: absolute; left: 0px; top: 0.45em; width: 0.8em; height: 0.8em; border-radius: 100%; background-color: #ffce43;}
.blog_content li li { padding-left: 1em;}
.blog_content li li:before { top: 0.55em; width: 0.6em; height: 0.6em; background-color: #969696;}

.blog_content ol { margin-bottom: 30px; padding-left: 2em;}
.blog_content ol li { list-style: outside decimal;}

/* テーブル */
.blog_content table {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
.blog_content table th, .blog_content table td {
	padding: 8px;
	vertical-align: top;
}
.blog_content table tr:nth-child(even) td { background-color: #f0f0f0;}
.blog_content table td, .blog_content table th { border-right: solid 2px #ddd;}
.blog_content table td:last-child, .blog_content table th:last-child { border-right: none;}
.blog_content table th {
	font-weight: bold;
	background-color: #ffac2e;
	color: #fff;
	border-right-color: #fff;
}

.blog_content iframe { max-width: 100%;}

.blog_content strong { font-weight: bold;}
.blog_content em { font-weight: bold; color: #ffac2e;}

.blog_content a { color: #6c9bd2; text-decoration: underline;}
.blog_content a:hover { color: #ffac2e;}

/*WP用 投稿表示*/
img.alignnone { margin: 20px auto;}
img.aligncenter { display: block; margin: 20px auto;}
img.alignright { margin: 20px 0 20px 20px;display: inline;}
img.alignleft { margin: 20px 20px 20px 0; display: inline;}
.alignright { float: right;}
.alignleft { float: left;}

/* ページャー(アーカイブ) */
.pagination .number { position: absolute; left: 0px; top: 5px;}
.pagination span.current, .pagination a {
	margin: 0px 5px 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	padding: 0px 8px;
	background-color: #f0f0f0;
	color: #333;
}
.pagination span.current, .pagination a:hover { background: #ffac2e; color: #fff;}

/* ページャー(シングル) */
.pager > ul { display: flex; justify-content: center; align-items: center; font-size: 1.2em;}
.pager a { text-decoration: none; line-height: 35px; display: inline-block; font-weight: bold; color: #262626;}
.pager a:hover { opacity: 0.7;}
.pager .previous a { background: url("../images/blog/ico_prev.png") no-repeat center top; width: 191px; padding-left: 10px;}
.pager .next a { background: url("../images/blog/ico_next.png") no-repeat center top; width: 191px; padding-right: 10px;}
.pager .return a { margin: 0px 25px;}


/* rec_box */
.rec_box:before, .rec_box:after { content: ""; position: absolute; background: url("../images/top/top_sec09_bg01.png") no-repeat center center; width: 260px; height: 240px; background-size: 100% 100%; z-index: -1;}
.rec_box:before { left: -100px; top: 5%;}
.rec_box:after { right: -60px; bottom: 10%;}
.rec_box h2 { font-size: 2.5em; letter-spacing: -0.02em;}
.rec_box ul { display: flex; margin: auto -1.5%; flex-wrap: wrap;}
.rec_box li { width: 30.3333%; margin: 0px 1.5%;}
.rec_box li:nth-child(4) { display: none;}
.rec_box .category { font-size: 0.85em;}