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

/* エラー表示
-------------------------------*/
.error-box{background:#ffe787; border:3px solid #FFF; font-size:14px;}
.error-box span{color:#FF0004;}

/* 入力箇所
-------------------------------*/
.main-container{background:#ffdb4a; margin:0 auto;}
.main-container-line{background:#FFF; color:#4d5865; background:url(../image/information/bg.png) #FFF no-repeat; background-position:right bottom;}
.main-container p{color:#000;}
textarea, .name-box input, .mail-box input{
	border:solid 1px #cccccc;
	box-shadow:0px 0px 5px 3px rgba(100, 100, 100, 0.1) inset;
    border-radius:5px;
		-webkit-border-radius:5px;/* Safari,Google Chrome用 */
		-moz-border-radius:5px;/* Firefox用 */	
}
.fast-text{display:block; text-align:center;}

/* テキスト */
.main-text{text-align:center;}
.container span, .text{color:#ff8888;}
.main-container-line a{ text-decoration:none;}

.left-box .message-box{overflow:scroll; border:solid 1px #D0D0D0;}
.main-container a{ text-decoration:none;}

/* お問合せ内容 */
textarea{resize:none;}

/* 名前入力 */
.name-box-left{float:left;}
.name-box-right{float:right;}
.name-box .cf span{display:block; float:right;}

/* 性別入力 */
.men-box div{display:inline;}

/* メール入力 */
.mail-box{margin:15px 0;}

/* 個人情報 */
.text-box{display:block; clear:both; overflow:scroll; border:solid 1px #D0D0D0;}
.text-box p{color:#4d5865;}

/* 送信ボタン */
.transmission{text-align:center;}
.transmission input{background:#8385c3; color:#FFF; cursor:pointer; border:1px solid #8385c3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(131,133,195)));
    border-radius:8px;
		-webkit-border-radius:8px;/* Safari,Google Chrome用 */
		-moz-border-radius:8px;/* Firefox用 */	
}


/* PC版 */
@media screen and (min-width: 982px) {
/* container
-------------------------------*/
.container{margin:100px auto 100px; position:relative; width:1000px;}
.sp-box, .breadcrumb{display:none;}
.fast-text{width:500px; height:50px;  margin:15px auto 5px;}

/* エラー表示
-------------------------------*/
.error-box{width:750px; margin:0 auto 20px; padding:10px;}

/* 入力箇所
-------------------------------*/
/* 入力ページ */
.main-container{border:solid 3px #FFF; padding:3px; width:780px; height:840px;}
.main-container-line{width:780px; height:840px;}
/* 確認ページ */
.confirm{height:540px;}
.confirm .main-container-line{height:540px;}
/* 完了ページ */
.completion{height:300px;}
.completion p{margin:30px; width:740px; color:#4d5865;}
.completion .main-container-line{height:300px; background:#FFF;}

.left-box{width:355px; height:430px; float:left; padding:0 25px; margin:25px 0 40px; border-right:dotted 3px #8385c3;}
.right-box{width:320px; height:430px; float:right; margin:25px 25px 40px;}
textarea, .name-box input, .mail-box input{padding:5px;}

/* テキスト */
.main-text{margin-bottom:20px;}
.left-box .message-box{height:400px}

/* お問合せ内容 */
textarea{width:355px; height:395px;}

/* 名前入力 */
.name-box input{width:90px; margin:5px 0;}
.name-box .cf{width:320px;}
.name-box .cf span{width:90px;}

/* 性別入力 */
.men-box{margin:50px 0;}
.men-box div{margin-right:10px; display:inline;}

/* メール入力 */
.mail-box{margin:15px 0;}
.mail-box input{width:320px;}

/* 同意欄 */
.consent{margin-left:150px;}

/* 個人情報 */
.text-box{width:730px; height:200px; margin:10px auto;}
.text-box p{margin:10px; font-size:14px;}

/* 送信ボタン */
.transmission{width:320px; margin:20px auto 0;}
.transmission input{margin:20px auto 0; width:200px; padding:4px 20px; font-size:20px; font-weight:bold;}
.confirm .transmission input{width:130px; margin:30px 10px 0;}


/* キャラクター
-------------------------------*/
.chara-box{width:411px; height:240px; margin:0 auto;}
.chara-box img{width:411px; height:240px;}

}


/* SP版 */
@media screen and (max-width: 981px) {
/* head
-------------------------------*/
.head-box-sp{background:#FFF; width:96%; padding:10px 2% 10px; }
.head-box-sp .logo-sp{width:68%; float:left;}
.head-box-sp .menu-sp{width:30%; float:right;}
.global-navi-sp{display:none; padding-top:10px;}

/* breadcrumb(パンくずリスト)
-------------------------------*/
.breadcrumb{margin:10px auto 20px; width:98%; height:30px; text-align:center;}
.breadcrumb a{color:#586575; text-decoration:none; position:relative;}
.breadcrumb span{position:absolute;}

.breadcrumb li a {
	display: block;
	float: left;
	height: 22px;
	background: #FFF;
	text-align: center;
	position: relative;
	margin: 0 1% 0; 

	font-size: 0.7em;
	text-decoration: none;
	color: #586575;
}

/* 1番目 */
.breadcrumb-01 a{
	padding: 5px 12% 0 4%;
	border-left: 5% solid #FFF;
    border-radius:5px 0 0 5px;
		-webkit-border-radius:5px 0 0 5px;/* Safari,Google Chrome用 */
		-moz-border-radius:5px 0 0 5px;/* Firefox用 */	
}
.breadcrumb-01 a:after{
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #FFF;
	position: absolute; right: -14px; top: 0;
	z-index: 1;
}

/* 2番目 */
.breadcrumb-02 a{
	padding: 5px 72% 0 8%;
    border-radius:0 5px 5px 0;
		-webkit-border-radius:0 5px 5px 0;/* Safari,Google Chrome用 */
		-moz-border-radius:0 5px 5px 0;/* Firefox用 */	
}
.breadcrumb-02 a:after {
	content: "";  
	z-index: 1;
}

.breadcrumb-02 a:before {
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #ffdb4a;
	position: absolute; left: 0; top: 0;
}
.breadcrumb-02 span{color:#7b7dba;}

/* container
-------------------------------*/
/* main画像 */
.pc-box{display:none;}
.sp-box{display:block; width:96%; margin:0 auto; padding:2%;}
.fast-text{margin:15px auto 5px; font-size:14px;}

/* エラー表示
-------------------------------*/
.error-box{width:92%; margin:0 auto 20px; padding:2%;}

/* 入力箇所
-------------------------------*/
/* 入力ページ */
.main-container{border:solid 3px #FFF; padding:1%; width:95%;}
.main-container-line{width:100%; padding-bottom:0.5em;}
/* 完了ページ */
.completion p{margin:5%; color:#4d5865; font-size:14px;}
.completion .main-container-line{background:#FFF;}

.left-box{width:96%; margin:0 2%; padding:2% 0 4%;  border-bottom:dotted 3px #8385c3;}
.right-box{width:96%; margin:4% 2% 2%;}
textarea, .name-box input, .mail-box input{padding:1%;}

/* テキスト */
.main-text{margin-bottom:1em;}

/* お問合せ内容 */
textarea{width:97%; height:10em}
.left-box .message-box{height:300px}

/* 名前入力 */
.name-box .cf{width:100%;}
.name-box input{margin:0 0 10px 2px; width:60%;}
.name-box-left, .name-box-right{width:50%;}
.name-box .cf span{width:60%;}

/* 性別入力 */
.men-box{margin:1.5em 0;}
.men-box div{margin-right:10px; display:inline;}

/* メール入力 */
.mail-box{margin:1.5em 0;}
.mail-box input{width:97%;}

/* 個人情報 */
.text-box{width:95%; height:200px; margin:10px auto;}
.text-box p{margin:10px; font-size:14px;}

/* 送信ボタン */
.transmission{width:100%;}
.transmission input{margin:20px auto; width:150px; padding:0.2em 0; font-size:20px;}

/* 同意欄 */
.consent{margin:0 2% 0 3%; font-size:14px;}

/* キャラクター
-------------------------------*/
.chara-box img{width:100%;}



}