@charset "utf-8";

/*body{font-size: 16px;}*/

body {
font-size: clamp(14px, calc(9px + 1vw), 16px);
line-height: 180%;
  }

.respo-mt1{margin-top: 60px;}
.respo-mt2{margin-top: 30px;}
.respo-mt3{margin-top: 15px;}
.respo-mt10{margin-top: 10px;}
.h2-after{margin-top: 50px;}
.br-sp{ display: inline;}

/*------------------------ベースレイアウト★------------------------*/
.wrap1200,.wrap1000{
  width: 100%;
padding: 0 4vw;
  margin-right:auto;
  margin-left:auto;
}

/*------セクション★------*/




/*------------------------h1★------------------------*/
h2{font-size: 1.3em;font-weight: 500;}


/*------------------------flex共通ライン★------------------------*/
.flex-line{display: block;
 border-bottom: 1px solid #ccc;}
.fl1{color:#005bac;  width: 100%;border-top: 1px solid #ccc;padding: 15px 10px 15px 10px;}
.fl2{width: 100%; padding: 0px 10px 15px 10px;}

/*------------------------ヘッダー★------------------------*/
.headlogo img{margin: 20px 0 10px 0;width: 100%;max-width: 250px;
}
.topread{font-size: 5vw;color: #005bac;text-align: center;font-weight: 500;
text-shadow: 
1px  1px 0 #fff, -1px  1px 0 #fff,
    1px -1px 0 #fff, -1px -1px 0 #fff,
    0px  1px 0 #fff,  0px -1px 0 #fff,
    1px  0px 0 #fff, -1px  0px 0 #fff; /* 8方向で隙間を埋める */
}
.commingsoon{font-size: 4vw;color: #005bac;text-align: center;font-weight: 700;}

.main-bg{background-color: aqua;height: 300px;background-image: url("../img/topbg.png");
background-size: cover;      /* 画像を隙間なく埋める */
  background-position: center; /* 画像の中央を基準にする */
  display: flex;
  align-items: center;
justify-content: center;
  }


/*------gotop------*/
.gotop{
	height: 40px;
	width: 40px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gotop img{	width: 100%;}


a.anchor{
    display: block;
    padding-top: 0px;
    margin-top: 0px;
}