@charset "UTF-8";


/*ここから*/
body {
    /*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    margin:0;
    box-sizing:border-box;
    line-height:2;
    font-feature-settings: "palt";
}


@media screen and (min-width:769px){
  /* PC 769px以上 */
  html{
    font-size: 16px;
  }
}
@media screen and (max-width:768px){
  /* タブレット 768px以下 */
  html{
    font-size: 2vw;
  }
}
@media screen and  (max-width:480px){
  /* スマートフォン 480px以下 */
  html{
    font-size: 3.4vw;
  }
}


h1{
    font-size:2.5em;
    margin:1em 0 0.5em 0;
}
h2{
    font-size:2em;
    margin:1em 0 0.5em 0;
}
h3{
    font-size:1.55em;
    margin:1em 0 0.5em 0;
}
h4{
    font-size:1.25em;
    margin:1em 0 0.5em 0;
}
h5{
    font-size:1.15em;
    margin:1em 0 0.5em 0;
}
h6{
    font-size:1em;
    margin:1em 0 0.5em 0;
}

#wrapper{
    position:relative;
    overflow-x: hidden;
}

input[type="button"],input[type="submit"]{
    cursor:pointer;
}


.container1280 {
    max-width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width:1280px){
.container1280 {
    max-width: 96%;
    margin: 0 2%;
}
}


.container980 {
    max-width: 980px;
    margin: 0 auto;
}
@media screen and (max-width:980px){
.container980 {
    max-width: 96%;
    margin: 0 2%;
}
}

.container750 {
    max-width: 750px;
    margin: 0 auto;
}
@media screen and (max-width:750px){
.container750 {
    max-width: 96%;
    margin: 0 2%;
}
}



.flex_container {
    display: flex;
    flex-wrap: wrap;
}
.flex_container_pc {
    display: flex;
    flex-wrap: wrap;
}

.sp {display: none;}

img{
    vertical-align:middle;
}

p {
    line-height: 1.8;
}

a:hover {
    opacity: 0.7;
     -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.got{
      font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.min {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.min_e {
    font-family: 'Monotype Corsiva', serif;
}


.pcw12 {width: 12%;}
.pcw14 {width: 14%;}
.pcw20 {width: 20%;}
.pcw30 {width: 30%;}
.pcw31 {width: 31%;}
.pcw35 {width: 35%;}
.pcw39 {width: 39%;}
.pcw40 {width: 40%;}
.pcw45 {width: 45%;}
.pcw46 {width: 46%;}
.pcw48 {width: 48%;}
.pcw49 {width: 49%;}
.pcw50 {width: 50%;}
.pcw55 {width: 55%;}
.pcw57 {width: 57%;}
.pcw60 {width: 60%;}
.pcw62 {width: 62%;}
.pcw65 {width: 65%;}
.pcw70 {width: 70%;}
.pcw75 {width: 75%;}
.pcw80 {width: 80%;}


footer {
    margin: 0;
}
#copyright {
    margin:0;
}
#copyright a {
    text-decoration: none;
}


/*スマホ*/
@media screen and (max-width: 768px) {
  a[href^="tel:"]{
    pointer-events: none;
  }

    .flex_container_pc {flex-direction: column;}
    .sp_reverse {flex-direction: column-reverse;}
    .pc {display: none;}
    .sp {display: block;}

    .spw18 {width: 18%;}
    .spw20{width: 20%;}
    .spw30{width: 30%;}
    .spw44 {width: 44%;}
    .spw45 {width: 45%;}
    .spw70{width: 70%;}
    .spw80{width: 80%;}

}

@media (orientation: landscape)and (max-width: 768px){
}






summary {
  position: relative;
  display: block; /* 矢印を消す */
  padding-left: 20px; /* アイコン分の余白 */
  cursor: pointer;
  margin-top: .5em;
}
summary::-webkit-details-marker {
  display: none; /* 矢印を消す */
}
/* 疑似要素でアイコンを表示 */
summary:before,
summary:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
summary:before {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ff9900;
}
summary:after {
  left: 6px;
  width: 5px;
  height: 5px;
  border: 4px solid transparent;
  border-left: 5px solid #fff;
  box-sizing: border-box;
  transition: .1s;
}
/* オープン時 */
details[open] summary:after {
  transform: rotate(90deg); /* 90度回転 */
  left: 4px;
  top: 5px;
}