@charset "utf-8";

/* yakuhanmp-noto */
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp-noto.min.css");

/* Noto Serif Japanese */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');


html {
	font-size: 87.5%; /*14px*/
	
} 


body {
  color: #050505;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif;
  letter-spacing: 0.05rem;
  line-height: 2rem;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
}

.hide{display: none!important;}

.bold{font-weight: bold;}

.green{
  color: #008080 !important;
}
.blue{
  color: #003e80 !important;
}
.red{
  color: #FF0000 !important;
}

.hosoku02.closed li{
  color: #FF0000 !important;
	margin-top: 0.5rem!important;
	/* border: 1px solid #FF0000; */
	border-radius: 3px;
	background: #ffe8e8;
	font-size: 14px;
	/* margin-top: 10px!important; */
}
.hosoku02.closed li:first-child{
	/* border: none; */
	background:unset;
	margin-bottom: 5px!important;
}
.hosoku02.closed li:nth-child(n+2){
	text-indent: 0;
	margin-top: 5px!important;
	/* width: 50%;
	min-width: fit-content; */
	/* width: fit-content; */
	padding: 7px 1rem!important;
}

/* -- ローディング ------*/
.pace-running .wrap{
	display: none;
}

/* -- loading -------------------------------------------------------------------------------- */

div.loading-layer {
	width: 100vw;
	height: 100vh;
	background: rgba( 0, 0, 0, 0.7 );
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10000;
}

span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}

@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}

/* ---フォーム上段（説明欄）----------- */

header * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}

header {
	width: 100% !important;
	max-width: 1000px;
	margin: 50px auto 0;
  overflow: hidden;
}

header > p {
  width: 90%;
  font-size: clamp(1.063rem, 0.975rem + 0.44vw, 1.5rem);
  line-height: 1.45 !important;
  padding-bottom: 5px;
  border-bottom: solid 1px #454545;
  margin-left: 5%;
  /* text-align: left; */
}

header > p span{
  display: inline-block
}

/* -- ヘッダー （マイページ）------*/

header.mypage-head {
	width: 100% !important;
  max-width: initial !important;
	margin: 0 auto !important; 
	padding: 0 !important;
	background: #006ab6 !important;
	color:#fff !important;
}

header.mypage-head > h1 {
  font-family: 'Noto Serif JP', serif !important;
  font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem) !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: 0.1rem !important;
  line-height: 2.25 !important;
}

header.mypage-head > p.period {
  font-family: 'Noto Serif JP', serif !important ;
  display: block !important;
  font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem) !important;
  padding: 5px 0 !important;
  font-weight: 600 !important;
  text-align: center !important;
  letter-spacing: 0.05rem !important;
  background: #54afe3 !important;
  width: 100% !important;
  margin-left: 0 !important;
}

/* ---フッター　----------- */
footer {
  /* background-color: #303f4e; */
  width: 100%;
  text-align: center;
  /* box-shadow: -2px -2px 4px gray; */
	font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem) !important;
	color:#606060;
	line-height: 2;
	padding: 2px 0;
	margin-top: 25px !important;
}

footer.mypage-footer{
	  background-color: #006AB6;
		width: 100%;
		text-align: center;
		/* box-shadow: -2px -2px 4px gray; */
		font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem) !important;
		color:#fff;
		line-height: 2;
		padding: 2px 0;
}

/* -- width(%) -------------------------------------------------------------------------------- */
/*widthの1〜100%を設定*/

/*widthの1〜100%を設定*/
/*※設定ファイルで数値のみを指定し、PHPでクラス名を生成*/

.w_1 {
	width: 1%;
}

.w_2 {
	width: 2%;
}

.w_3 {
	width: 3%;
}

.w_4 {
	width: 4%;
}

.w_5 {
	width: 5%;
}

.w_6 {
	width: 6%;
}

.w_7 {
	width: 7%;
}

.w_8 {
	width: 8%;
}

.w_9 {
	width: 9%;
}

.w_10 {
	width: 10%;
}

.w_11 {
	width: 11%;
}

.w_12 {
	width: 12%;
}

.w_13 {
	width: 13%;
}

.w_14 {
	width: 14%;
}

.w_15 {
	width: 15%;
}

.w_16 {
	width: 16%;
}

.w_17 {
	width: 17%;
}

.w_18 {
	width: 18%;
}

.w_19 {
	width: 19%;
}

.w_20 {
	width: 20%;
}

.w_21 {
	width: 21%;
}

.w_22 {
	width: 22%;
}

.w_23 {
	width: 23%;
}

.w_24 {
	width: 24%;
}

.w_25 {
	width: 25%;
}

.w_26 {
	width: 26%;
}

.w_27 {
	width: 27%;
}

.w_28 {
	width: 28%;
}

.w_29 {
	width: 29%;
}

.w_30 {
	width: 30%;
}

.w_31 {
	width: 31%;
}

.w_32 {
	width: 32%;
}

.w_33 {
	width: 33%;
}

.w_34 {
	width: 34%;
}

.w_35 {
	width: 35%;
}

.w_36 {
	width: 36%;
}

.w_37 {
	width: 37%;
}

.w_38 {
	width: 38%;
}

.w_39 {
	width: 39%;
}

.w_40 {
	width: 40%;
}

.w_41 {
	width: 41%;
}

.w_42 {
	width: 42%;
}

.w_43 {
	width: 43%;
}

.w_44 {
	width: 44%;
}

.w_45 {
	width: 45%;
}

.w_46 {
	width: 46%;
}

.w_47 {
	width: 47%;
}

.w_48 {
	width: 48%;
}

.w_49 {
	width: 49%;
}

.w_50 {
	width: 50%;
}

.w_51 {
	width: 51%;
}

.w_52 {
	width: 52%;
}

.w_53 {
	width: 53%;
}

.w_54 {
	width: 54%;
}

.w_55 {
	width: 55%;
}

.w_56 {
	width: 56%;
}

.w_57 {
	width: 57%;
}

.w_58 {
	width: 58%;
}

.w_59 {
	width: 59%;
}

.w_60 {
	width: 60%;
}

.w_61 {
	width: 61%;
}

.w_62 {
	width: 62%;
}

.w_63 {
	width: 63%;
}

.w_64 {
	width: 64%;
}

.w_65 {
	width: 65%;
}

.w_66 {
	width: 66%;
}

.w_67 {
	width: 67%;
}

.w_68 {
	width: 68%;
}

.w_69 {
	width: 69%;
}

.w_70 {
	width: 70%;
}

.w_71 {
	width: 71%;
}

.w_72 {
	width: 72%;
}

.w_73 {
	width: 73%;
}

.w_74 {
	width: 74%;
}

.w_75 {
	width: 75%;
}

.w_76 {
	width: 76%;
}

.w_77 {
	width: 77%;
}

.w_78 {
	width: 78%;
}

.w_79 {
	width: 79%;
}

.w_80 {
	width: 80%;
}

.w_81 {
	width: 81%;
}

.w_82 {
	width: 82%;
}

.w_83 {
	width: 83%;
}

.w_84 {
	width: 84%;
}

.w_85 {
	width: 85%;
}

.w_86 {
	width: 86%;
}

.w_87 {
	width: 87%;
}

.w_88 {
	width: 88%;
}

.w_89 {
	width: 89%;
}

.w_90 {
	width: 90%;
}

.w_91 {
	width: 91%;
}

.w_92 {
	width: 92%;
}

.w_93 {
	width: 93%;
}

.w_94 {
	width: 94%;
}

.w_95 {
	width: 95%;
}

.w_96 {
	width: 96%;
}

.w_97 {
	width: 97%;
}

.w_98 {
	width: 98%;
}

.w_99 {
	width: 99%;
}

.w_100 {
	width: 100%;
}

/* -- width(rem) -------------------------------------------------------------------------------- */
.w_5rem{
	width: 5rem !important;
}

.w_7rem{
	width: 7rem !important;
}

.w_10rem{
	width: 10rem !important;
}

.w_15rem{
	width: 15rem !important;
}

.w100{
	width: 100% !important;
}

.w3rem{
	width: 3rem !important;
}

.w4rem{
	width: 4rem !important;
}

.w7rem{
	width: 7rem !important;
}

.w10rem{
	width: 10rem !important;
}

.pl075 {
  padding-left: 0.75rem !important;
}

.lh35 {
	line-height: 45px !important;
}

.mt25{
	margin-top: 25px !important;
}


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

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