@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}button{ background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
html{
  font-size: 20px;
  scroll-behavior: smooth;
  font-family: 'Noto Sans JP', sans-serif;
}

/*
@media screen and (min-width:751px){
    .sp{display:none;}
    .pc{display:block;}
    header .sp{display:none;}
    header .pc{display:flex;}
}

@media screen and (max-width:750px){
    .sp{display:block;}
    .pc{display:none;}
    header .sp{display:flex;}
    header .pc{display:none;}
}
*/

@media (min-width: 960px) {
  .container{
    div{margin: 8px;}
    select { font-size: 20px; }
    span { font-size: 20px;}
    max-width: 1080px;
	margin: 0 auto 15px;
  }
}

h1{
    font-size: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*header*/
header{
	box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 99;
}
header .inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto 15px;
	padding-bottom: 15px;
}
header .logo{
	padding-top: 15px;
	line-height:0;
}
header .inquiry{
	background: #219683;
	color: #ffffff;
	width: 563px;
	height: 105px;
	padding: 22px;
	box-sizing: border-box;
	border-radius: 0 0 12px 12px;
}
header .inquiry p.txt{
	font-size: 22px;
	line-height: 29px;
}
header .inquiry .num_box{
	font-size: 11px;
	width: 438px;
}
header .inquiry .num_box .flex{
	justify-content: center;
}
header .inquiry .tel,
header .inquiry .fax{
	font-size: 21px;
	color: #000000;
	background: #ffffff;
	width: 212px;
	padding: 6px 0;
	border-radius: 3px;
}
header .inquiry .tel{
	margin-right: 9px;
}
header .inquiry .tel span,
header .inquiry .fax span{
	font-size: 15px;
	color: #219683;
	padding-right: 5px;
}
header .inquiry .num_box p.txt{
	padding-top: 4px;
	font-size: 11px;
}
@media screen and (max-width: 1080px) and (min-width: 751px){
header{
	margin: 0 auto 1.388vw;
}
header .logo{
	padding-top: 1.388vw;
}
header .logo img{
	width: 28.5vw;
}
header .inquiry{
	width: 52.13vw;
	height: 9.72vw;
	padding: 2.03vw;
}
header .inquiry p.txt{
	font-size: 2.03vw;
	line-height: 1.3em;
}
header .inquiry .num_box{
	font-size: 1vw;
	width: 40.55vw;
}
header .inquiry .tel,
header .inquiry .fax{
	font-size: 1.944vw;
	width: 19.63vw;
	padding: 0.55vw 0;
}
header .inquiry .tel{
	margin-right: 0.833vw;
}
header .inquiry .tel span,
header .inquiry .fax span{
	font-size: 1.388vw;
	padding-right: 0.46vw;
}
header .inquiry .num_box p.txt{
	padding-top: 0.37vw;
	font-size: 1vw;
	line-height: 2.6em;
}
}
@media screen and (max-width:750px){
header .inner{
	padding-bottom: 0;
}
header .logo{
	padding-top: 0;
}
header .icon_list{
	height: 11.5vw;
}
header .tel_icon {
	margin-right: 6vw;
}
header .logo img {
	width: 45.466vw;
}
header .tel_icon img,
header .fax_icon img {
	width: 12.66vw;
}
header .num_box p.txt{
	color: #219683;
	font-size: 3.4vw;
	padding-right: 2vw;
}
}
/*header*/

/*footer*/
.footer{
	color: #ffffff;
	background: #000000;
	padding: 21px 0;
	font-size: 14px;
}
@media screen and (max-width: 1152px) and (min-width: 751px){
.footer{
	padding: 1.944vw 0;
	font-size: 1.3vw;
}
}
@media screen and (max-width:750px){
.footer{
	padding: 4.2vw 0;
	font-size: 2.4vw;
}
}
/*footer*/

.center{
	text-align: center;
}

#form-info p{margin-bottom:0;}
#form-info .page-txt{margin-bottom:40px;}
#form-info .font-s{font-size: 20px;font-weight: normal;}
#form-info .red,
#form-info .error-message {
    background-color: red;
    color: white; 
    font-size: 20px;
    padding: 4px;
    margin-top: -20px;
    display: none;
}

#form-info .error-message.-show {
    display: block;
}

#form-info input.is-error {
    border: solid 2px red;
}

#form-info textarea.is-error {
    border: solid 2px red;
}

#form-info select.is-error {
    border: solid 2px red;
}

#form-info .reqd{
    padding:1px 3px;
    color:#fff;
    background-color:red;
    border:1px solid red;
    border-radius:5px;
    font-size:15px;
    margin-left:8px;
}

#form-info ol, 
#form-info ul {
    list-style: none;
}

#form-info .form-field-text,
#form-info .form-field-textarea,
#form-info .form-field-select{
    width:100%;
    padding:12px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #bbb;
}

#form-info .form-label{
    border-left: 4px solid dodgerblue;
    padding: 6px 10px;
    margin: 12px 0px;
    font-weight:bold;
    font-size:20px;
}

#form-info .input,
#form-info .form-submit{
    margin: 0 0 30px 0;
}

#form-info #name1,
#form-info #name2{
    width:48.5%;
}

#form-info #name1{
    margin-right:1%;
}

#form-info #zipcode1,
#form-info #zipcode2{
    width:120px;
}

#form-info .item-name #name1{
    margin-right:1%;
}

#form-info .item select{
    -moz-appearance: auto;
    -webkit-appearance: auto;
}

#form-info .form-field-textarea{
    height:150px;
}

#form-info .inquiry-button{
    width : 280px ;
    height: 50px ;
    background-color : dodgerblue;
    color : white ;
    border-radius : 10px ; 
    border : 1px solid dodgerblue ;
    cursor: pointer ;
    font-size : 20px;
    display:block ;
    margin: 30px auto 20px;
}

#form-info .inquiry-button:hover{
    border: 1px solid #0099cc;
    background-color: #00aacc;
    color: #ffffff;
    padding: 5px 10px;
}

#form-info .inquiry-button:active{
    background: #1b4f82;
}

#form-info .inquiry-button:disabled{
    background:#b4b7b9;
    background-color: #b4b7b9;
    border : 1px solid #b4b7b9
}

#form-info .postal-button{
    width : 120px ;
    height: 40px ;
    background-color : dodgerblue;
    color : white ;
    border-radius : 10px ; 
    border : 1px solid dodgerblue ;
    cursor: pointer ;
    font-size : 20px;
    margin: 30px auto 20px;
    display:block ;
}

#form-info .postal-button:hover{
    border: 1px solid #0099cc;
    background: #0099cc;
    color: #ffffff;
    padding: 5px 10px;
}

#form-info .postal-button:active{
    background: #1b4f82;
}

#form-info .item-submit{
    display: flex;
    column-gap: 0px;
}

#form-info .item-submit.disabled{
    pointer-events: none;
}

#form-info .g-recaptcha{
    margin:0 auto 20px;
    width:304px;
}

#form-info #privacy-desc{
    width: 100%; 
    overflow: auto; 
    border: 1px solid #999; 
    padding: 20px 10px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    margin-bottom:20px;
    font-size:20px;
    line-height:100%;
}

#form-info #number-rect{
    width: 100%; 
    overflow: auto; 
    border: 1px solid #999; 
    padding: 20px 10px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    margin-top: 20px;
    margin-bottom:20px;
    font-size:30px;
    line-height:100%;
    text-align: center;
}

#dialog{
    display: none;
}
#dialog p{
    border-bottom:dotted;
    font-weight:bold;
}
#dialog p,span{ font-size:20px; }

#accepted-title{
    padding-bottom:140px;
}