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

/* --------------------

確認ページ

-------------------- */
#check{text-align:center;}

.check_inner{
	width:80%;
	margin:0 auto;
	padding:80px 0;
}

#check .h2{margin-bottom:30px;}

#check form p {
    margin: 30px 0 10px 0;
    padding: 5px;
    background-color: #eee;
    font-weight: bold;
}

/*PC・タブレット*/
@media (min-width:768px){
#check form{
	max-width:600px;
	margin:0 auto;
}
}

/*スマホ*/
@media screen and (max-width:767px){
.check_inner > p{text-align:left;}
}

/* --------------------

サンクスページ

-------------------- */
#thanks{text-align:center;}

.thanks_inner{
	width:80%;
	margin:0 auto;
	padding:80px 0;
}

#thanks .h2{margin-bottom:30px;}

/*スマホ*/
@media screen and (max-width:767px){
#thanks p{text-align:left;}
}

/* --------------------

ボタン

-------------------- */
.form_btn{margin-top:30px;}

.btn1,
.btn2{
	display:inline-block;
	padding:15px;
	border-radius:3px;
	line-height:1;
	text-align:center;
	transition: all 0.3s;
}

.btn1{
	background-color:#000;
	border:1px solid #000;
	color:#fff;
}

.btn2{
	background-color:#ccc;
	border:1px solid #ccc;
	color:#000;
}

/*PC・タブレット*/
@media (min-width:768px){
.btn1,
.btn2{min-width:200px;}

.btn1:hover,
.btn2:hover{
	background-color:#fff;
	border:1px solid #000;
	color:#000;
}

.btn2 + .btn1{margin-left:10px;}
}

/*スマホ*/
@media screen and (max-width:767px){
.btn1,
.btn2{
	display:block;
	width:100%;
}

.btn2 + .btn1{margin-top:15px;}
}

/* ----------------------------------------

フォーム

---------------------------------------- */
/*フォームのデフォルトのスタイルを削除*/
input,button,select,textarea{margin:0;padding:0;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/*入力系共通*/
input[type="text"],select,textarea{
	border:1px solid #ccc;
	border-radius:3px;
}

input[type="text"],textarea{
	display:block;
	width:100%;
	padding:10px;
}

/* --------------------

チェックボックス

-------------------- */
.checkbox input{display: none;}
.checkbox span{padding-left:20px;position:relative;}
.checkbox span:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	margin-top:-9px;
	left:0;
	width:16px;
	height:16px;
	border:1px solid #999;
	border-radius:3px;
}
.checkbox input:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}

label{display:block;}

/*PC・タブレット*/
@media (min-width:768px){
.checkbox{letter-spacing:-.4em;}
.checkbox li{
	display:inline-block;
	margin-right:20px;
	letter-spacing:normal;
}
}

/*スマホ*/
@media screen and (max-width:767px){
label{
	padding: 10px;
    background-color: #eee;
    margin-bottom: 10px;
    border-radius: 3px;
}
}

/* --------------------

セレクトボックス

-------------------- */
select{
	padding:10px 30px 10px 10px;
    cursor: pointer;
}

.simpledatepicker span {
    position: relative;
    display: inline-block;
}
.simpledatepicker span::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 1.5em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #999 transparent transparent transparent;
	pointer-events: none;
}