@charset "utf-8";

body { min-width: min-content;}
main.adult {display: block; margin-top: 20px; margin: 100px auto; padding:0 10px; background-color: #fff; overflow: hidden;}

main.adult > h1 {display: none;}

main.adult .info {margin: 0 auto; width: 1000px; margin-bottom: 0px;}
main.adult .info > span {display: block; margin: 0 150px; border: 10px solid #ff0000; width: 80px; height: 80px; text-align: center; border-radius: 50%; font-size: 40px; line-height: 55px; float: left; margin-right: 30px;}
main.adult .info > div {overflow: hidden; padding: 20px 0;}
main.adult .info > div > .row1 {font-size: 30px; font-weight: bold; margin-bottom: 15px; line-height: 48px;} 
main.adult .info > div > .row1 > span {background-color: #e5e5e5; display: inline-block; width: 295px; height: 45px; text-align: center; margin-right: -10px;} 
main.adult .info > div > .row2 {font-size: 14px; margin-bottom: 10px;}
main.adult .info > div > .row3 { float: left; font-size: 14px;line-height: 100%; margin-left: 100px;}
main.adult .info > div > .row3 > a {display:block; padding: 13px 0; height: 45px; font-size: 14px;}
main.adult .info > div > .row4 {margin-top: 20px;margin-bottom: 0px;}

main.adult .info2 {margin: 0 auto; width: 700px; margin-bottom: 0px;}
main.adult .info2 > div {overflow: hidden; padding: 20px 0;}
main.adult .info2 > div > .row1 {font-size: 15px; font-weight: bold; margin-bottom: 0px; line-height: 20px; text-align: center;} 

main.adult .cert {width: 700px; margin: 0 auto;}
main.adult .cert > div {float: left; width: 340px; height: 400px;}
main.adult .cert > div > h3 {font-size: 16px; margin-bottom: 20px;}
main.adult .cert > div > a {display: block; float: left; width: 125px; height: 145px; border: 2px solid #bdbdbd; border-radius: 3px; text-align: center; padding: 25px 0;}
main.adult .cert > div > a:hover {background-color: #f2f2f2; color: #000;}
main.adult .cert > div > a:nth-child(2) {margin-right: 20px;}
main.adult .cert > div > a:nth-child(3) > img {margin-top: 10px;}
main.adult .cert > div > a > img {margin-bottom: 20px;}
main.adult .cert > div > a > p {font-size: 11px;}

main.adult .cert > form {overflow: hidden; padding-left: 65px;border-left: 2px solid #eee;}
main.adult .cert > form > h3 {font-size: 16px; margin-bottom: 20px;}
main.adult .cert > form > fieldset > input {display: block; width: 100%; height: 45px; padding-left: 15px; border-radius: 3px; border: 1px solid #bdbdbd;}
main.adult .cert > form > fieldset > input:focus {background-color: #f8f8f8;}
main.adult .cert > form > fieldset > input:nth-child(5) {margin-top: -1px; margin-bottom: 10px;}
main.adult .cert > form > fieldset > label {display: none;}

main.adult .cert > form > .button { line-height: normal; margin: 5px 0; padding: 10px 40px; height: 45px;}
main.adult .cert > form > .btn_set.line .button { padding: 10px 40px; height: 45px;}
main.adult .cert > form > fieldset > legend {display: none;}
	
main.adult {margin-top: 100px;}
main.adult .cert .sns {margin-top: 20px;}
main.adult .cert .sns h2 {font-size: 13px;}
main.adult .cert > form .sns .sns-wrap {text-align: left; margin-top:5px;}

@media ( max-width: 1200px ) {
	main.adult {}
	main.adult .info { width: fit-content;}
	main.adult .info > span { margin-right: 15px; width: 160px; height: 160px;  font-size: 80px; line-height: 130px;}
	main.adult .info > div { }
	main.adult .info > div > .row1 {font-size: 20px; line-height: 28px;} 
	main.adult .info > div > .row1 > span { width: 200px; height: 30px;} 
	main.adult .cert { text-align: center;}
	main.adult .cert > div { float: none; width: 100%;}
	main.adult .cert > div a { width: 50%;}
	main.adult .cert > div > a:nth-child(2) {margin-right: 0;}
	main.adult .cert > form { border: none;padding-left: 0;}
	main.adult .cert > form > fieldset > input { width: 100%;}
	main.adult .cert > form .sns .sns-wrap { text-align: center;}
}	
@media ( max-width: 720px ) {
	main.adult { text-align: center;}
	main.adult .info { width: auto; margin-bottom: 50px;}
	main.adult .info > span { float: none; margin: auto;}
	main.adult .info > div { float: none;transition-duration: 5s;}
	main.adult .info > div > .row3 { float: none;} 
	main.adult .cert { width: auto; text-align: center;}
	main.adult .cert > div { float: none; width: 100%; border: none;margin: auto;}
}