@charset "UTF-8";
/*--common--*/
html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h1 h2 {
 margin: 0;
 padding: 0;
 border: 0;
}
body {
 color: #333;
 font-size: 16px;
 line-height: 1.65;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background: -moz-linear-gradient(to top, #ffffff 0%, #f5f5f5 44%, #d0caf6 100%);
 background: -webkit-linear-gradient(to top, #ffffff 0%, #f5f5f5 44%, #d0caf6 100%);
 background: linear-gradient(to top, #f7f6f6 0%, #f5f5f5 44%, #d0caf6 100%);
 border-top: solid 5px #7e71de;
}
/* safari */
_::-webkit-full-page-media, _:future, :root body {
 font-family: "Hiragino Sans";
}
* {
 box-sizing: border-box;
}
a {
 text-decoration: none;
 color: #333;
}
.row:after {
 content: "";
 display: block;
 clear: both;
}
.indent-back {
 text-indent: -1em;
 padding-left: 1em;
}
img {
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}
ul {
 list-style: none;
}
.content {
 max-width: 1000px;
 width: 100%;
 margin: 0 auto;
 margin-bottom: 30px;
}
.breadcrumb {
 background-color: #f1f0f0;
 line-height: 1;
 border-top: solid 1px #eae9e9;
 padding: 9px 15px 11px;
}
.breadcrumb .content {
 margin: 0 auto;
 padding: 0;
}
.breadcrumb ul li {
 display: inline-block;
 position: relative;
 font-size: 12px;
}
.breadcrumb ul li:not(:last-child)::after {
 position: absolute;
 content: "＞";
 right: -3px;
}
.breadcrumb ul li:not(:last-child) {
 padding-right: 1.2em;
 margin-right: 0.2em;
}
.logo {
 margin-bottom: 20px;
}
.logo img {
 width: 77%;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
}
nav {
 /* margin-top:10px; */
}
nav p {
	padding-top: 10px;
	width: 100%;
}
nav p a{
	display: block;
}
nav p a img{
	width: 100%;
}
nav ul li a {
 position: relative;
 display: block;
 padding: 17px;
 border-bottom: solid 1px #e1e0e0;
 font-size: 14px;
 transition: 0.3s;
 background: #fff;
 font-weight: 600;
}
nav ul li a span{
	font-size: 12px;
	color: red;
}
nav ul li a:hover, nav ul li p:hover {
 color: #fff;
 background: #7e71de;
}
nav ul li:nth-last-child(4) {
 position: relative;
}
nav ul li.active a {
 color: #fff;
 background: #7e71de;
}
nav ul li.attention a{
	background-color: #f9f349;
}
nav ul li.active a:after {
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
}
nav ul li a:hover:after {
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
}
nav ul li a:after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 1px #7e71de;
 border-right: solid 1px #7e71de;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 13px;
 margin-top: -4px;
 transition: 0.3s;
}
nav ul li a:before {
 content: "";
 z-index: 1;
 width: 0;
 height: 100%;
 background-color: #000;
 opacity: .07;
 top: 0;
 left: 0;
 transition: 0.4s;
}
nav ul li a:hover:before {
 content: "";
 width: 100%;
}
nav ul li a:hover:after {
 right: 11px;
}
nav .contact-btn a {
 padding: 15px;
}
nav ul li p {
 position: relative;
 display: block;
 padding: 17px;
 border-bottom: solid 1px #e1e0e0;
 font-size: 14px;
 transition: 0.3s;
 background: #fff;
 cursor: pointer;
 font-weight: 600;
}
nav ul li p + ul {
 display: none;
 margin: 0 10px 0;
 padding-bottom: 10px;
}
nav ul li p + ul li a {
 padding: 12px 15px 12px 12px;
 font-size: 13px;
 line-height: 1.35;
}
nav ul li p + ul li a:hover {
 background: #9582ff;
}
nav ul li:nth-child(2) {
 background: #7d70de;
}
nav ul li p.is-active {
 color: #fff;
 background: #7e71de;
 border-bottom: none;
}
nav ul li p:hover:after {
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
}
nav ul li p.is-active:after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(135deg);
 position: absolute;
 top: 50%;
 right: 13px;
 margin-top: -4px;
 transition: 0.3s;
}
nav ul li p:after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 1px #7e71de;
 border-right: solid 1px #7e71de;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(135deg);
 position: absolute;
 top: 50%;
 right: 13px;
 margin-top: -4px;
 transition: 0.3s;
}
/*.pdf {
 text-align: center;
 font-size: 13px;
}
.pdf img {
 width: 70%;
 display: block;
 margin: 20px auto 5px;
}
.pdf span:before {
 content: "";
 position: relative;
 left: 0;
 top: 7px;
 display: inline-block;
 background: url(../images/common/ico-pdf.png) no-repeat;
 width: 20px;
 height: 26px;
 background-size: 100%;
 margin-right: 10px;
}*/
.main-content .main-content-inner .link-btn-dl a {
 background: #7e71de;
 color: #fff;
 padding: 20px 30px;
 border-radius: 3px;
 display: inline-block;
}
header {
 margin: 0 auto;
 background: #9f93e2;
 padding: 15px;
 margin-bottom: 15px;
}
header .top-logo {
 text-align: center;
}
header .top-logo img {
 width: 660px;
 margin: 0 auto;
 padding: 0;
}
.main-content {
 margin-top: 16px;
}
.main-content:after {
 content: "";
 display: block;
 clear: both;
}
.main-content .main-content-inner {
 padding: 20px;
 background: #fff;
}
.main-content h1 {
 background: #7e71de;
 color: #fff;
 padding: 4px 12px;
 margin-bottom: 0px;
}
footer {
 margin-top: 50px;
 background: #fff;
 padding: 50px 0 20px;
}
footer .content {
 margin-bottom: 0;
}
footer p {
 margin-bottom: 10px;
 font-size: 14px;
}
footer p:last-child {
 margin-bottom: 0;
}
footer .copyright {
 margin-bottom: 0;
 margin: 45px 0 0;
 text-align: center;
 font-size: 11px;
 color: #a5a5a5;
}
.scroll-top {
 position: fixed;
 right: 20px;
 bottom: 20px;
 opacity: 0;
 transition: all 0.4s ease-in-out 0s;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 z-index: 1;
}
.scroll-top a {
 display: block;
 font-size: 18px;
 color: #fff;
 background: #5343ca;
 width: 40px;
 height: 40px;
}
.main-content .main-content-inner .link-btn-dl a:hover, .scroll-top a:hover, .contact-btn a:hover {
 background: rgba(125, 112, 222, 0.8);
}
.scroll-top a::after {
 position: absolute;
 content: " ";
 z-index: 2;
 left: 50%;
 top: 18px;
 margin-left: -4px;
 width: 8px;
 height: 8px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 transition: .2s;
}
.sub-box-outer {
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.sub-box h3 {
 font-size: 19px;
 -webkit-font-smoothing: antialiased;
 margin-bottom: 5px;
}
.sub-box {
 font-size: 14px;
 width: 48%;
}
.sub-box:last-child {
 width: inherit;
}
.main-content .main-box {
 margin-bottom: 80px;
}
.b-txt {
 font-size: 45px;
 display: inline-block;
}
.main-content nav .sub-box {
 margin-top: 20px;
 background: #fff;
}
.main-content nav .sub-box .sub-box-txt b {
 margin-bottom: 15px;
 display: block;
 line-height: 1.4;
}
.contact-btn {
 margin-top: 20px;
}
.contact-btn a {
 width: 100%;
 padding: 28px;
 display: inline-block;
 background: #7e71de;
 color: #fff;
 border-radius: 2px;
 text-align: center;
}
@media (min-width:768px) {
 .site-logo {
  display: none;
 }
 .head-top {
  display: none;
 }
}
@media (max-width:767px) {
 .site-logo {
  margin: 15px 0;
 }
 .head-bottom {
  display: none;
 }
}