@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes load { 0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { transform: translateX(0); }
  100% { transform: translateX(-10%); } }
@keyframes arrow { 0% { transform: scale(0, 1); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 100% 0; }
  100% { transform: scale(0, 1); transform-origin: 100% 0; } }
.outline__wp { margin-bottom: 20px; }
.outline__wp.last { margin: -90px 0 3.5%; }
.outline__con { background: #fff; border: solid 1px #0a2223; letter-spacing: 1px; }
.outline__con-box { width: 100%; border-bottom: 1px solid; border-color: #0a2223; }
.outline__con-box-ttl { font-size: 1.3rem; box-sizing: border-box; padding: 15px 0; text-align: center; color: #fff; background: #0a2223; border-bottom: 1px solid #fff; }
@media (min-width: 769px) { .outline__con-box-ttl { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3984063745 ); } }
@media (min-width: 1020px) { .outline__con-box-ttl { font-size: 1.4rem; } }
.outline__con-box-ttl.line_none { border-bottom: 1px solid #0a2223; }
.outline__con-box-txt { font-size: 1.3rem; box-sizing: border-box; position: relative; padding: 15px 10px; text-align: left; }
@media (min-width: 769px) { .outline__con-box-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3984063745 ); } }
@media (min-width: 1020px) { .outline__con-box-txt { font-size: 1.4rem; } }
.outline__con-box-txt .outline__access { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.outline__con-box-txt .outline__access .access__point { flex: 0 1 80%; width: 80%; max-width: 80%; max-width: 320px; }
.outline__con-box-txt .outline__access .access__dstnce { flex: 0 1 20%; width: 20%; max-width: 20%; text-align: right; }
.outline__con-box:last-child { border: none; }
.outline__con-box.wi-50 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.outline__con-box.wi-50 .outline__con-50 { flex: 0 1 50%; width: 50%; max-width: 50%; box-sizing: border-box; }
.outline__con-box.wi-50 .outline__con-50:first-child { border-right: 1px solid; border-color: #0a2223; }
.outline__con-box.wi-50 .outline__con-50:nth-child(2) .outline__con-box-ttl { border-right: none; }
.outline__con-box.wi-50 .outline__con-50 .outline__con-box-ttl { border-right: 1px solid; }

.attn { font-size: 1.2rem; text-align: justify; }
@media (min-width: 769px) { .attn { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.796812749 ); } }
@media (min-width: 1020px) { .attn { font-size: 1.4rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .outline__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .outline__link-box { flex: 0 1 32%; width: 32%; max-width: 32%; }
  .outline__link-box a { margin: 0; }
  .outline__link-box a .outline__arrow { right: 15px; width: 8px; height: 8px; }
  .outline__link-box a:hover { opacity: 1; }
  .outline__link-box a:hover p { color: #0a2223; text-shadow: 0 0 3px #fff; z-index: 1; }
  .outline__link-box a:hover .outline__arrow { border-color: #0a2223; }
  .outline__link-box a:hover .box-line { border: solid 1px #0a2223; }
  .outline__link-box a:hover::before { transition: .4s; opacity: 0; }
  .outline__link-box a:hover::after { transition: .4s; opacity: 1; }
  .outline__con { border: solid 1px #0a2223; }
  .outline__con-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 1px solid; border-color: #0a2223; }
  .outline__con-box-ttl { flex: 0 1 170px; width: 170px; max-width: 170px; border-right: 1px solid; padding: 20px 0; }
  .outline__con-box-txt { flex: 0 1 calc(100% - 170px); width: calc(100% - 170px); max-width: calc(100% - 170px); padding: 10px 2%; }
  .outline__con-box.wi-50 .outline__con-50 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1021px) { .outline__con-box-txt { padding: 10px 20px; } }
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */