@charset "UTF-8";
/*  @include sp {
    display: block;
    margin-bottom: 0;
  }
*/
/* a{
    color: blue;
    &:hover {
      color: red;
    }*/
/*@mixin setcss{
  width: 500px;
	height: 500px;
	margin: 0 auto;
	background: #000;
 }
.set {
  @include setcss;
}*/
/******TAGZONE******/
html {
  font-size: 62.5%;
  /* ルートのフォントサイズを10pxに設定　あとはremで指定　 */ }

body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0; }

.mincho {
  font-family: 'Noto Serif JP', serif; }

.suji {
  font-family: 'Lato', sans-serif; }

.ozu {
  font-family: 'Oswald', sans-serif; }

.eiji {
  font-family: 'Josefin Sans', sans-serif; }

.mon {
  font-family: 'Montserrat', sans-serif; }

.copycopy::before {
  content: '';
  display: block;
  width: 20px;
  height: 11px;
  background: url("../img/aro_s_w.svg") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: calc(50% - 11px/2);
  right: 10px; }
.copycopy::before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background: #4B3F33;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 1px/2); }

@media screen and (max-width: 767px) {
  .pcon {
    display: none; } }

@media screen and (max-width: 767px) {
  .tabonpc {
    display: none; } }

@media screen and (min-width: 768px) {
  .tabonsp {
    display: none; } }

.spon {
  display: none; }
  @media screen and (max-width: 767px) {
    .spon {
      display: block; } }

.navion {
  display: none; }
  @media screen and (max-width: 1100px) {
    .navion {
      display: block; } }

.fade {
  transition: all 0.5s; }
  .fade:hover {
    opacity: 0.7; }

*,
*::before,
*::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  -webkit-text-size-adjust: none;
  word-break: break-all;
  font-size: 1.6rem;
  letter-spacing: 0.07rem;
  font-weight: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #222; }
  @media screen and (max-width: 767px) {
    *,
    *::before,
    *::after {
      font-size: 1.5rem; } }

@media screen and (min-width: 768px) {
  *::before,
  *::after {
    transition: all 0.3s ease; } }

.tra {
  transition: all 0.8s; }

::selection {
  color: #fff;
  background-color: #913355; }

.wm {
  width: 100%; }

@media screen and (max-width: 767px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  height: auto; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  transition: all 0.5s ease; }

pre, code {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px; }

.mb5 {
  margin: 0 0 5px; }

.mb10 {
  margin: 0 0 10px; }

.mb20 {
  margin: 0 0 20px; }

.mb30 {
  margin: 0 0 30px; }

.mb40 {
  margin: 0 0 40px; }

.t_c {
  text-align: center; }

header {
  border-top: 5px solid #1a3168;
  padding: 20% 0; }
  @media screen and (max-width: 767px) {
    header {
      padding: 30% 0; } }

.main {
  display: flex;
  justify-content: center;
  align-items: center; }
  .main .logo {
    max-width: 500px; }
    @media screen and (max-width: 767px) {
      .main .logo {
        width: 80%; } }

.cont {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px 200px; }
  @media screen and (max-width: 767px) {
    .cont {
      padding: 0 20px 50px; } }
  .cont table {
    width: 100%;
    border-top: 1px solid #DDD; }
  .cont th {
    border-bottom: 2px solid #1a3168;
    width: 30%;
    padding: 30px 30px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .cont th {
        padding: 20px;
        display: block;
        width: 100%;
        border-bottom: 1px dashed #DDD;
        text-align: center; } }
  .cont td {
    padding: 30px 30px;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .cont td {
        padding: 20px 10px;
        display: block;
        text-align: center; } }
  .cont tr {
    border-bottom: 1px solid #DDD; }

.cho {
  text-align: center;
  padding: 10px;
  background: #1a3168;
  font-size: 1.2rem;
  color: #FFF;
  line-height: 1.3; }