@charset "UTF-8";
/* ================================================================
 admin  : Saori Otauka
 Author: Graphics Drive Inc.
 Author URI: http://www.graphics-drive.com/
 update : 2026/02/05
 
Contact CSS
================================================================ */
html { font-size: 62.5%; scroll-behavior: smooth; }/* Resets 1rem to 10px */

body{ 
	width: 100%;
	min-height: 100vh;
	overflow-x: hidden;
	position: relative;
	background: #F1F0EC;
	margin: 0px; 
	padding: 0px;

	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.8;
	color:#000000;
}
	
	
section{width: 100%; overflow-x: hidden; }
	* { -webkit-box-sizing: border-box; box-sizing: border-box; }

article{ margin: 0; width: 100%; overflow-x: hidden; } 
	* { 
	-webkit-box-sizing: border-box; 
			box-sizing: border-box; 
	}

 .contact-box {
	width: 90%;
	max-width: 980px;
	margin: 3rem auto;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 30px 40px;
	box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	}
	
.red{color:#c0392b; }

.texC{text-align: center;}

h1 {
	width: 90%;
	font-size: 20px;
	margin-bottom: 20px;
	color: #c0392b;
	border-left: 6px solid #c0392b;
	padding-left: 12px;
}
h2{
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #c0392b;
	border-bottom:solid 2px #c0392b;
}
p{ font-size: 1.6rem; line-height: 1.6; color:#000000;}

.texC{text-align: center; margin: 0 auto;}
/* 凡用リスト */
dl{ 
	display: block;
	width: 90%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 1rem auto;
	text-align: left;
}

dt{width: 100%; color: #FFF; background: #ABA29A;  margin:1rem auto; padding:0 1rem; letter-spacing: 0.1em; font-size: 1.8rem; font-weight: bolder;}
dd{width: 100%; color: #262124; font-weight: normal; margin:0rem 0rem 2rem 1rem; letter-spacing: 0.1em; font-size: 1.6rem;}
	
ul { width: 90%; margin: 20px 0; padding-left: 20px;  }
li { margin-bottom: 8px; color: #c0392b; font-weight: bold;
    }
	
/* フォーム */

.inputform{ font-size: 1.6em; letter-spacing: 0.1em; line-height: 1.6em; color: #333; }

input {padding:0 0.5em; margin-bottom: 0.5rem;}
textarea {padding:0; width: 100%;}
button, input, textarea { font-family : inherit; font-size : 100%; border:solid 1px #AAAAAA; border-radius: 5px; padding: 5px;}

.input_box input[type="text"] {width:100%;}

input[type="submit"] {border:solid 1px #666666!important; background: #EEEEEE!important;}
input[type="reset"] {border:solid 1px #666666!important; background: #EEEEEE!important;}
select{ font-size: 90%; line-height: 1.3; color: #333; }

	::-webkit-input-placeholder{color: #AAAAAA;}
	::-moz-placeholder{color: #AAAAAA;}
	:-ms-input-placeholder{color: #AAAAAA;}
	::-ms-input-placeholder{color: #AAAAAA;}
	::placeholder{color: #AAAAAA;}
	.ERR{ color: #F00 !important;}

.btn_box{display: flex; flex-wrap:wrap; justify-content:center;}

button, .back-btn {
	display: block;
	max-width: 200px;
	text-align: center;
	margin: 3rem auto 1.5rem;
	padding: 1rem;
	border: solid 1px #333333;
	background: #EEEEEE;
	color: #333333;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.2s;
}
button, .back-btn:hover {background: #999;}



/* form */
@media screen and (min-width: 770px) {
 .input_box input[type="text"] {width:90%;}
 }

/* form */
 @media screen and (max-width: 480px) {
	form br{ display: block;}
	.checkbox br{ display: block;}
}