@charset "utf-8";

/*-----------------------------
　 
	フォントサイズ

------------------------------*/
.fo9 { font-size: 9px; }
.fo10 { font-size: 10px; }
.fo11 { font-size: 11px; }
.fo12 { font-size: 12px; }
.fo13 { font-size: 13px; }
.fo14 { font-size: 14px; }
.fo15 { font-size: 15px; }
.fo16 { font-size: 16px; }
.fo18 { font-size: 18px; }
.fo19 { font-size: 19px; }
.fo20 { font-size: 20px; }
.fo21 { font-size: 21px; }
.fo22 { font-size: 22px; }
.fo23 { font-size: 23px; }
.fo24 { font-size: 24px; }
.fo25 { font-size: 25px; }
.fo26 { font-size: 26px; }
.fo27 { font-size: 27px; }
.fo28 { font-size: 28px; }
.fo29 { font-size: 29px; }
.fo30 { font-size: 30px; }
.fo31 { font-size: 31px; }
.fo32 { font-size: 32px; }
.fo33 { font-size: 33px; }
.fo34 { font-size: 34px; }
.fo35 { font-size: 35px; }
.fo36 { font-size: 36px; }
.fo37 { font-size: 37px; }
.fo38 { font-size: 38px; }
.fo40 { font-size: 40px; }
.fo41 { font-size: 41px; }
.fo42 { font-size: 42px; }
.fo43 { font-size: 43px; }
.fo45 { font-size: 45px; }
.fo46 { font-size: 46px; }
.fo47 { font-size: 47px; }
.fo60 { font-size: 60px; }
.fo70 { font-size: 70px; }

@media only screen and (min-width:751px) and (max-width:1280px) {
	.fo9 { font-size: 0.703125vw; }
	.fo10 { font-size: 0.78125vw; }
	.fo11 { font-size: 0.859375vw; }
	.fo12 { font-size: 0.9375vw; }
	.fo13 { font-size: 1.015625vw; }
	.fo14 { font-size: 1.09375vw; }
	.fo15 { font-size: 1.171875vw; }
	.fo16 { font-size: 1.25vw; }
	.fo17 { font-size: 1.328125vw; }
	.fo18 { font-size: 1.40625vw; }
	.fo19 { font-size: 1.484375vw; }
	.fo20 { font-size: 1.5625vw; }
	.fo21 { font-size: 1.640625vw; }
	.fo22 { font-size: 1.71875vw; }
	.fo23 { font-size: 1.796875vw; }
	.fo24 { font-size: 1.875vw; }
	.fo25 { font-size: 1.953125vw; }
	.fo26 { font-size: 2.03125vw; }
	.fo28 { font-size: 2.1875vw; }
	.fo30 { font-size: 2.34375vw; }
	.fo31 { font-size: 2.421875vw; }
	.fo32 { font-size: 2.5vw; }
	.fo33 { font-size: 2.578125vw; }
	.fo34 { font-size: 2.65625vw; }
	.fo35 { font-size: 2.734375vw; }
	.fo36 { font-size: 2.8125vw; }
	.fo37 { font-size: 2.890625vw; }
	.fo38 { font-size: 3.1666666667vw; }
	.fo40 { font-size: 3.125vw; }
	.fo41 { font-size: 3.203125vw; }
	.fo42 { font-size: 3.28125vw; }
	.fo43 { font-size: 3.359375vw; }
	.fo45 { font-size: 3.515625vw; }
	.fo46 { font-size: 3.59375vw; }
	.fo47 { font-size: 3.671875vw; }
	.fo60 { font-size: 4.6875vw; }
	.fo70 { font-size: 5.46875vw; }
}

@media only screen and (max-width: 750px) {
	.sfo13 { font-size: 1.7333333333vw; }
	.sfo14 { font-size: 1.8666666667vw; }
	.sfo15 { font-size: 2vw; }
	.sfo16 { font-size: 2.1333333333vw; }
	.sfo17 { font-size: 2.2666666667vw; }
	.sfo18 { font-size: 2.4vw; }
	.sfo19 { font-size: 2.5333333333vw; }
	.sfo20 { font-size: 2.6666666667vw; }
	.sfo21 { font-size: 2.8vw; }
	.sfo22 { font-size: 2.9333333333vw; }
	.sfo23 { font-size: 3.0666666667vw; }
	.sfo24 { font-size: 3.2vw; }
	.sfo25 { font-size: 3.3333333333vw; }
	.sfo26 { font-size: 3.4666666667vw; }
	.sfo27 { font-size: 3.6vw; }
	.sfo28 { font-size: 3.7333333333vw; }
	.sfo29 { font-size: 3.8666666667vw; }
	.sfo30 { font-size: 4vw; }
	.sfo31 { font-size: 4.1333333333vw; }
	.sfo32 { font-size: 4.2666666667vw; }
	.sfo34 { font-size: 4.5333333333vw; }
	.sfo35 { font-size: 4.6666666667vw; }
	.sfo36 { font-size: 4.8vw; }
	.sfo37 { font-size: 4.9333333333vw; }
	.sfo38 { font-size: 5.0666666667vw; }
	.sfo40 { font-size: 5.3333333333vw; }
	.sfo42 { font-size: 5.6vw; }
	.sfo43 { font-size: 5.7333333333vw; }
	.sfo44 { font-size: 5.8666666667vw; }
	.sfo45 { font-size: 6vw; }
	.sfo46 { font-size: 6.1333333333vw; }
	.sfo47 { font-size: 6.2666666667vw; }
	.sfo48 { font-size: 6.4vw; }
	.sfo49 { font-size: 6.5333333333vw; }
	.sfo50 { font-size: 6.6666666667vw; }
	.sfo52 { font-size: 6.9333333333vw; }
	.sfo54 { font-size: 7.2vw; }
	.sfo56 { font-size: 7.4666666667vw; }
	.sfo58 { font-size: 7.7333333333vw; }
	.sfo60 { font-size: 8vw; }
}



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

	共通CSS

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

/* body */
body {
    font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.75;
	color: #000;
    background-color: #fff;
	-webkit-text-size-adjust: 100%; /* スマホを横向きにしても文字サイズが大きくならないようにする */
}
    @media only screen and (min-width:751px) and (max-width:1280px) {
        body {
            font-size: 1.25vw; /* PC表示時：基準フォントサイズ16px */
        }
    }
    @media only screen and (max-width:750px) {
        body {
            font-size: 3.733vw;  /* SP表示時：基準フォントサイズ28px */
        }
    }

/* color */
.red {
	color: #FF0000;
}

/* error */
.error {
	color: #FF0000;
}

/* PC表示 */
.pcon { display: block; }
.spon { display: none; }

/* SP表示 */
@media only screen and (max-width:750px) {
    .spon { display: block; }
    .pcon { display: none; }
}

/* inner */
.inner {
	box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.inner2 {
	box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1280px) {
	.inner2 {
		max-width: 76.5625vw;
	}
}
@media only screen and (max-width:750px) {
	.inner2 {
		max-width: 100%;
	}
}

/* .headline */
.headline {
	padding-top: 3.933em;
	text-align: center;
	color: #006B9D;
	font-weight: 500;
	position: relative;
	line-height: 1.8;
	margin-bottom: 1.6em;
}
.headline .en {
	display: block;
	color: #C8C8C8;
	padding-top: 0.8em;
	font-weight: bold;
}
.headline::before {
	content: "";
	display: block;
	width: 4.6em;
	height: 0.2em;
	background: #006B9D;
	position: absolute;
	left: 19.033em;
	bottom: 1em;	
}
@media only screen and (min-width:751px) and (max-width:1280px) {
	.headline::before {
		width: 10.8%;
		left: 44.6%;
	}
}
@media only screen and (max-width:750px) {
	.headline {
		padding-top: 12vw;
		margin-bottom: 13.733vw;
	}
	.headline .en {
		padding-top: 4vw;
	}
	.headline::before {
		content: "";
		display: block;
		width: 30.4vw;
		height: 1.6vw;
		left: 34.8vw;
		bottom: 6vw;	
	}
}

/* .notice */
.notice {
	padding-top: 0.56em;
	text-align: center;
	color: #006B9D;
	font-weight: 500;
	position: relative;
	line-height: 1.8;
	margin-bottom: 1.12em;
}
.notice .en {
	display: block;
	color: #C8C8C8;
	padding-top: 0.8em;
	font-weight: bold;
}
.notice::before {
	content: "";
	display: block;
	width: 4.6em;
	height: 0.2em;
	background: #006B9D;
	position: absolute;
	left: calc((100% - 4.6em) / 2);
	bottom: 1em;	
}
@media only screen and (min-width:751px) and (max-width:1280px) {
	.notice::before {
		width: 10.8%;
		left: 44.6%;
	}
}
@media only screen and (max-width:750px) {
	.notice .en {
		padding-top: 3.2vw;
	}
	.notice::before {
		content: "";
		display: block;
		width: 24.32vw;
		height: 1.28vw;
		left: calc((100% - 24.32vw) / 2);
		bottom: 4.8vw;	
	}
}

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

	form

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

/* .form
------------------------------------------------- */
#form .form .text {
	text-align: center;
	color: #5A5A5A;
	margin-bottom: 2em;
}
#form .form .note {
	font-weight: 500;
	color: #5A5A5A;
}
#form .form .note::before {
	content: "";
}
#form .form dl {
	display: flex;
	background: #EEF8FE;
	border-bottom: 1px solid #fff;
	color: #5A5A5A;
}
#form .form dl:last-of-type {
	border-bottom: none;
}
#form .form dl dt {
	width: 18.5em;
	box-sizing: border-box;
	padding: 1.5em 1.2em;
}
#form .form dl dd {
	align-items: center;
	padding: 1em 0;
}
#form .form dl .bg {
	background: #fff;
	margin: 0.5em 0;
	border: 1px solid #808080;
	padding: 1em;
	width: 37.375em;
	box-sizing: border-box;
	flex-wrap: wrap;
}
#form .form dl .bg div {
	display: inline-block;
}
#form .form dl .bg.how div {
	display: block;
	line-height: 3.125em;
}
#form .form dl .bg.how div label {
	margin-right: 0;
}
#form .form dl .bg.how div label input[type=checkbox] {
	display: inline;
}
#form .form input[name="name1"],
#form .form input[name="name2"],
#form .form input.name1,
#form .form input.name2 {
	background: #fff;
	border: 1px solid #808080;
	width: 14.0625em;
	height: 3.125em;
	margin-right: 0.6em;
	padding: 0 0.8em;
}
#form .form input[name="nickname"],
#form .form input.nickname {
	background: #fff;
	border: 1px solid #808080;
	width: 28.75em;
	height: 3.125em;
	padding: 0 0.8em;
}
#form .form input[name="age"],
#form .form input.age {
	background: #fff;
	border: 1px solid #808080;
	width: 10em;
	height: 3.125em;
	padding: 0 0.8em;
}
#form .form input[name="how_other"],
#form .form input.how_other {
	background: #fff;
	border: 1px solid #808080;
	width: 14.0625em;
	height: 3.125em;
	padding: 0 0.8em;
}
#form .form select {
	background: #fff;
	border: 1px solid #808080;
	width: 6.5em;
	box-sizing: border-box;
	height: 3.125em;
	-webkit-appearance: none;
  	appearance: none;
	text-align: center;
	color: #5A5A5A;
}
#form .form select::-ms-expand {
  	display: none; /* デフォルトのスタイルを無効(IE用) */
}
#form .form select[name="prefecture"] {
	width: 14.0625em;
	height: 3.125em;
	text-align: left;
	padding-left: 1em;
}
#form .form select[name="aquarium_experience"] {
    width: 14.0625em;
    height: 3.125em;
    text-align: left;
    padding-left: 1em;
}
/* セレクトボックスの矢印デザイン変更 */
#form .form .container {
	position: relative;
	margin-right: 0.6em;
	display: inline-block;
}
#form .form .container::before {
	border-bottom: 0.4em solid #5A5A5A;
	border-left: 0.4em solid transparent;
	border-right: 0.4em solid transparent;
	border-top: 0.4em solid transparent;
	content: "";
	position: absolute;
	top: 0.7em;
	right: 0.7em;
	width: 0;
}
#form .form .container::after {
  	border-left: 0.4em solid transparent;
	border-right: 0.4em solid transparent;
	border-top: 0.4em solid #5A5A5A;
	border-bottom: 0.4em solid transparent;
	content: "";
	position: absolute;
	top: 1.6em;
	right: 0.7em;
	width: 0;
}
#form .form .mr {
	margin-right: 0.6em;
}
#form .form input[type="radio"] {
	display: none;
}
#form .form .radio_label {
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding-left: 1.6em;
    position: relative;
    width: auto;
}
#form .form .radio_label::before {
	background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(204, 204, 204, 1) 100%);
    border: 1px solid #4C4C4C;
    border-radius: 50%;
    content: '';
    display: block;
	width: 1.2em;
    height: 1.2em;
    left: 0;
    margin-top: -0.6em;
    position: absolute;
    top: 50%;    
}
#form .form .radio_label::after {
	background: #FF0000;
    border-radius: 50%;
    content: '';
    display: block;
	width: 0.74em;
    height: 0.74em;
    left: 0.22em;
    margin-top: -0.4em;
    opacity: 0;
    position: absolute;
    top: 50%;    
}
#form .form input[type=radio]:checked + .radio_label::after {
    opacity: 1;
}
#form .form label {
	margin-right: 1.5em;
}
#form .form input[name="post1"],
#form .form input[name="post2"],
#form .form input.post1,
#form .form input.post2 {
	background: #fff;
	border: 1px solid #808080;
	width: 6.15625em;
	height: 2.25em;
	margin-right: 0.6em;
	padding: 0 0.8em;
}
#form .form .post-code {
	margin-right: 0.6em;
}
#form .form input[name="address1"],
#form .form input[name="address2"],
#form .form input[name="address3"],
#form .form input[name="tel"],
#form .form input[name="mail"],
#form .form input.mail,
#form .form input[name="title"],
#form .form input.title {
	background: #fff;
	border: 1px solid #808080;
	width: 43em;
	height: 3.125em;
	padding: 0 0.8em;
	box-sizing: border-box;
}
#form .form textarea {
	background: #fff;
	border: 1px solid #808080;
	width: 43em;
	height: 7.8125em;
	padding: 0 0.8em;
	box-sizing: border-box;
}
#form .form  dl dd.block {
	display: block;
	margin: 0.6em 0 2em;
}
#form .form  dl.upload {
	background: #fff;
	border: 1px solid #808080;
	border-bottom: none;
	width: 43em;
	box-sizing: border-box;
	justify-content: space-between;
}
#form .form  dl.upload:last-of-type {
	border-bottom: 1px solid #808080;
}
#form .form  dl.upload dt {
	padding: 1.2em 2em;
	width: 80%;
}
#form .form  dl.upload dt span {
	display: block;
}
#form .form  dl.upload dd .refer {
	display: inline-block;
	cursor: pointer;
	padding: 0.6em 1.3em;
	background: #3389B1;
	color: #fff;
	border-radius: 0.5em;
	transition: 0.2s;
}
#form .form  dl.upload dd .refer:hover {
	opacity: 0.8;
}
#form .form  dl.upload dd .refer input {
	display: none;
}
#form .form .foot_note {
	border: 1px solid #808080;
	padding: 1em 1.5em;
	color: #5A5A5A;
	margin-bottom: 2.714em;
}
#form .form .foot_note li::before {
	content: "・";
}
#form .form .foot_note li a {
	text-decoration: underline;
}
#form .form .foot_note li a:hover {
	text-decoration: none;
}
#form .form .agree_button {
	text-align: center;
	margin-bottom: 3.75em;
	color: #5A5A5A;
}
input[type=checkbox] {
    display: none;
}
.agree_label {
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding-left: 2em;
    position: relative;
    width: auto;
}
.agree_label::before {
	background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(204, 204, 204, 1) 100%);
    border: 1px solid #4C4C4C;
	border-radius: 0.2em;
    content: '';
    display: block;
	width: 1.2em;
    height: 1.2em;
    left: 0.1em;
    margin-top: -0.6em;
    position: absolute;
    top: 50%;    
}
.agree_label::after {
	border-right: 0.2em solid #FF0000;
    border-bottom: 0.2em solid #FF0000;
    content: '';
    display: block;
	width: 0.8em;
    height: 1.3em;
    left: 0.5em;
    margin-top: -1em;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(48deg);    
}
input[type=checkbox]:checked + .agree_label::after {
    opacity: 1;
}
#form .form .button {
	width: 23.75em;
	margin: 0 auto 10em;
}
#form .form .button button {
	background: url("../images/arrow.png") no-repeat left 4em center #DCB400;
	background-size: 1.364em auto;
	width: 17.273em;
	box-sizing: border-box;		
	padding: 1em 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
#form .form .button button:hover {
	opacity: 0.8;
}
@media only screen and (max-width:750px) {
	#form .form .text {
		margin-bottom: 13.867vw;
		line-height: 1.429;
	}
	#form .form .text2 {
		text-align: left;
		line-height: 1.786;
		margin: 0 auto 20vw;
		width: 83%;
	}
	#form .form .note {
		margin-bottom: 2vw;
	}
	#form .form dl {
		display: block;
		border-bottom: none;
	}
	#form .form dl dt {
		width: 100%;
		box-sizing: border-box;
		padding: 4vw;
	}
	#form .form dl dd {
		background: #fff;
		padding: 2vw 2vw 5vw 2vw;
		justify-content: flex-start;
	}
	#form .form dl .bg {
		background: #fff;
		margin: 0;
		border: 1px solid #808080;
		padding: 4vw;
		width: 100%;
		box-sizing: border-box;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#form .form input[name="name1"],
	#form .form input[name="name2"],
	#form .form input.name1,
	#form .form input.name2 {
		width: 49%;
		height: 12vw;
		margin-right: 0;
		padding: 0 0.8em;
	}
	#form .form input[name="name1"],
	#form .form input.name1 {
		margin-right: 1vw;
	}
	#form .form input[name="nickname"],
	#form .form input.nickname {
		background: #fff;
		border: 1px solid #808080;
		width: 100%;
		height: 12vw;
		padding: 0 0.8em;
	}
	#form .form input[name="how_other"],
	#form .form input.how_other {
		width: 49%;
		height: 12vw;
		padding: 0 0.8em;
	}
	#form .form select {
		background: #fff;
		border: 1px solid #808080;
		width: 20vw;
		box-sizing: border-box;
		height: 12vw;
		-webkit-appearance: none;
		appearance: none;
		text-align: center;
		color: #5A5A5A;
	}
	#form .form select::-ms-expand {
		display: none; /* デフォルトのスタイルを無効(IE用) */
	}
	#form .form select[name="prefecture"] {
		width: 14.0625em;
		height: 3.125em;
		text-align: left;
		padding-left: 1em;
	}
    #form .form select[name="aquarium_experience"] {
        width: 14.0625em;
        height: 3.125em;
        text-align: left;
        padding-left: 1em;
    }
	/* セレクトボックスの矢印デザイン変更 */
	#form .form .container {
		position: relative;
		margin-right: 0;
	}
	#form .form .container::before {
		top: 2vw;
	}
	#form .form .container::after {
		top: 6vw;
	}
	#form .form .container2::before {
		top: 0.7em;
		right: 0.7em;
	}
	#form .form .container2::after {
		top: 1.6em;
		right: 0.7em;
	}
	#form .form .mr {
		margin-right: 2vw;
	}
	#form .form .radio_label {
		margin: 5vw 4vw 5vw 0;
		padding-left: 9vw;
	}
	#form .form .radio_label::before {
		background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(204, 204, 204, 1) 100%);
		border: 2px solid #4C4C4C;
		border-radius: 50%;
		content: '';
		display: block;
		width: 7.2vw;
		height: 7.2vw;
		left: 0;
		margin-top: -3.6vw;
		position: absolute;
		top: 50%;    
	}
	#form .form .radio_label::after {
		background: #FF0000;
		border-radius: 50%;
		content: '';
		display: block;
		width: 5vw;
		height: 5vw;
		left: 1vw;
		margin-top: -2.5vw;
		opacity: 0;
		position: absolute;
		top: 50%;    
	}
	#form .form label {
		margin-right: 1.5em;
	}
	#form .form input[name="post1"],
	#form .form input[name="post2"],
	#form .form input.post1,
	#form .form input.post2 {
		background: #fff;
		border: 1px solid #808080;
		width: 21.333vw;
		height: 12vw;
		margin-right: 0.6em;
		padding: 0 0.8em;
	}
	#form .form .post-code {
		margin-right: 0.6em;
	}
	#form .form input[name="address1"],
	#form .form input[name="address2"],
	#form .form input[name="address3"],
	#form .form input[name="tel"],
	#form .form input[name="mail"],
	#form .form input.mail,
	#form .form input[name="title"],
	#form .form input.title {
		background: #fff;
		border: 1px solid #808080;
		width: 100%;
		height: 12vw;
		padding: 0 0.8em;
		box-sizing: border-box;
	}
	#form .form textarea {
		background: #fff;
		border: 1px solid #808080;
		width: 100%;
		height: 48vw;
		padding: 0 0.8em;
		box-sizing: border-box;
		margin: 0;
	}
	#form .form  dl dd.block {
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}
	#form .form  dl.upload {
		background: #fff;
		border: 1px solid #808080;
		border-bottom: none;
		width: 100%;
		box-sizing: border-box;
		justify-content: space-between;
	}
	#form .form  dl.upload dt {
		padding: 2vw;
		width: 70%;
		line-height: 1.714;
		display: inline-block;
	}
	#form .form  dl.upload dt span {
		display: block;
	}
	#form .form  dl.upload dd {
		border: none;
		display: inline-block;
		vertical-align: top;
	}
	#form .form  dl.upload dd .refer {
		display: inline-block;
		cursor: pointer;
		padding: 3vw 4vw;
		background: #3389B1;
		color: #fff;
		border-radius: 0.5em;
		transition: 0.2s;
		margin: 0;
	}
	#form .form  dl.upload dd .refer:hover {
		opacity: 1;
	}
	#form .form  dl.upload dd .refer input {
		display: none;
	}
	#form .form .foot_note {
		border: none;
		border-top: 1px solid #808080;
		border-bottom: 1px solid #808080;
		padding: 1em 1.5em;
		color: #5A5A5A;
		margin-bottom: 10vw;
		line-height: 1.846;
	}
	#form .form .foot_note li::before {
		content: "・";
	}
	#form .form .foot_note li a {
		text-decoration: underline;
	}
	#form .form .foot_note li a:hover {
		text-decoration: none;
	}
	#form .form .agree_button {
		margin-bottom: 10vw;
	}
	.agree_label::before {
		background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(204, 204, 204, 1) 100%);
		border: 2px solid #4C4C4C;
		content: '';
		display: block;
		width: 6vw;
		height: 6vw;
		left: 0;
		margin-top: -3vw;
		position: absolute;
		top: 50%;    
	}
	.agree_label::after {
		border-right: 0.2em solid #FF0000;
		border-bottom: 0.2em solid #FF0000;
		content: '';
		display: block;
		width: 4vw;
		height: 7vw;
		left: 1vw;
		margin-top: -6.5vw;
		opacity: 0;
		position: absolute;
		top: 50%;
		transform: rotate(48deg);    
	}
	input[type=checkbox]:checked + .agree_label::after {
		opacity: 1;
	}
	#form .form .button {
		width: 85.333%;
		margin: 0 auto 20vw;
	}
	#form .form .button button {
		width: 100%;
		background: url("../images/arrow.png") no-repeat left 1em center #DCB400;
		background-size: 5.8vw auto;
	}
	#form .form .button button:hover {
		opacity: 1;
	}
}


/* .confirm
------------------------------------------------- */
#form .confirm dl dd.w28 {
	width: 28em;
	padding: 1.5em 1em;
}
#form .confirm dl dd.w43 {
	width: 43em;
	padding: 1.5em 1em;
}
#form .confirm dl dd.block {
	border: none;
	padding: 0;
}
#form .confirm dl dd.block dl.upload {
	flex-wrap: wrap;
}
#form .confirm dl dd.block dl.upload dd {
	border: none;
}
#form .confirm dl dd.block dl.upload dd.img {
	padding: 1em 1.5em;
}
#form .confirm .button {
	width: 50em;
	margin: 0 auto 10em;
	display: flex;
	justify-content: space-between;
}
#form .confirm .button button.return {
	background-color: #ccc;
	background-image: none;
	color: #5A5A5A;
}
@media only screen and (max-width:750px) {
	#form .confirm dl dd.w28 {
		background: #fff;
		margin: 0;
		width: 100%;
		border: none;
		padding-left: 30px;
	}
	#form .confirm dl dd.w43 {
		background: #fff;
		margin: 0;
		width: 100%;
		border: none;
		padding-left: 30px;
	}
	#form .confirm dl dd.h53 {
		align-items: flex-start;
	}
	#form .confirm dl dd.block {
		border: none;
		padding: 0;
		margin: 0;
	}
	#form .confirm dl dd.block dl.upload {
		flex-wrap: wrap;
	}
	#form .confirm dl dd.block dl.upload dt {
		padding: 4vw;
	}
	#form .confirm dl dd.block dl.upload dd {
		border: none;
	}
	#form .confirm dl dd.block dl.upload dd.img {
		padding: 0 1.5em 2em;
	}
	#form .confirm .button {
		width: 85.333%;
		margin: 0 auto 20vw;
		display: block;
	}
	#form .confirm .button button.submit {
		margin-bottom: 6vw;
	}
}


/* .complete
------------------------------------------------- */
#form .complete .text2 {
	text-align: center;
	margin-bottom: 6em;
	color: #5A5A5A;
}
#form .complete .button {
	width: 23.75em;
	margin: 0 auto 10em;
}
#form .complete .button a {
	display: block;
	width: 19em;
	padding: 1.5em 0;
	text-align: center;
	background-color: #ccc;
	color: #5A5A5A;
	font-weight: 500;
}
@media only screen and (max-width:750px) {
	#form .complete .text2 {
		text-align: left;
		line-height: 1.786;
		margin: 0 auto 15vw;
		width: 83%;
	}
	#form .complete .button {
		width: 85.333vw;
		margin: 0 auto 18vw;
	}
	#form .complete .button a {
		width: 85.333vw;
		padding: 8vw 0;
	}
}