@charset "UTF-8";
@import url("reset.css");
/* CSS Document */
html {font-size: 62.5%;}
@media screen and (max-width: 480px) {
html {font-size: 55%;}
}
body { 
  font-family: 'Noto Sans JP', sans-serif;
   color: #222222;
   line-height: 2;
   letter-spacing: 0.15em;
   font-weight: 300;
   font-feature-settings: "palt";
   background-color: #f2f2f2;
}


/* タブレットの縮小表示の為の設定*/
body {min-width: 1280px;/* PC用の横幅を指定*/
}
/* SPのブレイクポイント*/
@media screen and (max-width: 767px){
body {min-width: inherit;/* 初期化*/}
}

@media screen and (max-width: 540px){
body {min-width: 540px;/* 初期化*/}
}

@media screen and (max-width: 420px){
body {min-width: 420px;/* 初期化*/}
}
/* タブレットの縮小表示の為の設定　END*/

.wrap {
width:100%;
     overflow: hidden;
 }

.row {
   margin: 0 auto;
}

/* コンテンツはみ出した場合に使用 */
.overflow {
   width: 100%;
   overflow: hidden;
}
.overflow-x {
   width: 100%;
   overflow-x: hidden;
   overflow-y: visible;
}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {
    font-size: 1.5rem;
}

a:hover {opacity: 1;}
img {max-width: 100%;}

.underline {
   border-bottom: solid 1px #333;
}

.txt-line1 {
   font-size: inherit;
   line-height: 1;
}
.txt-line1_2 {
   font-size: inherit;
   line-height: 1.2;
}
.txt-line1_5 {
   font-size: inherit;
   line-height: 1.5;
}
.txt-line1_7 {
   font-size: inherit;
   line-height: 1.7;
}
@media screen and (max-width: 767px) {
   .txt-line1 {
      font-size: inherit;
      line-height: 1.2;
   }
}

/* カラー */
.color-bk {color: #000000 !important;}
.color-wh {color: #fff !important;}
.color-y {color: #ffef00 !important;}
.color-r {color: #d82c26 !important;}
.color-key {color: #5a8923 !important;}

/* 背景色 */
.bg-green {background-color: #0098af;}
.bg-blue {background-color: #006fcf;}
.bg-gry {background-color: #333333;}
.bg-bk {background-color: #000;}

/* フォント種類 */
.en {font-family: 'Inter', sans-serif;}
.sans {font-family: 'Noto Sans JP', sans-serif;}
.sans-serif {font-family: 'Noto Serif JP', serif;}

/* テキストサイズ（絶対） */
.txt-10 {font-size: 1.0rem;}
.txt-12 {font-size: 1.2rem;}
.txt-14 {font-size: 1.4rem;}
.txt-15 {font-size: 1.5rem;}
.txt-16 {font-size: 1.6rem;}
.txt-18 {font-size: 1.8rem;}
.txt-20 {font-size:clamp(1.4rem, 2.5vw, 2.0rem);}
.txt-22 {font-size: 2.2rem;}
.txt-24 {font-size: 2.4rem;}
.txt-26 {font-size: 2.6rem;}
.txt-28 {font-size: 2.8rem;}
.txt-30 {font-size: 3.0rem;}
.txt-40 {font-size: 4.0rem;}
.txt-50 {font-size: 5.0rem;}

/* テキストサイズ（相対） */
.txt-l {font-size: clamp(150%, 2vw, 200%);}
.txt-s {font-size: 50%;}

/* 位置（簡易） */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.fl-l {float: left}
.fl-r {float: right}

/* オーバーレイ（例：黒色重ね） */
.overlay {
   background-image: url("xx");
   background-position: bottom 60px center;
}

/* 透明設定 */
.opacity {opacity: 0.5}

/* 透明設定 */
.bold {font-weight: bold;}

/* clearfix */
.clf::after {
   content: " ";
   display: block;
   clear: both;
}

/* PC・スマホ【表示/非表示】 */
.pc {display: inherit}
.sp {display: none}
.pc-w960 {display: inherit}
.sp-w960 {display: none}
.sp-w400 {display: none}
.pc-inline {display: inline}
.sp-inline {display: none}
.pc-block {display: block}
.sp-block {display: none}
@media screen and (max-width: 960px) {
 .pc-w960 {display: none}
.sp-w960 {display: block} 
}
@media screen and (max-width: 767px) {
.pc {display: none}
.sp {display: inherit;}
.pc-block {display: none !important}
.sp-block {display: block !important}
.pc-inline {display: none !important}
.sp-inline {display: inline !important}
}

@media screen and (max-width: 400px) {
  .sp-w400 {display: block} 
}



/* ポジション */
.posi-relative {position: relative;}
.posi-absolute {position: absolute;}

/* コンテンツ幅 */

.w460,.w510,.w540,.w570.w640,.w720,.w750,.w780,.w830,.w960,.w980,.w1050,.w1080,.w1200,.w1300 {
    width: 90%;
}
.w460 {max-width: 460px;}
.w510 {max-width: 510px;}
.w540 {max-width: 540px;}
.w570 {max-width: 570px;}
.w640 {max-width: 640px;}
.w720 {max-width: 720px;}
.w750 {max-width: 750px;}
.w780 {max-width: 767px;}
.w830 {max-width: 830px;}
.w960 {max-width: 960px;}
.w980 {max-width: 980px;}
.w1050 {max-width: 1050px;}
.w1080 {max-width: 1080px;}
.w1200 {max-width: 1200px;}
.w1300 {max-width: 1300px;}
.wSP {width: 84%;}


/* 余白 */
.pA05 {padding: 5px;}
.pA20 {padding: 20px;}
.pA30 {padding: 30px;}
.pA40 {padding: 40px;}
.pA50 {padding: 50px;}

.pr5 {padding-right: 5%;}
.pr30 {padding-right: 30px;}
.pr60 {padding-right: 60px;}

.pl5 {padding-left: 5%;}
.pl30 {padding-left: 30px;}
.pl60 {padding-left: 60px;}


/* マージン */
.mt20- {margin-top: -20px;}
.mt50- {margin-top: -50px;}
@media screen and (max-width: 767px) {
.mt20- {margin-top: 0;}
.mt50- {margin-top: 0;}
}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.ml35 {margin-left: 35px;}
@media screen and (max-width: 767px) {
 .ml35 {margin-left: 0;}  
}


.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 0.5rem;}
.mb10 {margin-bottom: 1.0rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2.0rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3.0rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: clamp(2.5rem, 5vw, 4.0rem)}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5.0rem;}
.mb55 {margin-bottom: 5.5rem;}
.mb60 {margin-bottom: clamp(4.0rem, 7vw, 6.0rem)}
.mb65 {margin-bottom: 6.5rem;}
.mb70 {margin-bottom: 7.0rem;}
.mb75 {margin-bottom: 7.5rem;}
.mb80 {margin-bottom: 8.0rem;}
.mb85 {margin-bottom: 8.5rem;}
.mb90 {margin-bottom: 9.0rem;}
.mb95 {margin-bottom: 9.5rem;}
.mb100 {margin-bottom: clamp(50px, 13vw, 100px)}
.mb150 {margin-bottom: 15.0rem;}
.mb200 {margin-bottom: 20.0rem;}

/* フレックス（横並び） */
.flex {
   width: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: flex;
    flex-wrap: wrap;
}

.f-wrap {   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}
.f-nowrap {flex-wrap: nowrap;}

.f-wrap-sp {flex-wrap: nowrap;}
@media screen and (max-width: 767px) {
  .f-wrap-sp {   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}  
}

.f-j-betweeen {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.f-j-center {justify-content: center}
.f-j-start {justify-content: flex-start}
.f-j-end {justify-content: flex-end}

.f-a-center {align-items: center}
.f-a-end {align-items: flex-end}

.f-j-sp-center {justify-content: flex-start;}
@media screen and (max-width: 767px) {
.f-j-sp-center {justify-content: center}
}


.f-w25 {width: 25%;}
.f-w30 {width: 30%;}
.f-w35 {width: 35%;}
.f-w40 {width: 40%;}
.f-w45 {width: 45%;}
.f-w47 {width: 47%;}
.f-w50,
.f-w50l,
.f-w50r {width: 50%;}
.f-w55 {width: 55%;}
.f-w60 {width: 60%;}
.f-w65 {width: 65%;}
.f-w70 {width: 70%;}
.f-w75 {width: 75%;}
.f-w80 {width: 80%;}
.f-w85 {width: 85%;}
.f-w90 {width: 90%;}
.f-w95 {width: 95%;}
.f-w100 {width: 100%;}

.f-box::after {
display: block;
content:"";
width: 30%;
}

/* 順番 */
.order01 {order: -1;}
.order02 {order: 0;}
@media screen and (max-width: 767px) {
.order01 {order: 0;}
.order02 {order: -1;}
}

/* グーグルマップ */
.ggmap {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.video-container {
	width: 100%;
	height: 100%;
	position: relative;
}


.wp-block-embed__wrapper {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;	
}

.wp-block-embed__wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}