@charset "utf-8";


/*Real・Web共有---------------------*/
/**/
.bodyWrapper{
  width: calc(100% - 50px);
  margin: 20px auto 0px;
}

.mainWrapper {
  /* height: calc((100vw - 160px) * 0.25); */
  /* min-height: 260px;
  background: #D6D2C9; */
}


.mainWrapper h2 p:first-child{
    font-size: 44px;
}
.introBox{
	padding:0px 0;
}
.introBox p{
	padding:0 0 35px;
	font-size:16px;
}
.introBox a{
	position:relative;
	display:block;
	width:250px;
	margin:0 auto;
	padding:18px 0;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:#7E96A8;
}
.introBox a:hover{
	animation: opac 0.7s 0s infinite;/*/css/share.css*/
	animation-iteration-count: 1;
}
.introBox a:after{
	position:absolute;
	content:"";
	top:calc(50% - 6px);
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	right:16px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/**/
.detailBox{
	flex-direction:column;
}
.realweb{
	width:calc(100% - 160px);
	margin:70px auto 0;
	font-size:32px;
	color:#7E96A8;
	font-family:Lato;
	font-weight:700;
	letter-spacing:0.15em;
	text-align:right;
}
.realweb div{
	position:relative;
	width:50%;
	padding:19px 0;
	padding-right:40px;
	background:#faece7;
}
.realweb div:after{
	position:absolute;
	content:"";
	left:0;
	bottom:-5px;
	width:100%;
	height:5px;
	background:url(/opencampus/form/images/share/naname.gif);
}
.realweb div:before{
	position:absolute;
	content:"";
	right:180px;
	bottom:-14px;
	width:11px;
	height:10px;
	background:url(/opencampus/form/images/share/sankaku.gif);
	background-size:cover;
}
.realweb div span{
	margin-left:5px;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0;
}
.realweb .disable{
	width:50%;
	color:#fff;
	background:#efe8ea;
}
.realweb .disable:after{
	display:none;
}
.realweb .disable:before{
	display:none;
}
.realweb .web{
	padding-left:40px;
	text-align:left;
}
.realweb .web:before{
	left:180px;
	right:auto;
}
/**/
.detailBox .titleBox{
	width:500px;
	margin:0 auto 70px;
}
.detailBox .titleBox .title{
	padding:20px 0;
	font-size:24px;
	color:#7E96A8;
	line-height:1.3em;
	letter-spacing:0.05em;
	border-top:dotted 1px #999;
	border-bottom:solid 3px #7E96A8;
}
.detailBox .titleBox .uketuke{
	padding:20px 0;
	font-size:14px;
}
/**/
.entryBox{
	margin: 0 0 150px;
}
.entryBox .fukidashi{
	width:500px;
	margin:0 auto 60px;
	font-size:20px;
}
.entryBox ul{
	width:calc(824px - 2em);
	margin:0 auto;
	text-align:left;
}
.entryBox ul li{
	text-align:left;
	font-size: 13px;
}
.entryBox ul li:before{
	content:"※";
	margin-left:-1.0em;
}
/**/
.midashi{
	align-items:flex-end;
	width:824px;
	margin:0 auto;
	font-family:Lato;
	font-weight:700;
	_background:#fff;
}
.midashi .realweb{
	width:264px;
	margin:0;
	padding:16px 0px 10px;
	font-size:32px;
	color:#fff;
	text-align:center;
	letter-spacing:0.12em;
	background:#7E96A8;
}
.midashi .realweb span{
	margin-left:5px;
	font-size:16px;
	letter-spacing:0em;
	font-weight:normal;
}
.midashi .date{
	width:560px;
	padding:0 0 14px 30px;
	color:#7E96A8;
	font-size:30px;
	text-align:left;
}
.midashi .date span{
	display:inline-block;
	margin-left:20px;
	padding:4px 6px;
	font-size:21px;
	color:#fff;
	line-height:1em;
	letter-spacing:0;
	background:#FF5EA7;
}
.midashi .date span.pm{
	background:#FF5EA7;
}

/**/
.formBox{
	width:100%;
}
form{
	width:100%;
}
form .inner{
	width:1040px;
	margin:0 auto;
}
.formContent{
	width:100%;
	padding:0px 0 30px;
	text-align:left;
}
.formContent table{
	width:1040px;
	margin:0 auto;
}
.formContent table th,
.formContent table td{
	padding:30px 0;
}
.formContent table th{
	position:relative;
	width: 323px;
	padding-left: 0;
	font-size: 18px;
	white-space:nowrap;
}
.formContent table td{
	width: 688px;
}
.formContent table td .cap{
	padding-top:4px;
	font-size:12px;
}
.formContent table th.hisu:after{
	position:relative;
	margin-left:3px;
	content:"※";
	color:#f6ad49;
}
/**/
form h4{
	padding:50px 0 18px;
	font-size:16px;
	text-align:left;
}
/**/
.elm150{
	width:120px;
}
.elm200{
	width:160px;
}
.elm250{
	width:250px;
}
.elm300{
	width:400px;
}
.elm400{
	width:688px;
}
/**/
.hisu2 {
	background: #FFF38D;
	padding: 2px 20px;
	width: 80px;
	display: inline-block;
	margin: 0 5px 70px 0;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	text-align: center;
}
.formBox table th.hisu:after{
	content: "必 須";
	background: #FFF38D;
	padding: 2px 20px;
	width: 80px;
	margin: 0;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	position: absolute;
	right: 37px;
	color: #000;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}
input {
	padding: 20px 12px;
	border: none;
	border-radius: 0px !important;
	font-size: 14px;
	background-color:#F0F0ED;
}
select::-ms-expand {
	display: none;
}
/* select {
	width:300px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 13px 30px 13px 12px;
	font-size: 14px;
	border-radius: 6px;
	background: #fff url(/opencampus/form/images/share/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
  border: solid 1px #D2DBE1;
} */
select {
	width:300px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 20px 30px 20px 12px;
	font-size: 14px;
	border-radius: 0px !important;
	background-image: url(/opencampus/form/images/share/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color:#F0F0ED;
	border: none;
}
textarea{
	height:20em;
	margin:0 0 0 0px;
	padding: 14px 13px;
	border: none;
	font-size: 14px;
  background: #F0F0ED;

}
/**/
.formContent .openBtn{
	position: relative;
	height:60px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
.formContent .paka{
	display:none;
}
/**/
.formContent .openBtn{
	position: relative;
	height:60px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
.formContent .paka{
	display:none;
}
/**/
.formContent .openBtn{

}
.formContent .openBtn .open{
	display:block;
}
.formContent .openBtn .close{
	display:none;
}
.formContent .openBtn.cur .open{
	display:none;
}
.formContent .openBtn.cur .close{
	display:block;
}
.formContent .openBtn::before {
    height: 30px;
    transform: translate(0px, 0px);
}
.formContent .openBtn::after {
    height: 7px;
    transform-origin: bottom center;
    transform: translate(0px, 0px) rotate(25deg);
}
.formContent .openBtn::before, .formContent .openBtn::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left:0;
	right: 0;
	margin:0 auto;
	width: 1px;
	background: #000;
}
/**/
.formContent .openBtn.cur{
	padding-top:30px;
}
.formContent .openBtn.cur:before {
	top:0;
}
.formContent .openBtn.cur:after {
	top:0;
	transform-origin: top center;
}
/**/
.marBtm{
 	margin-bottom:10px;
}
 /**/
.submitBox{
	padding:60px 0 100px;
}
.sosinBtn{
	width:250px;
	font-size: 16px;
	color:#fff;
	font-weight:bold;
	background: #000;
	border-width:0;
	border-radius:6px;
	cursor:pointer;
}
.sosinBtn:hover{
	animation: opac 0.7s 0s infinite;/*/css/share.css*/
	animation-iteration-count: 1;
}

/**/
.geo_mark{
	width:1040px;
	margin: 0 auto 170px;
	background: #F8F8F4;
	padding:30px 60px;
	gap: 40px;
}
.geo_mark .left{
	width:121px;
}
.geo_mark .right{
	width:819px;
	text-align:left;
	padding-left:20px;
}
/**/

/**/
.balloon3 {
	position:absolute;
	top:-42px;
	left:0;
	right:0;
	display: inline-block;
	width: 180px;
	margin:0 auto;
	padding: 10px 15px;
	line-height: 1.2em;
	letter-spacing:0;
	text-align: center;
	color: #fff!important;
	font-size: 12px;
	font-weight: bold;
	background: #FF8895;
	border-radius: 4px;
	box-sizing: border-box;
}
.balloon3:hover{
	animation: opac 0.7s 0s infinite;/*/css/share.css*/
	animation-iteration-count: 1;
}
.balloon3 span{
	margin:0!important;
	font-size:20px!important;
	letter-spacing:0.07em!important;
	font-family:Lato!important;
	font-weight:700!important;
	color: #fff;
}
.balloon3:before {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #FF8895;
	z-index: 0;
}

/*.aka{
	color: #f6ad49;
}

.markerline{
	background: rgba(214,210,201,0.8);
	color: #000;
	padding: 5px 10px;
}*/












/*############################################*/
/*  */
/*############################################*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
  

  /* .mainWrapper h2 p:first-child{
		font-size:20px;
	}
	.mainWrapper h2 p:first-child:after{
		bottom:0em;
	} */

  /* .mainWrapper h2 p {
    argin-bottom: 8px;
    font-size: 32px;
  }

  .mainWrapper h2 span {
    font-size: 12px;
  } */

	.introBox{
		padding:30px 0 0;
	}
	.introBox p{
		padding:0 0 20px;
	}
	.introBox a{
	}
	.introBox a:hover{
	}
	.introBox a:after{
	}
	/**/
	.detailBox{
		_flex-direction:column;
	}
	.realweb{
		width:100%;
		margin:80px auto 0;
	}
	.realweb div{
		padding-right:0px;
		text-align:center;
	}
	.realweb div:after{
	}
	.realweb div:before{
		left:0;
		right:0;
		bottom:-14px;
		margin:0 auto;
	}
	.realweb div span{
		display:block;
		margin:5px 0 0;
		font-size:14px;
	}
	.realweb .disable{
	}
	.realweb .disable:after{
	}
	.realweb .disable:before{
	}
	.realweb .web{
		padding-left:0px;
		text-align:center;
	}
	.realweb .web:before{
		left:0;
		right:0;
		margin:0 auto;
	}
	/**/
	.detailBox .titleBox{
		order:3;
		width:100%;
		margin:0 auto 0px;
	}
	.detailBox .titleBox .title{
		font-size:20px;
	}
	.detailBox .titleBox .uketuke{
	}
	/**/
	.entryBox{
		margin:0 0 50px;
	}
	.entryBox .fukidashi{
		width:70%;
		margin:0 auto 60px;
		font-size:18px;
	}
	.entryBox ul{
		width:calc(100% - 50px);
	}
	.entryBox ul li{
	font-size: 11px;
	line-height: 1.6;
	}
	.entryBox ul li:before{
	}
	/**/
	.midashi{
		flex-direction:column;
		align-items:center;
		width:100%;
	}
	.midashi .realweb{
		width:100%;
		padding:24px 0px 20px;
	}
	.midashi .realweb span{
	}
	.midashi .date{
		width:100%;
		padding:20px 0 17px 0px;
		font-size:26px;
		text-align:center;
	}
	.midashi .date span{
		font-size:17px;
	}
	/**/
	.formBox{
	}
	.formBox .midashi{
	}
	form{
	}
	form .inner{
		width:100%;
	}
	.formContent{
	}
	.formContent table{
    width: 100%;
	}
	.formContent table th,
	.formContent table td{
		display:block;
	}
	.formContent table th{
		width:100%;
		padding:14px 0 0 0;
		border-width:0;
		font-size: 15px;
	}
	.formContent table td{
		width:100%;
		padding: 18px 0 14px 0;
	}
	.formContent table th.hisu:after{
	}
	/**/
	form h4{
		padding:50px 0 18px;
		text-align:center;
	}
	/**/
	.elm150{
		width:120px;
	}
	.elm300{
		width:100%;
	}
	.elm400{
		width:100%;
	}
	.koko{
		width:calc(100% - 3em);
	}
	/**/
	input {
		font-size: 16px;
	}
	select::-ms-expand {
		display: none;
	}
	select {
		width:100%;
		font-size: 13px;
		margin-bottom: 10px;
	}
	textarea{
		width:calc(100% - 50px);
		height:12em;
		/* margin:0 0 0 25px; */
    margin: 0;
		font-size: 16px;
		background: #F0F0ED;
	}
	/**/
	.formContent .openBtn{
	}
	.formContent .paka{
	}
	/**/
	.formContent .openBtn{
	}
	.formContent .openBtn .open{
	}
	.formContent .openBtn .close{
	}
	.formContent .openBtn.cur .open{
	}
	.formContent .openBtn.cur .close{
	}
	.formContent .openBtn::before {
	}
	.formContent .openBtn::after {
	}
	.formContent .openBtn::before, .formContent .openBtn::after {
	}
	/**/
	.formContent .openBtn.cur{
	}
	.formContent .openBtn.cur:before {
	}
	.formContent .openBtn.cur:after {
	}
	/**/
	 .marBtm{
	}
	 /**/
	.submitBox{
	}
	.sosinBtn{
		width:calc(100% - 50px);
	}
	.sosinBtn:hover{
	}
	/**/
	.balloon3 {
		top:-40px;
		width: 160px;
		padding: 10px 0px;
		font-size: 11px;
	}
	.balloon3:hover{
	}
	.balloon3 span{
		display:inline!important;
		font-size:16px!important;
	}
	.balloon3:before {
		bottom: -18px;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #FF8895;
	}

  .geo_mark{
		flex-direction:column;
		width:calc(100% - 50px);
		margin: 0 auto 100px;
		padding: 40px;
		gap: 30px;
	}
	.geo_mark .left{
		width:100%;
		text-align:center;
	}
	.geo_mark .left img{
		width:105px;
	}
	.geo_mark .right{
		width:100%;
		text-align:left;
		padding:0px 0 0 0;
	}


	.formBox table th.hisu.num:after{
		display: none;
	}

	.formBox table th.hisu:after{
		content: "必 須";
		background: #FFF38D;
		padding: 2px 20px;
		width: 80px;
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: 500;
		position: static;
		display: inline-block;

		transform: none;
	}

	.formBox table th.hisu .inputNumberHead:after{
		content: "必 須";
		background: #FFF38D;
		padding: 2px 20px;
		width: 80px;
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: 500;
		position: static;
		display: inline-block;
		transform: none;
		border-radius: 50px;
		text-align: center;
	}




} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/




} /* /@media */