@charset "utf-8";
/*
Theme Name: aipricom
Author: aipricom
*/
/* ==================================================
reset
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@700&display=swap') screen and (min-width : 480px);
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5;
	background-color: #FFFFFF;
	color: #323232;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
blockquote,
form,
input {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	vertical-align: top;
}
li,
dt,
dd {
	line-height: 1.5;
}
table {
	font-size: 100%;
	line-height: 1.5;
	border-collapse: collapse;
	border-spacing: 0;
}
form,
input,
select {
	font-size: 100%;
}
a {
	outline: none;
	text-decoration: underline;
	transition-duration: 0.1s;
}
a:link,
a:visited {
	color: #274b66;
	background-color: transparent;
}
::placeholder {
	color: #b3b3b3;
}
.sp_only {
	display: none;
}
body,
#contents input[type="submit"],
#contents input[type="button"],
#contents input[type="text"],
#contents textarea,
#contents select,
body.mceContentBody {
	font-family: "Noto Sans JP", sans-serif;
}
/* ==================================================
layout
================================================== */
header,
#wrap_main,
#top_main,
footer {
	width: 100%;
	min-width: 1200px;
	clear: both;
}
#title,
#main,
#top_important_news,
#top_menu,
#top_search,
#top_kenshin,
#top_news,
#top_data,
#top_about,
#finfo,
#footer,
#fcopy {
	width: 1180px;
	margin: 0 auto;
}
/* ==================================================
header
================================================== */
#header {
	padding: 5px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#hlogo a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
#hlogo h1,
#hlogo p {
	font-size: 188%;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	line-height: 1.2;
	padding: 4px 0 4px 10px;
}
#hlogo img {
	width: 316px;
	height: auto;
}
/* hnavi
--------------------------- */
#hnavi > ul {
	margin: 5px 0 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#hnavi > ul > li {
	line-height: 1.3;
	padding: 0 10px;
}
#hnavi > ul > li.tel p {
	font-size: 156%;
	font-weight: 600;
	background: url("img/header/hnavi_tel.png") no-repeat left top 5px;
	background-size: auto 25px;
	padding: 0 0 0 28px;
}
#hnavi > ul > li a {
	display: inline-block;
	min-width: 170px;
	padding: 6px 10px;
	box-sizing: border-box;
	color: #ffffff;
	font-weight: 500;
	background-color: #274b66;
	text-decoration: none;
	text-align: center;
}
#sp_menu {
	display: none;
}
/* ==================================================
gnavi
================================================== */
#gnavi > ul {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#gnavi > ul > li > a {
	position: relative;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: #000000;
	font-weight: 500;
	font-size: 113%;
}
#gnavi > ul > li > a::before {
	content: "";
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 18px;
	background: url("img/header/gnavi_line.png") no-repeat center center;
	background-size: auto 17px;
}
#gnavi > ul > li:first-of-type > a::before {
	content: none;
}



/* child
--------------------------- */
#gnavi div.children {
	display: flex;
	background-color: #f2f2f2;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 30;
	top: 83px;
	padding: 30px;
	justify-content: center;
	border-top: 12px solid #ffffff;
	transition-duration: 0.2s;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
#gnavi div.children div.title {
	width: 180px;
	border-right: 1px dashed #000000;
	padding: 2px 30px 0 10px;
}
#gnavi div.children div.title a {
	text-align: center;
	font-size: 110%;
	font-weight: 600;
	color: #274b66;
	text-decoration: none;
	text-wrap: auto;
}
#gnavi div.children ul.child {
	width: 1060px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#gnavi div.children ul.child > li {
	width: 29.8%;
	line-height: 1.3;
	padding: 0 0.5% 10px 3%;
}
#gnavi div.children ul.child > li > a {
	display: block;
	color: #323232;
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	padding: 5px 0 5px 15px;
	margin: 0 0 0.4em;
	position: relative;
	text-wrap: auto;
}
#gnavi div.children ul.child > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	border-left: solid 6px #274b66;
	border-top: solid 4px transparent;
	border-bottom: solid 4px transparent;
	transition-duration: 0.1s;
}
/* ==================================================
main
================================================== */
#wrap_main {
	padding-bottom: 50px;
}
/* title
--------------------------- */
#wrap_title {
	background: linear-gradient(90deg,rgba(242, 242, 242, 1.0) 50%, rgba(39, 75, 102, 1.0) 50%);
	padding: 2px 0 0;
}
#wrap_title2 {
	background: url("img/contents/title_bg.png") no-repeat center bottom #ffffff;
	background-size: 100% 2px;
	padding: 0 0 2px;
}
#title {
	padding: 50px 0;
}
#title h1,
#title p.ttl {
	margin: 0;
	font-size: 250%;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	color: #274b66;
}
/* titlebg */
#wrap_title.titlebg {
	background-size: cover;
	background-position: right center;
	max-width: 1920px;
	padding: 0;
	margin: 0 auto;
	border-top: 2px solid #f2f2f2;
}
.titlebg #wrap_title2 {
	background: none;
	padding: 0;
}
.titlebg #title {
	width: 100%;
	padding: 200px 4%;
	box-sizing: border-box;
	background: linear-gradient(115deg,rgba(255, 255, 255, 1.0) 30%, rgba(255, 255, 255, 0.0) 30%);
}
.titlebg #title h1,
.titlebg #title p.ttl {
	text-align: left;
	text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
}
/* pnavi
--------------------------- */
#pnavi {
	padding: 10px 4%;
}
#pnavi span {
	margin: 0 0.5em;
}
/* ==================================================
footer
================================================== */
#finfo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 35px 0;
}
#flogo {
	font-size: 188%;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	line-height: 1.2;
	padding: 4px 50px 4px 75px;
	border-right: 1px solid #000000;
}
#flogo img {
	width: 313px;
	height: auto;
}
#wrap_footer {
	padding: 25px 0;
	background-color: #f2f2f2;
}
#fadd {
	padding: 0 0 0 50px;
}
#finstagram {
	padding: 0 0 0 60px;
}
#finstagram img {
	width: 60px;
	height: auto;
}
/* fnavi
--------------------------- */
#fnavi {
	display: flex;
	justify-content: space-around;
}
#fnavi ul {
	padding: 0 2em;
	list-style: none;
	border-left: 1px dashed #8c6239;
}
#fnavi ul:first-of-type {
	border: none;
}
#fnavi li {
	margin: 0.3em 0;
	line-height: 1.3;
}
#fnavi li a {
	display: inline-block;
	color: #274b66;
	font-weight: bold;
	font-size: 94%;
	text-decoration: none;
	position: relative;
}
#fnavi li.child a {
	color: #323232;
	font-weight: normal;
	padding: 0 0 0 20px;
}
#fnavi li.child a::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 4px;
	height: 4px;
	margin: -3px 0 0 0;
	border-top: solid 2px #114fa1;
	border-right: solid 2px #114fa1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* fcopy
--------------------------- */
#wrap_fcopy {
	background-color: #274b66;
}
#fcopy {
	padding: 5px 0;
	text-align: center;
	color: #ffffff;
	font-size: 88%;
}
/* pagetop
--------------------------- */
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
}
#pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #274b66;
	opacity: 0.8;
	transition-duration: 0.3s;
	text-indent: -9999px;
	position: relative;
	border: 2px solid #ffffff;
}
#pagetop a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 12px;
	height: 12px;
	border-top: #fff 2px solid;
	border-left: #fff 2px solid;
	transform: translate(-50%, -20%) rotate(45deg);
}
/* ==================================================
contents
================================================== */
#top_news a[target="_blank"]::after,
#contents a[target="_blank"]::after {
	margin: 0 5px;
	content: url(img/admin/exlink.png);
	vertical-align: -2px;
	line-height: 0.1;
}
#top_news a.icon_link::after,
#contents a.icon_link::after {
	margin: 0 5px;
	content: url(img/admin/link.png);
	vertical-align: -2px;
	line-height: 0.1;
}
#top_news a.icon_pdf::after,
#top_news a[href$=".pdf"]::after,
#contents a.icon_pdf::after,
#contents a[href$=".pdf"]::after {
	margin: 0 5px;
	content: url(img/admin/pdf.png);
	vertical-align: -2px;
	line-height: 0.1;
}
#top_news a.icon_xls::after,
#top_news a[href$=".xlsx"]::after,
#top_news a[href$=".xls"]::after,
#contents a.icon_xls::after,
#contents a[href$=".xlsx"]::after,
#contents a[href$=".xls"]::after {
	margin: 0 5px;
	content: url(img/admin/xls.png);
	vertical-align: -2px;
	line-height: 0.1;
}
#top_news a.icon_doc::after,
#top_news a[href$=".docx"]::after,
#top_news a[href$=".doc"]::after,
#contents a.icon_doc::after,
#contents a[href$=".docx"]::after,
#contents a[href$=".doc"]::after {
	margin: 0 5px;
	content: url(img/admin/doc.png);
	vertical-align: -2px;
	line-height: 0.1;
}
#top_news a.eximg::after
#contents a.eximg::after {
	content: none;
}
#contents a.link_btn[href$=".pdf"]::after,
#contents a.link_btn[href$=".xlsx"]::after,
#contents a.link_btn[href$=".xls"]::after,
#contents a.link_btn[href$=".docx"]::after,
#contents a.link_btn[href$=".doc"]::after {
	content: none;
}
#contents img {
	max-width: 100%;
}
#contents table img {
	max-width: inherit;
}
#contents iframe {
	border: none;
}
#contents #contents_top {
	margin-bottom: 50px;
	font-size: 0.1%;
	line-height: 0.1;
	text-indent: -9999px;
}
#contents p {
	margin-bottom: 0.8em;
}
#contents p.update {
	color: #274b66;
	text-align: right;
	margin: 0 0 0.5em;
}
#contents h1 {
	clear: both;
	margin: 0 0 1.5em;
	padding: 10px 15px;
	border: 1px solid #274b66;
	border-left: 5px solid #274b66;
	line-height: 1.3;
	font-size: 156%;
	font-weight: bold;
}
#contents h2 {
	clear: both;
	margin: 1.5em 0 0.8em;
	padding: 7px 0;
	line-height: 1.3;
	font-size: 175%;
	font-weight: bold;
	color: #274b66;
	border-bottom: 1px dashed #29abe2;
}
#contents h3 {
	margin: 1.5em 0 0.8em;
	padding: 0 0 0 25px;
	line-height: 1.3;
	font-size: 150%;
	font-weight: bold;
	background: url("img/contents/h3_bg.png") no-repeat left top 6px;
	background-size: auto 20px;
}
#contents h4 {
	margin: 1.5em 0 0.8em;
	font-size: 113%;
	color: #274b66;
	font-weight: bold;
}
#contents ul {
	margin: 0 0 0.8em 1.5em;
	list-style: none;
}
#contents ul ul {
	margin: 0 0 0 1em;
}
#contents ul li {
	margin: 0.4em 0;
	position: relative;
}
#contents ul:not([class]) li::before {
	content: "";
	display: block;
	position: absolute;
	left: -1em;
	top: 0.5em;
	width: 0.6em;
	height: 0.6em;
	background-color: #29abe2;
	border-radius: 50%;
}
#contents ol {
	margin: 0 0 0.8em 2.2em;
	list-style: none;
	counter-reset: cnt;
}
#contents ol ol,
#contents ol ol ol {
	margin: 0 0 0 1em;
	counter-reset: cnt;
}
#contents ol > li,
#contents ol ol > li,
#contents ol ol ol > li {
	margin: 0.4em 0;
	counter-increment: cnt;
	position: relative;
}
#contents ol li:before {
	position: absolute;
	display: block;
	width: 2em;
	left: -2.5em;
	top: 0.2em;
	content: counter(cnt) ".";
	line-height: 1;
	text-align: right;
}
#contents ol ol li:before {
	position: absolute;
	display: block;
	width: 2em;
	left: -2.5em;
	top: 0.2em;
	content: "("counter(cnt) ") ";
	line-height: 1;
	text-align: right;
}
#contents ol ol ol li:before {
	position: absolute;
	display: block;
	width: 1.2em;
	height: 1.2em;
	left: -2em;
	top: 0.4em;
	content: counter(cnt);
	border: #211613 1px solid;
	border-radius: 50%;
	font-size: 70%;
	line-height: 1.2;
	text-align: center;
}
#contents input[type="submit"],
#contents input[type="button"] {
	margin: 0 5px;
	padding: 10px 60px;
	border-style: none;
	background-color: #274b66;
	color: #ffffff;
	font-weight: 500;
	cursor: pointer;
	-webkit-appearance: none;
	transition-duration: 0.1s;
}
#contents input[type="text"],
#contents textarea,
#contents select {
	font-size: 100%;
	border: #ddd 1px solid;
	padding: 5px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0;
	color: inherit;
}
/* table
--------------------------- */
#contents table {
	margin: 1.5em 0;
}
#contents table th,
#contents table td {
	padding: 15px 20px;
	border: 1px solid #b3b3b3;
	vertical-align: top;
}
#contents table th {
	color: #274b66;
	background-color: #f0f8fc;
	text-align: left;
	font-weight: 600;
}
#contents table p,
#contents table ul,
#contents table ol,
#contents table ul li,
#contents table ol li {
	margin-top: 0;
	margin-bottom: 0;
}
/* form_table
--------------------------- */
#contents form.contact {
	padding: 10px 80px;
	background-color: #f8f8f8;
}
#contents table.form_table {
	width: 100%;
}
#contents table.form_table tr {
	border-bottom: 1px solid #fff;
}
#contents table.form_table th,
#contents table.form_table td {
	padding: 10px 0;
	border: none;
}
#contents table.form_table th {
	width: 25%;
	padding: 10px 1em;
	background: none;
	vertical-align: middle;
}
#contents table.form_table th span::after {
	content: "※";
	margin-left: 0.2em;
	color: #ff0000;
}
#contents table.form_table input[type="checkbox"],
#contents table.form_table input[type="radio"] {
	margin-right: 5px;
}
#contents table.form_table label {
	margin-right: 30px;
}
#contents table.form_table textarea {
	width: 100%;
}
/* form_btn
--------------------------- */
#contents .form_btn {
	margin: 30px 0;
	text-align: center;
}
/* backblog
--------------------------- */
#contents div.backblog {
	clear: both;
	padding: 50px 0 0;
}
#contents div.backblog p {
	margin: 0;
	padding: 20px 0 0;
	border-top: 2px solid #000000;
	text-align: center;
}
#contents div.backblog a {
	margin: 0 5px;
	padding: 5px 30px;
	border: 2px solid #274b66;
	color: #274b66;
	background-color: #ffffff;
	text-decoration: none;
	display: inline-block;
}
/* archive_list
--------------------------- */
#contents ul.archive_list {
	margin: 1.5em 0;
	list-style: none;
}
#contents ul.archive_list li {
	margin: 0;
	padding: 15px 20px;
	box-sizing: border-box;
	border-bottom: #CCCCCC 1px dotted;
	display: flex;
}
#contents ul.archive_list li p.date {
	width: 10em;
	margin: 0;
}
#contents ul.archive_list li p.ttl {
	margin: 0;
	flex: 1;
}
/* child_list
--------------------------- */
#contents ul.child_list {
	margin: 1.5em 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
#contents ul.child_list li {
	width: 360px;
	margin: 0 0 30px 50px;
}
#contents ul.child_list li:nth-of-type(3n+1) {
	margin: 0 0 30px 0;
}
#contents ul.child_list li p {
	margin: 0;
}
#contents ul.child_list a {
	display: block;
	position: relative;
	color: #274b66;
	font-weight: 500;
	text-decoration: none;
	padding: 18px 60px 18px 10px;
	border-bottom: 1px dotted #999999;
}
#contents ul.child_list a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #29abe2;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	transition-duration: 0.1s;
}
#contents ul.child_list a::after {
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	margin: -5px 0 0;
	border-left: solid 8px #29abe2;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	transition-duration: 0.1s;
}
/* link_list
--------------------------- */
#contents ul.link_list {
	margin-left: 3em;
}
#contents ul.link_list li {
	position: relative;
}
#contents ul.link_list li.child {
	margin-left: 1em;
}
#contents ul.link_list li::before {
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px #aaa;
	border-right: solid 2px #aaa;
	display: block;
	position: absolute;
	top: 0.6em;
	left: -1em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ==================================================
style class
================================================== */
/* layout_table
--------------------------- */
#contents table.layout_table {
	width: 100%;
	margin: 0;
}
#contents table.layout_table > tbody > tr > td {
	padding: 0 20px;
	background: none;
	border: none;
	vertical-align: top;
}
#contents table.layout_table > tbody > tr > td:first-child {
	padding-left: 0;
}
#contents table.layout_table > tbody > tr > td:last-child {
	padding-right: 0;
}
#contents table.layout_table td h2:first-child,
#contents table.layout_table td h3:first-child,
#contents table.layout_table td h4:first-child,
#contents table.layout_table td table:first-child {
	margin-top: 1em;
}
#contents table.layout_table > tbody > tr > td > p,
#contents table.layout_table > tbody > tr > td > ul,
#contents table.layout_table > tbody > tr > td > ol {
	margin-bottom: 0.8em;
}
#contents table.layout_table > tbody > tr > td > ul li,
#contents table.layout_table > tbody > tr > td > ol li {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
/* layout_table2
--------------------------- */
#contents table.layout_table2 > tbody > tr > td {
	padding: 5px;
	border: none;
	vertical-align: top;
	line-height: 1.3;
}
#contents table.layout_table2 > tbody > tr > td:first-child {
	padding-left: 0;
}
#contents table.layout_table2 > tbody > tr > td:last-child {
	padding-right: 0;
}
/* border_box
--------------------------- */
#contents .border_box {
	clear: both;
	margin: 1.5em 0;
	padding: 15px 30px;
	border: #29abe2 4px solid;
}
/* fill_box
--------------------------- */
#contents p.fill_box {
	clear: both;
	margin: 1.5em 0;
	padding: 15px 30px;
	background-color: #f0f8fc;
}
#contents table.fill_box {
	clear: both;
	width: 100%;
	margin: 1.5em 0;
	border-collapse: separate;
	border-spacing: 20px;
}
#contents table.fill_box td {
	padding: 15px 30px;
	background-color: #f0f8fc;
	border: none;
	vertical-align: top;
}
#contents table.fill_box td h2:first-child,
#contents table.fill_box td h3:first-child,
#contents table.fill_box td h4:first-child,
#contents table.fill_box td table:first-child {
	margin-top: 0;
}
#contents table.fill_box > tbody > tr > td > p,
#contents table.fill_box > tbody > tr > td > ul,
#contents table.fill_box > tbody > tr > td > ol {
	margin-bottom: 0.8em;
}
#contents table.fill_box > tbody > tr > td > ul li,
#contents table.fill_box > tbody > tr > td > ol li {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
/* link_btn
--------------------------- */
#contents a.link_btn {
	display: inline-block;
	margin: 10px;
	padding: 10px 60px;
	color: #274b66;
	background-color: #ffffff;
	border: 2px solid #274b66;
	font-weight: 500;
	text-decoration: none;
	position: relative;
}
#contents a.link_btn:first-of-type {
	margin-left: 0;
}
#contents a.link_btn:last-of-type {
	margin-right: 0;
}
#contents a.link_btn::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	border-left: solid 8px #274b66;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
}
/* voice_table
--------------------------- */
#contents table.voice_table {
	clear: both;
	width: 100%;
	margin: 1.5em 0;
	background-color: #f0f8fc;
	box-sizing: border-box;
	border-radius: 15px;
}
#contents > table.voice_table > tbody > tr > td {
	padding: 25px 25px 30px;
	border: none;
}
#contents > table.voice_table > tbody > tr > td h3:first-of-type {
	padding: 5px 0;
	margin: 0 0 1em;
	font-size: 138%;
	background: none;
	border-bottom: 2px dotted #29abe2;
}
#contents > table.voice_table > tbody > tr > td h3:first-of-type strong {
	display: inline-block;
	color: #ffffff;
	background-color: #274b66;
	padding: 7px 10px;
	line-height: 1;
	margin: 0 0 0.2em;
	font-size: 87%;
}
#contents > table.voice_table > tbody > tr > td h4 {
	margin: 1em 0 0.5em;
	line-height: 1.4;
}
#contents > table.voice_table > tbody > tr > td p {
	line-height: 1.4;
}
/* ==================================================
top
================================================== */
/* top_slide
--------------------------- */
#top_slide {
	position: relative;
	overflow: hidden;
}
#top_slide div.title {
	position: absolute;
	z-index: 10;
	top: 20%;
	left: 5%;
	right: 5%;
}
#top_slide div.title p {
	display: inline-block;
	color: #000000;
	font-size: 250%;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	background-color: rgba(255,255,255,0.9);
	line-height: 1;
	padding: 25px 20px 20px;
	margin: 5px 0;
}
#top_slide div.title p span.txt1 {
	color: #274b66;
	font-size: 138%;
	line-height: 0.1;
}
#top_slide div.title p span.txt2 {
	color: #29abe2;
	font-size: 138%;
	line-height: 0.1;
}
#top_slide p.image {
	position: relative;
	aspect-ratio: 64/25;
	min-height: 600px;
	overflow: hidden;
}
#top_slide p.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#wrap_top_important_news {
	padding: 5px 0;
}
#top_important_news {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 5px 25px;
	margin: -150px auto 0;
	position: relative;
	z-index: 10;
	background-color: #ffede6;
}
#top_important_news h2 {
	color: #ef202f;
	font-size: 156%;
}
#top_important_news ul {
	margin: 0;
	list-style: none;
	width: 915px;
}
#top_important_news li {
	margin: 10px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 20px;
}
#top_important_news li a {
	color: #ef202f;
	display: flex;
	text-decoration: none;
	position: relative;
	padding: 10px 30px 10px 20px;
}
#top_important_news li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -5px 0 0 0;
	border-left: solid 9px #ef202f;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	transition-duration: 0.1s;
}
#top_important_news li p.date {
	width: 9em;
	font-size: 113%;
	font-weight: 500;
}
#top_important_news li p.ttl {
	font-size: 113%;
	font-weight: 500;
	padding: 0 10px 0 1.5em;
	border-left: 1px solid #000000;
}
#top_important_news li a[target="_blank"]:after,
#top_important_news li a.icon_link::after,
#top_important_news li a.icon_pdf::after,
#top_important_news li a[href$=".pdf"]::after,
#top_important_news li a[href$=".xlsx"]::after,
#top_important_news li a[href$=".xls"]::after,
#top_important_news li a[href$=".docx"]::after,
#top_important_news li a[href$=".doc"]::after {
	margin: 5px 5px 0;
}
/* top_menu
--------------------------- */
#top_menu {
	padding: 60px 0 30px;
}
#top_menu ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#top_menu ul li a {
	position: relative;
	display: block;
	width: 280px;
	border: 1px solid #274b66;
	border-radius: 10px;
	padding: 25px 25px 155px;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #274b66;
}
#top_menu ul li:nth-of-type(1) a {
	background: url("img/top/menu_img01.png") no-repeat center top 70px;
	background-size: auto 100px;
}
#top_menu ul li:nth-of-type(2) a {
	background: url("img/top/menu_img02.png") no-repeat center top 80px;
	background-size: auto 80px;
}
#top_menu ul li:nth-of-type(3) a {
	background: url("img/top/menu_img03.png") no-repeat center top 80px;
	background-size: auto 80px;
}
#top_menu ul li:nth-of-type(4) a {
	background: url("img/top/menu_img04.png") no-repeat center top 75px;
	background-size: auto 90px;
}
#top_menu ul li a::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #274b66;
	width: 45px;
	height: 40px;
	transition-duration: 0.1s;
}
#top_menu ul li a::after {
	content: "";
	position: absolute;
	right: 16px;
	bottom: 14px;
	border-left: solid 8px #ffffff;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
}

/* top_search
--------------------------- */
#top_search {
	margin-bottom: 80px;
}
#top_search a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 35px 150px 35px 260px;
	background: url("img/top/search_img.png") no-repeat left 55px top 5px #274b66;
	text-decoration: none;
	color: #ffffff;
}
#top_search h2 {
	font-size: 219%;
	margin: 0 0.5em 0 0;
}
#top_search p.eng {
	font-size: 113%;
	font-weight: 600;
}
#top_search a::before {
	content: "";
	position: absolute;
	right: 57px;
	top: 50%;
	transform: translateY(-50%);
	border: 3px solid #ffffff;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
}
#top_search a::after {
	content: "";
	position: absolute;
	right: 83px;
	top: 50%;
	margin: -5px 0 0;
	border-left: solid 8px #ffffff;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
}

/* top_kenshin
--------------------------- */
#top_kenshin {
	position: relative;
	background-color: #29abe2;
	min-height: 350px;
	padding: 50px 45px 5px 545px;
	margin-bottom: 80px;
	box-sizing: border-box;
}
#top_kenshin p.image {
	position: absolute;
	left: 0;
	top: 0;
}
#top_kenshin p.txt {
	color: #ffffff;
	margin: 0 0 1em;
}
#top_kenshin h2 {
	font-size: 188%;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 0 5px 10px;
	margin: 0 0 0.6em;
}
#top_kenshin ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}
#top_kenshin a {
	position: relative;
	display: block;
	width: 280px;
	padding: 10px 25px 10px 15px;
	margin: 0 0 10px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 10px;
	color: #323232;
	border: 2px solid #ffffff;
	font-weight: 500;
	text-decoration: none;
}
#top_kenshin a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	margin: -5px 0 0 0;
	border-left: solid 9px #29abe2;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	transition-duration: 0.1s;
}

/* top_news
--------------------------- */
#wrap_top_news {
	background-color: #f0f8fc;
	padding: 30px 0 40px;
}
#top_news {
	position: relative;
	text-align: center;
}
#top_news h2 {
	display: inline-block;
	color: #274b66;
	font-size: 219%;
	border-bottom: 2px dotted #29abe2;
	padding: 0 0 5px;
	margin: 0 0 0.5em;
}
#top_news ul {
	margin: 0;
	list-style: none;
	text-align: left;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
}
#top_news li {
	padding: 5px 20px;
	box-sizing: border-box;
	display: flex;
}
#top_news li p.date {
	width: 10em;
}
#top_news li p.ttl {
	flex: 1;
}
#top_news p.more {
	position: absolute;
	right: 0;
	top: 0;
}
#top_news p.more a {
	display: block;
	position: relative;
	color: #274b66;
	font-weight: 500;
	text-decoration: none;
	padding: 18px 100px 18px 10px;
	border-bottom: 1px solid #274b66;
}
#top_news p.more a::before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #29abe2;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
}
#top_news p.more a::after {
	content: "";
	position: absolute;
	right: 28px;
	top: 50%;
	margin: -5px 0 0;
	border-left: solid 8px #29abe2;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
}

/* top_data
--------------------------- */
#wrap_top_data {
	background: url("img/top/data_img.jpg") no-repeat left center;
	background-size: auto 500px;
}
#wrap_top_data2 {
	background: linear-gradient(110deg,rgba(41, 171, 226, 0.75) 35%, rgba(255, 255, 255, 1) 35%);
	padding: 60px 0 50px;
	background-size: 1950px auto;
	background-repeat: no-repeat;
}
#top_data ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	list-style: none;
}
#top_data ul li {
	width: 360px;
	min-height: 300px;
	padding: 45px 10px 10px;
	border: 1px solid #000000;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-sizing: border-box;
	background: url("img/top/data_bg.png") no-repeat center top 15px #ffffff;
	background-size: 320px auto;
	text-align: center;
}
#top_data h2 {
	display: inline-block;
	padding: 8px 70px;
	color: #274b66;
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 1.5em;
}
#top_data li:nth-of-type(1) h2 {
	background: url("img/top/data_img01.png") no-repeat left center;
	background-size: auto 44px;
}
#top_data li:nth-of-type(2) h2 {
	background: url("img/top/data_img02.png") no-repeat left center;
	background-size: auto 38px;
}
#top_data li:nth-of-type(3) h2 {
	background: url("img/top/data_img03.png") no-repeat right center;
	background-size: auto 29px;
}
#top_data p {
	font-weight: 500;
}
#top_data p.big1 {
	font-size: 150%;
	font-weight: 600;
	margin: 0 0 0.8em;
}
#top_data p.big2 {
	font-size: 125%;
	font-weight: 600;
	margin: 0 0 0.9em;
}
#top_data p.big3 {
	font-size: 150%;
	font-weight: 600;
	margin: 0 0 1.7em;
}
#top_data p.sub {
	display: inline-block;
	text-align: left;
	font-weight: normal;
	margin: 0 0 0.5em;
}
#top_data p.more a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #323232;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	padding: 8px 40px;
}
#top_data p.more a::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	margin: -4px 0 0;
	border-left: solid 6px #29abe2;
	border-top: solid 4px transparent;
	border-bottom: solid 4px transparent;
}

/* top_about
--------------------------- */
#wrap_top_about {
	position: relative;
	border-top: 215px solid #ffffff;
	background: linear-gradient(130deg,rgba(255, 255, 255, 1) 50%, rgba(41, 171, 226, 1) 50%);
}
#wrap_top_about2 {
	position: relative;
	margin: -120px 0 0;
	min-height: 377px;
	padding: 0 0 20px;
	overflow: hidden;
}
#top_about {
	position: relative;
	padding: 0 570px 0 100px;
	box-sizing: border-box;
}
#top_about p.img1 {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 65px;
}
#top_about h2 {
	display: inline-block;
	color: #274b66;
	font-size: 219%;
	border-bottom: 2px dotted #29abe2;
	padding: 0 0 5px;
	margin: 0 0 0.5em;
}
#top_about p.txt {
	line-height: 1.7;
	font-weight: 500;
	margin: 0 0 1em;
}
#top_about p.more a {
	display: inline-block;
	position: relative;
	color: #274b66;
	font-weight: 500;
	text-decoration: none;
	padding: 18px 100px 18px 10px;
	border-bottom: 1px solid #274b66;
}
#top_about p.more a::before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #29abe2;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
}
#top_about p.more a::after {
	content: "";
	position: absolute;
	right: 28px;
	top: 50%;
	margin: -5px 0 0;
	border-left: solid 8px #29abe2;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
}
#wrap_top_about2 p.img2 {
	position: absolute;
	right: 50%;
	top: 90px;
	margin: 0 570px 0 0;
	box-shadow: -20px -20px 0 #f0f8fc;
}
/* top_about
--------------------------- */
#top_others {
	display: flex;
	flex-wrap: wrap;
	padding: 80px 0 0;
}
#top_others > div {
	width: 50%;
}
#top_others a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #323232;
	overflow: hidden;
	aspect-ratio: 6/3;
}
#top_others a::before {
	content: "";
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #274b66;
	width: 70px;
	height: 60px;
	transition-duration: 0.1s;
}
#top_others a::after {
	content: "";
	position: absolute;
	z-index: 2;
	right: 26px;
	bottom: 22px;
	border-left: solid 12px #ffffff;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
}
#top_others p.image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	overflow: hidden;
	transition-duration: 0.2s;
}
#top_others p.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#top_others div.text {
	position: relative;
	z-index: 2;
	height: 100%;
	box-sizing: border-box;
}
#top_others h2 {
	position: absolute;
	top: 8%;
	left: 30px;
	color: #274b66;
	font-size: 219%;
	border-bottom: 2px dotted #29abe2;
	padding: 0 0 5px;
	margin: 0 0 240px;
	text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
}
#top_others p.txt {
	position: absolute;
	bottom: 20px;
	left: 30px;
	line-height: 2.1;
	font-size: 125%;
	font-weight: bold;
	color: #ffffff;
}
#top_others p.txt span {
	padding: 5px 10px;
	background-color: #29abe2;
}

/* ==================================================
align
================================================== */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	margin: 0 30px 20px 0;
}
img.alignright {
	margin: 0 0 20px 30px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.clear {
	clear: both;
}
/* ==================================================
wp-caption
================================================== */
#contents .wp-caption-dd,
#contents p.wp-caption-text {
	margin: 0.2em 0;
	font-size: 90%;
	line-height: 1.3;
}
/* ==================================================
wp-pagenavi
================================================== */
.wp-pagenavi {
	clear: both;
	margin: 50px 0 0;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 2px;
	padding: 5px 15px;
	border: 1px solid #274b66;
	color: #274b66;
	display: inline-block;
	text-decoration: none;
}
.wp-pagenavi span.current {
	background-color: #274b66;
	color: #ffffff;
}
/* ==================================================
reCAPTCHA
================================================== */
.grecaptcha-badge {
	visibility: hidden;
}
/* ==================================================
mceContentBody
================================================== */
#contents.mceContentBody {
	width: 1180px !important;
	max-width: none !important;
}
body.mceContentBody {
	overflow: visible !important;
	background-image: none !important;
	background-color: #FFFFFF !important;
}
body.mceContentBody div {
	border: #80FF80 1px dashed;
}
body.mceContentBody p {
	border: #80FFFF 1px dashed;
}
body.mceContentBody th,
body.mceContentBody td {
	font-size: 100%;
}
body.mceContentBody table.layout_table > tbody > tr > th,
body.mceContentBody table.layout_table > tbody > tr > td {
	border: #C0C0C0 1px dashed !important;
}
body.mceContentBody .mce-resize-bar {
	display: none !important;
}
/* ==================================================
clearfix
================================================== */
#main::after,
#contents::after,
.float_clear::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0.1%;
	line-height: 0.1;
	clear: both;
	visibility: hidden;
}
/* ==================================================
hover
================================================== */
@media screen and (min-width : 480px) {
	a:hover,
	a:active {
		color: #29abe2;
	}
	#hnavi > ul li a:hover {
		background-color: #29abe2;
	}
	#gnavi li:hover a {
		color: #29abe2;
	}
	#gnavi > ul > li:hover div.children {
		visibility: visible;
		opacity: 1;
	}
	#gnavi div.children div.title a:hover,
	#gnavi div.children ul.child > li > a:hover {
		color: #29abe2;
	}
	#gnavi div.children ul.child > li > a:hover::before {
		border-left: solid 6px #29abe2;
	}
	#fnavi li a:hover {
		text-decoration: underline;
	}
	#pagetop a:hover {
		opacity: 1;
	}
	#top_important_news li a:hover,
	#top_news p.more a:hover,
	#top_about p.more a:hover {
		color: #29abe2;
	}
	#top_important_news li a:hover p.ttl {
		border-left: 1px solid #29abe2;
	}
	#top_important_news li a:hover::before {
		border-left: solid 9px #29abe2;
	}
	#top_menu ul li a:hover {
		color: #29abe2;
		border-color: #29abe2;
		opacity: 0.8;
	}
	#top_menu ul li a:hover::before,
	#top_search a:hover {
		background-color: #29abe2;
	}
	#top_kenshin a:hover {
		color: #ffffff;
		background-color: #29abe2;
	}
	#top_kenshin a:hover::before {
		border-left: solid 6px #ffffff;
	}
	#top_data p.more a:hover {
		background-color: #ffffff;
		border-color: #888888;
	}
	#top_others a:hover p.image {
		opacity: 0.7;
	}
	#contents ul.child_list a:hover {
		color: #29abe2;
	}
	#top_news p.more a:hover::before,
	#top_about p.more a:hover::before,
	#contents ul.child_list a:hover::before,
	#contents input[type="submit"]:hover,
	#contents input[type="button"]:hover {
		background-color: #29abe2;
	}
	#top_news p.more a:hover::after,
	#top_about p.more a:hover::after,
	#contents ul.child_list a:hover::after {
		border-left: solid 8px #ffffff;
	}
	#contents div.backblog a:hover,
	#contents a.link_btn:hover {
		background-color: #274b66;
		color: #ffffff;
	}
	#contents a.link_btn:hover::before {
		border-left: solid 8px #ffffff;
	}
	.wp-pagenavi a:hover {
		background-color: #274b66;
		color: #ffffff;
	}
}