@charset "utf-8";
/* CSS Document */






/*-----------------------------------------------------------------------------
	PC
-----------------------------------------------------------------------------*/
@media screen and (min-width:768px){
	
	
	span.caution{
		font-weight: 700;
		color: #FF0000;
	}
	
	form{
		margin-bottom: 330px;
	}
	
	form *{
		font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Noto Sans JP', sans-serif;
	}
	
	form dl{
		display: flex;
		align-items: center;
		width: 980px;
		padding: 30px 0;
		margin: auto;
	}
	
	form dl:last-of-type{
		margin-bottom: 70px;
	}
	
	form dl dt,
	form dd input[type="checkbox"]+span{
		font-weight: 700;
	}
	
	form dl dt{
		width: 240px;
	}
	
	form dl dd{
		font-weight: 500;
		width: calc(100% - 240px);
	}
	
	form dl.radio_btn dd label{
		letter-spacing: normal;
		border-radius: 0;
	}
	
	form dl.radio_btn dd label:not(:last-of-type){
		margin-right: 30px;
	}
	
	form dl.radio_btn,
	form dl.textarea{
		align-items: normal;
	}
	
	form dl dd input:not([type="checkbox"]){
		height: 60px;
	}
	
	form dl dd input:not([type="checkbox"]),
	form dl dd textarea{
		display: block;
		background-color: rgba(242,245,249,0.35);
		border: 1px solid rgba(112,112,112,0.35);
		width: 100%;
	}
	form dl dd textarea{
		height: 372px;
	}
	
	form dl dd input:not([type="checkbox"]),
	form dl dd select{
		display: block;
		background-color: rgba(242,245,249,0.35);
		border: 1px solid rgba(112,112,112,0.35);
		width: 100%;
		padding: 0;
	}
	
	form dl dd select{
		height: 60px;
	}
	
	form p.submit,
	form p.submit input{
		display: block;
		width: 253px;
		height: 45px;
		line-height: 45px;
		margin: auto;
	}
	
	form label.check_btn{
		display: block;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: center;
		margin: 0 auto 60px;
	}
	
	form label.check_btn input{
		width: 23px;
    height: 23px;
    vertical-align: middle;
		margin-right: 10px;
	}
	
	form p.submit input{
		background-color: #707070;
		font-size: 1.5rem;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.2em;
		border: 1px solid #707070;
		border-radius: 23px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16);
		transition: all 0.3s 0s ease;
	}
	
	form p.submit input:hover{
		background-color: #fff;
		color: #707070;
	}
	
	
}











/*-----------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------*/
@media screen and (max-width:767px){
	
	
	
	.title_box p{
		text-align: left;
	}
	
	span.caution{
		font-weight: 700;
		color: #FF0000;
	}
	
	form{
		margin-bottom: 150px;
	}
	
	form *{
		font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Noto Sans JP', sans-serif;
	}
	
	form dl{
		padding: 15px 0;
		margin: auto;
	}
	
	form dl:last-of-type{
		margin-bottom: 35px;
	}
	
	form dl dt{
		font-weight: 700;
	}
	
	form dl dt{
		margin-bottom: 10px;
	}
	
	form dl dd{
		font-weight: 500;
	}
	
	form dl.radio_btn dd label{
		display: block;
		letter-spacing: normal;
	}
	
	form dl.radio_btn dd label:not(:last-of-type){
		margin-right: 30px;
	}
	
	form dl.radio_btn,
	form dl.textarea{
		align-items: normal;
	}
	
	form dl dd input:not([type="radio"]){
		height: 40px;
	}
	
	form dl dd input:not([type="radio"]),
	form dl dd textarea{
		display: block;
		background-color: rgba(242,245,249,0.35);
		border: 1px solid rgba(112,112,112,0.35);
		width: 100%;
		box-sizing: border-box;
	}
	
	form dl dd textarea{
		height: 300px;
	}

	form dl dd input:not([type="checkbox"]),
	form dl dd select{
		display: block;
		background-color: rgba(242,245,249,0.35);
		border: 1px solid rgba(112,112,112,0.35);
		width: 100%;
		padding: 0;
	}
	
	form dl dd select{
		height: 45px;
	}
	
	form p.submit,
	form p.submit input{
		display: block;
		width: 253px;
		height: 45px;
		line-height: 45px;
		margin: auto;
	}
	
	form label.check_btn{
		display: block;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: center;
		margin: 0 auto 30px;
	}
	
	form label.check_btn input{
		width: 20px;
    height: 20px;
    vertical-align: middle;
		margin-right: 10px;
	}
	
	form p.submit input{
		background-color: #707070;
		font-size: 1.5rem;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.2em;
		border: 1px solid #707070;
		border-radius: 23px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16);
		transition: all 0.3s 0s ease;
	}
	
	form p.submit input:hover{
		background-color: #fff;
		color: #707070;
	}
	
	
}