/*▼ mv ▼*/
.mv {
	position: relative;
}




.mv{
display: flex;
position: relative;
}
.mv .bgarea1 {
	background-color:#ff8800;
 }
 .mv .bgarea2 {
	height: 100%;
 }
 .mv .bgarea2 .pagettl{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
.mv .bgarea2 .pagettl h1{
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
}
.mv:after {
display: block;
content: "";
position: absolute;
left: 0;
background-color:#ff8800;
z-index: 2;
}
@media screen and (min-width: 766px) {

.mv{
min-width: 1200px;
height: 470px;
background-size: auto;
}
.mv .bgarea1 {
	width: 38%;
	height: 100%;
 }
.mv .bgarea2 {
	width: 62%;
	background: url(/files/img/company/mv_01.png);
	position:relative;
	background-size: cover;
	background-repeat: no-repeat;

 }

.mv .bgarea2 .pagettl{
	left: -31%;
	padding-top: 48px;
}

.mv .bgarea2 .pagettl h1{
	font-size: 80px;
}
.mv .bgarea2 .pagettl p{
	font-size: 18px;
}
.mv:after {
bottom: -145px;
left: 0;
width: 76%;
height: 145px;
}


}
@media screen and (max-width: 767px) {
	img {
	width: 100%;
	height: auto;
}


.mv .bgarea1 {
	width: 20%;
	height: auto;
	top:64px;
	position: relative;
 }
.mv .bgarea2 {
	width: 80%;
	background: url(/files/img/company/mv_01_sp.png);
	position:relative;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 60.80645%;
 }


.mv .bgarea2 .pagettl{
	left: -16%;
}

.mv .bgarea2 .pagettl h1{
	font-size: 40px;
}
.mv .bgarea2 .pagettl p{
	font-size: 14px;
}
.mv:after {
bottom: -64px;
left: 0;
width: 80%;
height: 65px;
}





}
/*▲ mv ▲*/

/*  */
@media (min-width: 766px) {
	.next_mv {
		padding-top: 145px;
	}
	.en.next_mv {
		padding-top: 225px;
	}
}

@media (max-width: 767px) {
.next_mv {
padding-top: 65px;
}
}

@media (min-width: 766px) {
	.company{
		min-width:1200px;
		margin:auto;
	}
	.company .inner{
		width:1200px;
		padding-top: 90px;
		padding-bottom: 90px;
		margin:auto;
	}
}

@media (max-width: 767px) {
	.en.company{
		padding-top:100px;


	}
	.company .inner{
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 45px;
		padding-bottom: 45px;
	}
}


/*.h1ttl  */

	.h1ttl {
		text-align: center;
		position: relative;
		font-weight: bold;
	}
	.h1ttl:after {
		content:"";
		display:block;
		background:#ff8800;
		position: absolute;
		transform:translateX(-50%);
}
	.h1ttl {
		font-family: 'Noto Sans Japanese',Rokkitt, sans-selif;
	}
	.en .h1ttl {
		font-family: 'Montserrat', sans-serif;
	}
@media (min-width: 766px) {
	.h1ttl {
		font-size: 36px;
	}
	.en .h1ttl {
		font-size: 48px;
	}
	.h1ttl:after {
		bottom: -30px;
		left: 50%;
		height: 8px;
		width: 100px;
		z-index: 1;
}
}
	.h1ttl {
		font-family: 'Noto Sans Japanese',Rokkitt, sans-selif;
	}
@media (max-width: 767px) {
	.h1ttl {
		font-size: 24px;
	}
	.h1ttl:after {
		bottom: -20px;
		left: 50%;
		height: 5px;
		width: 65px;
}



}/* .h2ttl */
@media (min-width: 766px) {
	.h2ttl {
		font-size: 80px;
		font-weight: bold;
		font-family: 'Montserrat', sans-serif;
		color: #eeeeee;
		text-align:right;
		margin-top: 25px;
	}
}

/* .outline  */
.outline_d {
	border-top: 1px solid #ccc;
	display:flex;
}
.outline_d.map {
	border-top: none;
	border-bottom: 1px solid #ccc;
}
.outline_d .ttl {
	font-weight: bold;
}


.maparea iframe,
.maparea object,
.maparea embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 766px) {
	.outline {
		margin-top: -19px;
	}
	.outline_d {
		font-size:16px;
	}

	.outline_d .ttl {
		padding:30px 0px 30px 80px;
		width:212px;
	}
	.outline_d .dd {
		padding:30px 0px 30px 0px;
	}
	.outline_d.map .dd {
		padding-top: 0;
		width:950px;
	}
	.maparea {
		width: 100%;
	position: relative;
	padding-top: 42.10%;
	height: 0;
	overflow: hidden;
	}

}

@media (max-width: 767px) {
	.outline {
		margin-top: 44px;
	}
	.outline_d {
		font-size:14px;
		line-height: 2.6;
	}
	.outline_d .ttl {
		padding:15px 0px 15px 10px;
		width:92px;
	}
	.outline_d .dd {
		padding:15px 0px 15px 0px;
		width:calc(100% - 92px);
	}
	.outline_d.map .ttl {
		display:none;
	}
	.outline_d.map .dd {
		padding-top: 0;
		width: 100%;
	}
	.maparea {
		width: 100%;
	position: relative;
	padding-top: 100%;
	height: 0;
	overflow: hidden;
	}
}


/* message */
@media (min-width: 766px) {
	.message .for_bg{
		background-image: url(/files/img/company/massage_00.png);
/*		background-position: center center;*/
		background-size: 50px 50px;
		background-repeat:repeat;
		position: relative;
		padding-bottom: 70px;
		    margin-top: 84px;
	}
	.message .for_bg:after {
		content:"";
		display: block;
		width: calc((100% - 1200px )/ 2 );
		height: 100%;
		position: absolute;
		right: 0px;
		    background: #fff;
    top: 0px;
		
	}
	.message .for_bg .h2ttl{
		line-height: 0.75;
    position: relative;
    z-index: 1;
        margin-right: calc((100% - 1200px) / 2 );
	}
	.en.message .for_bg .body{
		padding-top: 60px;
	}
/*	.for_bg {
    background-image: url(/files/img/company/massage_03.png);
    background-position: right 0 center;
    background-size: 10% 100%;
    background-repeat: no-repeat;
	}*/

/*.body {
			background-image: url(/files/img/company/massage_00.png);
			background-position: center center;
			background-size: 50px 50px;
}*/

}


@media (max-width: 767px) {
	.message .for_bg{
		margin-top: 60px;
		padding-right: 15px;
		padding-left: 15px;
		background-image: url(/files/img/company/massage_00.png);
		padding-top: 25px;
    padding-bottom: 100px;
    margin-bottom: 100px;
        background-size: 25px;
	}


}
@media (max-width: 376px) {
	.message .for_bg {
margin-bottom: 80px;
	}
}

@media (max-width: 321px) {
	.message .for_bg {
margin-bottom: 50px;
	}
}

/* ct */
.ct_d .txt span{
	font-weight: bold;
}
	.d_area .ttl:before {
		position: absolute;
		top: 50%;
		left: .0;
		z-index: 2;
		content: '';
		background-color: #ff8800;
		transform: translateY(-45%);
	}
@media (min-width: 766px) {
	.ct {
		display: flex;
		justify-content: space-between;
		margin-top: 36px;
		margin-left: calc((100% - 1200px) / 2 ); 
	}
	.ct .ct_d{
		position: relative;
		z-index: 1;
	}


.ct_d .ttl {
  font-size: 26px;
  line-height: 2.308;
  font-weight: bold;
}
.en .ct_d .ttl {
  font-size: 30px;
  line-height: 2.0;
}
.ct_d .txt {
	margin-top: 40px;
	line-height: 2;
}
.en .ct_d .txt {
	font-size: 16px;
	line-height: 1.875;
}
.en .ct_d .txt a{
	color: #ff8800;
}
.en .ct_d .txt a:hover{
	opacity: .7;
}
.ct_d_2 {
	margin-left: 50px;
	margin-top: 50px;
}

.cap {
	font-size: 16px;
	margin-top: 40px;
	line-height: 1.75;
}

.sign {
	margin-top: 15px;
	width: 201px;
}
.sign img{
	width: 100%;
}

}

@media (max-width: 767px) {

.ct_d .ttl {
  font-size: 18px;
  line-height: 1.944;
  font-weight: bold;
}
.ct_d .txt {
	margin-top: 30px;
	line-height: 2;
}

.ct_d_2 {
	display: flex;
	flex-direction: column-reverse;
/*	    align-items: flex-end;*/
	margin-top: 25px;

}
.info {
	display: flex;
    flex-direction: column;
    align-items: flex-end;	
}

.sign {
	width: 256px;
	margin-top: 14px;
}
.en .sign {
	width: 143px;
}
.ct_d_2 .pic {
	margin-top: 75px;
	    width: 80%;
	        position: relative;
}

.ct_d_2 .pic img {
    position: absolute;
    top: -30px;
}



}


	.d_area .ttl {
		font-weight: bold;
		position: relative;
	}
/*	.d_area .ttl:before {
		content: "■";
		color: #ff8800;
		font-size: 20px;
		position: absolute;
		left: 0;
		top: 15%;
	}
*/
.d_area a:hover {
	color: #ff8800;
/*	text-decoration: underline;*/
}



.d_area .link{
	position: relative;
	display: inline-block;
}
.link:hover {
    color: #ff8800;
	transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
}
.d_area .link:before {
	content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(-45deg);
}
.d_area .icon_06_after {
	position: relative;
}
.d_area .icon_06_after:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/files/img/common/icon_06.png);
    background-repeat: no-repeat;
    background-size: contain;
}
	.d_area .ttl {
  		font-family: 'Noto Sans Japanese',Rokkitt, sans-selif;
	}
	.d_area .txt a{
		color: #ff8800;
	}
	.d_area .txt a:hover{
		opacity: .7;
	}
/*  */
@media (min-width: 766px) {
	.history {
		min-width: 1200px;
		margin: auto;
		padding-top: 55px;
		padding-bottom: 115px;
	}
	.history .inner{
		width: 1200px;
		margin: auto;
		display: flex;

	}
	.d_area {
		width: 50%;
		color: #222;
	}
	.d_area:nth-of-type(2){
		padding-left: 30px;
	}
	.d_area .ttl {
		font-size: 24px;
  		padding: 0 0 0 25px;
	}

	.d_area .ttl:before {
		width: 15px;
		height: 15px;
}

.d_area .txt {
	margin-top: 30px;
	line-height: 2;
}
.d_area .link{
	margin-top: 30px;
	padding-left: 20px;
}


.d_area .link:before {
    border-top: 7px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #ff8800;
    top: 3px;
    left: -4px;
}


.d_area .icon_06_after:after {
    top: 8px;
    right: -13px;
    width: 11px;
    height: 10px;
}

}

@media (max-width: 767px) {
	.history .inner{
		padding-right: 15px;
		padding-left: 15px;
	}

	.d_area .ttl {
		font-size: 18px;
  		padding: 0 0 0 20px;
  		padding-top: 22px;
	}

	.d_area .ttl:before {
		width: 12px;
		height: 12px;
		top: 72%;
}
.d_area .txt {
	margin-top: 15px;
	line-height: 2;
}

.d_area .link{
	margin-top: 15px;
	padding-left: 20px;
}


.d_area .link:before {
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ff8800;
    top: 3px;
    left: -4px;
}
.d_area .icon_06_after:after {
    top: 8px;
    right: -13px;
    width: 11px;
    height: 10px;
}




}