@charset "UTF-8";
/* CSS Document */
/**************************************************
*制作：Shinichi Yamazaki
*Created Date：2022/07
*https://design-momonga.jp/
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*
*iPhoneなどのiOSでinput要素のボタンにCSSが効かない場合の対処
----------------------------------------------*/
input[type="text"],
input[type="submit"],
textarea{
	-webkit-appearance: none;
	border-radius: 0;
}
/*---コンテンツ---*/
form{
	padding-bottom: 50px;
}
.input-section{
	margin-bottom:20px;
}
.boild{
	font-weight:bold;
	font-size:1.5rem;
	color:#333;
	margin-bottom:5px;
	letter-spacing: .05em;
}
.boild span{
	display:inline-block;
	vertical-align:middle;
}
span.hissu{
	color:red;
	font-size: 1.2rem;
	font-weight: normal;
}
.text-01{
	font-size:1.3rem;
	color:#999;
	margin-bottom:10px;
	line-height:1.4;
}
.input-box{
	width: 100%;
	border: 1px solid #cecece;
	border-radius: 3px;
}
input[type="text"],
input[type="password"]{
	height:40px;
	width:100%;
	font-size:1.6rem;
	color:#333;
	padding:0 10px;
	border:none;
    font-family: "Noto Sans JP",sans-serif;
}
.flex{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	align-items: center;
	margin-bottom: 10px;
}
.flex span{
	padding: 0 7px;
}
.space-btween{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.zip1{
	width: 70px;
}
.zip2{
	width: 80px;
}
#zip1,#zip2{
	text-align: center;
}
#tel1,#tel2,#tel3{
	text-align: center;
}
.age{
	width: 80px;
}
.age input{
	text-align: center;
}
select {
	background-color: white;
	border: thin solid #cecece;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;

	/* reset */

	margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
textarea{
	border:none;
	width:100%;
	height:280px;
	font-size:1.6rem;
	color:#333;
	padding:10px;
    line-height:1.4;
    letter-spacing:0.05rem;
    font-family: "Noto Sans JP",sans-serif;
}
label span{
	display:inline-block;
	vertical-align: middle;
}
input[type="radio"]{
	display:inline-block;
	vertical-align: middle;
	width:18px;
	height:18px;
}
/*↓↓↓---マージン、パディング調整用---↓↓↓*/
.mg-b05{margin-bottom:5px;}
.mg-b10{margin-bottom:10px;}
.mg-b15{margin-bottom:15px;}
.mg-b20{margin-bottom:20px;}
.mg-b25{margin-bottom:25px;}
.mg-b30{margin-bottom:30px;}
.mg-b35{margin-bottom:35px;}
.mg-b40{margin-bottom:40px;}
.mg-b45{margin-bottom:45px;}
.mg-b50{margin-bottom:50px;}
.mg-b55{margin-bottom:55px;}

.mg-t05{margin-top:5px;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-t20{margin-top:20px;}
.mg-t25{margin-top:25px;}
.mg-t30{margin-top:30px;}
.mg-t35{margin-top:35px;}
.mg-t40{margin-top:40px;}
.mg-t45{margin-top:45px;}
.mg-t50{margin-top:50px;}
.mg-t55{margin-top:55px;}

/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){

}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
	form{
		width: 650px;
		margin: 0 auto 0 auto;
	}
	.boild{
		font-size:1.6rem;
		margin-bottom:7px;
	}
    .input-box{
        padding:0.5%;
    }
    label span {
      font-size: 1.5rem;
    }
}