@charset "utf-8";
/* CSS Document */
#contents div.prv-box {
    width: 610px;
    height: 200px;
    margin: 0 auto;
    padding: 10px;
    overflow: auto;
    border: solid 1px #e6e6e6;
}

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

/* 入力箇所
-------------------------------*/
.main-container{background:#FFF; margin:0 auto; color:#4d5865;
    border-radius:15px;
		-webkit-border-radius:15px;/* Safari,Google Chrome用 */
		-moz-border-radius:15px;/* Firefox用 */	
}
.main-container p{color:#000;}
.entry input, textarea{
	background:#e2e2f1;
	border:solid 1px #8385c3;
    border-radius:5px;
		-webkit-border-radius:5px;/* Safari,Google Chrome用 */
		-moz-border-radius:5px;/* Firefox用 */	
}

/* テキスト */
.main-text{text-align:center;}
.container span{color:#ff8888;}
.main-text p{
	background:#FFF;
    border-radius:15px;
		-webkit-border-radius:15px;/* Safari,Google Chrome用 */
		-moz-border-radius:15px;/* Firefox用 */	
}
.line-box{
	background:#8385c3;
	border:#FFF solid 3px;
	position:relative;
    border-radius:20px;
		-webkit-border-radius:20px;/* Safari,Google Chrome用 */
		-moz-border-radius:20px;/* Firefox用 */	
}
.entry .text{float:right;}
.text{display:block; height:23px; color:#ff8888;}

/* お問合せ内容 */
textarea{resize:none;}
.inquiry-box .text{overflow:scroll;}

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

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

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

/* 送信ボタン */
.transmission{text-align:center;}
.transmission input{background:#8385c3; color:#FFF; cursor:pointer;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(131,133,195))); border:1px solid #8385c3;
    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;}

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

/* 入力箇所
-------------------------------*/
.main-container{border:solid 3px #FFF; padding:50px 50px 3px 3px; width:750px; height:1100px; margin:0 auto;}
.entry{width:700px; margin-left:0px;}
.entry p{display:block; width:200px; margin-left:20px; text-align:right; float:left;}
.entry input, textarea{float:right; padding:5px;}
.company-box input, .address-box input, .tel-box input, .mail-box input, .inquiry-box input{width:500px;}
.company-box, .address-box, .tel-box, .mail-box, .inquiry-box{width:750px; margin:20px 0;}
/* 確認ページ */
.confirm{height:850px;}
.entry .text{float:right; padding:5px;}
.text{display:block; width:500px;}


/* テキスト */
.main-text{margin-bottom:-30px;}
.main-text p{padding:30px 10px; width:600px;}
.line-box{padding:3px; margin:0 auto 30px; width:620px;}
/* ふきだし(三角) */
.text-box :after{
	content: "";  
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 19px solid #FFF;
	position: absolute; left:298px; bottom: -20px;
	z-index: 1;
}
.line-box :after{
	content: "";  
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 17px solid #8385c3;
	position: absolute; left:300px; bottom: -15px;
	z-index: 2;
}
.line-box p:after{
	content: "";  
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #FFF;
	position: absolute; left:302px; bottom: -10px;
	z-index: 3;
}

/* 名前入力 */
.name-box{width:750px; margin:10px 0;}
.name-box .cf{margin-bottom:10px;}
.name-box-entry{width:500px; float:right;}
.name-box p{width:200px; display:block; float:left;}
.name-box input{width:180px;}
.name-box-left{margin-right:20px;}
.name-box .text{width:180px;}

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

/* お問合せ内容 */
textarea{height:200px; width:500px;}
.inquiry-box .text{height:200px; overflow:scroll;}

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

/* 同意欄 */
.consent{margin:20px 0 0 150px; display:block;}

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

/* 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%;}

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

/* 入力箇所
-------------------------------*/
.main-container{background:#FFF; border:solid 3px #FFF; width:90%; margin-bottom:50px; padding:1em 2% 0;}
textarea, .entry{padding:1%;}
/* 入力ページ */
.entry{width:100%;}
.entry input, textarea{padding:1%; width:100%;}
.company-box, .address-box, .tel-box, .mail-box, .inquiry-box{width:98%; margin:1em 0;}
/* 確認ページ */
.entry .text{padding:5px;}
.text{width:98%; margin-left:2%;}


/* テキスト */
.main-text{margin-bottom:-25px; font-size:14px;}
.main-text p{padding:4% 2%; width:96%;}
.line-box{padding:3px; margin:0 auto 2em; width:90%;}
/* ふきだし(三角) */
.text-box :after{
	content: "";  
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 19px solid #FFF;
	position: absolute; left:46%; bottom: -20px;
	z-index: 1;
}
.line-box :after{
	content: "";  
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 17px solid #8385c3;
	position: absolute; left:46.4%; bottom: -15px;
	z-index: 2;
}
.line-box p:after{
	content: "";  
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #FFF;
	position: absolute; left:46.8%; bottom: -10px;
	z-index: 3;
}


/* 名前入力 */
.name-box{width:98%; margin:1em 0;}
.name-box .cf, .name-box-left, .name-box-right{width:100%;}
.name-box-entry{width:100%;}
.name-box label{float:left;}
.name-box input{margin:0 0 10px 1%; width:80%;}
.name-box .text{margin:0 0 10px 1%; width:80%;}

/* お問合せ内容 */
textarea{height:10em;}
.inquiry-box .text{height:200px;}

/* 個人情報 */
.text-box2{height:200px; margin:30px 0 10px;}
.text-box2 p{margin:10px; font-size:14px;}

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

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