@charset "utf-8";
@import url('common.css');
@import url('amime.css');
@import url('slick-theme.css');
@import url('slick.css');


/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
TOP PAGE
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/



/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
PCページレイアウト
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */


@media all and (min-width: 1025px) {


/* visu */


#pageTitle{
	background:url(../images/visu_company.jpg) no-repeat center 50%;
	background-size: cover;
}







/* company01 */

#company01{
	position: relative;
	width:90%;
	max-width:960px;
	margin:0 auto 0 auto;
	padding:100px 0 0 0;
	z-index:1;
}

#company01 h2{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-26);
	font-weight:600;
	line-height:1.8;
	font-family: "Klee One", cursive;
}




/* company02 */


#company02{
	position: relative;
	width:90%;
	max-width:960px;
	margin:0 auto 0 auto;
	padding:100px 0 0 0;
}



/* company03 */


#company03{
	position: relative;
	width:90%;
	max-width:960px;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	display: flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
	list-style-type:none;
	flex-direction:row-reverse;
}

#company03 table{
	width:100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
}

#company03 table th{
	width:12vw;
	margin:0;
	padding:20px 0;
	border-bottom:1px solid var(--color-Ged);
	font-size:var(--font-15);
	font-weight:500;
	line-height:1.8;
	letter-spacing: 1px;
	text-align: left;
}

#company03 table td{
	margin:0;
	padding:20px 0 20px 20px;
	border-bottom:1px solid var(--color-Ged);
	font-size:var(--font-16);
	font-weight:400;
	line-height:1.8;
	letter-spacing: 1px;
	text-align: left;
}

#company03 table td ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

#company03 table td ul li{
	display:block;
	margin:0 0 0 0;
	padding:12px 0 12px 0;
	border-bottom:1px solid var(--color-Gf5);
	font-weight:400;
	line-height:1.4;
}

#company03 table td ul li:last-of-type{
	border-bottom:none;
}

#company03 table td ul li span{
	position: relative;
	display:inline-block;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	font-size:var(--font-12);
	font-weight:400;
	line-height:1.4;
	color:var(--color-G66);
	border-left:1px solid var(--color-Gcc);
}

#company03 table td ul li a{
	position: relative;
	margin:0 0 0 0;
	padding:0 25px 0 0;
	color:var(--color-BLU);
}

#company03 table td ul li a:hover{
	color:var(--color-G99);
}

#company03 table td ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	right: 0;
	width:13px;
	height:13px;
	margin:-2px 0 0 0;
	padding:0 0 0 0;
	background:url(../images/icon_outlink.png) no-repeat right 50%;
	background-size: 13px 13px;
}




/* company04 */


#company04{
	position: relative;
	width:90%;
	max-width:960px;
	margin:100px auto 150px auto;
	padding:0 0 0 0;
	display: flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	list-style-type:none;
	background:var(--color-Gf5);
}



#company04 div.ph{
	width:calc(520px / 960px *100%);
	max-width:520px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	font-size:0;
}

#company04 div.txt{
	width:calc(440px / 960px *100%);
	max-width:440px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align: left;
}

#company04 div.txt h3{
	display:block;
	position: relative;
	margin:0 0 0 0;
	padding:0 0 0 50px;
	font-size:var(--font-16);
	font-weight:500;
	line-height:1.5;
	letter-spacing: 1px;
}

#company04 div.txt p{
	display:block;
	position: relative;
	margin:20px 0 0 0;
	padding:0 0 0 50px;
	font-size:var(--font-15);
	font-weight:400;
	line-height:2;
	letter-spacing: 1px;
}


#company04 div.btn{
	display:block;
	position: relative;
	margin:20px 0 0 50px;
	padding:0 0 0 0;
}

#company04 div.btn a{
	display: inline-block;
	margin:10px auto 0 auto;
	padding:8px 50px 8px 50px;
	font-size:var(--font-14);
	font-weight:500;
	line-height:1.7;
	letter-spacing: 1px;
	color:var(--color-WH);
	background:var(--color-BL);
}

#company04 div.btn a:hover{
	background:var(--color-G99);
}


}













/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
SPページレイアウト
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

@media all and (max-width: 1024px) {

/* visu */


#pageTitle{
	background:url(../images/visu_company.jpg) no-repeat center 50%;
	background-size: cover;
}






/* company01 */

#company01{
	position: relative;
	width:86%;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	z-index:1;
}

#company01 h2{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-18);
	font-weight:600;
	line-height:1.5;
	font-family: "Klee One", cursive;
}




/* company02 */


#company02{
	position: relative;
	width:86%;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	z-index:1;
}



/* company03 */


#company03{
	position: relative;
	width:86%;
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
}

#company03 table{
	width:100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
}

#company03 table th{
	display:block;
	margin:0;
	padding:15px 0 5px 0;
	font-size:var(--font-14);
	font-weight:500;
	line-height:1.8;
	letter-spacing: 1px;
	text-align: left;
}

#company03 table td{
	display:block;
	margin:0;
	padding:0 0 15px 0;
	border-bottom:1px solid var(--color-Ged);
	font-size:var(--font-14);
	font-weight:400;
	line-height:1.8;
	letter-spacing: 1px;
	text-align: left;
}


#company03 table td ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}

#company03 table td ul li{
	display:block;
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	border-bottom:1px solid var(--color-Gf5);
	font-weight:400;
	line-height:1.4;
}

#company03 table td ul li:last-of-type{
	border-bottom:none;
}

#company03 table td ul li span{
	position: relative;
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-11);
	font-weight:400;
	line-height:1.4;
	color:var(--color-G66);
}

#company03 table td ul li a{
	position: relative;
	margin:0 0 0 0;
	padding:0 20px 0 0;
	color:var(--color-BLU);
}

#company03 table td ul li a:hover{
	color:var(--color-G99);
}

#company03 table td ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	right: 0;
	width:13px;
	height:13px;
	margin:-3px 0 0 0;
	padding:0 0 0 0;
	background:url(../images/icon_outlink.png) no-repeat right 50%;
	background-size: 13px 13px;
}


/* company04 */


#company04{
	position: relative;
	width:100%;
	margin:50px auto 0 auto;
	padding:0 0 80px 0;
	background:var(--color-Gf5);
}



#company04 div.ph{
	width:86%;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	font-size:0;
}

#company04 div.ph img{
	width:100%;
}

#company04 div.txt{
	width:86%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align: left;
}

#company04 div.txt h3{
	display:block;
	position: relative;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-16);
	font-weight:500;
	line-height:1.5;
	letter-spacing: 1px;
}

#company04 div.txt p{
	display:block;
	position: relative;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-13);
	font-weight:400;
	line-height:1.8;
	letter-spacing: 1px;
}


#company04 div.btn{
	display:block;
	position: relative;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
}

#company04 div.btn a{
	display:block;
	width:86%;
	max-width:200px;
	margin:10px auto 0 auto;
	padding:8px 0 8px 0;
	font-size:var(--font-14);
	font-weight:500;
	line-height:1.7;
	letter-spacing: 1px;
	color:var(--color-WH);
	background:var(--color-BL);
	text-align:center;
}

#company04 div.btn a:hover{
	background:var(--color-G99);
}


}