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

@media (min-width:1051px) {
	/*共通*/
	main{margin:0px auto 0 auto}
	
	main #title_area_2nd{position: relative;background: linear-gradient(45deg, #f3fdff 0%, #f2f9ff 80%);margin: 0 auto 80px auto;border-bottom: 1px solid #9bd5eb;border-top: 1px solid #9bd5eb}	
	main #title_area_2nd .inner{width: 80%;min-width: 1000px;margin:0 auto;}
	main #title_area_2nd .inner h2{position: relative;font-size:35px;letter-spacing: 1px;color:#002551;font-weight:500;margin: 0;padding:50px 0 25px 0;text-align: center}	
	main #title_area_2nd .inner h2::after{content: '';position: absolute;bottom: 0;left:50%;transform: translateX(-50%);width: 100px;height:3px;background: linear-gradient(45deg, #297f9b 0%, #65bcf0 100%);}
	
	/*お問い合わせ*/
	#contact_2nd .note{width:1000px;margin: 0 auto 50px auto;}
	#contact_2nd .note h3{width: 400px; margin: 0 auto 30px auto;padding:12px 0;color:white;font-size:18px;letter-spacing: 1px;font-weight: 500;text-align: center;background: #00477f;border-radius:40px}
	#contact_2nd .note p.main{margin:0px auto 20px auto;padding:0px 0 0px 0;color:#000;font-size: 18px;letter-spacing: 1px;line-height: 2.0;text-align: center;font-weight: 500}
	#contact_2nd .note p.main a{color:#4590d2;}
	#contact_2nd .note p.main a:hover{color: #666666;}
	#contact_2nd .note p.pp_memo{margin:0px auto 0 auto;padding:0px 0 0px 0;color: #333;font-size: 14px;letter-spacing: 1px;line-height:1.7;text-align: center;}
	#contact_2nd .note p.pp_memo a{color:#4590d2;}
	#contact_2nd .note p.pp_memo a:hover{color: #666666;}
	
	#contact_2nd #form_wrapper{width: 80%; min-width: 1000px;margin: 0 auto 80px auto;padding:50px 0 50px 0;background: #f5fcff;border-top: 1px solid #d9eef5;border-bottom: 1px solid #d9eef5}
	#contact_2nd #form_wrapper .unit{width: 800px;margin: 0 auto 10px auto;display: flex;align-items: center;}
	#contact_2nd #form_wrapper .unit .question{width:200px;margin: 0;padding: 0;color: #000;font-size: 16px;letter-spacing: 0px;font-weight: 500;}
	#contact_2nd #form_wrapper .unit .question .required{background: #ff5c74;color: white;padding:2px 8px;margin-left: 10px;font-size: 12px;font-weight: 500;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer{width:600px;margin: 0;padding: 0}
	#contact_2nd #form_wrapper .unit .answer input[type=text],
	#contact_2nd #form_wrapper .unit .answer textarea{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer textarea{height:200px;}
	#contact_2nd #form_wrapper .unit .answer input[type=text]:focus,
	#contact_2nd #form_wrapper .unit .answer textarea:focus{border:1px solid #304f7a}
	
	#contact_2nd #form_wrapper .button_area{margin:30px auto 0 auto;}
	#contact_2nd #form_wrapper .button_area input[type=submit],
	#contact_2nd #form_wrapper .button_area input[type=reset]{-webkit-appearance: none; outline: 0;border: 0;display: block; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#contact_2nd #form_wrapper .button_area input[type=submit]{width:800px;margin:0px auto 10px auto;padding: 20px 0;background:#00477f; font-size:16px;}
	#contact_2nd #form_wrapper .button_area input[type=reset]{ width:800px;margin: 0 auto;padding: 14px 0;background:#8C8C8C;font-size:14px;}
	
	#contact_2nd #form_wrapper .button_area input[type=submit]:hover,
	#contact_2nd #form_wrapper .button_area input[type=reset]:hover{background:#2b4759;}	
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	/*共通*/
	main{margin:80px auto 0 auto}
	
	main #title_area_2nd{position: relative;background: linear-gradient(45deg, #f3fdff 0%, #f2f9ff 80%);margin: 0 auto 80px auto;border-bottom: 1px solid #9bd5eb;border-top: 1px solid #9bd5eb}	
	main #title_area_2nd .inner{width: 80%;margin:0 auto;}
	main #title_area_2nd .inner h2{position: relative;font-size:35px;letter-spacing: 1px;color:#002551;font-weight:500;margin: 0;padding:50px 0 25px 0;text-align: center}	
	main #title_area_2nd .inner h2::after{content: '';position: absolute;bottom: 0;left:50%;transform: translateX(-50%);width: 100px;height:3px;background: linear-gradient(45deg, #297f9b 0%, #65bcf0 100%);}
		
	/*お問い合わせ*/
	#contact_2nd .note{margin: 0 auto 20px auto;}
	#contact_2nd .note h3{width: 400px; margin: 0 auto 30px auto;padding:12px 0;color:white;font-size:18px;letter-spacing: 1px;font-weight: 500;text-align: center;background:#00477f;border-radius:40px}
	#contact_2nd .note p.main{width:90%;margin:0px auto 20px auto;padding:0px 0 0px 0;color:#000;font-size: 18px;letter-spacing: 1px;line-height: 1.9;text-align: center;font-weight: 500}
	#contact_2nd .note p.main a{color:#4590d2;}
	#contact_2nd .note p.main a:hover{color: #666666;}
	#contact_2nd .note p.pp_memo{width:70%;margin:0px auto 0 auto;padding:0px 0 0px 0;color: #333;font-size: 14px;letter-spacing: 1px;line-height: 24px;text-align: center;}
	#contact_2nd .note p.pp_memo a{color:#4590d2;}
	#contact_2nd .note p.pp_memo a:hover{color: #666666;}
	
	#contact_2nd #form_wrapper{width: 100%;margin: 0 auto 80px auto;padding:50px 0 50px 0;background: #f5fcff;border-top: 1px solid #d9eef5;border-bottom: 1px solid #d9eef5}
	#contact_2nd #form_wrapper .unit{width:80%;margin: 0 auto 10px auto;}
	#contact_2nd #form_wrapper .unit .question{margin: 0 auto 5px auto;padding: 0;color:#000;font-size: 16px;letter-spacing: 0px;font-weight: 500;}
	#contact_2nd #form_wrapper .unit .question .required{background: #ff5c74;color: white;padding:2px 8px;margin-left: 10px;font-size: 12px;font-weight: 500;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer{margin: 0;padding: 0}
	#contact_2nd #form_wrapper .unit .answer input[type=text],
	#contact_2nd #form_wrapper .unit .answer textarea{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer textarea{height:200px;}
	#contact_2nd #form_wrapper .unit .answer input[type=text]:focus,
	#contact_2nd #form_wrapper .unit .answer textarea:focus{border:1px solid #304f7a}
	
	#contact_2nd #form_wrapper .button_area{width:80%;margin:30px auto 0 auto;}
	#contact_2nd #form_wrapper .button_area input[type=submit],
	#contact_2nd #form_wrapper .button_area input[type=reset]{-webkit-appearance: none; outline: 0;border: 0;display: block; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#contact_2nd #form_wrapper .button_area input[type=submit]{width:100%;margin:0px auto 10px auto;padding: 20px 0;background:#00477f; font-size:16px;}
	#contact_2nd #form_wrapper .button_area input[type=reset]{ width:100%;margin: 0 auto;padding: 14px 0;background:#8C8C8C;font-size:14px;}
	
	#contact_2nd #form_wrapper .button_area input[type=submit]:hover,
	#contact_2nd #form_wrapper .button_area input[type=reset]:hover{background:#2b4759;}		
}

@media (max-width: 700px) {
	/*共通*/
	main{margin:80px auto 0 auto}
	
	main #title_area_2nd{background: linear-gradient(45deg, #f3fdff 0%, #f2f9ff 80%);margin: 0 auto 30px auto;border-bottom: 1px solid #9bd5eb;border-top: 1px solid #65bcf0;border-top: 1px solid #9bd5eb}
	main #title_area_2nd .inner{width: 90%;margin:0 auto;}
	main #title_area_2nd .inner h2{position: relative;font-size:clamp(18px,2.5vw,28px);letter-spacing: 1px;color:#002551;font-weight:600;margin: 0;padding:25px 0 15px 0;text-align: center}	
	main #title_area_2nd .inner h2::after{content: '';position: absolute;bottom: 0;left:50%;transform: translateX(-50%);width: 10%;height:3px;background: linear-gradient(45deg, #297f9b 0%, #65bcf0 100%);}
	
	/*お問い合わせ*/
	#contact_2nd .note{width:80%;margin: 0 auto 20px auto;}
	#contact_2nd .note h3{width: 100%; margin: 0 auto 20px auto;padding:8px 0;color:white;font-size:15px;letter-spacing: 0px;font-weight: 400;text-align: center;background:#00477f;border-radius:40px}
	#contact_2nd .note p.main{width:100%;margin:0px auto 10px auto;padding:0px 0 0px 0;color:#000;font-size: 15px;letter-spacing: 0px;line-height: 1.5;font-weight:500}
	#contact_2nd .note p.main a{color:#4590d2;}
	#contact_2nd .note p.main a:hover{color: #666666;}
	#contact_2nd .note p.pp_memo{margin:0px auto 0 auto;padding:0px 0 0px 0;color: #333;font-size: 13px;letter-spacing: 0px;line-height: 1.5;}
	#contact_2nd .note p.pp_memo a{color:#4590d2;}
	#contact_2nd .note p.pp_memo a:hover{color: #666666;}
	
	#contact_2nd #form_wrapper{width: 100%;margin: 0 auto 0px auto;padding:30px 0 30px 0;background: #f5fcff;}
	#contact_2nd #form_wrapper .unit{width:80%;margin: 0 auto 10px auto;}
	#contact_2nd #form_wrapper .unit .question{margin: 0 auto 5px auto;padding: 0;color:#000;font-size: 14px;letter-spacing: 0px;font-weight: 400;}
	#contact_2nd #form_wrapper .unit .question .required{background: #ff5c74;color: white;padding:2px 8px;margin-left: 10px;font-size: 12px;font-weight: 500;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer{margin: 0;padding: 0}
	#contact_2nd #form_wrapper .unit .answer input[type=text],
	#contact_2nd #form_wrapper .unit .answer textarea{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#contact_2nd #form_wrapper .unit .answer textarea{height:200px;}
	#contact_2nd #form_wrapper .unit .answer input[type=text]:focus,
	#contact_2nd #form_wrapper .unit .answer textarea:focus{border:1px solid #304f7a}
	
	#contact_2nd #form_wrapper .button_area{width:80%;margin:10px auto 0 auto;}
	#contact_2nd #form_wrapper .button_area input[type=submit],
	#contact_2nd #form_wrapper .button_area input[type=reset]{-webkit-appearance: none; outline: 0;border: 0;display: block; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#contact_2nd #form_wrapper .button_area input[type=submit]{width:100%;margin:0px auto 10px auto;padding:16px 0;background:#00477f; font-size:16px;}
	#contact_2nd #form_wrapper .button_area input[type=reset]{ width:100%;margin: 0 auto;padding: 14px 0;background:#8C8C8C;font-size:14px;}
	
	#contact_2nd #form_wrapper .button_area input[type=submit]:hover,
	#contact_2nd #form_wrapper .button_area input[type=reset]:hover{background:#2b4759;}	
}