<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;display=swap');

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

	リセット

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

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 #5f2400;
	margin: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}
* {
	-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: #444444;
	font-size: 1em;
	line-height: 1.65;
	position: relative;
	min-width: 1030px;
}

.fo_mplus { font-family: tbudrgothic-std, sans-serif; font-weight: 700;}
.fo_noto { font-family: source-han-sans-japanese, sans-serif; font-weight: 700;}
.fo_roboto { font-family: 'Roboto', sans-serif; font-weight: 700;}
.fo_roboto.regular { font-weight: 400;}

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

a { color: #003ca2;}
a:hover { color: #ff8400;}

/* 文字装飾 */
.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;}
.fo088 { font-size: 0.875em !important;}
.fo09 { font-size: 0.9em !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;}
.fo17 { font-size: 1.7em !important;}
.fo18 { font-size: 1.8em !important;}
.fo19 { font-size: 1.9em !important;}
.fo20 { font-size: 2em !important;}

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

.fo_white { color: #FFFFFF;}
.fo_blue { color: #003a95;}
.fo_blue02 { color: #49afdf;}
.fo_orange { color: #ff8400;}
.fo_yellow { color: #f0ff00;}

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

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

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

.bold { font-weight: bold;}

.ta_center { text-align: center;}
.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_left-s_right { text-align: left;}
.ta_center-s_left { text-align: center;}

.back_white { background-color: #fff;}
.back_blue { background-color: #7cc5df;}
.back_blue02 { background-color: #003ca2;}
.back_gray { background-color: #f1f0ef;}

.back_dot { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8cuXKfx0dHUYGJIDCgYlTKAgAmZ8EBsMsQDoAAAAASUVORK5CYII=) #eeeceb;}

@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;
}

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

body { padding-top: 64px;}

.header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; border-bottom: solid 3px #003ca2; display: flex; justify-content: space-between; align-items: center; padding-left: 15px; min-width: 1030px;}
.header ul { display: flex; align-items: flex-end;}
.header li:nth-last-child(n+4) { margin-bottom: 5px;}
.header li:nth-last-child(4) { margin-right: 12px;}
.header li:nth-last-child(n+5):after { content: ""; width: 3px; height: 1em; background-color: #49afdf; margin: 0px 0.5em; display: inline-block; vertical-align: middle;}
.header li a { text-decoration: none; font-weight: bold; font-size: 0.95em; line-height: 1;}


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

.footer { background: url("../images/common/footer_bg.png") no-repeat calc(50% + 500px) 70px #444444; padding: 50px 0px 15px;}
.footer .box01 { display: flex; justify-content: space-between;}
.footer_nav { display: flex;}
.footer_nav ul:not(:first-child) { margin-left: 60px;}
.footer a { color: #fff; text-decoration: none;}
.footer a:hover { text-decoration: underline;}


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


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

	トップページ

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

.mainimage { background: url("../images/top/main_bg.png") no-repeat center center; background-size: cover; padding: 50px 0px 0px;}
.mainimage .box01 { display: flex; justify-content: space-between; max-width: 1200px; padding: 0px 10px; margin: auto; align-items: center;}
.mainimage .box_inner { margin: 0px 20px 30px 0px;}
.mainimage .btn_area { display: flex;}
.mainimage .btn_area li:first-child { margin-right: 15px;}

.cmn_bnr { display: flex; justify-content: center; align-items: flex-end;}
.cmn_bnr li:first-child { margin-right: 4%;}

.top_heading { max-width: 900px; margin: auto; border-bottom: solid 2px #003a95; font-size: 2.2em; line-height: 1.4; padding-bottom: 10px;}
.top_heading .large { font-size: 1.4em;}

.top_sec01 { padding: 60px 0px 80px; z-index: 10;}
.top_sec01 .top_heading:after { content: ""; background: url("../images/top/top_sec01_ttl.png") no-repeat center top; background-size: 100% auto; position: absolute; width: 110px; height: 170px; left: -60px; bottom: -10px;}
.top_sec01 .box02 { border-radius: 10px; padding: 40px 40px 50px 20px;}
.top_sec01 .box02:before, .top_add01 .box01:before { content: ""; position: absolute; z-index: -1; top: 10px; right: -10px; bottom: -10px; left: 10px; border-radius: 10px; background-size: auto auto; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px );}
.top_sec01 .box02 ul { display: flex; justify-content: space-between; align-items: flex-end;}
.top_sec01 .box02 li:first-child { margin-right: 20px;}

.top_add01 { z-index: 10; position: relative; padding: 70px 0px;}
.top_add01 .box01 { border-radius: 10px; padding: 4%;}
.top_add01 .box02:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 150px 0 150px;
	border-color: #003ba2 transparent transparent transparent;
	bottom: -100px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}
.top_add01 .text01 { font-size: 2.2em;}
.top_add01 .text01 span { font-size: 1.35em; line-height: 1.4;}

.top_sec02 { padding: 70px 0px 1px;}

.top_sec02 section a { display: block; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); background-color: #fff; padding: 0px 40px 40px; text-decoration: none; color: #444;}
.top_sec02 section a:hover { background-color: #7cc5df; color: #fff;}
.top_sec02 section a:hover .fo_blue02 { color: #fff !important;}
.top_sec02 dl { display: flex; align-items: flex-end;}
.top_sec02 dt &gt; span { display: flex; background-color: #003ca2; font-size: 1.1em; letter-spacing: 0.05em; width: 120px; height: 150px; justify-content: center; align-items: center; flex-wrap: wrap; padding: 40px 20px 20px; margin-top: -13px;}
.top_sec02 dt &gt; span:before, .top_sec02 dt &gt; span:after { content: ""; position: absolute; top: 0px; width: 0; height: 0; border-style: solid;}
.top_sec02 dt &gt; span:before { left: -13px; border-width: 0 0 13px 13px; border-color: transparent transparent #002a79 transparent;}
.top_sec02 dt &gt; span:after { right: -13px; border-width: 13px 0 0 13px; border-color: transparent transparent transparent #002a79;}
.top_sec02 dt &gt; span .num { font-size: 3em; margin-top: -0.4em;}
.top_sec02 dd { padding-left: 20px;}
.top_sec02 .underline { background: linear-gradient(transparent 80%, #f0ff00 0%); font-size: 2.6em; line-height: 1.4;}
.top_sec02 .box01 { display: flex; align-items: center;}
.top_sec02 .box01 .box_inner { padding: 1em;}
.top_sec02 .box01 .box_inner:after { content: ""; position: absolute; background: url("../images/top/top_sec02_textbox.png") no-repeat center top; width: 46px; height: 29px; bottom: 30px;}
.top_sec02 a:hover .box01 .box_inner:after { background-image: url("../images/top/top_sec02_textbox_o.png");}
.top_sec02 .btn_area span { display: inline-block; line-height: 1;}
.top_sec04 a .btn_area span { color: #003ca2;}
.top_sec02 a:hover .btn_area span, .top_sec04 a:hover .btn_area span { color: #f0ff00;}
.top_sec02 .btn_area span:after, .top_sec04 .btn_area span:after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	margin-bottom: -0.1em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #49afdf;
}
.top_sec04 .btn_area span:after { border-color: transparent transparent transparent #003ca2;}
.top_sec02 a:hover .btn_area span:after, .top_sec04 a:hover .btn_area span:after { border-color: transparent transparent transparent #f0ff00;}

.top_sec02 .left { margin-right: 50px;}
.top_sec02 .left .img01 { top: -50px; right: -50px; width: 50%;}
.top_sec02 .left .box01 .box_inner { border-right: solid 2px #003a95; border-bottom: solid 2px #003a95; border-bottom-right-radius: 15px; margin-left: 40px;}
.top_sec02 .left .box01 .box_inner:after { right: -40px;}
.top_sec02 .left .box02 { padding-left: 150px;}
.top_sec02 .left .box02:before { content: ""; position: absolute; left: 0px; top: -10px; background: url("../images/top/top_sec02_text01.png") no-repeat center top; background-size: 100% auto; width: 131px; height: 129px;}
.top_sec02 .left a:hover .box02:before { background-image: url("../images/top/top_sec02_text01_o.png");}

.top_sec02 .sec01 .box01 figure { z-index: 50; margin: -60px -50px 0px 20px;}

.top_sec02 .right { margin-left: 50px;}
.top_sec02 .right dl, .top_sec02 .right .box01 { flex-flow: row-reverse;}
.top_sec02 .right dd { padding: 0px 20px 20px 0px;}
.top_sec02 .right .img01 { top: -60px; left: -50px; width: 38%;}
.top_sec02 .right .box01 .box_inner { border-left: solid 2px #003a95; border-bottom: solid 2px #003a95; border-bottom-left-radius: 15px; margin-right: 100px;}
.top_sec02 .right .box01 .box_inner:after { left: -40px; transform: scale(-1,1);}
.top_sec02 .sec02 .box01 figure { z-index: 50; margin: 0px 50px 0px 0px;}
.top_sec02 .right .box02 { padding-left: 35%;}
.top_sec02 .right .box02:before { content: ""; position: absolute; right: 0px; top: -85px; background: url("../images/top/top_sec02_text02.png") no-repeat center top; background-size: 100% auto; width: 133px; height: 130px;}
.top_sec02 .right a:hover .box02:before { background-image: url("../images/top/top_sec02_text02_o.png");}

.top_sec02 .sec03 .box01 figure { z-index: 50; margin: -30px -10px 0px -20px;}
.top_sec02 .sec03 .box01 .box_inner { padding: 1em 2em;}

.top_sec02 .add_box01 { max-width: 900px; margin: auto; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 10px 30px; background: #49afdf; clear: both;}
.add_box01 .box_inner { width: 570px; padding: 10px;}
.youtube_wrap { position: relative; width: 100%; padding-top: 56.25%;}
.youtube_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.cmn_contact .box01 { max-width: 930px; margin: auto; padding: 50px 15px 0px; text-align: center;}
.cmn_contact .box01 h3 { background: #003ca2; border-radius: 60px; font-size: 2.15em; line-height: 1.4; padding: 2px 5px 5px;}
.cmn_contact .box01 h3:before { content: ""; position: absolute; background: url("../images/common/cmn_ttl.png") no-repeat center bottom; width: 89px; height: 103px; left: 15px; bottom: 10px; z-index: 100;}
.cmn_contact .box02 { background: url("../images/common/cmn_bg01.png") no-repeat calc(50% - 500px) -15px, url("../images/common/cmn_bg02.png") no-repeat calc(50% + 500px) 15px #003ca2; padding: 35px 15px;}
.cmn_contact .text01 { font-size: 3.5em; line-height: 1.1;}

.top_sec03 { padding: 80px 0px 70px;}
.top_sec03:after { content: ""; position: absolute; width: 100%; bottom: 0px; left: 0px; background: url("../images/top/top_sec04_bg.png") no-repeat center bottom; background-size: 100% 100%; height: 45px;}
.top_sec03 .top_heading .num { line-height: 1em;}
.top_sec03 .top_heading:after { content: ""; background: url("../images/top/top_sec03_ttl.png") no-repeat center bottom; background-size: 100% auto; position: absolute; width: 155px; height: 170px; right: 100px; bottom: -10px;}
.top_sec03 ul { display: flex; justify-content: space-between;}
.top_sec03 li { width: 30.8333%; border-radius: 10px; padding: 30px 2%; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); margin-bottom: 20px;}
.top_sec03 li:nth-child(1) { background: #ff8400;}
.top_sec03 li:nth-child(2) { background: #2cb044;}
.top_sec03 li:nth-child(3) { background: #e75499;}
.top_sec03 li:nth-child(3) h3 { letter-spacing: -0.03em; margin-left: -15px; margin-right: -15px;}
.top_sec03 .num { font-size: 3.2em; line-height: 1;}
.top_sec03 h3 { font-size: 1.5em; letter-spacing: 0.1em;}
.top_sec03 .text01 { font-size: 1.8em;}

.top_sec04 { padding: 50px 0px; z-index: 50;}
.top_sec04 ul { display: flex; justify-content: space-between;}
.top_sec04 li { width: 30.83333%; margin-bottom: 30px;}
.top_sec04 li a { display: block; transition: 0.3s; text-decoration: none;}
.top_sec04 li a:hover { transform: translate(2px, 2px);}
.top_sec04 h3 { font-size: 1.25em; padding: 1px 3px 5px;}
.top_sec04 h3:before { content: ""; position: absolute; z-index: -1; top: 5px; right: -5px; bottom: -5px; left: 5px; background-size: auto auto; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #416eba 2px, #416eba 4px );}
.top_sec04 .text01 { font-size: 1.5em;}

.top_sec05 { background: url("../images/top/top_sec05_bg01.png") no-repeat calc(50% - 600px) 30px, url("../images/top/top_sec05_bg02.png") no-repeat calc(50% + 600px) 30px, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8cuXKfx0dHUYGJIDCgYlTKAgAmZ8EBsMsQDoAAAAASUVORK5CYII=) #eeeceb; background-size: auto 85%, auto 85%, auto; padding: 80px 0px;}
.top_sec05 .box, .com_sec01 .box { display: flex; justify-content: center;}
.top_sec05 .box &gt; div:first-child, .com_sec01 .box &gt; div:first-child { margin-right: 60px;}
.top_sec05 h2 { font-size: 2.2em; letter-spacing: 0.2em;}


.lp_sec01.top { padding: 100px 0px;}
.lp_sec01.top .box01 { max-width: 1080px; outline: solid 10px #fff; padding: 2px; background: linear-gradient(to right, #8e5609 0%,#fba52a 30%,#b8731d 60%,#ab691b 63%,#704912 75%,#8b5316 100%); margin: auto;}
.lp_sec01 .box02 { padding: 3%;}
.lp_sec01 .head { display: flex; justify-content: center; align-items: center;}
.lp_sec01 .head .box_inner { width: 780px; margin-left: 20px;}
.lp_sec01 .text02 { background: #8f7224; border-radius: 30px; display: inline-block; vertical-align: bottom; font-size: 1.35em; padding: 1px 1em 3px;}
.lp_sec01 h2 { font-size: 2.15em; line-height: 1.5;}
.lp_sec01 h2 &gt; span { font-size: 1.5em; line-height: 1.3;}
.lp_sec01 h2 .ls01 { margin-left: -0.5em;}
.lp_sec01 h2 .ls02 { margin: 0px -0.2em;}
.lp_sec01 h2 .ls03 { margin-right: -0.5em;}

@media only screen and (max-width: 1110px) {
	.lp_sec01 h2 &gt; span { font-size: 1.4em;}
}

.lp_sec01 .box03 { display: flex; justify-content: space-between; align-items: center;}
.lp_sec01 .box03 &gt; div:first-child { width: 440px;}
.lp_sec01 .box03 &gt; div:last-child { width: calc(100% - 470px); max-width: 615px;}
.lp_sec01 .box03 .logo img { width: 110px; height: auto; vertical-align: bottom;}
.lp_sec01 .box03 h3 { font-size: 2.2em; color: #8f7224; padding-bottom: 10px;}
.lp_sec01 .box03 h3:after { content: ""; position: absolute; width: 100%; height: 4px; background: linear-gradient(to right, #8e5609 0%,#fba52a 30%,#b8731d 60%,#ab691b 63%,#704912 75%,#8b5316 100%); left: 0px; bottom: 0px;}
.lp_sec01 .text03 { font-size: 1.7em;}

.top_text { font-size: 2em; padding: 5px 0px 10px;}

@media only screen and (max-width: 860px) {
	.lp_sec01.top .box01 { margin: auto 10px;}
	.lp_sec01 .box02 { padding: 5% 4%;}
	.lp_sec01 .head { display: block;}
	.lp_sec01 .head figure img { width: 130px; height: auto;}
	.lp_sec01 .head .box_inner { width: auto; margin: 15px 0px 0px; font-size: 1.85vw;}

	.lp_sec01 .box03 .logo img { width: 80px;}
	.lp_sec01 .box03 .logo02 img { width: auto; height: 45px;}
	.lp_sec01 .box03 &gt; div:first-child { width: 330px;}
	.lp_sec01 .box03 &gt; div:last-child { width: calc(100% - 350px);}
}

@media only screen and (max-width: 640px) {
	.lp_sec01 .box03 { display: block;}
	.lp_sec01 .box03 &gt; div:first-child { width: auto; margin-bottom: 20px;}
	.lp_sec01 .box03 &gt; div:last-child { width: auto;}
}


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

	下層ページ

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

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

.more_btn a, .btn01 {
	display: inline-block;
	min-width: 400px;
	text-align: center;
	background-color: #003ca2;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 6px;
	padding: 18px 35px;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	transition-property: color;
	transition-duration: 0.3s;
}
.btn01 { display: block; margin: auto; min-width: 0px; max-width: 400px; text-align: center;}
.more_btn a:before, .btn01:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff799;
	border-radius: 5px;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.more_btn a:after, .btn01:after {
	position: absolute;
	right: 15px;
	top: 50%;
	content: "";
	margin-top: -7.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #fff;
	transition: 0.4s;
}
.more_btn a:hover:after, .btn01:hover:after { border-color: transparent transparent transparent #003ca2;}
.more_btn a:hover, .more_btn a:focus, .more_btn a:active,
.btn01:hover, .btn01:focus, .btn01:active{ color: #003ca2; transform: translate(2px, 2px);}
.more_btn a:hover:before, .more_btn a:focus:before, .more_btn a:active:before,
.btn01:hover:before, .btn01:focus:before, .btn01:active:before{ transform: scaleX(1);}

.hvr-sink { transition: 0.3s; display: inline-block; vertical-align: bottom;}
.hvr-sink:hover { transform: translateY(2px);}

.table_bordered { width: 100%; border-top: solid 1px #444444;}
.table_bordered th, .table_bordered td { border-bottom: solid 1px #444444; vertical-align: top; padding: 8px;}
.table_bordered th { text-align: left;}
.table_bordered th:before { content: ""; width: 8px; height: 8px; background: #444; display: inline-block; margin-right: 0.3em; margin-bottom: 0.1em;}

.pagettl { background: url("../images/common/pagettl01.png") no-repeat calc(50% - 550px) 50%, url("../images/common/pagettl02.png") no-repeat calc(50% + 550px) 50%, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8cuXKfx0dHUYGJIDCgYlTKAgAmZ8EBsMsQDoAAAAASUVORK5CYII=) #eeeceb; padding: 100px 0px; font-size: 1.7em; line-height: 1.2; letter-spacing: 0.1em;}
.pagettl h2 { font-size: 1.8em; margin-bottom: 10px;}

.breadcrumb:before { content: ""; display: inline-block; background: url("../images/common/ico_bread.png") no-repeat center center; width: 14px; height: 22px; margin-right: 0.5em; vertical-align: middle;}

.heading_btmline { text-align: center; font-size: 2.5em; line-height: 1.3; padding-bottom: 10px; position: relative; color: #003ca2;}
.heading_btmline:after { content: ""; position: absolute; max-width: 475px; width: 100%; height: 1px; background: #003ca2; bottom: 0px; left: 50%; transform: translateX(-50%);}

.heading_circle &gt; span { display: inline-block; color: #49afdf; font-size: 1.2em;}

.underline_y { background: linear-gradient(transparent 80%, #f0ff00 0%); padding: 0px 0.2em;}

/* ----------------------------
	scene
---------------------------- */

.scene_bnr ul { display: flex; justify-content: center; align-items: center;}
.scene_bnr .fo_noto { font-size: 1.5em; margin-right: 40px;}

.scene_sec01 { padding: 80px 0px 30px;}
.scene_sec01 ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.scene_sec01 li { width: 48%; margin-bottom: 50px;}
.scene_sec01 a { display: block; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); padding: 0px 4% 30px; text-decoration: none; color: #444;}
.scene_sec01 a:hover { background-color: #fff799;}
.scene_sec01 dl { display: flex;}
.scene_sec01 dt &gt; span { display: flex; background-color: #003ca2; font-size: 1.1em; letter-spacing: 0.05em; width: 85px; height: 95px; justify-content: center; align-items: center; flex-wrap: wrap; padding: 13px 5px; margin-top: -13px;}
.scene_sec01 dt &gt; span:before, .scene_sec01 dt &gt; span:after { content: ""; position: absolute; top: 0px; width: 0; height: 0; border-style: solid;}
.scene_sec01 dt &gt; span:before { left: -13px; border-width: 0 0 13px 13px; border-color: transparent transparent #002a79 transparent;}
.scene_sec01 dt &gt; span:after { right: -13px; border-width: 13px 0 0 13px; border-color: transparent transparent transparent #002a79;}
.scene_sec01 dt &gt; span .num { font-size: 2.5em; margin-top: -0.4em;}
.scene_sec01 dd { padding: 35px 0px 0px 20px;}
.scene_sec01 .back_blue02 { display: inline-block; border-radius: 40px; line-height: 1.4; padding: 1px 1.3em 2px; font-size: 1.1em; margin-bottom: 5px;}
.scene_sec01 .underline { background: linear-gradient(transparent 70%, #f0ff00 0%); font-size: 1.9em; line-height: 1.4;}
.scene_sec01 a:hover .underline { background: linear-gradient(transparent 70%, #fff 0%);}
.scene_sec01 .btn_area span { display: inline-block; line-height: 1;}
.scene_sec01 a .btn_area span { color: #49afdf;}
.scene_sec01 .btn_area span:after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	margin-bottom: -0.1em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #49afdf;
}


.scene01_sec01 .box { border: solid 1px #003ca2; border-bottom: none; border-top-left-radius: 25px; border-top-right-radius: 25px; padding: 0px 5% 30px;}
.scene01_sec01 .box:before { content: ""; position: absolute; left: 100%; right: -12px; top: 15px; bottom: 0px; z-index: -1; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px ); background-size: auto auto; border-top-right-radius: 10px;}

.scene_num &gt; span { display: inline-block; background-color: #003ca2; font-size: 1.2em; letter-spacing: 0.05em; width: 120px; padding: 17px 10px 12px; margin-top: -13px; line-height: 1.1;}
.scene_num &gt; span:before, .scene_num &gt; span:after { content: ""; position: absolute; top: 0px; width: 0; height: 0; border-style: solid;}
.scene_num &gt; span:before { left: -13px; border-width: 0 0 13px 13px; border-color: transparent transparent #002a79 transparent;}
.scene_num &gt; span:after { right: -13px; border-width: 13px 0 0 13px; border-color: transparent transparent transparent #002a79;}
.scene_num &gt; span .num { font-size: 2.7em; margin-top: -0.4em;}

.scene_header .subttl { display: inline-block; border-radius: 30px; font-size: 1.35em; padding: 1px 2em 4px;}
.scene_header h3 { background: linear-gradient(transparent 80%, #f0ff00 0%); display: inline-block; font-size: 2.7em; padding: 0px 0.2em;}

.scene01_sec01 .box02 { display: flex; justify-content: center; align-items: center;}
.scene01_sec01 .box03 { border-right: solid 2px #444444; border-bottom: solid 2px #444444; border-bottom-right-radius: 25px; font-size: 1.6em; padding: 0.5em 0.5em 1em 1em; margin-right: 15px;}
.scene01_sec01 .box03:after { content: ""; position: absolute; background: url("../images/scene/scene_hukidashi.png") no-repeat center center; background-size: 100% auto; width: 61px; height: 38px; right: -55px; bottom: 30px;}

.scene01_sec02 { padding-bottom: 65px;}
.scene01_sec02 .box01 { background: url("../images/scene/scene_bg03.png") no-repeat center bottom; height: 616px; background-size: auto 100%; padding-top: 50px;}
.scene01_sec02 .box01 h3 { display: inline-block; border-bottom: solid 1px #fff; font-size: 2.1em; padding: 0px 0.8em 5px;}
.scene01_sec02 .box01 ul { display: flex; justify-content: space-between; margin: auto -3px;}
.scene01_sec02 .box01 li { background: url("../images/scene/scene_bg04.png") no-repeat center center; background-size: 100% 100%; width: 263px; height: 302px; display: flex; justify-content: center; align-items: center; margin: 0px 3px;}
.scene01_sec02 .box01 .num { font-size: 0.9em; line-height: 1; border-bottom: solid 3px #49afdf; display: inline-block; padding-bottom: 5px;}
.scene01_sec02 .box01 .num span { font-size: 2.8em;}
.scene01_sec02 .box01 .text01 { font-size: 1.1em; line-height: 1.6;}
.scene01_sec02 .box01 .text02 { margin-top: 20px;}

@media only screen and (max-width: 1080px) {
	.scene01_sec02 .box01 .text01 { font-size: 1.05em;}
}

@media only screen and (min-width: 1900px) {
	.scene01_sec02 .box01 { background-size: 100% 100%;}
}

.scene01_sec02 .box02 { background: url("../images/scene/scene_bg01.png") no-repeat calc(50% - 650px) top, url("../images/scene/scene_bg02.png") no-repeat calc(50% + 680px) top; padding-top: 300px; margin-top: -200px;}
.scene01_sec02 .box02 .text03 p { font-size: 3em; display: inline-block; line-height: 1.6; margin-bottom: 160px;}
.scene01_sec02 .box02 .text03 p span { background: linear-gradient(transparent 82%, #f0ff00 0%);}
.scene01_sec02 .box02 section { border-radius: 25px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 35px 0px 40px; margin-bottom: 140px;}
.scene01_sec02 .box02 section h4 { font-size: 1.8em; padding-bottom: 3px !important;}
.scene01_sec02 .box02 section .text04 { font-size: 1.8em;}

.scene01_sec02 .box02 .sec01 h4, .scene01_sec02 .box02 .sec01 p { padding: 0px 45% 0px 50px;}
.scene01_sec02 .box02 .sec01 .pos_ab { right: -70px; bottom: 20px;}

.scene01_sec02 .box02 .sec02 h4, .scene01_sec02 .box02 .sec02 p { padding: 0px 50px 0px 47%;}
.scene01_sec02 .box02 .sec02 .pos_ab { left: -70px; bottom: 20px;}

.scene01_sec02 .box02 .text05 { font-size: 1.8em;}
.scene01_sec02:after { content: ""; position: absolute; width: 100%; bottom: 0px; left: 0px; background: url("../images/top/top_sec04_bg.png") no-repeat center bottom; background-size: 100% 100%; height: 45px;}

.scene01_sec03.scene_sec01 { padding-top: 30px;}
.scene01_sec03.scene_sec01 ul { justify-content: center; max-width: 1230px; margin: auto;}
.scene01_sec03.scene_sec01 li { width: 23%; margin: 0px 0.8% 35px; font-size: 0.52em;}

.scene_sec01.scene01_sec03 a { height: 100%; padding-bottom: 20px;}
.scene_sec01.scene01_sec03 dt &gt; span { width: 45px; height: 51px; padding: 7px 0px; margin-top: -7px;}
.scene_sec01.scene01_sec03 dt &gt; span:before { left: -7px; border-width: 0 0 7px 7px;}
.scene_sec01.scene01_sec03 dt &gt; span:after { right: -7px; border-width: 7px 0 0 7px;}
.scene_sec01.scene01_sec03 dt &gt; span .num { font-size: 2.5em; margin-top: -0.4em;}
.scene_sec01.scene01_sec03 dd { padding: 20px 0px 0px 10px;}
.scene_sec01 .btn_area span:after { margin-left: 5px; margin-bottom: -0.2em; border-width: 4px 0 4px 6px;}


/* ----------------------------
	price
---------------------------- */

.price_sec01 { z-index: 100;}
.price_sec01 .box { display: flex; justify-content: space-between;}
.price_sec01 .box section { border-radius: 20px; padding: 30px; width: 46%;}
.price_sec01 .box section:before { content: ""; position: absolute; top: -15px; right: -15px; bottom: -15px; left: -15px; border-radius: 20px; background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(174, 210, 231, 1) 3px, rgba(174, 210, 231, 1) 6px ); z-index: -1;}
.price_sec01 h4.heading_btmline { font-size: 1.6em;}
.price_sec01 .fo_roboto { letter-spacing: 0.1em;}
.price_sec01 .list01 { display: flex; justify-content: center;}
.price_sec01 .list01 li { margin: 0px 15px 20px;}
.price_sec01 .text02 { font-size: 2.9em; line-height: 1;}
.price_sec01 .num { font-size: 2.5em; line-height: 1;}
.price_sec01 .list01 li:last-child .underline_y { background: linear-gradient(transparent 60%, #f0ff00 0%);}
.price_sec01 h6 { font-size: 1.1em; border: solid 1px #7cc5df; border-radius: 10px; padding: 3px 5px 5px;}
.price_sec01 .list02 { display: flex; justify-content: center; flex-wrap: wrap;}
.price_sec01 .list02 li { position: relative; padding-left: 12px; margin: 0px 0.5em; font-size: 0.95em;}
.price_sec01 .list02 li:before { content: ""; position: absolute; left: 0px; top: 0.55em; width: 7px; height: 7px; border-radius: 100%; background: #444444;}

.price_sec02 { padding: 80px 0px; z-index: 100;}
.price_sec02 .box01 { max-width: 765px; margin: auto;}
.price_sec02 .step_dl { display: flex; justify-content: space-between; padding: 15px 30px; border-radius: 20px; align-items: center; margin-bottom: 40px;}
.price_sec02 .step_dl:before { content: ""; position: absolute; right: -10px; bottom: -10px; left: 10px; top: 10px; border-radius: 20px; z-index: -1; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px ); background-size: auto auto;}
.price_sec02 .step_dl:not(:last-child):after {
	content: "";
	position: absolute;
	left: 70px;
	bottom: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 17px 0 17px;
	border-color: #ffffff transparent transparent transparent;
}
.price_sec02 .step_dl dt { align-self: flex-start; width: 113px;}
.price_sec02 .step_dl dt &gt; span { background: url("../images/price_bg01.png") no-repeat center center; width: 113px; height: 131px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; letter-spacing: 0.1em;}
.price_sec02 .step_dl dt .num { display: block; width: 100%; font-size: 2.9em; line-height: 1; margin-top: -60px;}
.price_sec02 .step_dl dd { width: calc(100% - 145px);}
.price_sec02 .step_dl .underline_y { font-size: 1.65em; padding: 0px;}

.price_sec02 .box02 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.price_sec02 .box02 figure { width: calc(100% - 585px); padding-top: 15px;}
.price_sec02 .box02 .box_inner { width: 605px; border: solid 2px #fff; background: #ff8400; border-radius: 20px; padding: 30px 40px;}
.price_sec02 .box02 h4 { font-size: 1.65em;}

.price_sec03 { margin-top: -100px; padding-top: 100px;}

.faq_dl { max-width: 900px; margin: 0px auto 40px; border-bottom: solid 1px #444; padding-bottom: 40px;}
.faq_dl dt, .faq_dl dd { position: relative; padding-left: 50px;}
.faq_dl dt { padding-top: 0.2em; margin-bottom: 20px;}
.faq_dl dd { padding-top: 0.5em;}
.faq_dl dt:before, .faq_dl dd:before { content: ""; position: absolute; left: 0px; top: 0px; width: 36px; height: 42px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.faq_dl dt:before { background-image: url("../images/ico_q.png");}
.faq_dl dd:before { background-image: url("../images/ico_a.png");}


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

.com_sec01 .table_bordered th:before { background: #003ca2;}

.com_sec02 { padding: 50px 0px 80px;}
.com_sec02 .text01 { max-width: 740px; margin: auto;}
.com_sec02 .map { z-index: 100;}
.com_sec02 .map iframe { width: 100%; height: 600px; vertical-align: bottom;}
.com_sec02 .map:before { content: ""; position: absolute; z-index: -1; top: 15px; right: -15px; bottom: -15px; left: 15px; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px ); background-size: auto auto;}


/* ----------------------------
	user policy
---------------------------- */

.privacy_sec01 { max-width: 900px;}

.user_sec01 h3 { font-size: 1.5em;}
.user_sec01 .btn_area a { display: inline-block; width: 300px; text-align: left; text-decoration: none; color: #444444; font-size: 1.15em; line-height: 1.2; border-bottom: solid 1px #49afdf; padding: 0px 30px 5px 0.2em; letter-spacing: 0.1em; position: relative;}
.user_sec01 .btn_area a:before, .user_sec01 .btn_area a:after { content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.user_sec01 .btn_area a:before { background-image: url("../images/user_icon01.png"); width: 26px; height: 32px; left: -33px; top: 50%; transform: translateY(-50%);}
.user_sec01 .btn_area a:after { background-image: url("../images/user_icon02.png"); width: 19px; height: 17px; right: 7px; top: 0.1em;}


/* ----------------------------
	material
---------------------------- */

.mat_sec01 { padding-top: 40px;}
.mat_sec01 .text01 { max-width: 900px; margin: auto;}
.mat_sec01 .box { border: solid 1px #003ca2; border-radius: 25px; padding: 0px 50px 50px; max-width: 950px; margin: 0px auto 70px;}
.mat_sec01 .box:before { content: ""; position: absolute; left: 12px; right: -12px; top: 12px; bottom: -12px; z-index: -1; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px ); background-size: auto auto; border-radius: 25px;}
.mat_sec01 .box header { display: flex; align-items: flex-end; justify-content: space-between;}
.mat_sec01 .box header h3 { width: calc(100% - 140px);}
.mat_sec01 .box header h3 &gt; span { display: inline-block; background: linear-gradient(transparent 80%, #f0ff00 0%); font-size: 2.5em; line-height: 1.2; padding: 0px 0.3em;}
.mat_sec01 .box01 { display: flex; justify-content: space-between;}
.mat_sec01 .box01 figure { width: 235px;}
.mat_sec01 .box01 .box_inner { width: calc(100% - 265px);}
.mat_sec01 .box01 h4 { font-size: 1.8em; line-height: 1.5;}



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

.contact_text { max-width: 700px; margin: auto;}

.contact_sec dl { display: table; width: 100%; max-width: 730px; border-bottom: dashed 1px #000000; padding-bottom: 20px; margin: 0px auto 20px;}
.contact_sec dl:last-of-type { border-bottom: none;}
.contact_sec dt, .contact_sec dd { display: table-cell; vertical-align: top;}
.contact_sec dt {
	font-weight: bold;
	width: 12em;
	line-height: 1.6;
	padding-top: 0.6em;
}
.contact_sec .mw_wp_form_confirm dt, .contact_sec .mw_wp_form_confirm .checkbox_wrap { padding-top: 0px;}
.contact_sec dt span {
	display: inline-block;
	vertical-align: middle;
	float: right;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	padding: 5px;
}
.contact_sec .hissu { background-color: #ea5504;}
.contact_sec dd { padding-left: 20px;}
.contact_sec dd .mb10 { margin-bottom: 15px !important;}
.contact_sec input[type="text"], .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: 1em;
	border: solid 1px #9fa0a0;
	border-radius: 4px;
	padding: 7px 10px;
	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 select { width: auto; max-width: 100%;}
.contact_sec .checkbox_wrap { padding-top: 6px;}
.contact_sec input[type="checkbox"] { margin-bottom: 0.5em; display: inline-block; vertical-align: middle;}

.contact_sec .btn_area input { display: inline-block; width: 400px; background: url("../images/common/ico_arrow.png") no-repeat 95% 50% #003ca2; background-size: 10px auto; color: #fff; font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; padding: 15px 30px; text-align: center; line-height: 1.6; font-weight: bold; text-decoration: none; transition: 0.3s; cursor: pointer; -webkit-appearance: none; margin: 0px 10px 10px; border: none; outline: none; border-radius: 5px;}
.contact_sec .btn_area input:hover { background-color: #fff799; color: #003ca2; background-image: url("../images/common/ico_arrow_blue.png");}
.contact_sec .btn_area input:not(:last-child) { margin-bottom: 10px;}

.contact_sec .text_privacy { padding-left: 25px;}
.contact_sec .text_privacy a { color: #0071bc;}
.contact_sec .text_privacy a:after { content: ""; display: inline-block; vertical-align: middle; background: url("../images/common/ico_link.png") no-repeat center center; background-size: 100% auto; width: 16px; height: 9px; margin: 0px 0px 0.1em 0.3em;}
.contact_sec .text_privacy a:hover { text-decoration: underline;}

.g-recaptcha { margin-bottom: 40px;}

.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;}


.contact_body { padding-top: 0px;}
.contact_header { padding: 25px 30px 30px;}
.contact_wrap { padding: 80px 0px;}
.contact_wrap .container02 { max-width: 1230px;}
.contact_footer { background: #444444; padding: 15px;}
.contact_wrap .box01 { display: flex; justify-content: space-between;}
.contact_wrap .box01 .box_inner:first-child { width: 43.75%;}
.contact_wrap .box01 .box_inner:last-child { width: 52%;}
.contact_wrap h2 { font-size: 2em; line-height: 1.2; padding: 6px 10px 10px; border-radius: 60px;}
.download h2:before { content: ""; position: absolute; background: url("../images/down_ttl.png") no-repeat center bottom; background-size: 100% auto; width: 81px; height: 88px; left: 20px; bottom: 10px;}
.download .box02 { border: solid 1px #003ca2; border-radius: 15px; padding: 25px;}

.contact_wrap .box03 { border: solid 2px #49afdf; border-radius: 10px; padding: 40px 25px;}

.demo h2 { padding-left: 60px;}
.demo h2:before { content: ""; position: absolute; background: url("../images/demo_ttl.png") no-repeat center bottom; background-size: 100% auto; max-width: 94px; width: 18%; height: 75px; left: 0px; bottom: 10px;}

@media only screen and (max-width: 1150px) {
	.demo h2 { font-size: 1.8em;}
}

#html_element &gt; div { margin: 0px auto 40px;}


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

.category a { display: inline-block; vertical-align: middle; background: #49afdf; color: #fff !important; text-decoration: none !important; min-width: 130px; text-align: center; line-height: 1.6; font-size: 0.9em; padding: 0px 1em;}
.category.seminar a { background: #ff8400;}
.category.case-study a { background: #2cb044;}
.category a:hover { opacity: 0.7;}


/* 記事ヘッダー */
.blog_header { border-bottom: solid 1px #444; padding-bottom: 15px;}
.blog_header h1 { font-size: 2.2em; line-height: 1.4;}

.blog_header .cat_box { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; line-height: 1.6;}
.blog_header .cat_box li { display: inline-block; vertical-align: middle; margin: 0px 0px 8px 0.3em;}
.blog_header .cat_box .date { margin: 0px 1em 5px 0px;}

/* 本文 */
.single_art { max-width: 900px; margin: auto;}

.blog_content h2 {
	background: #003ca2;
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.4;
	clear: both;
	padding: 15px 30px;
	position: relative;
	margin: 40px auto;
}
.blog_content h2:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 17px 0 0;
	border-color: #ffffff transparent transparent transparent;
	left: 0px;
	top: 0px;
}
.blog_content h3 {
	color: #003ca2;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4;
	border-bottom: solid 1px #003ca2;
	padding-bottom: 15px;
	clear: both;
	margin: 35px auto;
}
.blog_content h4 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.5;
	border-left: solid 12px #003ca2;
	padding-left: 0.7em;
	clear: both;
	margin: 30px auto;
}
.blog_content h5 {
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.5;
	border: solid 1px #003ca2;
	padding: 5px 0.8em;
	clear: both;
	margin: 30px auto;
}
.blog_content h6, .heading_square {
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.5;
	padding-left: 25px;
	position: relative;
	clear: both;
	margin: 30px auto;
}
.heading_square { margin-bottom: auto; font-size: 1.2em;}
.blog_content h6:before, .heading_square:before { content: ""; position: absolute; width: 15px; height: 15px; background: #003ca2; left: 0px; top: 0.35em;}
.heading_square:before { top: 0.3em;}

/* 引用 */
.blog_content blockquote {
	position: relative;
	padding: 25px 5%;
	margin: 10px 10px 50px;
	background-color: #fff;
	border-radius: 10px;
	clear: both;
}
.blog_content blockquote:before, .blog_content blockquote:after { content: ""; position: absolute;}
.blog_content blockquote:before { background-size: auto auto; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #416eba 4px, #416eba 6px ); left: -10px; top: -10px; right: -10px; bottom: -10px; z-index: -1; border-radius: 13px;}
.blog_content blockquote:after { background: url("../images/common/ico_blq01.png") no-repeat left top, url("../images/common/ico_blq02.png") no-repeat right top; height: 19px; left: 10px; right: 10px; top: 10px;}

/* リスト */
.blog_content ul { margin-bottom: 30px; clear: both;}
.blog_content ul ul { margin-bottom: 0px;}
.blog_content li { position: relative; padding-left: 20px;}
.blog_content li:before { content: ""; position: absolute; background: url("../images/common/ico_list.png") no-repeat center center; width: 14px; height: 17px; background-size: 100% auto; left: 0px; top: 0.25em;}
.blog_content li li { padding-left: 1em; background: none;}
.blog_content li li:before { top: 0.55em; width: 9px; height: 9px; background: #003ca2; border-radius: 100%;}

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

/* テーブル */
.blog_content table {
	clear: both;
	margin-bottom: 30px;
	width: 100%;
}
.blog_content table thead th { background-color: #49afdf; color: #fff; font-weight: bold; padding: 5px 10px;}
.blog_content table thead th:not(:last-child) { border-right: solid 2px #fff;}
.blog_content table tbody th, .blog_content table tbody td {
	padding: 5px 15px;
	vertical-align: top;
	position: relative;
}
.blog_content table tbody th:not(:last-child):after, .blog_content table tbody td:not(:last-child):after { content: ""; position: absolute; width: 2px; top: 5px; bottom: 5px; right: -1px; background-color: #c8c8c8;}
.blog_content table tbody tr:nth-child(even) { background-color: #efefef;}

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

.blog_content strong { font-weight: bold;}
.blog_content em { font-weight: bold; color: #003ca2; background: linear-gradient(rgba(255,255,255,0) 70%, #f0ea0c 0%);}

.blog_content a.icon { background: url("../images/common/ico_url.png") no-repeat left 50%; padding-left: 20px;}
.blog_content a.icon:hover { background-image: url("../images/common/ico_url_o.png");}
.blog_content a.box { background: url("../images/common/ico_url.png") no-repeat 15px 50%; border: solid 1px #003ca2; padding: 3px 15px 7px 35px; display: inline-block;}
.blog_content a.box:hover { background-image: url("../images/common/ico_url_o.png"); border-color: #f08c00;}

.btn02, .btn03, .btn04 { display: inline-block; min-width: 300px; position: relative; text-decoration: none; font-weight: bold; font-size: 1.05em; line-height: 1.6; transition: 0.3s;}
.btn02:hover, .btn03:hover, .btn04:hover { transform: translate(2px,2px);}
.btn02 { background: #003ca2; color: #fff !important; border-radius: 3px; padding: 5px 35px 5px 20px;}
.btn02:before, .btn02:after { content: ""; position: absolute;}
.btn02:before { background: #f0ff00; right: 0px; top: 0px; bottom: 0px; width: 33px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.btn02:after {
	top: 50%;
	transform: translateY(-50%);
	right: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #003ba2;
}
.btn03 { border: solid 2px #49afdf; color: #49afdf !important; border-radius: 50px; text-align: center; padding: 8px 35px;}
.btn03:after {
	content: "";
	right: 15px;
	top: 35%;
	position: absolute;
    width: 13px;
    height: 13px;
    border-top: 2px solid #49afdf;
    border-right: 2px solid #49afdf;
    transform: rotate(45deg);
}
.btn04 { border: solid 1px #444; color: #444 !important; border-radius: 9px; text-align: center; padding: 13px 35px 10px;}
.btn04:before, .btn04:after { content: ""; position: absolute;}
.btn04:before { background: rgba(73,175,223,0.2); left: 6px; top: 6px; right: -6px; bottom: -6px; border-radius: 8px; z-index: -1;}
.btn04:after {
	top: 50%;
	transform: translateY(-50%);
	right: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #444;
}


/* SNS */
.single_sns { display: flex; justify-content: center;}
.single_sns li { width: 220px; margin: 0px 6px;}
.single_sns li a {
	display: block;
	border-radius: 6px;
	padding: 7px 5px 7px 15px;
	color: #FFFFFF !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	position: relative;
}
.single_sns li a:hover { opacity: 0.7;}
.single_sns i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 1.3em;}
.facebook a { background-color: #1877f2;}
.twitter a { background-color: #1da1f2;}
.line a { background-color: #00b900;}

/*WP用 投稿表示*/
img.aligncenter { display: block; margin: 0px auto 20px;}
img.alignright { margin: 0px 0 20px 20px; display: inline;}
img.alignleft { margin: 0px 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: rgba(45,160,210,0.1);
	color: #5f2400;
}
.pagination span.current, .pagination a:hover { background: #003ca2; color: #fff;}

/* ページャー(シングル) */
.pager { border-top: solid 1px #444; border-bottom: solid 1px #444; padding: 5px;}
.pager a { color: #444; text-decoration: none; display: block;}
.pager a:hover { color: #ff8400;}

.pager .return { display: inline-block; border-left: solid 1px #444; border-right: solid 1px #444;}
.pager .return a { padding: 0px 2em;}
.pager .previous, .pager .next { position: absolute; top: 50%; transform: translateY(-50%);}
.pager .previous { left: 0px;}
.pager .next { right: 0px;}
.pager .previous a:before { content: "&lt;&lt;";}
.pager .next a:after { content: "&gt;&gt;";}



/* news */
.archive_list article { border-bottom: solid 1px #444444; padding-bottom: 30px; max-width: 900px; margin: 0px auto 30px; display: flex;}
.archive_list .date_box { width: 140px;}
.archive_list .date_box &gt; div { position: relative; width: 100px; letter-spacing: 0.1em; padding: 0px 20px;}
.archive_list .date_box &gt; div:before, .archive_list .date_box &gt; div:after { content: ""; position: absolute; width: 4px; height: 100%; top: 0px; border: solid 1px #444;}
.archive_list .date_box &gt; div:before { left: 0px; border-right: none;}
.archive_list .date_box &gt; div:after { right: 0px; border-left: none;}
.archive_list .date_box &gt; div div { border-bottom: solid 1px #444;}
.archive_list .text_box { width: calc(100% - 140px);}
.archive_list a { text-decoration: none; color: #444;}
.archive_list a:hover { text-decoration: underline; color: #999;}

/* Added by INTACTIS Inc.  */
.contact_sec dd .flex-form {
	display: flex;
	justify-content: space-between;
}
.contact_sec dd .flex-form div {
	width: 49%;
}
</pre></body></html>