@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: url(../images/common/bg.jpg) no-repeat;
 background-size: cover;
}
/* safari */
_::-webkit-full-page-media, _:future, :root body {
 font-family: "Hiragino Sans";
}
* {
 box-sizing: border-box;
}
p{
	font-size: 15px;
}
a {
 text-decoration: none;
 color: #333;
}
p.btn{
  width: 70%;
    margin: 20px auto;
    background-color: #8eaae2;
    text-align: center;
    border-radius: 3px;
}
p.btn a{
  display: block;
  color: #fff;
  padding:20px;
  text-align: center;
}
p.btn :hover{
  border-radius: 3px;
  background-color: rgba(108, 139, 158, 0.7);
}
.row:after {
 content: "";
 display: block;
 clear: both;
}
img {
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}
.cancel-line {
 text-decoration: line-through;
}
ul {
 list-style: none;
}
.s-txt {
 font-size: 14px;
}
.main-content ul.circle-list {
 list-style: disc;
 margin-left: 20px;
}
.main-content ul.circle-list li {
 margin-bottom: 15px;
 line-height: 1.35;
}
.main-content ul.circle-list li:last-child {
 margin-bottom: 0;
}
.main-content ul.line-list li:before {
 content: "";
 display: inline-block;
 width: 8px;
 height: 2px;
 background: #333;
 position: absolute;
 top: 12px;
 left: 0;
}
.main-content ul.line-list li {
 margin-bottom: 15px;
 position: relative;
 padding-left: 17px;
}
.main-content ul.line-list li:last-child {
 margin-bottom: 0;
}
.main-content ol {
 margin-left: 20px;
}
.main-content ol li {
 margin-bottom: 15px;
 line-height: 1.35;
}
.main-content ol li:last-child {
 margin-bottom: 0;
}
.mail-link {
 display: inline-block;
 color: #468ea7;
}
header.content {
 margin: 0 auto;
 padding: 0;
}
header + .content {
 padding: 0 15px 40px;
}
.content {
 max-width: 1000px;
 width: 100%;
 margin: 0 auto;
 padding: 40px 0;
 /* margin-bottom: 30px; */
}
header > .content {
 margin: 0 auto;
 padding: 0;
 position: relative;
}
header .language {
 position: absolute;
 top: 0;
 right: 0;
 display: inline-block;
}
header .logo a {
 display: inline-block;
}
header .language {
 line-height: 1;
 font-size: 13px;
}
header .language a {
 display: block;
 padding: 7px 17px;
 color: #fff;
 background: #458da7;
}
header .language span {
 margin-right: 4px;
 display: inline-block;
}
header .language:after {
 content: '';
 width: 5px;
 height: 5px;
 border: 0px;
 border-top: solid 1px #ffffff;
 border-right: solid 1px #ffffff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 10px;
 margin-top: -3px;
 transition: 0.3s;
 display: inline-block;
 margin-left: 40px;
}
.logo {
 display: block;
 width: 70%;
 margin: 30px auto 65px;
 text-align: center;
}
.mian-ttl img.logo {
 width: 91%;
 text-align: center;
 vertical-align: middle;
 margin: 0 auto 60px;
}
.mian-ttl img.ttl-name {
 width: 36%;
}
.mian-ttl img.ttl-details {
 width: 68%;
 margin-top: 43px;
 display: block;
}
/*main*/
.main-content h2 {
 margin-bottom: 20px;
 font-size: 22px;
}
.main-content .main-content-inner {
 padding: 35px;
 background: #fff;
 border-top: solid 4px #a40b5b;
}
.main-content .main-content-inner:after {
 content: "";
 display: block;
 clear: both;
}
nav ul {
 background: #fff;
 border: solid 3px #dcdada;
}
nav ul li a {
 position: relative;
 display: block;
 padding: 20px;
 border-bottom: solid 1px #e1e0e0;
 font-size: 14px;
 transition: 0.3s;
 line-height: 1.35;
}
nav ul li.attention a{
  color: red;
}
nav ul li.attention a span{
  font-size: 13px;
}
nav ul li a:hover {
 color: #fff;
 background: #8eaae2;
}
nav ul li:nth-last-child(4) {
 position: relative;
}
nav ul li.active {
 color: #fff;
 background: #8eaae2;
}
nav ul li.active a {
 color: #fff;
}
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 #8eaae2;
 border-right: solid 1px #8eaae2;
 -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 .bnr-area {
 margin-top: 15px;
 background: none;
 border: none;
}
nav .bnr-area li a {
 position: inherit;
 display: block;
 padding: 0;
 border-bottom: none;
 font-size: inherit;
 transition: inherit;
 line-height: inherit;
}
nav .bnr-area li a:after {
 display: none;
}
.side-company {
 margin-bottom: 20px;
 font-size: 14px;
}
.bnr-area li img {
 border: solid 1px #ccc;
}
header {
 margin: 0 auto;
}
footer {
 background: #fff;
}
footer p {
 font-size: 14px;
}
footer p:nth-child(1) span {
 font-size: 15px;
}
footer .content {
 margin-bottom: 0;
}
footer h3 {
 margin-bottom: 2px;
 font-size: 16px;
 font-weight: 600;
 color: #e70041;
}
footer .copyright {
 margin-bottom: 0;
 padding: 15px 0 20px;
 text-align: center;
 font-size: 11px;
 color: #a5a5a5;
}
footer p:nth-child(2) span:after {
 position: relative;
 content: "";
 display: inline-block;
 width: 1px;
 height: 16px;
 margin: 0 10px;
 background: #ccc;
 top: 3px;
}
footer p:nth-child(2) span:last-child:after {
 display: none;
}
footer .contact-btn {
 display: inline-block;
 padding: 15px 20px;
 background: #8eaae2;
 color: #fff;
 font-size: 13px;
 border-radius: 3px;
 margin-top: 8px;
}
footer .contact-btn:after {
 content: '';
 position: relative;
 top: -1px;
 left: 4px;
 display: inline-block;
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 1px #fff;
 border-right: solid 1px #fff;
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
footer .contact-btn:hover {
 background: rgba(108, 139, 158, 0.7);
}
footer .footer-area .footer-box {
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
footer .footer-area .footer-box:nth-child(2) {
 text-align: right;
}
footer .footer-area .manage-box {
 width: 50%;
}
footer .footer-area .manage-box .indent-back p {
 margin-top: 4px;
 font-size: 12px;
}
.main-content .content-box {
 margin-bottom: 50px;
}
.main-content .content-box p:nth-child(n+2) {
 margin-bottom: 15px;
}
.main-content .content-box:last-child {
 margin-bottom: 0;
}
.main-content h2 {
 margin-bottom: 10px;
 color: #333;
 line-height: 1.3;
 font-size: 23px;
  padding: 2px 2px 2px 10px;
  border-left: solid 6px #466dc7;
 -webkit-font-smoothing: antialiased;
}
.main-content h3 {
 font-size: 17px;
 -webkit-font-smoothing: antialiased;
}
.main-content .sub-box {
 padding: 17px;
 border: solid 1px #e1e0e0;
 font-size: 14px;
}
.main-content ul.circle-list.sub-box {
 margin: 0 0 15px;
}
.main-content ul.circle-list.sub-box li {
 margin: 0 0 9px 16px;
}
.main-content ul.circle-list.sub-box li:last-child {
 margin-bottom: 0;
}
.link-btn-dl {
 text-align: center;
}
.link-btn-dl a {
 background: #ffa500;
 color: #fff;
 padding: 20px 30px;
 border-radius: 3px;
 display: inline-block;
}
.button{
  background-color: #8eaae2;
  border-radius: 3px;
  width: 15em;
  margin: 2em auto;
  text-align: center;
}
.button a{
  display: block;
  padding:15px;
  color: white;
}
.button a:hover{
  background: rgba(108, 139, 158, 0.7);
  border-radius: 3px;
}
@media screen and (min-width:768px) {
 .pc {
  display: block;
 }
 .sp {
  display: none;
 }
}
@media screen and (max-width:767px) {
 .pc {
  display: none;
 }
 .sp {
  display: block;
 }
 .logo {
  margin-bottom: 25px;
  width: 70%;
 }
}