@charset "shift_jis";

@import "../reset.css";
@import "common.css";
@import "../main.css";

/*///////////////////////////////////////////////*/

/* header

/////////////////////////////////////////////////*/
.small_ { display:none;}
/*-----------------------------------------------*/
/* gnavi
-------------------------------------------------*/

#gnavi10 a {
	background-position:-878px -60px;
}

/*///////////////////////////////////////////////*/

/* mainContents

/////////////////////////////////////////////////*/
#mainContents p{font-size: 12px;}
#mainContents form h3 {
	position:relative;
	font-size:14px;
	margin-bottom:2px;
	line-height:36px;
/*	padding:0 0 0 25px;*/
/*	background:url(../images/contacts/bg_st.gif) no-repeat 0 0;*/
border-left: 0px;}
#mainContents form h3 span {
	margin-left:20px;
	/* position:absolute;
	top:15px;
	right: 10px; */
}
#mainContents form h3 span img {
	vertical-align:middle;
}
.questionnaire_box_content_ {
	margin-bottom:10px;
	margin-left:10px;
}
#mainContents input[type="text"] {
	padding:5px;
}
#mainContents .questionnaire_box_content_ {
}
#mainContents .questionnaire_box_content_ input[type="text"] {
	position:absolute;
	margin-top:-30px;
	margin-left:200px;
}

/*---------------------------------------------- */
/* list
------------------------------------------------ */

#mainContents li span.tel {
	font-size:14px;
	font-weight:bold;
}

/*---------------------------------------------- */
/* table
------------------------------------------------ */

#mainContents table {
	width:740px;
	margin-bottom:20px;
	margin-left:10px;
}
#mainContents form table th, #mainContents form table td {
	padding:0 0 10px 0;
	vertical-align:top;
	border:1px solid #c9c2c4/*dcdcd0*/;
}
#mainContents form table th {
	width:180px;
	background-color:#efefef/*ededdf*/;
	font-weight:bold;
}
#mainContents form table th.center, #mainContents form table td.center {
	text-align:center;
}
#mainContents form td span {
	font-size:10px;
	letter-spacing:0;
}

/*---------------------------------------------- */
/* submit
------------------------------------------------ */

#mainContents .submit_ {
	width:/*4*/600px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
margin-top: 20px;
}
#mainContents .submit_ li {
	float:left;
	margin-right:10px;
}
#mainContents .submit_#btnSingle {
	width:/*190*/380px;
	text-align:center;
}



/*---------------------------------------------- */
/* error
------------------------------------------------ */

#mainContents p.error_ {
	margin-bottom:0;
	color:#cc0000;
}

/*---------------------------------------------- */
/* label
------------------------------------------------ */

#mainContents form label {
	line-height:normal;
	margin-right:30px;
	margin-left:3px;
}

/*---------------------------------------------- */
/* input width
------------------------------------------------ */

#mainContents input[type="text"] {
	width:400px;
height:25px;
}
#mainContents #table_name input[type="text"] {
	width:100px;
}
#mainContents #table_tel input[type="tel"] {
	height:30px;
width: 250px;
}
#mainContents #table_tel input[type="text"] {
	width:200px;
}
#mainContents #table_mail input[type="text"] {
	width:/*250px*/400px;
}
#mainContents textarea {width:650px;border: 1px solid #b8b8b8; border-radius: 3px; background: #fbfbfb;height:100px;}
.questionnaire_box_content_.questionnaire_box_content_tel input{height:25px; width:400px;border: 1px solid #b8b8b8; border-radius: 3px; background: #fbfbfb;padding:5px;}

/*---------------------------------------------- */
/* for seminar form
------------------------------------------------ */

#mainContents ul.note {
	margin-bottom:20px;
}
#mainContents ul.note li {
	line-height:160%;
	margin:0 10px 10px 10px;
	padding-left:15px;
	background:url(/cms/images/common/i_note.gif) no-repeat 0 3px;
}
#mainContents p.at {
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
}
#mainContents p.at span {
	color:#c00;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#mainContents .submit_ {
	zoom: 1; /* for IE5.5 - IE7 */
}
#mainContents .submit_:after {
	/* for modern browser */
  content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* 20160413
+++++++++++++++++++++++++++++++++++++++++++++++++*/
.questionnaire_box_ {
    position: relative;
margin-bottom:20px;
}
#mainContents .questionnaire_box_content_ input[type="text"] {
margin-top: 0;
    top: 0px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    background: #fbfbfb;
}


.forcms_block.seminer_cf { margin-top:50px; margin-bottom:50px;}

.forcms_block.seminer_cf h4.n01 {
background-color: #fff !important;
    color: #000 !important;
    font-size: 25px !important;
    font-weight: bold !important;
text-align:center !important;
margin-bottom:25px;
}

.forcms_block.seminer_cf a.box { float:left; margin-right:2%;display:block;
	width:32%;
	white-space:initial;
	box-shadow:0px 30px 30px -20px rgba(15, 31, 43, 0.15), 0px 5px 20px rgba(15, 31, 43, 0.07);
	transition: all .3s ease-out;
	position:relative;
}
.forcms_block.seminer_cf a.box:hover { opacity:0.8;}

.forcms_block.seminer_cf a.box.end {margin-right:0px;}

.forcms_block.seminer_cf a.box .inner{
	padding:0 0 20px 0;
}
.forcms_block.seminer_cf a.box .photo img{
padding:5%;
width:90%;}

.forcms_block.seminer_cf a.box .logo img{
text-align:center;
height:38px;
	align-items:center;
	justify-content:center;
margin:20px auto;
width:auto;
}
.forcms_block.seminer_cf a.box .logo {
text-align:center;
	align-items:center;
	justify-content:center;
margin:0px auto;
width:auto;
}

.forcms_block.seminer_cf a p {
    text-align: center;
    letter-spacing: 0.05em;
    padding: 0 1em;
color: #1b1b1b;
font-size:13px;
}
.forcms_block.seminer_cf dl {
float: left;
    width: 32%;
    margin-right: 2%;
}
.forcms_block.seminer_cf dl.end {
    margin-right: 0%;
}
.forcms_block.seminer_cf dl img {
    width: 100%;
height: 200px;
  object-fit: cover;
}
.forcms_block.seminer_cf dl a {
    letter-spacing: 0.05em;
color: #1b1b1b;
font-size:13px;
}
.forcms_block.seminer_cf dl a:hover {
opacity:0.8;
}

@media screen and (max-width: 640px){
#mainContents .submit_ li.over input{width:80%;}
#mainContents .submit_ li.over input[name="back"]{width:50%;}
#mainContents .submit_ li.over input[name="regist"]{width:50%;}
#mainContents .submit_ { width: 400px;}
#mainContents form h3{font-size:13px;}
}