p{font-size: 100%;line-height: 2.5em;}
.c_w{color: white;}

.posi_r{position: relative;}

#hr-title{width: 100%;text-align: center;position: absolute;top:45%;}
#hr-title h2{font-size: 240%;}

/*見出し*/
.Title_colum {text-align: center;padding: 0 1em;position: relative}
.Title_colum h3{font-size: 160%;margin-bottom: 1em;}
.Title_colum h3::after{width: 40px;height: 5px;background-color: rgba(229,12,39,1);display: block;content: "";margin: 0.5em auto 0 auto;}
.Title_colum span{font-size: 80%;}
h4{font-size: 130%;}
h3{font-size: 180%;}

/*見出し　Contents-type01*/
#Contents-type01 .Title_colum p{margin-top: 3em;}

@media screen and (max-width: 767px){
	.Title_colum p {
		text-align: start;
	}
}

/*abaut*/
#about{width: 100%;}
#about img{width: 35%;float: left;margin: 0 1em 1em 0;}
#about_sub{width: 100%;padding: 8em ;}
#about_sub .profile{
	width: 100%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(0,0,0,1.00);
	
}
.profile .profile_t{width: 30%;padding-left: 1em;}
.profile .profile_p{width: 70%;}
@media screen and (max-width:991px){
#about img{width: 100%;margin: 0 0 1em 0;}
.profile .profile_t,.profile .profile_p{width: 100%;padding-left: 0em;text-align-last: center;}
}

/*contact*/
#contact{width: 100%;}
#contact .contact_column{width: 100%;display: -webkit-flex; /* Safari */display: flex;-webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap; -webkit-align-items: center; /* Safari */align-items:center;}
.contact_column .contact_p,.contact_column .contact_t{display: -webkit-flex; /* Safari */display: flex;-webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap; -webkit-align-items: center; /* Safari */align-items:center;}
.contact_column .contact_t{width: 30%;padding-left: 1em;}
.contact_column .contact_p{width: 70%;font-size: 90%;}
.contact_column .contact_h{padding-right: 2em;}
.contact_column .contact_p input,.contact_column .contact_p textarea{padding: 0.5em;}
.contact_column .contact_p input.wide_n{width: 80%;}
.contact_column .contact_p input.wide_w{width: 100%;}
.contact_column .contact_p textarea{width: 100%;height: 10em;}
#contact #action{margin-top: 3em; width: 100%;text-align: center;}
#contact #action input{padding: 1em; background-color: rgba(0,08,162,1);color: rgba(255,255,255,1.00);border: none;}
@media screen and (max-width:991px){
.contact_column .contact_p,.contact_column .contact_t{width: 100%;}
/*.contact_column input.wide,.contact_column input.wide_w,.contact_column input.wide_n{width: 100% !important;}*/
.contact_column .w input{width: 100% !important;}
.contact_column .contact_t{text-align: center;padding-left: 0;}
.contact_column .contact_t h4{text-align: center;width: 100%;}
.contact_column .contact_p{margin-bottom: 2em;}
.contact_column .contact_h{width: 100%;margin-bottom: 1em;padding-right:0;} 

}

/*demo*/
a.sub_info{padding: 1em;transition: .5s;display: block;}
.sub_info h4 i{margin-right: 0.5em;color: rgba(33,33,33,1)}
.sub_info p{margin-left: 2em;}
.sub_info:hover{background-color:rgba(252,242,190,0.5);color: rgba(0,0,0,1.00)}

.sv_b{background-size: 100%;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;transition: .1s;}
.sv_main{background-image: url(../img/svb.jpg);}
.sv_sub{background-image: url(../img/svb_sub.jpg);}
.sv_sub2{background-image: url(../img/svb_sub2.jpg);}
@media screen and (max-width: 991px){
.sv_b{background-size: 200% auto!important;}
}
a.sub_button {margin:10em 0; display:block;text-align: center; }
@media screen and (max-width: 767px){
a.sub_button {margin:4em 0;  }
.sub_info h4 { margin-top: .5em;}
ul.circle-list { margin-bottom: 0;}
}

a.sub_button span{margin:0 auto;display:inline-block; padding:1em;color:black;border:1px solid white;background-color:rgba(255,255,255,0.8);transition: .1s;font-size: 150%}
a.sub_button:hover{ }
a.sub_button:hover span{ background-color:rgba(255,255,255,1);color:rgba(215,0,80,1.00)}
a.pick_up{position: relative;display: block;}
.pick_up .pick_up_info{position: absolute;width: 1%;height: 1%;top:0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease;color: white;}
.pick_up .pick_up_info h5{margin: 0.5em;padding: 0.5em}
.pick_up .pick_up_info p{margin: 2em;font-size: 70%;}
.pick_up .pick_up_info span{padding: 0.5em;border: 1px solid white}
@media screen and (max-width: 991px){.pick_up .pick_up_info p,.pick_up .pick_up_info span{margin: 0.5em;}}
.pick_up .pick_up_info{display: -webkit-flex; /* Safari */display: flex;-webkit-flex-direction: column; /* Safari */ flex-direction:column; -webkit-justify-content: center; /* Safari */justify-content:center;-webkit-align-items: center; /* Safari */align-items:center;}
a.pick_up:hover .pick_up_info{ background-color:rgba(215,0,80,0.9) ;opacity: 1;width: 100%;height: 100%}

.abover_wrap{}
.abover_wrap .abover_contents{width: 100%;display: -webkit-flex; /* Safari */display: flex; -webkit-justify-content: center; /* Safari */justify-content:center;-webkit-align-items: stretch; /* Safari */align-items:stretch;}
.abover_contents .abover{width: 50%;display: -webkit-flex; /* Safari */display: flex; -webkit-align-items: center; /* Safari */align-items: center;}
.abover_inner{padding: 2em;}
@media all and (min-width:768px){
.abover_wrap .abover_contents:nth-child(even) {-webkit-flex-direction: row-reverse; /* Safari */flex-direction: row-reverse;}
.abover_wrap .abover_contents:nth-child(even) .abover{-webkit-justify-content: flex-end; /* Safari */justify-content:flex-end;}
.abover_img,.abover_img img{width: 100%;}
}

@media screen and  (min-width: 1200px){
.abover_inner{width: 585px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.abover_inner{width: 485px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.abover_inner{width: 375px;}
}

@media screen and (max-width: 767px){
	.abover_wrap .abover_contents{-webkit-flex-wrap: wrap; /* Safari */flex-wrap:wrap;}
	.abover_contents .abover{width: 100%;}
	/*.abover_contents .abover:first-child{height: 10em}*/
.abover_inner{width: 100%;}
}

.blak_sq{position: absolute;top:0;right:0;bottom:0;left:0;margin: auto;width: 100%;height: 100%;background-color: rgba(0,0,0,0.80)}
.item_sub{position: relative;}
.item_sub img{}
.item_sub .item_texts{margin: 0 1em;padding: 2em; background-color: rgba(255,255,255,0.8);position: relative; top:-1em; }
.item_sub .item_texts h4{text-align: center;color: #D70050;padding: 0.5em 0;margin: 0.5em 0; border-top: 1px solid #d70050;border-bottom: 1px solid #d70050;}
.item_sub .item_texts p{margin: 0 1em;}

#company_flex{display: -webkit-flex; /* Safari */display: flex;-webkit-align-items: stretch; /* Safari */align-items:stretch;}
#company_b{width: 30%;background-position:left;}
.company_info{width: 100%;}
@media screen  and (max-width: 991px){
	#company_flex{-webkit-flex-wrap: wrap; /* Safari */ flex-wrap:wrap;}
#company_b,.company_info{width: 100%}
	#company_b{height: 10em;}
	#about_sub{width: 100%;padding: 1em 0;}
}


/*追加*/
.contact_column {
	display: flex;
}
#action{
	text-align: center;
}
.mailbutton{
    background-color: rgba(215,0,80,1.00);
    color: white;
    padding: 1em 0.5em;
    text-align: center;
    box-sizing: border-box;
	outline: none; 
	border: none;
}
.mailbutton:hover{
	opacity: 0.8;
	outline-width: 0;
	color:rgba(112,112,112,1.00)
}
.scroll {
    width: 100%;
    height: 20em;
    margin: 0 auto;
    overflow: scroll;
}

.performance_text p{font-size: 100%;line-height: 1.5em;padding-left: 10%;}

ul.circle-list {
	line-height: 2.5rem;
	margin-left: 2em;
}

li.circle {
	list-style: '〇' outside;
}

li.circle span {
	display: inline-block;
}

@media screen and (max-width: 991px){
	.recruit dl {
		flex-direction: column;
	}
	.recruit dl dt {
		width: 80%;
		text-align: left;
		padding-bottom: 1.2em;
	}
	.recruit dl dt::before {
		content: "＜＜";
	}
	.recruit dl dt::after {
		content: "＞＞";
	}
	.recruit dl dd {
		width: 80%;
	}
}

@media screen and (max-width: 767px){
	.recruit dl dt {
		width: 90%;
	}
	.recruit dl dd {
		width: 90%;
	}
}

@media screen and (max-width: 575px){
	ul.circle-list {
		margin-left: inherit;
	}
	.recruit dl dt {
		width: 100%;
	}
	.recruit dl dd {
		width: 100%;
	}
}