@charset "utf-8";
/* Common */
*{font-family: Meiryo, "Yu Gothic", sans-serif;margin:0;padding:0;box-sizing:border-box;
	quotes:none;text-decoration:none;font-optical-sizing:auto;list-style:none;color:#333333;font-style:normal;}
body{background:url("images/bg.jpg");}
section *{text-shadow: 2px 2px 0 #ffffff;}
br.mb{display:none}
img.mb{display:none}

@media (max-width:1000px){
	br.pc{display:none}
	img.pc{display:none}
	br.mb{display:block;}
	img.mb{display:block;}
}


/* Header */
.CompanyHeader{width:100%;position:fixed;background:#333333;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.3);top:0;z-index:100;}
.CompanyHeader div {width:1000px;margin:0 auto;height:40px;position:relative;}
.CompanyHeader a{position:absolute;left:0;top:10px;width:130px;height:25px;display:block;transition:0.3s;filter:drop-shadow(1px 1px 0px rgba(0, 0, 0, 1));
							 background-image: url("images/logo-stk.png");background-repeat:no-repeat;background-position:left top;background-size:130px;}
.CompanyHeader a:hover{opacity:0.6;}
.CompanyHeader h1{position:absolute;right:0;top:8px;font-size:18px;font-weight:bold;color:#ffffff;text-shadow:1px 1px 0 #000000;}

@media (max-width:1000px){
	.CompanyHeader div{width:95%;}	
}


/* 360 Sale */
.Company360Sale{width:1000px;margin:80px  auto 0;text-align:center;}
.Company360Sale h2{font-size:24px;}
.Company360Sale img{width:100%;margin:30px 0 20px 0;}
.Company360Sale p{font-size:18px;line-height:2.0;}
.Company360Sale p span{background: linear-gradient(transparent 60%, #feec7c 60%);font-weight:bold;}
.Company360Sale p em{font-size:16px;color:#666666;}
.Company360Sale a{display:inline-block;width:280px;margin:30px 0 0 0;}
.Company360Sale a:hover span{opacity:0.6;}
.Company360Sale a span{transition:0.3s;line-height:0;font-weight:bold;padding:25px 0 22px 0;border-radius:5px;display:block;background:#df1615;position:relative;
									font-size:18px;border-width:0 1px 1px 0;border-color:#333333;border-style:solid;text-shadow: 1px 1px 0 #333333;color:#ffffff;}

@media (max-width:1000px){
	.Company360Sale{width:95%;}
	.Company360Sale h2{font-size:20px;}
	.Company360Sale img{width:90%;margin:20px auto;}
	.Company360Sale p{font-size:15px;}
	.Company360Sale p em{font-size:13px;}
	.Company360Sale a{width:250px;}
}


/* Item Slide */
.CompanyItemSlide{width:100%;margin:120px auto 0;overflow:hidden;}
.CompanyItemSlide a{width:200px;margin:10px;border:1px solid #cccccc;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2);background:#ffffff;}
.CompanyItemSlide a:hover img{opacity:0.6;}
.CompanyItemSlide img{width:200px;height:200px; transition:0.3s;}

@media (max-width:1000px){
	.CompanyItemSlide{width:100%;margin:50px auto 0;}
	.CompanyItemSlide a{width:150px;margin:10px;}
	.CompanyItemSlide a:hover img{opacity:0.6;}
	.CompanyItemSlide img{width:150px;height:150px;}
}


/* Story */
.CompanyStory{width:1200px;margin:80px auto 0;text-align:center;}
.CompanyStory h2{font-size:24px;line-height:1.8;background-image:url("images/fukui-motif.png");background-repeat:no-repeat;background-position:center;background-size:800px;padding:20px 0;}
.CompanyStory h2 span{font-size:20px;color:#f00000;display:block;margin:0 0 20px 0;}
.CompanyStory div img{margin:20px 0 0 0;width:100%;}
.CompanyStory div p{font-size:18px;line-height:2.0;margin:20px 0 0 0;}
.CompanyStory p span{background: linear-gradient(transparent 60%, #feec7c 60%);font-weight:bold;}
.CompanyStory ul{font-size:0;}
.CompanyStory li{width:450px;display:inline-block;text-align:left;margin:40px 40px 0 0;}
.CompanyStory li:nth-child(2n){margin:40px 0 0 0;}
.CompanyStory li img{display:inline-block;width:80px;vertical-align:middle;border-width:0 3px 3px 0;border-style:solid;}
.CompanyStory li:nth-child(1) img{background:#0077cc;border-color:#0077cc;}
.CompanyStory li:nth-child(2) img{background:#00cd9d;border-color:#00cd9d;}
.CompanyStory li:nth-child(3) img{background:#df1615;border-color:#df1615;}
.CompanyStory li:nth-child(4) img{background:#ffa4aa;border-color:#ffa4aa;}
.CompanyStory li p{font-size:16px;display:inline-block;width:360px;vertical-align:middle;margin:20px 0 0 10px;font-weight:bold;color:#444444;}

@media (max-width:1200px){
	.CompanyStory{width:100%;}
}
@media (max-width:1000px){
	.CompanyStory h2{font-size:20px;line-height:1.8;background-size:95%;padding:20px 0;}
	.CompanyStory h2 span{font-size:16px;color:#f00000;display:block;margin:0 0 20px 0;}
	.CompanyStory div img{margin:20px auto ;width:95%;}
	.CompanyStory div p{font-size:15px;margin:20px auto 0;width:95%;}
	.CompanyStory ul{width:90%;margin:40px auto 0;}
	.CompanyStory li{width:100%;display:block;margin:15px 0 0 0;border-bottom:1px dotted #cccccc;padding:0 0 20px 0;}
	.CompanyStory li:nth-child(2n){margin:15px 0 0 0;}
	.CompanyStory li:nth-child(4){border-bottom:none;}
	.CompanyStory li img{width:60px;border-width:0 2px 2px 0;}
	.CompanyStory li p{font-size:15px;float:right;width: calc(100% - 70px);margin:8px 0 0 0;}
}


/* Staff Member */
.CompanyStaffMember{width:1000px;margin:120px auto 0;text-align:center;}
.CompanyStaffMember h2{font-size:24px;}
.CompanyStaffMember ul{font-size:0;text-align:center;margin:30px 0 0 0;}
.CompanyStaffMember li{width:180px;display:inline-block;margin:0 25px 0 0;vertical-align:top;}
.CompanyStaffMember li:nth-child(5){margin:0;}
.CompanyStaffMember li img{width:150px;}
.CompanyStaffMember li h3{font-size:18px;}
.CompanyStaffMember li h3 span{background: linear-gradient(transparent 60%, #cccccc 60%);font-weight:bold;padding:0 10px}
.CompanyStaffMember li p{font-size:13px;text-align:justify;line-height:1.5;margin:10px 0 0 0;}

@media (max-width:1000px){
	.CompanyStaffMember{width:95%;margin:80px auto 0;}
	.CompanyStaffMember h2{font-size:18px;}
	.CompanyStaffMember ul{font-size:0;text-align:center;margin:30px 0 0 0;}
	.CompanyStaffMember li{width:130px;display:inline-block;margin:10px 10px 0 0;vertical-align:top;}
	.CompanyStaffMember li:nth-child(5){margin:10px 0 0 0;}
	.CompanyStaffMember li img{width:120px;}
	.CompanyStaffMember li h3{font-size:16px;}
	.CompanyStaffMember li p{font-size:12px;}
}


/* LinksBt */
.CompanyLinkBt{width:700px;margin:60px auto 0;text-align:center;}
.CompanyLinkBt a{display:inline-block;width:280px;margin:0 20px;}
.CompanyLinkBt a:hover span{opacity:0.6;}
.CompanyLinkBt a span{transition:0.3s;line-height:0;font-weight:bold;padding:25px 0 22px 0;border-radius:5px;display:block;
									font-size:18px;border-width:0 1px 1px 0;border-color:#333333;border-style:solid;text-shadow: 1px 1px 0 #333333;}
.CompanyLinkBt em{font-size:14px;color:#666666;}
.CompanyLinkBt .LineAccount span{background:#58b665;color:#ffffff;}
.CompanyLinkBt .SuperFAQ span{background:#fbf5ec;color:#3d3a39;border-color:#666666;text-shadow: 1px 1px 0 #ffffff;}
.CompanyLinkBt .PageTOP span{background:#3e3a39;color:#ffffff;}
.CompanyLinkBt .StoreTOP span{background:#f00000;color:#ffffff;}

@media (max-width:1000px){
	.CompanyLinkBt{width:100%;}
	.CompanyLinkBt a{display:block;width:250px;margin:20px auto 0;}
}


/* Director Message */
.CompanyDirectorMessage{width:900px;margin:120px auto 0;position:relative;}
.CompanyDirectorMessage div{width:650px;position:absolute;right:0;}
.CompanyDirectorMessage h2{font-size:20px;border-bottom:1px dotted #cccccc;padding:0 0 10px 0;margin:0 0 20px 0;}
.CompanyDirectorMessage p{font-size:15px;line-height:2.0;}
.CompanyDirectorMessage h3{font-size:17px;}
.CompanyDirectorMessage img{width:230px;}

@media (max-width:1000px){
	.CompanyDirectorMessage{width:90%;margin:80px auto 0;}
	.CompanyDirectorMessage div{width:100%;position:static;}
	.CompanyDirectorMessage h2{font-size:18px;text-align:center;padding:0 0 5px 0;margin:0 0 10px 0;}
	.CompanyDirectorMessage p{font-size:13px;line-height:2.0;}
	.CompanyDirectorMessage h3{font-size:15px;text-align:center;}
	.CompanyDirectorMessage img{width:180px;display:block;margin:20px auto 10px;}
}


/* Company History*/
.CompanyHistory{width:900px;margin:80px auto 0;font-size:15px;line-height:1.6;border-collapse:collapse;border-top:1px solid #cccccc;}
.CompanyHistory th{text-align:left;width:200px;padding:12px 0 8px 0;border-bottom:1px solid #cccccc;text-indent:5px;color:#444444;}
.CompanyHistory td{border-bottom:1px solid #cccccc;padding:12px 0 8px 0;}
.CompanyHistory .CompanyHistoryAwardYear{font-size:14px;padding:15px 0 10px 0;width:80px;font-weight:bold;}
.CompanyHistory .CompanyHistoryAwardName{font-size:14px;padding:15px 0 10px 0;}

@media (max-width:1000px){
	.CompanyHistory{width:90%;margin:60px auto 0;font-size:13px;line-height:1.6;border-top:none;}
	.CompanyHistory th{display:block;width:100%;padding:8px 0 4px 0;border-bottom:none;background:#eeeeee;}
	.CompanyHistory td{display:block;width:100%;border-bottom:none;padding:8px 0 12px 0;}
	.CompanyHistory .CompanyHistoryAwardYear{font-size:13px;padding:15px 0 0 0;width:auto;display:block;}
	.CompanyHistory .CompanyHistoryAwardName{font-size:13px;padding:5px 0 5px 0;display:block;border-bottom:1px dotted #cccccc;}
}


/* Copyright */
.CompanyCopyright{padding:40px 0 20px 0;text-align:center;font-size:12px;}

@media (max-width:1000px){
	.CompanyCopyright{padding:30px 0 20px 0;text-align:center;font-size:10px;}
}


/* Floating Pagetop Bt */
.FloatingPageTopBt{position:fixed;width:60px;padding:2px 0 15px 0;background:#3D3A39;text-align:center;border:1px solid #ffffff;transition:0.3s;
							 bottom:30px;right:-100px;line-height:0;display:block;border-radius:10px;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.6);}
.FloatingPageTopBt.Active{right:30px;}
.FloatingPageTopBt img{width:40px;margin:0 0 5px 0;transition:0.3s;filter:drop-shadow(1px 1px 0px rgba(0, 0, 0, 1));}
.FloatingPageTopBt span{font-size:10px;font-weight:bold;color:#ffffff;text-shadow:1px 1px 0 #000000;transition:0.3s;}
.FloatingPageTopBt:hover img,.FloatingPageTopBt:hover span{opacity:0.6;}

@media (max-width:1000px){
	.FloatingPageTopBt{width:50px;padding:2px 0 10px 0;bottom:20px;border-radius:8px;}
	.FloatingPageTopBt.Active{right:20px;}
	.FloatingPageTopBt img{width:30px;}
	.FloatingPageTopBt span{font-size:8px;}
}

/* SchooLog Skin */
	body.Scl .CompanyHeader{background:#00AFD0;}
	body.Scl .CompanyHeader a{background-image: url("images/logo-scl.png");filter:drop-shadow(1px 1px 0px rgba(3, 103, 137, 1));}
	body.Scl .CompanyHeader h1{text-shadow:1px 1px 0 #036789;}
	body.Scl .CompanyLinkBt .StoreTOP span{background:#00AFD0;}
	body.Scl .FloatingPageTopBt{background:#00AFD0;}
	body.Scl .FloatingPageTopBt img{filter:drop-shadow(1px 1px 0px rgba(3, 103, 137, 1));}
	body.Scl .FloatingPageTopBt span{text-shadow:1px 1px 0 #036789;}