@charset "utf-8";

/* CSS Document PC/SP用viewpoint切替css*/

@media screen and (min-width:768px) {
.sp {
	display: none!important;
}
.pc {
	display: block;
}
/* リセット */
html {
	overflow-y: auto;
	width:100vw;
}
body {
	width:100vw;
}
body, td, th {
	font-size: 1.8rem;
}
a:hover {
	text-decoration: underline;
}
a.btn:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* 画像リンク */ 
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* 画像リンク */ 
a:hover img.noopa {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
/*基本レイアウト********************************/
body {
}
header {
}
#main {
	width: 1000px;
}
footer {
	width: 100%;
	height: 80px;
	margin: 0 auto 0 auto;
	line-height:80px;
}
/*/基本レイアウト */


/*ヘッダー********************************/
header .tit_area {
	height:70px;
	width:auto;
	margin:30px 0 30px 0;
	padding:0 24px;
}
header .tit_area h1 {
	width:650px !important;
	font-size:3.4rem;
}
header .tit_area h1 span {
	font-size:2.4rem;
}
/*/ヘッダー*/

/*フッター********************************/
footer {
	font-size:1.4rem;
}
/*/フッター*/

/*メイン*******************************/
/*共通コンテンツcontents*/
.contents {
	width: 1000px;
	margin: 0 auto;
}
/*contentsの各ページ設定*/
/*ページごとのbody classは下記の通り
.toppage
.secondpage
.inputpage
.thankspage
*/
/*メッセージ*/
.contents .message {
	font-size:2.6rem;
	text-align:center;
}
.contents .message:before {
	width:32px;
	height:24px;
	margin-right:6px;
}
.contents .message:after {
	width:32px;
	height:24px;
	margin-left:0;
}

/*次へボタン*/
.contents .move_area {
	margin: 46px auto;
}
.contents .move_area .btn {
	width: 280px;
	height: 75px;
	font-size: 2.4rem;
}
.contents .move_area .btn:after {
	right:12px;
}

.contents .move_area .btnnext {
	width: 420px;
	height: 75px;
	font-size: 2.4rem;
}
.contents .move_area .btnnext:after {
	right:12px;
}

/*/コンテンツcontents*/

/*インジケータ*/
.indicator {
	padding:20px 0;
}
.indicator .bar {
	width:100%;
	height:24px;
	margin:0 16px;
	border-radius:24px;
}
.indicator .bar .inside {
	width:20%;
	height:100%;
	margin:0 0;
	border-radius:16px;
}
.indicator .page {
	margin:0 16px 0 0;
	font-size:2.8rem;
}

/*トップページ*/
.toppage body {
}
.toppage .contents .domain_area {
	font-size:4.0rem;
}
.toppage .contents .tit_area {
	width:auto;
	margin:0 auto 55px auto;
	padding:50px 0;
}
.toppage .contents .tit_area h1 {
	width:auto;
	font-size:5.0rem;
}
.toppage .contents .tit_area h1 span {
	width:650px !important;
	font-size:4.0rem;
}
.toppage .contents .tit_area .caution {
	font-size:2.0rem;
}
.toppage .form_area {
	width:70%;
}
/*入力ページ*/
.inputpage .contents .tit_area {
	margin-top:-20px;
	margin-bottom:20px;
	padding:15px 15px;
	font-size:2.4rem;
}
/*サンクスページ*/
.thankspage .contents .tit_area {
	width:90%;
	margin:55px auto 35px auto;
	padding:70px 0;
}
.thankspage .contents .tit_area .message {
	font-size:3.4rem;
}
.thankspage .contents .tit_area .txt {
	margin-top:10px;
	font-size:2.6rem;
}
.thankspage .contents .downloadinfo {
	font-size:2.4rem;
}

/*入力欄*/
.form_area {
	width:90%;
	margin: 34px auto;
}
.form_area dl {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}
.form_area dl dt, .form_area dl dd {
}
.form_area dl dt {
	padding-bottom:14px;
	font-size:2.4rem;
}
.form_area dl dt .required_area {
	/* width:44px; */
	width:80px!important;
	margin-left:0;
	padding-top:5px;
}
.form_area dl dt .required_area span {
	font-size:1.8rem;
	padding:3px 0;
}
.form_area dl dt .num {
	width:100px;
	padding-left:48px;
	font-size:2.8rem;
}
.form_area dl dt .num:before {
	position:absolute;
	left:0;
	top:-6px;
	width:46px;
	height:52px;
	margin-right:6px;
}
.form_area dl dt .txt .detail {
	font-size:2.0rem;
	line-height:1.4;
}
.form_area dl dt .txt .detail .cate02 {
	font-size:2.2rem;
}
.form_area dl dd {
	padding-bottom:50px;
	font-size: 2.0rem;
}
.form_area dl dd span {
}
.form_area dl dd span.shop {
	font-size:2.4rem;
}
.form_area dl dd.caution {
	padding-bottom:0;
	font-size:1.8rem;
}
.form_area dl dd.machine {
	width:49%;
	padding-bottom:50px;
}
.form_area dl dd.machine:nth-child(2n) {
	padding-bottom:50px;
}
.form_area dl dd .input_area {
	flex: 1;
}
.form_area dl dd .ok_area {
	width:44px;
	margin-left:10px;
}
.form_area dl dd .ok_area img {
}
.form_area input {
	width: 45%;
	height: 50px;
	padding: 0 10px;
	font-size: 2.4rem;
}
.form_area input[type="radio"]{
}
.form_area input[type="radio"] + label{
  padding-left: 34px;
	line-height:40px;
}
.form_area input[type="radio"] + label::before{
  top: -2px;
  left: 0;
  width: 28px;
  height: 28px;
}
.form_area input[type="radio"]:checked + label{
}
.form_area input[type="radio"]:checked + label::after{
  top: 9px;
  left: 11px;
  width: 8px;
  height: 8px;
}
.form_area input[type="checkbox"]{
}
.form_area input[type="checkbox"] + label{
  padding-left: 48px;
	line-height:52px;
}
.form_area input[type="checkbox"] + label::before{
  top: -4px;
  left: 0;
  width: 30px;
  height: 30px;
}
.form_area input[type="checkbox"]:checked + label{
}
.form_area input[type="checkbox"]:checked + label::after{
  top: 14px;
  left: 18px;
  width: 8px;
  height: 8px;
}
.form_area select {
	width: 45%;
	height: 60px;
	padding: 0 6px;
	font-size: 2.4rem;
	line-height: 1.2;
	background-size: 20px 12px;
}
select::-ms-expand {
}
.form_area textarea {
	width: 100%;
	height: 160px;
	padding: 0 10px;
	font-size: 2.4rem;
}

/*エラー*/


}