@charset "utf-8";
/* CSS Document */

/*==============共通==================*/
html { 
	font-size: 1.2vw;
}
@media screen and (min-width:1367px){
	html{
		font-size: 1rem;
	}
}

body{
	color:#2e2e2e;
	background: -webkit-gradient(linear,center top, center bottom,from(rgba(255,255,255,0)),to(#fff)),url(../img/body-bg.jpg);
	background: -moz-linear-gradient(top,  
            rgba(255,255,255,0),#fff),url(../img/body-bg.jpg);
	background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%),url(../img/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	border-top: 4.5px #41a9f1 solid;
	position: relative;
}

body:after{
	position: absolute;
	content: '';
	border: 3px solid #C9E8F1;
	top: 0;
	width: 99.55%;
}

@media screen and (max-width:599px){
	body{
		border: none;
	}
	body:after{
		display: none;
	}
}

@media screen and (min-width: 600px) and (max-width: 959px){
	body{
		background-image: none;
	}
}

@media screen and (max-width:599px){
	body{
		background-image: none;
	}
}

#wrap{
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
}

@media screen and (min-width: 600px) and (max-width:959px){
	#wrap{
	width: 95%;
	margin: 0 auto;
}
}

@media screen and (max-width:599px){
	#wrap{
	width: 100%;
	margin: 0 auto;
	}
}
	
body a{
	text-decoration: ;　 /*noneを消しました(20220214)*/
	color: #666;
}

img{
	margin: 0;
}

header{
	border-bottom: 5px #41a9f1 solid;
	padding-top: 0.2rem;
}

#header{
	margin: 1.5% auto 1.5%;
	overflow: hidden;
	position: relative;
	padding-top: 1%;
}

@media (max-width:599px){
	#header{
		height: 100%;
	}
	#header h1{
		width: 70%;
	}
}

h1{
	float: left;
	width: 50%;
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 1%;
}

h1 img{
	margin-bottom: 2%;
}

header ul{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 49%;
	width: 100%;
	padding-top: 0.5%;
}

header li{
	float: left;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.4%;
}

@media screen and (min-width: 600px) and (max-width:959px){
	header ul{
		position: absolute;
		bottom: 15%;
		left: 60%;
	}
	
	header li{
		padding-right: 0.5%;
	}
}

@media (max-width:700px){
	header ul{
		left: 50%;
	}
}

@media screen and (max-width:599px){
	header ul{
		display: none;
	}
}

header li:last-child{
	padding-right: 0;
}

.icon-home,.icon-office,.icon-briefcase,.icon-display,.icon-smile,.icon-mail2,.icon-bubbles2{
	display: block;
	font-size: 2rem;
	padding-bottom: 0.9rem;
}

.g-nav{
	padding: 0.2rem 0.4rem 0rem 0.5rem;
	border-radius: 5px;
}

header ul li a{
	color: #ccc;
}

header ul li a:hover{
	color: #42a7f0;
	transition: 0.5s;
}

header ul li a :hover+.g-nav{
	background-color: #42a7f0;
	color: #fff;
	transition: 0.5s;
}

header ul li a .g-nav:hover{
	background-color: #42a7f0;
	color: #fff;
	transition: 0.5s;
}

#first-view{
	border-bottom: 4px #41a9f1 solid;
	height: 100%;
	position: relative;
}

#first-view img{
	display: block;
}

#first-view h2{
	position: absolute;
	top: 0;
	left: 0;
}

h2{
	text-align: left;
	font-size: 2rem;
	font-family:"HG丸ｺﾞｼｯｸM-PRO"," sans-serif";
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	padding: 1.5% 5%;
	color: #666;
}

h3{
	text-align: center;
	padding-top: 2%;
	font-size: 1.2rem;
}

.fixed{
	position:fixed;
	bottom: 5%;
	right: 2%;
	font-weight: bold;
	background-color: #fac50c;
	color: #fff;
	padding: 5px 8px 5px 5px;
	box-shadow: 0 0 0 3px #fff, 0 0 0 4px #fac50c;
	border-radius: 5px;
}

.fixed a{
	color: #fff;
}

@media screen and (max-width:599px){
	.fixed{
		display: none;
		}
}

.blinking{
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.kuwasiku{
	display: block;
	width: 115px;
	margin-left: auto;
	margin-right: 1rem;
}

.kuwasiku a{
	background-color: #fac50c;
	color: #fff;
	padding: 3px 2px 4px;
	font-weight: bold;
	font-size: 10px;
	width: 100%;
	border: 1px #ccc solid;
	border-radius: 5px;
	margin-top: 0.5rem;
	display: inline;
	margin-right: 0;
}

.kuwasiku a:hover,a[class="kuwasiku"]:hover{
	box-shadow:1px 1px 1px 1px #7698a8;
-moz-box-shadow:1px 1px 1px 1px #7698a8;
-webkit-box-shadow:1px 1px 1px 1px #7698a8;
}

.kuwasiku a:after,a[class="kuwasiku"]:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 2px;
	margin-left: 5px;
	border: transparent 6px solid;
	border-left-color: #fff;
}

footer{
	clear: both;
}

footer img{
	margin-top: 1.5%;
}

footer ul{
	overflow: hidden;
	margin-top: 1.5rem;
	width: 55%;
}

footer li{
	float: left;
	text-align: center;
	padding-top: 0.1rem;
	padding-bottom: 0.7rem;
	padding-right: 0.8rem;
}

footer li a:hover{
	color: #41a9f1;
}

footer small{
	clear: both;
	display: block;
	padding: 1% 0;
	width: 100%;
	background-color: #94dfff;
	color: #00468c;
}

footer p small{
	width: 100%;
	text-align: center;
}

footer{
	font-size: 0.8rem;
	border-top: 15px #94dfff solid;
	background-color: #fff;
}

footer img,footer ul{
	float: left;
	margin-left: 7%;
	margin-bottom: 1%;
}

#footer{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#footer ul{
		width: 68%;
		margin-left: 0;
	}
	#footer img{
		margin-left: 0.5rem;
		margin-top: 1rem;
	}
}

@media screen and (max-width: 599px){
	footer ul{
		display: none;
	}
	footer img{
		float: none;
		display: block;
		width: 100%;
		margin: 0 auto;
	}
		footer a{
		float: none;
		display: block;
		width: 50%;
		margin: 1% auto;
	}
}

#top header ul #gnav-01 .icon-home{
	color: #42a7f0;
}

#top header ul #gnav-01 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

#about header ul #gnav-02 .icon-office{
	color: #42a7f0;
}

#about header ul #gnav-02 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

#works header ul #gnav-03 .icon-briefcase,#erp header ul #gnav-03 .icon-briefcase{
	color: #42a7f0;
}

#works header ul #gnav-03 .g-nav,#erp header ul #gnav-03 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

#recruit header ul #gnav-05 .icon-smile{
	color: #42a7f0;
}

#recruit header ul #gnav-05 .g-nav,#newgraduate-requirements header ul #gnav-05 .g-nav,#mid-career header ul #gnav-05 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

#diary header ul #gnav-04 .icon-bubbles2{
	color: #42a7f0;
}

#diary header ul #gnav-04 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

#mail-contact header ul #gnav-06 .icon-mail2{
	color: #42a7f0;
}

#mail-contact header ul #gnav-06 .g-nav{
	color: #fff;
	background-color: #42a7f0;
}

/*==================TOP====================*/

#top #first-view h2{
	font-size: 1.5rem;
	color: #42a7f0;
	display: inline-block;
	padding-bottom: 0;
}

#top #first-view h2:after{
	content: "Flexible thinking to meet expectations.";
	display: block;
	border-top: 3px #42a7f0 dotted;
	font-size: 0.8rem;
	line-height: 130%;
}

#service{
	background-image: url(../img/service-bg.jpg);
	border-top: 2px #6299f4 solid;
}

#service h3:before{
	content: "service";
	display: block;
	color: #155203;
	margin-bottom: 3px;
	font-size: 95%;
}

#service h4{
	font-size: 80%;
	text-align: center;
	margin-bottom: 1rem;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	#service h4{
	font-size: 1.2rem;
}
}

@media screen and (max-width:599px){
	#service h4{
	font-size: 1.2rem;
}
}


#service-menu{
	width: 100%;
	margin: 1rem auto 0;
	overflow: hidden;
}

.service-menu{
	width: 30%;
	float: left;
	margin-left: 2.7%;
	padding-bottom: 3%;
}

@media screen and (max-width: 599px){
	.service-menu{
		width: 31%;
		margin-left: 2.2%;
	}
}

.service-menu img{
	display: block;
	margin: 1rem auto 0.5rem;
}

.service-menu h4+p{
	font-size: 0.8rem;
	line-height: 150%;
	margin-bottom: 5%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.service-menu h4+p{
	font-size: 1.3rem;
	}
}

@media screen and (max-width: 599px){
	.service-menu h4+p{
		font-size: 9px;
		line-height: 120%;
	}
}

#news{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3%;
	overflow: hidden;
}

#news h3{
	text-align: left;
	float: left;
	width: 17%;
}

#news dl{
	overflow: hidden;
	font-weight: bold;
	width: 65%;
	margin: 4% auto 1%;
	position: relative;
}

#news dt{
	float: left;
	padding-top: 1.5%;
	padding-right: 2px;
	padding-bottom: 1%;
	width: 34%;
}

#news dd{
	float: left;
	padding-top: 1.5%;
	padding-bottom: 2%;
	box-sizing: border-box;
	width: 50%;
}

#news dd:after{
	content:"";
	display: block;
	width: 550px;
	margin-top: 0.5%;
	border-bottom: #666 1px dotted;
	position: absolute;
	left: 0;
}


#news .renewal:after{
	content:"ニュース";
	display: inline;
	background-color: #006ca3;
	color: #fff;
	font-size: 80%;
	padding: 2px 4px;
	margin-left: 2%;
}

#news .news:after{
	content:"お知らせ";
	display: inline;
	background-color: mediumseagreen;
	color: #fff;
	font-size: 80%;
	padding: 2px 4px;
	margin-left: 2%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	#news dl{
		width: 70%;
	}
	#news dd{
		width: 50%;
	}
}

@media screen and (max-width:599px){
	#news{
		width: 90%;
	}
	#news dl{
		width: 90%;
		font-size: 1.5rem;
	}
	#news dd{
		width: 50%;
	}
}

@media screen and (max-width:434px){
	#news dd{
		width: 50vw;
	}
}

/*#news .kuwasiku{
	margin-left: 70%;
	background-color: #9b9ea4;
}

#news .kuwasiku:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 2px;
	margin-left: 5px;
	border: transparent 6px solid;
	border-left-color: #000;
}*/

#service-kintai{
	width: 100%;
	margin: 0 auto;
	border-top: 3px solid  #42a7f0;
	padding-bottom: 1rem;
	background:linear-gradient(to bottom, #fff, #fff,#fff, #CBE6F3);
}

#service-kintai h3:before{
	content: "solution";
	display: block;
	color: darkviolet;
	margin-bottom: 3px;
	font-size: 90%;
}

#service-kintai img{
	display: block;
	margin: 0 auto;
}

#service-kintai img+p{
	font-size: 0.8rem;
	line-height: 150%;
	width: 55%;
	margin: 0 auto 0.5rem;
}


#company:before{
	content: "";
	display: block;
	height: 6px;
	background:
		-webkit-gradient(
			linear, left top, right bottom, from(#f89fbc), to(#a4b4ef)
		);
	background:
		-moz-linear-gradient(
			left, #f89fbc, #a4b4ef
		);
	background:linear-gradient(
		left, #f89fbc, #a4b4ef
	);
	background: -ms-linear-gradient(left, #f89fbc 0%, #a4b4ef 100%); /* IE10+ */
}

#company:after{
	content: "";
	display: block;
	height: 3px;
	background:
		-webkit-gradient(
			linear, left top, right bottom, from(#f89fbc), to(#a4b4ef)
		);
	background:
		-moz-linear-gradient(
			left, #f89fbc, #a4b4ef
		);
	background:linear-gradient(
		left, #f89fbc, #a4b4ef
	);
	background: -ms-linear-gradient(left, #f89fbc 0%, #a4b4ef 100%); /* IE10+ */
}

#company h3{
	padding: 2rem 1rem; 
	font-size: 1.2rem;
}

#company h3:before{
	content:"COMPANY";
	display: block;
	color: #4A6BE8;
	margin-bottom: 3px;
	font-size: 0.8rem;
}

#company ul{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#company li{
	float: left;
	margin-bottom: 3%;
}

#company li{
	font-size: 2rem;
	width: 100%;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 1%;
}

#company li span{
	font-size: 30%;
	width: 100%;
	color: #666;
	text-align: center;
	float: left;
	margin-bottom: 2%;
}

#company li a{
	color: #276ab4;
}

#company li:nth-child(odd){
	width: 25%;
	display: inline-block;
	border-radius: 8px;
	margin-right: 3%;
}

#company li:nth-child(odd):hover{
	box-shadow: 1px 1px 3px #666;
}

#company ul li:nth-child(even){
	width: 72%;
}

#company #sendai{
	background-image: url(../img/sendai-b.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	padding-top: 1%;
	text-shadow: 1px 1px 0 #fff;
}

#company #toukyou{
	background-image: url(../img/tokyou-b.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	padding-top: 1%;
	text-shadow: 1px 1px 0 #fff;
}

#company #kasiwa{
	background-image: url(../img/kasiwa-b.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	padding-top: 1%;
	padding-bottom: 1%;
	text-shadow: 1px 1px 0 #fff;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#company #sendai span,#company #toukyou span,#company #kasiwa span{
		display: none;
	}
	
	#company #kasiwa{
		padding-bottom: 0;
	}
	
	#company #sendai,#company #toukyou,#company #kasiwa{
		font-size: 15px;
	}
}

@media screen and (max-width:599px){
	#company #sendai span,#company #toukyou span,#company #kasiwa span{
		display: none;
	}
	#company #kasiwa{
		padding-bottom: 0;
	}
	
	#company #sendai,#company #toukyou,#company #kasiwa{
		font-size: 15px;
		padding: 1% 0 1%;
	}
}
/*===============会社MAP(202204中村作成)===============*/

#company div{
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

/*事業所場所見出し*/
#company h4{
    border-left: 4px solid #4A6BE8;
	font-size: 1.2rem;
	color: ;
	margin-top: 5%;
	margin-bottom: 3%;
	padding: 0.5rem 0 0.5rem 1rem;
}


/*住所*/
#company p{
   padding-left: 1.5rem;
   font-size: 0.8rem;
   text-align: left;
   line-height: 150%;
   margin-bottom: 5%;
}

.sendai_access{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px #ddd solid;
    }
    
.kashiwa_access{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px #ddd solid;
    }
    
.toukyou_access{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
    }

@media screen and (min-width: 600px) and (max-width: 959px){
	#company .sendai_access,.kashiwa_access,.toukyou_access{
		display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
    }
	#company h4+p{
		font-size: 1.2rem;
	    line-height: 140%;
	}
	#company .sendai_map iframe,.kashiwa_map iframe ,.toukyou_map iframe {
		width:100%;
        height: 100%;
        }
}

@media screen and (max-width:599px){
    #company .sendai_access,.kashiwa_access,.toukyou_access{
		display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
    }
    #company h4+p{
		font-size: 1.2rem;
	    line-height: 140%;
	}
	#company .sendai_map iframe,.kashiwa_map iframe,.toukyou_map iframe{
	    width:100%;
        height: 100%;
        }
}

/*===============ここまで================*/

#privacy{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}

#privacy h3{
	font-size: 1.5rem;
	margin-top: 5%;
	padding-bottom: 2%;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

#privacy h3:before{
	content:"Privacy Policy";
	display: block;
	color: #008c69;
	font-size: 0.8rem;
	text-indent: -13rem;
	margin-bottom: 1%;
}

#privacy h4{
	font-size: 1.5rem;
	color: #008c69;
	margin-bottom: 3%;
}

.privacy{
	width: 46%;
	float: left;
	margin: 3% 0 3% 4%;
}

.privacy h4+p,.privacy:last-child p{
	font-size: 80%;
	line-height: 120%;
}

@media screen and (max-width:599px){
	.privacy h4+p,.privacy:last-child p{
	font-size: 1.2rem;
	line-height: 140%;
}
}

/*===============会社案内================*/

#about #first-view{
	background: linear-gradient(90deg, #d8edf7, #fff);
	height: 100%;
}

#container h3{
	font-size: 1.3rem;
	border-bottom: 2px #41a9f1 solid;
	width: 100%;
}

@media screen and (max-width:599px){
	#container h3{
	font-size: 2rem;
	}
}

#container #comment{
	width: 50%;
	margin-left: 3%;
	float: right;
}

#greeting{
	overflow: hidden;
	width: 90%;
	margin: 0 auto 1rem;
	padding-bottom: 1%;
	padding-top: 5%;
}

#greeting h3{
	text-align: left;
	padding-bottom: 1%;
	width: 95%;
	margin: 0 auto;
}

#greeting img{
	float: left;
	box-shadow: 8px 8px 5px #666;
	margin-left: 2%;
	margin-top: 2%;
}

#greeting #comment p{
	padding: 2%;
	line-height: 180%;
	font-size: 82%;
}

#greeting #comment p span{
	display: inline-block;
	font-size: 135%;
	margin-right: 5%;
	padding-top: 3%;
	float: right;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	#container #comment,#greeting img{
		float: none;
	}
	#container #comment{
		width: 100%;
	}
	#greeting #comment p{
	line-height: 120%;
	}
	
	#greeting img{
		display: block;
		margin: 0 auto;
	}
	#greeting #comment p span{
		float: none;
		width: 100%;
		margin: 0;
		text-align: right;
	}
	#greeting{
		overflow: visible;
	}
}

@media screen and (max-width:599px){
	#container #comment,#greeting img{
		float: none;
	}
	#container #comment{
		width: 100%;
	}
	#greeting #comment p{
		line-height: 120%;
		font-size: 1.5rem;
	}
	
	#greeting img{
		display: block;
		margin: 0 auto;
	}
	#greeting #comment p span{
		float: none;
		width: 100%;
		margin: 0;
		text-align: right;
	}
	#greeting{
		overflow: visible;
	}
}

#about #first-view+ul{
	overflow: hidden;
	width: 100%;
	margin: 1rem auto;
	text-align: center;
}

#about #first-view+ul li{
	float: left;
	width: 30%;
	height: 100%;
	font-size: 110%;
	border: 1px #ccc solid;
	margin-right: 2.5%;
	padding: 1.5% 0;
	border-radius: 8px;	
	display: table;
}

@media screen and (max-width:599px){
	#about #first-view+ul li{
		font-size: 1.2rem;
	}
}

#about #first-view+ul li:first-child{
	margin-left: 2.5%;
}

#about #first-view+ul li a{
	display: table-cell;
	vertical-align: middle;
}

#about #first-view+ul a:hover{
	text-shadow: 1px 1px 3px #666;
}

#about #first-view+ul #about-nav04{
	margin-right: 0;
}

#about-nav01{
	background-image: url(../img/company-banner-01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#about-nav02{
	background-image: url(../img/company-banner-02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#about-nav04{
	background-image: url(../img/company-banner-04.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

#company-overview{
	border-top: 3px #41a9f1 solid;
	border-bottom: 3px #41a9f1 solid;
}

#company-overview h3:before{
	content: "company overview";
	display: block;
	color: #1BA466;
	margin-bottom: 3px;
	font-size: 0.8em;
}

#company-history h3:before{
	content: "company history";
	display: block;
	color: #D04255;
	margin-bottom: 3px;
	font-size: 0.8em;
}

#corporate-group h3:before{
	content: "corporate group";
	display: block;
	color: #F0BA32;
	margin-bottom: 3px;
	font-size: 0.8em;
}

#company-overview table{
	margin: 2% auto;
	width: 80%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	#company-overview table{
		width: 80%;
	}
	#company-overview table th{
		width: 60px;
	}
}

@media screen and (max-width: 599px){
	#company-overview table{
		width: 99%;
	}
	#company-overview table th{
		width: 60px;
	}
}

#company-overview table th{
	vertical-align: middle;
}

#company-overview table,#company-overview table th,#company-overview table td:not(.address){
	border: 1px #ccc solid;
}

#company-overview table th,#company-overview table td{
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
}

#about table .kuwasiku{
	width: 45px;
	background-color:  #fac50c;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border: 1px #ccc solid;
	border-radius: 5px;
	margin-top: 0.5rem;
	display: block;
	padding: 1px 1px 3px 3px;
}

@media screen and (max-width: 599px){
	#company-overview table th,#company-overview table td{
		font-size: 1.2rem;
	}
}

#company-overview table th,#company-overview table td a{
	padding: 0.5%;
}

#about table .kuwasiku{
	width: 45px;
}

#company-history{
	padding-bottom:3%;
}	

#company-history h3{
	padding: 1rem 0;
	margin: 1rem 0;
	background-color: #bae4f4;
}

#company-history table{
	width: 80%;
	margin: 0 auto;
	font-size: 0.8rem;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#company-history table{
		width: 80%;
	}
	#company-history table tr td:first-child{
		width: 70px;
	}
}

@media screen and (max-width: 599px){
	#company-history table{
		width: 99%;
		font-size: 1.2rem;
	}
	#company-history table tr td:first-child{
		width: 65px;
	}
}

#company-history table,#company-history tr,#company-history td{
	padding: 0.5rem 1rem;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #fff;  
}

#corporate-group-inner{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#corporate-group:before{
	content: "";
	display: block;
	height: 6px;
	background:
		-webkit-gradient(
			linear, left top, right bottom, from(#f89fbc), to(#a4b4ef)
		);
	background:
		-moz-linear-gradient(
			left, #f89fbc, #a4b4ef
		);
	background:linear-gradient(
		left, #f89fbc, #a4b4ef
	);
	background: -ms-linear-gradient(left, #f89fbc 0%, #a4b4ef 100%); /* IE10+ */
}

#corporate-group{
	padding-bottom: 1%;
}

#corporate-group h3{
	margin-bottom: 1%;
}

#corporate-group span:before{
	content: url(../img/sgalfa-logo.jpg);
	display: inline-block;
	padding-left: 1%;
	margin-left: 2%;
	vertical-align: middle;
}

#corporate-group-container{
	overflow: hidden;
}

.corporate-group-item{
	width: 50%;
	float: left;
}

.corporate-group-item a{
	text-align: right;
}

.corporate-group-item p{
	margin-left: 1%;
}

.corporate-group-item:last-of-type{
	padding-top: 1%;
}

@media screen and (max-width: 599px){
	.corporate-group-item{
		float: none;
		width: 100%;
	}
	.corporate-group-item:last-of-type{
		margin-bottom: 0.5%;
	}
	
	.corporate-group-item a{
	text-align: center;
	}
	.corporate-group-item p{
	width: 100%;
	text-align: center;
	}
	.corporate-group-item p:last-child{
		text-indent: -5%;
	}
}

#corporate-group span{
	margin-right: 2%;
	color: #1b1464;
	font-size: 135%;
	display: block;
	-webkit-box-reflect: below -25px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.4, rgba(0,0,0,0)), to(rgba(0,0,0,5)));
}

/*=================事業内容=================*/
.bg-change{
	width: 25%;
	float: left;
}

.bg-change img{
	display: block;
	margin: 0 auto;
}

.bg-change p{
	text-align: center;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-bottom: 3%;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	padding: 1% 5%;
}

.bg-change.no1 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 14% auto auto 20%;
	width: 15%;
 	height: 20%;
	z-index: 1;
}

.bg-change.no2 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 14% auto auto;
	width: 15%;
 	height: 20%;
	z-index: 1;
}

.bg-change.no3 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 14% 20% auto auto ;
	width: 15%;
 	height: 20%;
	z-index: 1;
}

@media screen and (min-width:1367px){
	.bg-change.no1 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 11% auto auto 25%;
	width: 13%;
 	height: 18%;
	z-index: 1;
	}
	.bg-change.no2 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 11% auto auto;
	width: 13%;
 	height: 18%;
	z-index: 1;
	}

.bg-change.no3 {
	position: absolute;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin: 11% 25% auto auto ;
	width: 13%;
 	height: 18%;
	z-index: 1;
	}
}

/* コンテンツのスタイル */
.wrapper {
    width: 100%;
    height: 100%;
	clear: both;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	.bg-change.no1 {
	margin: 15% auto auto 14%;
	width: 18%;
 	height: 20%;
	}

.bg-change.no2 {
	margin: 15% auto auto;
	width: 18%;
 	height: 20%;
	}

.bg-change.no3 {
	margin: 15% 14% auto auto;
	width: 18%;
 	height: 20%;
	}
}

#works #first-view{
	background-image: url(../img/works-first-view-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.contents{
	position: relative;
}

#tablet-menu{
	position:absolute;
	top: 2%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.contents img{
	position: relative;
	z-index: -1;
}


@media screen and (min-width: 620px){
	#tablet-menu{
		display: none;
	}	
}

@media screen and (max-width:619px){
	.bg-change.no1,.bg-change.no2,.bg-change.no3{
		display: none;
	}
}

/*=======スマホ用メニューボタン=======*/
#works #first-view .contents{
	height: 100%;
}

#tablet-menu{
	width: 70%;
	height: 85%;
	margin: 4% auto auto;
}

#tablet-menu li{
	width: 100%;
	line-height: 330%;
	text-align: center;
	font-size: 250%;
	font-style: italic;
	border: 1px #ccc solid;
	border-radius: 5px 5px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}

#tablet-menu #tablet-nav01{
	background-image: url(../img/tablet-item01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#tablet-menu #tablet-nav02{
	background-image: url(../img/tablet-item02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#tablet-menu #tablet-nav03{
	background-image: url(../img/tablet-item03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#tablet-menu li a{
	display: block;
}

#tablet-menu li:first-child{
	margin-bottom: 3%;
}

#tablet-menu li:last-child{
	margin-top: 3%;
}


/* ボタンホバー時のスタイル */
.bg-change.no1:hover ~ .wrapper .contents {
    background-image: url(../img/works-top-erp-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s;
}
.bg-change.no2:hover ~ .wrapper .contents {
    background-image: url(../img/works-top-retail-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s;
}
.bg-change.no3:hover ~ .wrapper .contents {
    background-image: url(../img/works-top-financial-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s;
}


/*===========ＥＲＰソリューション===========*/
#business-contents,#partner-contract{
	font-size: 85%;
	border-bottom: 5px #6299f4 solid;
}

@media screen and (max-width:599px){
	#business-contents,#partner-contract{
		font-size: 1.2rem;
	}
}

#business-contents h3+p{
	width: 90%;
	margin: 0 auto;
}

#business-contents p{
	line-height: 180%;
}

#business-contents h3:before{
	content:"business contents";
	display: block;
	color: #155203;
	font-size: 1rem;
	margin-bottom: 1%;
}

#business-contents h3+p{
	margin-top: 2%;
}

#business-contents h4{
	font-size: 150%;
	color: #41a9f1;
	border-left: 10px #41a9f1 solid;
	padding-left: 2%;
	margin: 4% 0 1.5%;
}

.business-contents-inner{
	width: 90%;
	margin: 1.5% auto;
	overflow: hidden;
}

.business-contents-inner h4+p{
	margin-bottom: 2%;
	overflow: hidden;
}

.business-contents-inner h4+p+img{
	margin: 0 0 2%;
	float: left;
}

.business-contents-inner02{
	width: 100%;
	margin: 0.5% 0.5% 0 0;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 2px #ccc;
	padding: 1.5% 2.5%;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}

.business-contents-container{
	width: 50%;
	float: right;
}

.business-contents-inner .business-contents-inner02 ul{
	width: 40%;
	margin: 2.5% auto 2%;
	font-weight: bold;
	list-style-type: disc;
}

.business-contents-inner .business-contents-inner02 ul li{
	color: #41a9f1;
}

.business-contents-inner .business-contents-inner02 ul span{
	color: #222;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.business-contents-inner .business-contents-inner02 ul{
	width: 50%;
	margin: 2.5% auto 2%;
	}
}

@media screen and (max-width:599px){
	.business-contents-inner .business-contents-inner02 ul{
	width: 50%;
	margin: 1.5% auto 1%;
	}
}

.business-contents-inner .business-contents-inner02 ul li{
	margin: 1.5% 0;
}

.business-contents-inner02 h5{
	border: 2px #41a9f1 solid;
	border-right: 6rem #41a9f1 solid;
	margin-bottom: 2%;
	padding: 2% 1% 1%;
	border-radius: 5px;
}

@media screen and (max-width:599px){
	.business-contents-inner02 h5{
		border-right: 4rem #41a9f1 solid;
	}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.business-contents-inner02 h5{
		font-size: 1.2rem;
		border-right: 4rem #41a9f1 solid;
	}
}

.business-contents-inner02 figure{
	width: 49%;
	float: left;
	margin: 0;
	margin-right: 1%;
	line-height: 120%;
}

.business-contents-inner02 #figure02{
	width: 100%;
}

.business-contents-inner02 #figure02 img{
	display: block;
	margin: 0 auto;
}

.business-contents-inner02 #figure02 figucaption{
	display: block;
}

#kintai img{
	display: block;
	margin: 0 auto;
}

#kintai p{
	line-height: 115%;
}

#partner-contract{
	font-size: 80%;
	border-bottom: 5px #6299f4 solid;
	line-height: 130%;
}

#partner-contract-inner{
	width: 90%;
	margin: 0 auto 2%;
}

.partner-contract-container{
	overflow: hidden;
	margin-top: 3%;
}

#partner-contract h4,#partner-contract .partner-contract-inner02{
	float: left;
}

#partner-contract h4,.partner-contract-inner02{
	width: 50%;
}

@media screen and (max-width:599px){
	#partner-contract h4,#partner-contract .partner-contract-inner02{
		float: none;
	}
	.partner-contract-inner02{
		width: 80%;
		margin: 0 auto;
	}
	
	#partner-contract h4{
		width: 50%;
		text-align: center;
		margin-left: 25%;
	}
	
	.partner-contract-container{
		width: 100%;
	}
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#partner-contract h4,#partner-contract .partner-contract-inner02{
		float: none;
	}
	
	.partner-contract-inner02{
		width: 80%;
		margin: 0 auto;
	}
	
	#partner-contract h4{
		width: 50%;
		text-align: center;
		margin-left: 25%;
	}
	
	.partner-contract-container{
		width: 100%;
	}
}

#partner-contract h3:before{
	content:"partner contract";
	display: block;
	color: #e78ca6;
	font-size: 1rem;
	margin-bottom: 0.4rem;
}

/*#case-study{

	border-bottom: 5px #6299f4 solid;
}

#case-study h3:before{
	content:"case study";
	display: block;
	color: #91a5ec;
	font-size: 1rem;
}

#case-study img{
	display: block;
	margin: 2% auto 5%;
}*/

#erp-contact-inner{
	width: 90%;
	margin: 1% auto 0;
	padding-bottom: 1%;
	overflow: hidden;
}

#erp-contact-inner h3{
	text-align: left;
	font-size: 120%;
	margin-bottom: 2%;
}

#erp-contact-inner h3+p{
	margin-bottom: 3%;
}

#erp-contact-inner div{
	margin: 1% 0 1% 11%;
	width: 37%;
	float: left;
}

#erp-contact-inner div h4+a:hover{
	color: #91a5ec;
}

#erp-contact-inner div p{
	font-size: 150%;
	font-weight: bold;
	margin-top: 2%;
}

#erp-contact-inner div #phone:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 35px;
	background-image: url(../img/phone.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#erp-contact-inner div #mail:before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 35px;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 0.5%;
}

@media screen and (max-width:599px){
	#erp-contact-inner div #phone:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 15px;
	background-image: url(../img/phone.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#erp-contact-inner div #mail:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 15px;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 0.5%;
}
}

#erp-contact-inner h4:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 2px;
	margin-left: 5px;
	border: transparent 6px solid;
	border-left-color: #000;
}

/*=======リテールソリューション==========*/

#retail #achievements h3:before{
	content:"achievements";
	display: block;
	color: #91a5ec;
	font-size: 1rem;
	margin-bottom: 0.4rem;
}

#retail .business-contents-inner02 span{
	color: #6299f4;
}

#retail .business-contents-inner02 img{
	display: block;
	margin: 1% auto 0;
}

#achievements{
	border-bottom: 5px #6299f4 solid;
	background-image: url(../img/retail-achievements-bg.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
}

#achievements #achievements-inner{
	width: 100%;
	margin: 3% auto;
	overflow: hidden;
}

#achievements-inner img{
	float: left;
}

#achievements-inner ul{
	width: 40%;
	float: right;
	margin-top: 2%;
}

#achievements-inner ul li:nth-child(odd){
	list-style-type: disc;
	font-weight: bold;
	margin-bottom: 2%;
}

#achievements-inner ul li:nth-child(even){
	margin-bottom: 5%;
}

#achievements-inner ul li:last-child{
	list-style-type: disc;
	font-weight: bold;
	margin-top: 5%;
}

#retail-contact-inner{
	width: 90%;
	margin: 1% auto 0;
	overflow: hidden;
	padding-bottom: 1%;
}

#retail-contact-inner h3{
	text-align: left;
	font-size: 120%;
	margin-bottom: 2%;
}

#retail-contact-inner h3+p{
	margin-bottom: 3%;
}

#retail-contact-inner div{
	margin: 1% 0 1% 10%;
	width: 37%;
	float: left;
}

#retail-contact-inner div h4+a:hover{
	color: #91a5ec;
}

#retail-contact-inner div p{
	font-size: 150%;
	font-weight: bold;
	margin-top: 2%;
}

#retail-contact-inner div #phone:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 35px;
	background-image: url(../img/phone.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

#retail-contact-inner div #mail:before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 35px;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 0.5%;
}

@media screen and (max-width:599px){
	#retail-contact-inner div #phone:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 15px;
	background-image: url(../img/phone.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#retail-contact-inner div #mail:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 15px;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 0.5%;
}
}

#retail-contact-inner h4:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 2px;
	margin-left: 5px;
	border: transparent 6px solid;
	border-left-color: #000;
}


/*===========その他サービス==============*/

#other-services #business-contents h3:before{
	content:"service contents";
	display: block;
	color: #155203;
	font-size: 1rem;
}

#other-services #business-contents{
	border-bottom: none;
}

#other-services .business-contents-inner{
	margin-top: 0;
}

#other-services .business-contents-inner{
	overflow: hidden;
}

#other-services .business-contents-inner:last-child{
	margin-bottom: 0;
	padding-bottom: 1%;
}

#other-services .business-contents-inner02{
	width: 49%;
	float: right;
}

#other-services .business-contents-inner02 p{
	margin-top: 1%;
}

#other-services .business-contents-inner02 div{
	width: 50%;
	display: block;
	margin: 0 auto;

}

#other-services .business-contents-inner img{
	float: left;
}

/*============お問い合わせ===============*/
#mail-contact #first-view{
	position: relative;
}

#mail-contact #first-view div{
	width: 40%;
	height: 35%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 10px;
	border: 2px #6299f4 dashed;
}

#mail-contact #first-view div p{
	width: 100%;
	text-align: center;
	margin-top: 5%;
}

#mail-contact #first-view div img{
	display: block;
	margin: 1% auto 0;
}

#mail-contact #first-view div a{
	text-decoration: underline;
	color: #00f;
}

/*================採用情報==================*/

#recruit #first-view{
	position: relative;
	overflow: hidden;
	height: 100%;
}

#recruit #first-view #catch{
	position: absolute;
	top: 3%;
	left: 1%;
	z-index: 3;
	color: #4494DD;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO",sans-serif;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
             #fff 1px -1px 0px, #fff -1px -1px 0px;
}

@media screen and (max-width:599px){
	#recruit #first-view #catch{
		font-size: 1.2rem;
	}
}


/*=========新卒者、中途採用者募集要項=========*/
#newgraduate{
	width: 90%;
	margin: 0 auto;
	font-size: 90%;
	padding-bottom: 1%;
}

#newgraduate table{
	margin: 2% 0;
	border: 1px #ccc solid;
}

@media screen and (max-width:599px){
	#newgraduate table{
		font-size: 1.2rem;
	}
}

#newgraduate table th{
	width: 25%;
	border: 1px #ccc solid;
	vertical-align: middle;
	background-color: #def0fa;
}

#newgraduate table td{
	padding: 1% 0.5%;
	border: 1px #ccc solid;
}

#newgraduate table td p{
	line-height: 150%;
}

#newgraduate table .ragion{
	color: #42a7f0;
	font-weight: bold;
}

#newgraduate table button:first-of-type{
	margin-bottom: 1%;
}

#mid-career #newgraduate table td .cube{
	color: #41a9f1;
}

/*================先輩の声TOP================*/
#interview #first-view{
	position: relative;
}

#interview-top{
	width: 100%;
	height: 70%;
	padding: 2% 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#interview-top ul{
	overflow: hidden;
}

.interview-top-item{
	overflow: hidden;
	width: 31.2%;
	padding: 5.7% 9%;
	float: left;
	margin: 1%;
	border: 1px #ccc solid;
	background-color: rgba(255,255,255,0.8);
	box-sizing: border-box;
	position: relative;
}

.interview-top-item a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
}

.interview-top-item h3,.interview-top-item img{
	float: right;
}

.interview-top-item h3{
	width: 50%;
	line-height: 200%;
	margin-top: 2.5%;
}

.interview-top-item img{
	padding: 2% 0;
}

.interview-top-item h3 span{
	display: block;
}

.interview-top-item:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	background-color: rgba(255,242,128,0.8);
	transition: 0.5s;
}

.interview-top-item h3 .font{
	font-size: 200%;
	font-family: Lancelot;
	font-style: italic;
}

/*===========先輩の声（共通）=============*/

#interview-km h2 span,#interview-nk h2 span,#interview-mt h2 span,#interview-ka h2 span,#interview-ty h2 span,#interview-ne h2 span{
	font-family: serif;
	font-size: 75%;
	font-style: italic;
}

.interview-inner .comment span{
	font-weight: bold;
}

#interview-bg{
	background-image: url(../img/interview-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.interview-inner h3{
	text-align: left;
	margin-top: 1%;
	font-size: 120%;
}

.interview-inner{
	overflow: hidden;
	width: 85%;
	margin: 0 auto;
	padding: 1% 2%;
	background-color: rgba(255,255,255,0.5);
	padding-bottom: 1.5%;
	font-size: 80%;
}

.interview-inner img{
	border-radius: 30px;
	box-shadow: 0 2px 8px #666;
}

.interview-inner:nth-child(even){
	margin: 1% auto;
}

.interview-inner .comment{
	width: 48%;
}

.interview-inner p{
	line-height: 160%;
	margin-left: 3%;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	.interview-inner p{
	line-height: 110%;
	margin-left: 3%;
}
}

@media screen and (max-width:599px){
	.interview-inner p{
	line-height: 100%;
	margin-left: 1%;
	}
	.interview-inner .comment{
		font-size: 1.2rem;
	}
}

.interview-inner:nth-of-type(odd) img{
	margin-top: 1%;
	float: left;
}

 .interview-inner:nth-of-type(odd) .comment{
	 float: right;
}

.interview-inner:nth-last-of-type(even) img{
	margin-top: 1%;
	float: right;
}

 .interview-inner:nth-of-type(even) .comment{
	 float: left;
}


/*==============個別==============*/
/*=====KM=====*/
#interview-km h3{
	color: #1BA466;
}

#interview-km h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/clover.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

@media screen and (max-width:599px){
	#interview-km h3:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/clover.png);
	background-repeat: no-repeat;
		background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}
}

#interview-km .comment p span{
	color: #EDAD0B;
}

#interview-km .interview-inner:first-of-type .comment{
	padding-top: 1.5%;
}

#interview-km .interview-inner:last-of-type .comment{
	padding-top: 0.5%;
}


/*=====NK=====*/
#interview-nk h3{
	color: #f19149;
}

#interview-nk h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/rainbow.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1%;
}

@media screen and (max-width:599px){
	#interview-nk h3:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/rainbow.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1%;
}
}


#interview-nk .comment p span{
	color: #D04255;
}


/*=====MT=====*/
#interview-mt h3{
	color: #100964;
}

#interview-mt h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/bear.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

@media screen and (max-width:599px){
	#interview-mt h3:before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background-image: url(../img/bear.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-bottom: 0.5%;
	}
}

#interview-mt .comment p span{
	color: #B43C88;
}

#interview-mt .interview-inner:first-of-type h3{
	margin-top: 3%;
}

#interview-mt .interview-inner:nth-of-type(even) h3{
	margin-top: 4%;
}

#interview-mt .interview-inner:last-of-type h3{
	margin-top: 1%;
}

/*=====KA=====*/
#interview-ka h3{
	color: #932674;
}

#interview-ka h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/planet.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

@media screen and (max-width:599px){
	#interview-ka h3:before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background-image: url(../img/planet.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-bottom: 0.5%;
	}
}

#interview-ka .comment p span{
	color: #5D639E;
}

#interview-ka .interview-inner:first-of-type .comment{
	padding-top: 1%;
}

#interview-ka .interview-inner:first-of-type .comment h3{
	margin-top: 3%;
}

#interview-ka .interview-inner:nth-of-type(even) .comment h3{
	margin-top: 4%;
}

#interview-ka .interview-inner:last-of-type .comment h3{
	margin-top: 3%;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#interview-ka .interview-inner:last-of-type .comment h3{
	margin-top: 1%;
	}
}

@media screen and (max-width:599px){
	#interview-ka .interview-inner:first-of-type .comment h3{
	margin-top: 0;
	}

#interview-ka .interview-inner:nth-of-type(even) .comment h3{
	margin-top: 0;
	}
	#interview-ka .interview-inner:last-of-type .comment h3{
	margin-top: 0;
	}
}

/*=====TY=====*/
#interview-ty h3{
	color: #23AC0E;
}

#interview-ty h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/soccer.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

@media screen and (max-width:599px){
	#interview-ty h3:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/soccer.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

}

#interview-ty .comment p span{
	color: #007AB7;
}

/*=====NE=====*/
#interview-ne h3{
	color: #0086AB;
}

#interview-ne h3:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/apple.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}

@media screen and (max-width:599px){
	#interview-ne h3:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/apple.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 1.5%;
}
}

#interview-ne .comment p span{
	color: #C7243A;
}

#interview-ne .interview-inner:first-of-type .comment h3{
	margin-top: 5%;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#interview-ne .interview-inner:first-of-type .comment h3{
	margin-top: 0;
}
}

@media screen and (max-width:599px){
	#interview-ne .interview-inner:first-of-type .comment h3{
	margin-top: 0;
}
}


/*===========社員の一日TOP=============*/
#timeline #first-view{
	position: relative;
}

#timeline-top{
	position: absolute;
	top: 13%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#timeline-top{
	width: 85%;
	margin: 3% auto 0;
	overflow: hidden;
}

#timeline-top a figure:hover img{
	-webkit-transform:	rotateY(180deg);
	transform:		rotateY(180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}

#timeline-top figure{
	width: 23%;
	background-color: #fff;
	padding-top: 2%;
	margin: 0 1%;
	float: left;
}

#timeline-top figure img{
	display: block;
	margin: 0 auto;
}

#timeline-top figcaption{
	width: 80%;
	margin: 2% auto 0;
	text-align: center;
	font-size: 150%;
}

#timeline-top figcaption span{
	font-size: 180%;
	font-family: Lancelot;
	font-style: italic;
}


/*===========社員の一日個別=============*/
#timeline-sk #first-view h2 span,#timeline-am #first-view h2 span,#timeline-ti #first-view h2 span,#timeline-kt #first-view h2 span{
	font-family: serif;
	font-size: 70%;
	font-style: italic;
}


/*====共通====*/
.timeline-inner{
	width: 85%;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.5);
	padding: 1% 0 2%;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	.timeline-inner{
		width: 90%;
	}
}

@media screen and (max-width:599px){
	.timeline-inner{
		width: 100%;
		font-size: 1.5rem;
	}
	.timeline-inner h3{
		font-size: 1.2rem;
	}
}

#timeline-bg .comment span{
	font-size: 105%;
	color: #f00;
}

#timeline-bg h3:before {
	left: 7px;
}

#timeline-bg h3:after {
	right: 7px;
}

#timeline-bg .comment h4{
	margin-bottom: 2%;
}

#timeline-bg .comment img:first-of-type{
	display: inline;
}

.timeline-inner .comment h5{
	color: #1d2088;
}

.timeline-inner .comment img{
	display: block;
	margin: 1% auto;
}

#timeline-bg .timeline-inner .comment p+img{
	display: block;
	margin: 1% auto;
}

.timeline-inner .comment:last-of-type p{
	margin: 2% 0;
}


/*=====SK======*/
#timeline-sk #timeline-bg{
	background-image: url(../img/timeline-bg.jpg);
}

#timeline-sk #timeline-bg .comment{
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
	border-bottom: #1d2088 2px dotted;
}

#timeline-sk .timeline-inner .comment:nth-child(6) img{
	transform : rotate(-5deg);
}

#timeline-sk .timeline-inner .comment:nth-child(9) img{
	transform : rotate(5deg);
}

#timeline-sk #timeline-bg h3{
	width: 40%;
	margin: 1% auto 0;
	color: #1d2088;
	position: relative;
	padding: 1em 1em;
	border-top: solid 2px #009250;
	border-bottom: solid 2px #0086AB;
}

#timeline-sk #timeline-bg h3:before,#timeline-bg h3:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	 height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #5D639E;
}


/*====AM=====*/
#timeline-am #timeline-bg .comment{
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
	border-bottom: #CA3C6E 2px dotted;
}

#timeline-am #timeline-bg{
	background-image: url(../img/timeline-bg02.jpg);
}

#timeline-am .timeline-inner .comment:nth-child(7) img{
	transform : rotate(5deg);
}

#timeline-am .timeline-inner .comment:last-of-type{
	background-image: url(../img/am-comment-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

@media screen and (min-width: 600px) and (max-width: 959px){
	#timeline-am .timeline-inner .comment:last-of-type{
	background-size: contain;
}
}

@media screen and (max-width:599px){
	#timeline-am .timeline-inner .comment:last-of-type{
	background-size: contain;
}
}

#timeline-am #timeline-bg h3{
	width: 40%;
	margin: 1% auto 0;
	color: #1d2088;
	position: relative;
	padding: 1em 1em;
	border-top: solid 2px #EDAD0B;
	border-bottom: solid 2px #DA5019;
}

#timeline-am #timeline-bg h3:before,#timeline-bg h3:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	 height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #CA3C6E;
}

/*====TI=====*/
#timeline-ti #timeline-bg .comment{
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
	border-bottom: #009250 2px dotted;
}

#timeline-ti #timeline-bg{
	background-image: url(../img/timeline-bg03.jpg);
}

#timeline-ti .timeline-inner .comment:nth-child(5) img{
	transform : rotate(5deg);
}

#timeline-ti #timeline-bg h3{
	width: 40%;
	margin: 1% auto 0;
	color: #1d2088;
	position: relative;
	padding: 1em 1em;
	border-top: solid 2px #F3C759;
	border-bottom: solid 2px #97D3E3;
}

#timeline-ti #timeline-bg h3:before,#timeline-bg h3:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	 height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #009250;
}

/*====KT=====*/
#timeline-kt #timeline-bg .comment{
	width: 80%;
	margin: 0 auto;
	padding: 2% 0;
	border-bottom: #DA5019 2px dotted;
}

#timeline-kt #timeline-bg{
	background-image: url(../img/timeline-bg04.jpg);
}

#timeline-kt .timeline-inner .comment:nth-child(4) img{
	transform : rotate(-5deg);
}

#timeline-kt .timeline-inner .comment:nth-child(6) img{
	transform : rotate(5deg);
	margin-top: 2%;
}

#timeline-kt #timeline-bg h3{
	width: 40%;
	margin: 1% auto 0;
	color: #1d2088;
	position: relative;
	padding: 1em 1em;
	border-top: solid 2px #23AC0E;
	border-bottom: solid 2px #9D73BB;
}

#timeline-kt #timeline-bg h3:before,#timeline-bg h3:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	 height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #DA5019;
}


/*===========個人情報保護方針=============*/

#privacy-contents h2{
	margin: 3% 8% 2%;
	padding: 4% 0 0.5%;
	font-size: 1.2rem;
	border-bottom: 2px solid #41a9f1;
	font-family: sans-serif;
}

#privacy-contents h3{
	margin: 3% 8%;
	text-align: left;
	color: #41a9f1;
	padding: 0 0 0 2%;
	border-left: 3px  #41a9f1 solid;
	font-size: 1rem;
}

#privacy-contents ul li{
	list-style-type: disc;
	margin: 1% 10%;
}

#privacy-contents p{
	line-height: 125%;
	margin: 0 8%;
	font-size: 0.9rem;
}

.privacy-inner{
	width: 85%;
	margin: 1% auto 2%;
	padding-bottom: 3%;
	box-shadow: 2px 2px 5px #666;
}

.privacy-inner a{
	color: blue;
	text-decoration: underline;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.privacy-inner{
		width: 85%;
	}
}

@media screen and (max-width:599px){
	.privacy-inner{
		width: 90%;
	}
}

.privacy-inner .privacy-date p{
	text-align: right;
	margin-top: 3%;
}

.privacy-inner .privacy-contact p:nth-child(n+2){
	text-indent: 1rem;
}

.privacy-inner .privacy-contact a{
	text-decoration: underline;
	color: #00f;
}

@media screen and (max-width:599px){
	.privacy-inner{
		font-size: 1.2rem;
	}
}

/*============ONE DAY DIARY================*/

.font{
	font-family: 'Fascinate Inline', cursive;
}

#diary #first-view h2{
	color: #666;
	text-align: center;
	font-size: 1.2rem;
	width: 89.7%;
	margin-top: 1.5rem;
}

@media screen and (max-width:599px){
	#diary #first-view h2{
		font-size: 2.5rem;
		margin-top: 1rem;
	}
}

#diary #first-view h2 span{
	font-size: 3.5rem;
}
@media screen and (max-width:599px){
	#diary #first-view h2 span{
	font-size: 4.5rem;
}
}

#diary .inner{
	width: 85%;
	margin: 1rem auto 0.5rem;
	border: 1px #ccc solid;
	position: relative;
}

#diary .inner h3{
	font-weight: bold;
}

@media screen and (max-width:599px){
	#diary .inner h3{
	font-size: 2.2rem;
}
}

.ribbon_box {    
    display: block;
    position: relative;
    padding: 10px 0;
  }

.ribbon8 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 0 -20px;
    width: calc(20% + 20px);
    font-size: 1rem;
    color: white;
    background: #fa5d3e;
	text-align: left;
	font-weight: normal;
	font-style: oblique;
}
.ribbon8:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #d70b23;
}

.ribbon8:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon8:after {
    top: 0;
    right: 0;
    border-width: 18px 9px 18px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.ribbon-2018{
	background-color: darkorchid;
}

.ribbon-2018:before{
	border-right: solid 20px darkblue;
}

.ribbon-2019{
	background-color: darkgreen;
}

.ribbon-2019:before{
	border-right: solid 20px darkblue;

}@media screen and (max-width:599px){
	.ribbon8:after{
		border-width: 15px 6px 15px 0px;
	}
}

#diary .inner div{
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
}

#diary .content{
	width: 60%;
	overflow: hidden;
	float: left;
	margin-top: 1.2rem;
	margin-left: 3rem;
}

@media screen and (max-width:599px){
	#diary .content{
		width: 80%;
		font-size: 1.8rem;
	}
}

#diary .content dt{
	float: left;
	clear: left;
	width: 50px;
	text-align: right;
	padding-top: 0.7rem;
}

#diary .content dd{
	float: left;
	margin-left: 2rem;
	padding-top: 0.7rem;
}

@media screen and (max-width:599px){
	#diary .content dt,#diary .content dd{
		line-height: 160%;
	}
	#diary .content dt{
		width: 30px;
	}
}

#diary .content dd a{
	text-decoration: underline;
	color: #00F;
}

#diary .content+img{
	float: right;
}

@media screen and (max-width:599px){
	#diary .inner{
		width: 95%;
		font-size: 1.7rem;
	}
}

.blog-box{
	overflow: hidden;
}

.blog-box p{
	float: left;
	width: 48%;
}

.blog-box img{
	float: right;
	width: 40%;
}


/*ブログの太字の装飾部分*/
#diary .red{
	color: #f00;
	font-weight: bold;
}

#diary .green{
	color: green;
	font-weight: bold;
}

#diary .blue{
	color: #00f;
	font-weight: bold;
}

#diary .purple{
	color: purple;
	font-weight: bold;
}

#diary .darkgreen{
	color: darkgreen;
	font-weight: bold;
}

#diary .darkolivegreen{
	color: darkolivegreen;
	font-weight: bold;
}

#diary .forestgreen{
	color: forestgreen;
	font-weight: bold;
}

#diary .darkorange{
	color: darkorange;
	font-weight: bold;
}

#diary .deeppink{
	color: deeppink;
	font-weight: bold;
}

#diary .indigo{
	color: indigo;
	font-weight: bold;
}

#diary .darkred{
	color: darkred;
	font-weight: bold;
}

#diary .darkturquoise{
	color: darkturquoise;
	font-weight: bold;
}

#diary .firebrick{
	color: firebrick;
	font-weight: bold;
}

#diary .orangered{
	color: orangered;
	font-weight: bold;
}

#diary .yellow{
	color: yellow;
	font-weight: bold;
}

#diary .gold{
	color: gold;
	font-weight: bold;
}

#diary .darkorchid{
	color: darkorchid;
	font-weight: bold;
}

#diary .peru{
	color: peru;
	font-weight: bold;
}

#diary .darkcyan{
	color: darkcyan;
	font-weight: bold;
}

#diary .crimson{
	color: crimson;
	font-weight: bold;
}

#diary .brown{
	color: brown;
	font-weight: bold;
}

#diary .orange{
	color: orange;
	font-weight: bold;
}

#diary .limegreen{
	color: limegreen;
	font-weight: bold;
}

#diary .cornflowerblue{
	color: cornflowerblue;
	font-weight: bold;
}

#diary .dodgerblue{
	color: dodgerblue;
	font-weight: bold;
}

#diary .gray{
	color: #666;
	font-weight: bold;
}

#diary .lightcoral{
	color: lightcoral;
	font-weight: bold;
}

#diary .coral{
	color: coral;
	font-weight: bold;
}

#diary .color-01{
	color: #fa5d3e;
	font-weight: bold;
}
/*太字装飾ここまで*/

.return{
	text-align: center;
	text-decoration: underline;
	margin: 0.5rem 0;
}

.return a{
	color: #00F;
}


/*===月ページ==*/

#diary-month .inner{
	border: none;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	padding-top: 1.5rem;
}
/*================
個人ページの背景色
=================*/

#diary-month .MY,#diary-month .YK2{
	background-color: bisque;
}

#diary-month .JH{
	background-color: lightblue;
}

#diary-month .YK{
	background-color: thistle;
}

{
	background-color: lemonchiffon;
}

#diary-month .MS3{
	background-color: lightgreen;
}

{
	background-color: lightgreen;
}

#diary-month .YN02{
	background-color: blanchedalmond;
}

#diary-month .YI{
	background-color: darkkhaki;
}

{
	background-color: lavender;
}

{
	background-color: #FDF481;
}

#diary-month .YN,#diary-month .KA,#diary-month .HN,#diary-month .KS3,#diary-month .RO,
#diary-month .KS2,#diary-month .YO,#diary-month .ST,#diary-month .YM,#diary-month .YM2,
#diary-month .KM,#diary-month .MS2,#diary-month .YS6,#diary-month .YS,#diary-month .YS2,
#diary-month .AN,#diary-month .HW,#diary-month .AS,#diary-month .AM,#diary-month .HI,#diary-month .TI2
,#diary-month .YM2,#diary-month .YM3,#diary-month .AM2,#diary-month .KM2,#diary-month .KY2
,#diary-month .MY2,#diary-month .MW,#diary-month .MW2,#diary-month .KA2,#diary-month .SA2
,#diary-month .SI2,#diary-month .HI2,#diary-month .TI3,#diary-month .TI4,#diary-month .MU2
,#diary-month .KE2,#diary-month .SO2,#diary-month .MO2,#diary-month .RO2
,#diary-month .SO3,#diary-month .TK2,#diary-month .JK2,#diary-month .AK2,#diary-month .NK3
,#diary-month .SK,#diary-month .NK4,#diary-month .KS5,#diary-month .YS,#diary-month .KS6
,#diary-month .MS5,#diary-month .KS6,#diary-month .TS,#diary-month ,#diary-month .AS,#diary-month .KS6
,#diary-month .MS1,#diary-month .YS7,#diary-month .AS7,#diary-month .YS8,#diary-month .ST
,#diary-month .MT8,#diary-month .HT2,#diary-month .AS8,#diary-month .TS8,#diary-month .TY8
,#diary-month .MT9,#diary-month .SN8,#diary-month .KN8,#diary-month .TH8,#diary-month .JH8
,#diary-month .SH8,#diary-month .HM8,#diary-month .YM8,#diary-month .AM8,#diary-month .AM9
,#diary-month .SY8,#diary-month .TY8,#diary-month .HY8,#diary-month .KY8,#diary-month .KY9
,#diary-month .FY8,#diary-month .KY10,#diary-month .MY8,#diary-month .MW8,#diary-month .KA8
,#diary-month .SA8,#diary-month .SI8,#diary-month .HI8,#diary-month .TI8,#diary-month .MU8
,#diary-month .SO8,#diary-month .MO8,#diary-month .RO8,#diary-month .SO9,#diary-month .TK8
,#diary-month .KK8,#diary-month .AK8,#diary-month .NK8,#diary-month .SK8,#diary-month .NK9
,#diary-month .KS8,#diary-month .HS8,#diary-month .MS8,#diary-month .KK8,#diary-month .KS9
,#diary-month .SI8,#diary-month .KS8,#diary-month .KS10,#diary-month .TS8,#diary-month .MT
,#diary-month .MT1,#diary-month .SN1,#diary-month .KN,#diary-month .AN1{
	background-color: aliceblue;
}

#diary-month .MS9.TK,#diary-month .SK,#diary-month .ST2,
#diary-month .TI,#diary-month .ST3,#diary-month .TK3,#diary-month .SH,#diary-month .SK2,
#diary-month .YS5,#diary-month .KE,#diary-month .HT,#diary-month .HM,#diary-month .TI,#diary-month .SA,
#diary-month .SI,#diary-month .MU,#diary-month .SO,#diary-month .MO,#diary-month .RO2,#diary-month .JK,
#diary-month .AK,#diary-month .NK,#diary-month .TK2,#diary-month .NK2,#diary-month .SK3,#diary-month .KS3
,#diary-month .MS,#diary-month .KS4,#diary-month .TS2,#diary-month .KS4,#diary-month .MS2,#diary-month .OS
,#diary-month .KT,#diary-month .MT,#diary-month .MT2,#diary-month .TN
,#diary-month .TH,#diary-month .JH2,#diary-month .HY,#diary-month .KY,#diary-month .HS
,#diary-month .FY,#diary-month .TY,#diary-month .SY,#diary-month .KY3,#diary-month .KT3
,#diary-month .KS,#diary-month .AS2{
	background-color: aliceblue;
}

{
	background-color: #F0D0E4;
}

{
	background-color: #f7e852;
}

#diary-month .YK3{
	background-color: palegreen;
}

{
	background-color: black;
}

#diary-month .○○ .container{
	color: white;
}

{
	background-color: coral;
}

{
	background-color: #E5D7EE;
}

{
	background-color: #ccc;
}

{
	background-color: #ffd8ff;
}

{
	background-color: #FBE481;
}

#diary-month .MS4{
	background-color: #EDD0E5;
}

{
	background-color: #A6E39D;
}

#diary-month .KS02{
	background-color: #F6D580;
}

{
	background-color: lightblue;
}

{
	background-color: #CCFFCC;
}

{
	background-color: #ffffc1;
}

{
	background-color: #c4eada;
}

#diary-month .KT2{
	background-color: #ffffc1;
}

#diary-month .SN{
	background-color: #c4eada;
}

{
	background-color: #e8ffff;
}



/*=============
背景色ここまで
===============*/

#diary #special-MY{
	background-image: url(../img/blog-img2018/special-bg.jpg);
	border: 1px #ccc solid;
}

#diary #special-MY .container span{
	font-size: 1.2rem;
}


/*===吹き出しここから===*/
#diary-month h3{
	position: relative;
	padding: .5em .75em;
	background-color: #fa5d3e;
	border-radius: 6px;
	color: #FFF;
	font-weight: normal;
	width: 85%;
	margin: 0 auto 1.5rem;
}

#diary #JH h3,#diary #MS3 h3,#diary #KS h3,#diary #MT2 h3
,#diary #YN h3,#diary #TN h3,#diary #KN h3,#diary #TH h3
,#diary #JH2 h3,#diary #YM2 h3,#diary #YM3 h3,#diary #AM2 h3
,#diary #KM2 h3,#diary #HY h3,#diary #KY h3,#diary #HS h3
,#diary #FY h3,#diary #TY h3,#diary #SY h3,#diary #KY2 h3
,#diary #MY2 h3,#diary #KY3 h3,#diary #MW2 h3,#diary #KA2 h3
,#diary #SA2 h3,#diary #SI2 h3,#diary #HI2 h3,#diary #TI3 h3
,#diary #TI4 h3,#diary #MU2 h3,#diary #KE2 h3,#diary #SO2 h3
,#diary #MO2 h3,#diary #RO2 h3,#diary #SO3 h3,#diary #TK2 h3
,#diary #JK2 h3,#diary #AK2 h3,#diary #NK3 h3,#diary #SK h3
,#diary #NK4 h3,#diary #KS5 h3,#diary #YS2 h3,#diary #KS6 h3
,#diary #MS5 h3,#diary #KS6 h3,#diary #TS h3,#diary #MS h3
,#diary #AS h3,#diary #KS6 h3,#diary #MS1 h3,#diary #YS h3
,#diary #YS7 h3,#diary #AS7 h3,#diary #YS8 h3,#diary #KT3 h3
,#diary #ST h3,#diary #MT8 h3,#diary #HT2 h3,#diary #AS8 h3
,#diary #TS8 h3,#diary #TY8 h3,#diary #MT9 h3,#diary #SN8 h3
,#diary #KN8 h3,#diary #TH8 h3,#diary #JH8 h3,#diary #SH8 h3
,#diary #HM8 h3,#diary #YM8 h3,#diary #AM8 h3,#diary #AM9 h3
,#diary #SY8 h3,#diary #TY8 h3,#diary #HY8 h3,#diary #KY8 h3
,#diary #KY9 h3,#diary #FY8 h3,#diary #KY10 h3,#diary #MY8 h3
,#diary #MW8 h3,#diary #KA8 h3,#diary #SA8 h3,#diary #SI8 h3
,#diary #HI8 h3,#diary #TI8 h3,#diary #MU8 h3,#diary #SO8 h3
,#diary #MO8 h3,#diary #RO8 h3,#diary #SO9 h3,#diary #TK8 h3
,#diary #KK8 h3,#diary #AK8 h3,#diary #NK8 h3,#diary #SK8 h3
,#diary #NK9 h3,#diary #KS8 h3,#diary #HS8 h3,#diary #MS8 h3
,#diary #KK8 h3,#diary #KS9 h3,#diary #SI8 h3,#diary #KS8 h3
,#diary #KS10 h3,#diary #TS8 h3,#diary #KS h3,#diary #KS2 h3
,#diary #OS h3,#diary #AS2 h3,#diary #KT h3,#diary #MT h3
,#diary #HT h3,#diary #MT1 h3,#diary #SN1 h3
,#diary #AN1 h3{
	background-color: cornflowerblue;
}

{
	background-color: cornflowerblue;
}

{
	background-color: cornflowerblue;
}

#diary #YK h3{
	background-color: darkmagenta;
}

#diary #KS02 h3{
	background-color: orange;
}

{
	background-color: darkgreen;
}

{
	background-color: firebrick;
}

#diary #YI h3,#diary #YK3 h3{
	background-color: darkolivegreen;
}

{
	background-color: peru;
}

#diary #HN h3{
	background-color: darkcyan;
}

{
	background-color: indigo;
}

{
	background-color: orangered;
}

{
	background-color: #666;
}

{
	background-color: lightcoral;
}

#diary #MS4 h3{
	background-color: darkorchid;
}

#diary #YN02 h3{
	background-color: crimson;
}

#diary #RO h3,#diary #YO h3,#diary #YM h3
,#diary #KM h3,#diary #MS9 h3,#diary #TK h3,#diary #KA h3
,#diary #ST2 h3,#diary #TI h3,#diary #MS2 h3,#diary #TI h3,#diary #YS6 h3
,#diary #AN h3,#diary #HW h3,#diary #ST3 h3,#diary #TK3 h3
,#diary #AM h3,#diary #SH h3,#diary #SK2 h3,#diary #YS5 h3
,#diary #KE h3,#diary #HM h3,#diary #KA h3,#diary #TI h3,#diary #SA h3
,#diary #SI h3,#diary #HI h3,#diary #MU h3,#diary #SO h3,#diary #MO h3
,#diary #JK h3,#diary #AK h3,#diary #NK2 h3,#diary #SK3 h3
,#diary #KS3 h3,#diary #KS4 h3,#diary #TS2 h3,#diary #KS4 h3,#diary #MS2 h3
,#diary #TI2 h3{
	background-color: #918980;
}

#diary #special-MY h3{
	background-color: forestgreen;
}

{
	background-color: darkorchid;
}

{
	background-color: orange;
}

{
	background-color: #5fdde5;
}

#diary #SN h3{
	background-color: lightcoral;
}

{
	background-color: darkturquoise;
}




/*================
吹き出しの三角部分
=================*/

#diary-month h3::after{
	position: absolute;
	top: 100%;
	left: 15%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #fa5d3e;
}

#diary-month #JH h3::after,#diary-month #MS3 h3::after,#diary-month #MT2 h3::after
,#diary-month #YN h3::after,#diary-month #TN h3::after,#diary-month #KN h3::after
,#diary-month #TH h3::after,#diary-month #JH2 h3::after,#diary-month #YM2 h3::after
,#diary-month #YM3 h3::after,#diary-month #AM2 h3::after,#diary-month #KM2 h3::after
,#diary-month #HY h3::after,#diary-month #KY h3::after,#diary-month #HS h3::after
,#diary-month #FY h3::after,#diary-month #TY h3::after
,#diary-month #KY2 h3::after,#diary-month #MY2 h3::after,#diary-month #KY3 h3::after
,#diary-month #MW2 h3::after,#diary-month #KA2 h3::after,#diary-month #SA2 h3::after
,#diary-month #SI2 h3::after,#diary-month #HI2 h3::after,#diary-month #TI3 h3::after
,#diary-month #TI4 h3::after,#diary-month #MU2 h3::after,#diary-month #KE2 h3::after
,#diary-month #SO2 h3::after,#diary-month #MO2 h3::after,#diary-month #RO2 h3::after
,#diary-month #SO3 h3::after,#diary-month #TK2 h3::after
,#diary-month #AK2 h3::after,#diary-month #NK3 h3::after,#diary-month #SK h3::after
,#diary-month #NK4 h3::after,#diary-month #KS5 h3::after,#diary-month #YS h3::after
,#diary-month #KS6 h3::after,#diary-month #MS5 h3::after,#diary-month #KS6 h3::after
,#diary-month #TS h3::after,#diary-month #MS h3::after,#diary-month #AS h3::after
,#diary-month #KS6 h3::after,#diary-month #MS1 h3::after,#diary-month #YS7 h3::after
,#diary-month #AS7 h3::after,#diary-month #YS8 h3::after,#diary-month #KT3 h3::after
,#diary-month #ST h3::after,#diary-month #MT8 h3::after,#diary-month #HT2 h3::after
,#diary-month #AS8 h3::after,#diary-month #TS8 h3::after,#diary-month #TY8 h3::after
,#diary-month #MT9 h3::after,#diary-month #SN8 h3::after,#diary-month #KN8 h3::after
,#diary-month #TH8 h3::after,#diary-month #JH8 h3::after,#diary-month #SH8 h3::after
,#diary-month #HM8 h3::after,#diary-month #YM8 h3::after,#diary-month #AM8 h3::after
,#diary-month #AM9 h3::after,#diary-month #SY8 h3::after,#diary-month #TY8 h3::after
,#diary-month #HY8 h3::after,#diary-month #KY8 h3::after,#diary-month #KY9 h3::after
,#diary-month #FY8 h3::after,#diary-month #KY10 h3::after,#diary-month #MY8 h3::after
,#diary-month #MW8 h3::after,#diary-month #KA8 h3::after,#diary-month #SA8 h3::after
,#diary-month #SI8 h3::after,#diary-month #HI8 h3::after,#diary-month #TI8 h3::after
,#diary-month #MU8 h3::after,#diary-month #SO8 h3::after,#diary-month #MO8 h3::after
,#diary-month #RO8 h3::after,#diary-month #SO9 h3::after,#diary-month #TK8 h3::after
,#diary-month #KK8 h3::after,#diary-month #AK8 h3::after,#diary-month #NK8 h3::after
,#diary-month #SK8 h3::after,#diary-month #NK9 h3::after,#diary-month #KS8 h3::after
,#diary-month #HS8 h3::after,#diary-month #MS8 h3::after,#diary-month #KK8 h3::after
,#diary-month #KS9 h3::after,#diary-month #SI8 h3::after,#diary-month #KS8 h3::after
,#diary-month #KS10 h3::after,#diary-month #TS8 h3::after,#diary-month #KS h3::after
,#diary-month #KS2 h3::after,#diary-month #OS h3::after,#diary-month #AS2 h3::after
,#diary-month #KT h3::after,#diary-month #MT h3::after,#diary-month #HT h3::after
,#diary-month #MT1 h3::after,#diary-month #SN1 h3::after
,#diary-month #AN1 h3::after{
	border-top: 15px solid cornflowerblue;
}

{
	border-top: 15px solid cornflowerblue;
}

{
	border-top: 15px solid cornflowerblue;
}

#diary-month #YK h3::after{
	border-top: 15px solid darkmagenta;
}

#diary-month #KS02 h3::after{
	border-top: 15px solid orange;
}

{
	border-top: 15px solid darkgreen;
}

{
	border-top: 15px solid firebrick;
}

#diary-month #YI h3::after,#diary-month #YK3 h3::after{
	border-top: 15px solid darkolivegreen;
}

{
	border-top: 15px solid peru;
}

#diary-month #HN h3::after{
	border-top: 15px solid darkcyan;
}

{
	border-top: 15px solid orange;
}

{
	border-top: 15px solid indigo;
}

{
	border-top: 15px solid orangered;
}

#diary #YS3 h3::after{
	border-top: 15px solid #666;
}

	border-top: 15px solid lightcoral;
}

#diary-month #MS4 h3::after{
	border-top: 15px solid darkorchid;
}

#diary-month #YN02 h3::after{
	border-top: 15px solid crimson;
}

#diary-month #RO h3::after,#diary-month #YO h3::after
,#diary-month #YM h3::after
,#diary-month #KM h3::after,#diary-month #MS9 h3::after
,#diary-month #TK h3::after,#diary-month #KA h3::after
,#diary-month #ST2 h3::after,#diary-month #TI h3::after,#diary-month #MS2 h3::after
,#diary-month #YS6 h3::after,#diary-month #YS2 h3::after,#diary-month #AN h3::after,#diary-month #HW h3::after
,#diary-month #ST3 h3::after,#diary-month #TK3 h3::after,
,#diary-month #AM h3::after,#diary-month #SH h3::after,#diary-month #SK2 h3::after
,#diary-month #YS5 h3::after,#diary-month #KE h3::after,#diary-month #HT h3::after
,#diary-month #HM h3::after,#diary-month #KA h3::after,#diary-month #TI h3::after
,#diary-month #SA h3::after,#diary-month #SI h3::after,#diary-month #HI h3::after
,#diary-month #MU h3::after,#diary-month #SO h3::after,#diary #MO h3::after
,#diary-month #JK h3::after,#diary-month #AK h3::after
,#diary-month #NK h3::after,#diary-month #NK2 h3::after
,#diary-month #SK3 h3::after,#diary-month #KS3 h3::after
,#diary-month #KS4 h3::after,#diary-month #TS2 h3::after,#diary-month #KS4 h3::after
,#diary-month #MS2 h3::after,#diary-month #TI2 h3::after{
	border-top: 15px solid #918980;
}

#diary-month #special-MY h3::after{
	border-top: 15px solid limegreen;
}


{
	border-top: 15px solid darkorchid;
}

{
	border-top: 15px solid orange;
}

{
	border-top: 15px solid #5fdde5;
}

#diary-month #SN h3::after{
	border-top: 15px solid lightcoral;
}

{
	border-top: 15px solid darkturquoise;
}


/*===吹き出しここまで===*/

#diary-month .inner .avatar{
	width: 25%;
	background-color: #FFF;
	margin: 0;
	float: left;
}

#diary-month .inner .avatar:last-of-type{
	margin-top: 1rem;
}

#diary-month .avatar figcaption{
	text-align: center;
	font-weight: bold;
}

#diary-month .float-box .container{
	width: 71%;
	float: right;
}

#diary-month .float-box .container p{
	font-size: 0.85rem;
	line-height: 2.5rem;
}

@media screen and (max-width:599px){
	#diary-month .float-box .container p{
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

#diary-month .float-box .container img{
	display: block;
	margin: 0.5rem auto;
}

.float-box{
	width: 100%;
	overflow: hidden;
}

#diary-month .float-box .container .img-box img{
	display: inline;
}

@media screen and (max-width:599px){
	#diary-month{
		font-size: 1.7rem;
	}
	#diary-month img{
		width: 100%;
	}
}

/*================
インターンシップ
=================*/

#internship h2{
	line-height: 130%;
}

#internship h3,#internship h4{
	text-align: left;
	color: #41a9f1;
}

#internship h3{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
}

#internship section{
	border-bottom: #41a9f1 3px solid;
}

#internship h4{
	font-size: 1.2rem;
	padding: 1.5rem 0;
	margin-left: 1.5rem;
}

#internship h5{
	padding: 1rem 0 1rem 1.5rem;
	border-top:  #41a9f1 2px dotted;
	background-color: #C9E8F1;
}

#internship h6{
	color: #666;
	margin: 1rem 0;
	margin-left: 1.5rem;
}

#internship section p{
	line-height: 150%;
	width: 95%;
	margin: 1rem auto;
}

#internship #internship-plans p{
	width: 90%;
	margin: 0 auto;
	text-indent: 1.5rem;
}

#internship #internship-plans h6+p{
	text-indent: 0;
}

#internship-plans{
	margin-bottom: 1.5rem;
}

#internship h5+a,#wrap #internship a,#internship address{
	display: block;
	width: 95%;
	margin: 1.5rem auto;
	font-style: normal;
}

#internship section a{
	text-decoration: underline;
	color: blue;
}

#internship section h5+p,#internship section h5+p+p{
	margin-left: 1.5rem;
}

#internship-description h3+p{
	width: 95%;
	display: block;
	margin: 0.5rem auto;
}

#internship a[href^="tel:"]{ 
	cursor: default;
	text-decoration: none;
	display: inline;
	color: #666;
}

#internship a[href^="mail:"]{
	display: inline;
}

/*TOPページボタン*/
#home #news{
	position: relative;
}

#internship-link{
	display: inline;
	border: 0.5rem #41a9f1 solid;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	padding: 0.2rem;
	padding-top: 0.3rem;
	border-radius: 0.4rem;
	position: absolute;
	top: 30%;
	left: 2%;
}

#internship-link a{
	color: #41a9f1;
	width: 100%;
	height: 100%;
}

/*============アイコンフォント==============*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?k6aj7b');
  src:  url('fonts/icomoon.eot?k6aj7b#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?k6aj7b') format('truetype'),
    url('fonts/icomoon.woff?k6aj7b') format('woff'),
    url('fonts/icomoon.svg?k6aj7b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-office:before {
  content: "\e903";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-smile:before {
  content: "\e9e1";
}
.icon-mail2:before {
  content: "\ea84";
}

/*===========東京事業所移転のお知らせ=============*/

#officerelocation-contents h2{
	margin: 3% 8% 2%;
	padding: 4% 0 0.5%;
	font-size: 1.2rem;
	border-bottom: 2px solid #41a9f1;
	font-family: sans-serif;
}

#officerelocation-contents h3{
	margin: 3% 8%;
	text-align: left;
	color: #41a9f1;
	padding: 0 0 0 2%;
	border-left: 3px  #41a9f1 solid;
	font-size: 1rem;
}

#officerelocation-contents p{
	line-height: 125%;
	margin: 0 8%;
	font-size: 0.9rem;
}

.address-toukyouoffice {
    line-height: 50%;
}

p.end {
    text-align: right;
}

.officerelocation-inner{
	width: 85%;
	margin: 1% auto 2%;
	padding-bottom: 3%;
	box-shadow: 2px 2px 5px #666;
	
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.officerelocation-inner{
		width: 85%;
	}
}

@media screen and (max-width:599px){
	.officerelocation-inner{
		width: 90%;
	}
}

.officerelocation-inner .officerelocation-inner a{
	text-decoration: underline;
	color: #00f;
}

@media screen and (max-width:599px){
	.officerelocation-inner{
		font-size: 1.2rem;
	}
}