@charset "utf-8";


html {
scroll-behavior: smooth;
scroll-padding-top: 30px;
}

body {
margin: 0;
font-family: 'Noto Serif JP', "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
background: url(../img/bg_pc.png);
color:#333;
}

main {
  display: block;
}

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

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}


dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

li{
  position: relative;
}

i{
display: inline-block;
font-style: normal;
}

strong,
em{
font-weight:bold;
font-style: normal;
}

a {
color:#333;
display: inline-block;
text-decoration:none;
word-break: break-all;
}

img{
max-width: 100%;
height:auto;
vertical-align:bottom;
display: inline-block;
}

svg{
vertical-align:bottom;
}

picture{
display: inline-block;
}

span{
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
 /*font-weight:bold;*/
  margin: 0;
}

/*
h1.font-go:not(.fb),
h2.font-go:not(.fb),
h3.font-go:not(.fb),
h4.font-go:not(.fb),
h5.font-go:not(.fb){
font-weight: 500;
}*/

#main_contents{
  z-index: 1;
}
/* 汎用
----------------------------------------------------*/


.tL{
	text-align: left;
}

.tC{
	text-align: center;
}

.tR {
	text-align: right;
}

.cB{
clear: both;
}

.pr{
position: relative;
}

.db{
display: block;
}

.ib{
display: inline-block;
}

.oh{overflow:hidden;}
.ov{overflow:visible ;}

.ls1{
letter-spacing: 0.1em;
}

.fn{font-weight:normal;}
.fb500{font-weight: 500;}
.fb600{font-weight:600;}
.fb{font-weight: bold}
.fb900{
font-weight:900;
}

.dn{display: none;}


.nowrap{ white-space: nowrap;}

.list01 li{
padding-left:1em;
}

.list01 li:before {
display: block;
content: "";
top:13px;
left: 5px;
margin: auto;
position: absolute;
width: 4px;
height: 4px;
background-color: #333;
border-radius: 100%;
}

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

.font-go{
font-family:"Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

.op a img,
.op a{
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.op a:hover img,
.op a:hover{
opacity: .8;
}


.z1{
z-index: 1;
position: relative;
}

.z2{
z-index: 2;
position: relative;
}

.z3{
z-index: 3;
position: relative;
}

.cc{
display: grid;
place-content: center;
}

.ccs{
display: grid;
place-content:  center start;
}

img{
max-width: 100%;
height:auto;
}

img.of{
object-fit: cover;
width:100%;
height:100%;
max-width:none;
}

.txt_up{
text-transform: uppercase; 
}

.palt{
font-feature-settings: "palt";
}

.halt{
font-feature-settings: "halt";
}

.fade2.view,
.fade.view{
opacity: 1;
transition: 1.5s;
}

.fade2,
.fade{
opacity: 0;
}


.bb{
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}


a.more:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
background-color: rgba(255,255,255,0.2)
}

.txt_w{
  color:#fff;
}

.bg_w{
  background:#fff;
}

.bg_gray{
  background:#F0F0F0;
}

.txt10{ font-size:10px; }
.txt11{ font-size:11px; }
.txt12{ font-size:12px; }
.txt13{ font-size:13px; }
.txt14{ font-size:14px; }
.txt15{ font-size:15px; }
.txt16{ font-size:16px; }
.txt18{ font-size:18px; }
.txt20{ font-size:20px; }
.txt22{ font-size:22px; }
.txt23{ font-size:23px; }
.txt24{ font-size:24px; }
.txt25{ font-size:25px; }
.txt26{ font-size:26px; }
.txt28{ font-size:28px; line-height: 1.57}
.txt29{ font-size:29px; }
.txt30{ font-size:30px; line-height: 50px}
.txt32{ font-size:32px; line-height: 1.4}
.txt34{ font-size:34px; line-height: 1.4}
.txt36{ font-size:36px; line-height: 1.4}
.txt38{ font-size:38px; line-height: 1.4}
.txt40{ font-size:40px; line-height: 1.4}
.txt42{ font-size:42px; line-height: 1.4}
.txt44{ font-size:44px; line-height: 1.4}
.txt46{ font-size:46px; line-height: 1.4}
.txt48{ font-size:48px; line-height: 1.4}
.txt50{ font-size:50px; line-height: 1.4}
.txt100{ font-size:100px; }

body{
line-height: 1.65;
text-align: center;
}

main p{
letter-spacing: 0.15px;
  line-height: 1.75;
}

.no_mw{
  max-width: none;
}

.lh2{
line-height: 2;
}

.lh1{
line-height: 1;
}

.mb0_pc,
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb_20{margin-bottom:-20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pl10{padding-left:10px;}

.pb10{padding-bottom:10px;}

.box1000 {
max-width: 96%;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.justify{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}

.flex-start{
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}

.flex-end{
display: flex;
justify-content:flex-end;
flex-wrap: wrap;
}

.flex-center{
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.f-column{
display: flex;
flex-direction: column
}

.cc{
display: grid;
place-content: center;
}
  
.alc,.aic{align-items: center;}  

#anchor-content{
margin-top: -110px;
padding-top: 110px;
}


@media screen and (min-width: 768px) {/*-----------------------------*/

a[href^="tel:"] {
cursor: default;
pointer-events: none;
text-decoration: none !important;
}



}/*----min 768-------*/

@media screen and (max-width: 767px) {/*-----------------------------*/

.box1000{
width:100%;
max-width: 100%;
}

html {
scroll-padding-top: 100px;
}


.sptL,
.tLsp{
text-align: left!important;
}

.tCsp{
text-align: center;
}

.pc_only{display:none !important;}
.sp_only{display:block;}

.a_link{
padding-top: 70px !important;
margin-top: -70px !important;
}

.w90sp{
  width:90%;
  margin-left: auto;
  margin-right: auto;
  }
  
.justify_sp,
.justify.sp{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack:space-between;
 justify-content:space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.flex-start_sp,
.flex-start.sp{
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}

.flex-center_sp,
.flex-center.sp{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.flex-end.sp{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
  -ms-flex-pack:flex-end;
    justify-content:flex-end;
-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.alc{
align-items: center
}



}/*-----------------------------*/
