@charset "UTF-8";

/************************************************************
 * info_kantou_07.html
 ************************************************************/

.res14-contents-sub, .my_side_holder{
	display: none;
}

#backgroundcolor{ background-color: white; }
.res14-contents{ background-color: white; }
.res14-contents-inner{ padding-top: 0; }

/*PC_Parts
----------------------------*/
@media screen and (min-width: 641px) {
	.nets_modules__box-type1{
		border-radius: 4px;
		border: 1px solid #e6e6e6;
}
	.attention{
		font-size: 12px;
	}
/* header */
	.cont > h2{
		text-align: center;
	}
	.header{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_header.jpg) no-repeat;
		-moz-opacity: 0.85;
		opacity: 0.85;
		background-position: right;
		height: 800px;
	}
	.header .sub{
		color: #68B7E6;
		font-size: 16px;
	}
	.header .cont{
		background-color: rgba(255,255,255,0.9);
		width: 580px;
		height: 600px;
		color: #68B7E6;
		font-size: 18px;
		padding: 25px 50px 40px 50px;
		line-height: 3.0em;
		z-index: 2;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
	}
	.cont > p{
		margin-top: 15px;
	}
	.emphasis{
		font-size: 28px;
	}
	.wrap_head{
		position: relative;
	}
	.wrap_head .open{
		width: 240px;
		height: auto;
		right: 0;
		bottom: 0;
		z-index: 1;
		position: absolute;
	}
	.wrap_head .rasisa_lab{
		width: 450px;
		height: auto;
	}	
	
/* gift */
	.wrap_gift h2{
		font-size: 38px;
		margin-left: 130px;
		color: #696969;
		font-weight: bold;
	}
	.gift .sub{
		font-size: 24px; 
	}
	.wrap_gift .attention{
		font-size: 12px;
	}
	.gift{
		position: relative;
		z-index: 2;
		border-top: 1px dotted #e6e6e6;
		padding: 40px 0 30px;
		margin-top: 40px;
	}
	.gift .badge{
		position: absolute;
		width: 200px;
		height: auto;
		z-index: 1;
		top: 10px;
	    left: -65px;
	}
	.wrap_gift{
		background-color: #F0F8FC;
		padding: 40px 50px 30px;
	}
	.wrap_gift h3{
		font-size: 16px;
		margin: 20px 0 10px;
		font-weight: bold;
		color: #696969;
	}
	.coffee p{
		float:left;
		line-height: 1.8em;
		width: 639px;
		font-size: 16px;
	}
	.coffee img{
		display: inline-block;
		vertical-align: bottom;
		margin-left: 35px;
		border: 1px solid #d0d0d0;
		border-radius: 120px;
	}
	.coffee:after {
		content: "";
		clear: both;
		display: block;
	}
	
/* RaSiSa */
	.rasisa img{
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	}
	.check{
		box-shadow: none !important;
		vertical-align: baseline;
		height: 20px;
	}
	.rasisa h2{
		border-top: 1px dotted #e6e6e6;
		padding: 40px 0 30px;
		margin-top: 40px;
		color: #68B7E6;
		font-size: 28px;
		text-align: center;
	}
	.rasisa h3{
		text-align: left;
		font-size: 24px;
		color: #444;
		line-height: 1.2;
		font-weight: bold;
		border-left: 4px solid #57b3ee;
		padding-left: 10px;
	}
	.toroku{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_img_bg_01.jpg) no-repeat;
		padding: 50px 50px 40px;
		position: relative;
		margin-top: 60px;
		height: 310px;
	}
	.toroku .attention{
		text-align: right;
		font-size: 12px;
		width: 399px;
		margin-top: 20px !important;
	}
	.toroku p{
		width: 399px;
		font-size: 16px;
		line-height: 1.8em;
		margin-top: 30px;
	}
	.toroku .toroku1{
		position: absolute;
		z-index: 2;
		top: -30px;
		right: 0
	}
	.toroku .toroku2{
		position: absolute;
		z-index: 1;
		bottom: 60px;
		right: 110px;
	}
	.toroku .toroku3{
		display: none;
	}

	.oa{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_img_bg_02.jpg) no-repeat;
		padding: 50px 50px 40px;
		position: relative;
		margin-top: 90px;
		height: 460px;
	}
	.wrap_oa{
		position: absolute;
		right: 95px;
		width: 400px;
		top: 30px;
	}
	.wrap_oa .attention{
		font-size: 12px;
	}
	.oa p{
		font-size: 16px;
		line-height: 1.7em;
		margin-top: 10px;
	}
	.oa .oa1{
		position: absolute;
		z-index: 1;
		top: -50px;
		left: 0
	}
	.oa .oa2{
		position: absolute;
		z-index: 2;
		top: 135px;
		left: 110px;
	}	
	.oa .oa3{
		position: absolute;
		z-index: 3;
		bottom: 30px;
		left: 0;
	}
	.oa .oa4{
		display: none;
	}	
	.seminar{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_img_bg_03.jpg) no-repeat;
		padding: 40px 50px 40px;
		position: relative;
		margin-top: 40px;
		height: 490px;
	}
	.seminar p{
		font-size: 16px;
		line-height: 1.8em;
		width: 460px;
		margin-top: 20px;
	}
	.seminar .attention{
		font-size: 12px;
	}
	.career{
		margin-top: 95px;
	}
	.seminar .seminar1{
		position: absolute;
		top: 30px;
		right: 25px;
	}
	.seminar .seminar2{
		position: absolute;
		bottom: 100px;
		right: 102px;
	}
	.seminar .seminar3{
		display: none;
	}
	.seminar .seminar4{
		display: none;
	}	
	.break{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_img_bg_04.jpg) no-repeat;
		padding: 50px 50px 40px;
		position: relative;
		margin-top: 30px;
		height: 460px;
	}
	.wrap_break{
		position: absolute;
		right: 95px;
		width: 399px;
	}
	.wrap_break p{
		font-size: 16px;
		line-height: 1.8em;	
		margin-top: 20px;
	}
	.break .break1{
		position: absolute;
		z-index: 1;
		top: -50px;
		left: 0
	}
	.break .break2{
		position: absolute;
		z-index: 2;
		top: 135px;
		left: 110px;
	}
	.break .break3{
		display: none;
	}		
	.break .break4{
		display: none;
	}	
	
	.event{
		background: url(/sol/contents/information/images/pc/kantou_07_pc_img_bg_05.jpg) no-repeat;
		padding: 40px 30px 0;
		position: relative;
		height: 310px;
	}
	.event p{
		font-size: 16px;
		line-height: 1.8em;
		width: 710px;
		margin-top: 20px;
	}
	.wrap_event{
		position: absolute;
		top: 190px;
	}
	.event .event1{
		position: absolute;
		top: -135px;
		left: 70px;
	}
	.event .event2{
		display: none;
	}	
/* torokuyoyaku */	
	.button{
		border-top: 1px dotted #e6e6e6;
		padding-top: 40px;
	}
	.lead{
		font-size: 16px;
		font-weight: bold;
		color: #696969;
		text-align: center;
		margin-bottom: 10px;
	}
	.ns15-btn_size003 {
		font-size: 18px;
		font-weight: bold;
		height: 55px !important;
		line-height: 55px !important;
		width: auto;
	}
	.ns15-bc005{
		padding: 20px;
	}
	.kensyu_button{
		display: flex;
		margin: 0 auto;
		width: 580px;
	}
	.ns18-btn__type01.ns18-btn__col02 .ns18-btn__type01_inner > span {
		background: #68b7e6;
		color: #fff;
		background: -moz-linear-gradient(top, #68b7e6 97%, #5caddb 97%, #5caddb 97%, #5caddb 100%);
		background: -webkit-linear-gradient(top, #68b7e6 97%,#5caddb 97%,#5caddb 97%,#5caddb 100%);
		background: linear-gradient(to bottom, #68b7e6 97%,#5caddb 97%,#5caddb 97%,#5caddb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b7e6', endColorstr='#5caddb',GradientType=0 );
		font-size: 18px;
	}
	.first{
		margin-right: 20px;
	}
	.note{
		padding: 0 30px 30px;
		margin: 0 auto;
	}
}

/*SP_Parts
----------------------------*/
@media screen and (min-width: 0) and (max-width:640px) {
	.res14-txt-msg-01 {
		margin:10px 5px;
		padding: 10px 12px 4px 12px;
		border-radius: 4px;
		border: #ddd solid 1px;
		background-color: #FFF;
	}
	.attention{
		font-size: 12px;
	}
/* header */
	.cont > h2{
		text-align: center;
	}
	.rasisa_lab{
		width: 90%;
	}
	.header{
		background: url(/sol/contents/information/images/sp/kantou_07_sp_header.jpg) no-repeat;
		background-size: cover;
		padding: 30px 0 50px;
	}
	.header .sub{
		font-size: 3.5vw;
	}
	.header .cont{
		font-size: 3.5vw;
		padding: 0 30px;
		line-height: 1.5em;
		z-index: 2;
	}
	.cont > p{
		margin-top: 1.5em;
	}	
	.emphasis{
		font-size: 4.5vw;
	}
	.wrap_head{
		position: relative;
	}
	.wrap_head .open{
		width: 40%;
		height: auto;
		right: 0;
		bottom: -15px;
		z-index: 1;
		position: absolute;
	}
	
/* gift */
	.wrap_gift h2{
		font-size: 4.2vw;
		color: #696969;
		font-weight: bold;
		float: right;
		width: 60%;
	}
	.gift .sub{
		font-size: 4.2vw; 
	}
	.wrap_gift .attention{
		font-size: 12px;
		margin-top: 10px;
	}
	.gift{
		position: relative;
		z-index: 2;
		border-top: 1px dotted #e6e6e6;
		padding: 40px 0 0;
		margin-top: 40px;
	}
	.gift .badge{
		width: 35%;
		float: left;
	}
	.wrap_gift {
		background-color: #F0F8FC;
		padding: 20px 10px;
	}
	.wrap_gift img{
		width: 100%;
	}
	.wrap_gift h3{
		font-size: 4.0vw;
		margin: 20px 0 10px;
		font-weight: bold;
		color: #696969;
	}
	.coffee_sp:after {
		content: "";
		clear: both;
		display: block;
	}	
	.coffee p{
		font-size: 4.0vw;
	}
	
/* RaSiSa */
	.check{
		vertical-align: baseline;
	}
	.rasisa h2{
		border-top: 1px dotted #e6e6e6;
		padding: 40px 0 0;
		margin-top: 40px;
		color: #68B7E6;
		font-size: 5.7vw;
		text-align: center;
	}
	.rasisa h3{
		text-align: left;
		font-size: 4.2vw;
		color: #444;
		line-height: 1.2;
		font-weight: bold;
		border-left: 4px solid #57b3ee;
		padding-left: 10px;
		margin: 30px 0 0;
	}

	.toroku .attention{
		font-size: 12px;
		margin: 10px 0 30px;
	}
	.toroku p{
		font-size: 4.0vw;
	}
	.toroku .toroku1{
		display: none;
	}
	.toroku .toroku2{
		display: none;
	}
	.toroku .toroku3{
		width: 100%;
		margin: 20px 0;
	}

	.wrap_oa .attention{
		font-size: 12px;
		padding-left: 0 !important;
		text-indent: 0 !important;
	}
	.oa p{
		font-size: 4.0vw;		
	}
	.oa .oa1{
		display: none;
	}
	.oa .oa2{
		display: none;
	}	
	.oa .oa3{
		display: none;
	}
	.oa .oa4{
		width: 100%;
		margin: 20px 0;
	}	

	.seminar p{
		font-size: 4.0vw;
	}
	.seminar .attention{
		font-size: 12px;
		padding-left: 0 !important;
		text-indent: 0 !important;		
	}
	.career{
		margin-top: 95px;
	}
	.seminar .seminar1{
		display: none;
	}
	.seminar .seminar2{
		display: none;
	}
	.seminar .seminar3{
		width: 100%;
		margin: 20px 0;
	}
	.seminar .seminar4{
		width: 100%;
		margin: 20px 0;
	}	

	.break p{
		font-size: 4.0vw;	
	}
	.break .break1{
		display: none;
	}
	.break .break2{
		display: none;
	}
	.break .break3{
		width: 100%;
		margin: 20px 0;
	}		
	.break .break4{
		width: 100%;
		margin: 20px 0;
	}	
	
	.event p{
		font-size: 4.0vw;
		margin-bottom: 30px;
	}
	.event .event1{
		display: none;
	}
	.event .event2{
		width: 100%;
		margin: 20px 0;
	}	
/* torokuyoyaku */	
	.button{
		border-top: 1px dotted #e6e6e6;
		padding-top: 30px;
	}
	.lead{
		font-size: 4vw;
		font-weight: bold;
		color: #696969;
		margin-bottom: 10px;
	}
	.ns15-bc025 {
		background-color: #fff7f5;
		margin-bottom: 20px;
	}
	.ns15-btn_size002 {
		font-size: 4vw;
		font-weight: bold;
		width: auto;
	}
	.ns15-bc005{
		padding: 20px;
		margin-bottom: 20px;
	}
	.kensyu_button{
		margin: 0 auto;
		width: 100%;
	}
	.btn__type01.ns18-btn__col02 .ns18-btn__type01_inner > span {
		font-size: 4vw !important;
		font-weight: bold !important;
	}
	.ns18-btn__type01.ns18-btn__col02 .ns18-btn__type01_inner > span{
		font-size: 4vw !important;
	}
	.first{
		margin-bottom: 10px;
	}
	#res14-wrap-bg{
		background-color: #ffffff;
	}
	.note{
		margin-bottom: 20px;
	}
}