html.no-js body#system div#wrap main article div.row.lower-cont.pb ul.gray-line-ul.arrowhtml.no-js body#system div#wrap main article div.row.lower-cont.pb ul.gray-line-ul.arrow/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

body,input {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック"," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	color: #333;
	/* font-size: 96%; */
	font-size: 15px;
	line-height: 1.6;
}
a{color: #333333;text-decoration: none;}
a:hover{color: #6A1684;}
img{max-width: 100%;height: auto}
.noto{font-family: 'Noto Sans Japanese', serif;}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.notnoto{font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック"," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;}
.noto900 {font-weight:900;}
#wrap{
	background: url(../img/common/bg.jpg) no-repeat center bottom;
}
header {
	position: relative;
	/*
	padding-top: 30px;
	*/
}
#logo{
	white-space: nowrap;
	overflow: hidden;
	text-indent: -100%;
	background: url(../img/common/logo_pc.png) no-repeat center center;
	width: 130px;
	height: 50px;
	position: relative;
	top: 5px;
	left: 0px;
}
#logo a{
	display: block;
	width: 100%;
	height: 100%;
}
#header-link{
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 85%;
}
#header-link li,#header-link-sp li{
	display: inline-block;
	border: 1px solid #bbb;
	background: #fff;
}
#header-link li.current,#header-link-sp li.current{
	padding: .3em .5em;
}
#header-link li a,#header-link-sp li a{
	display: block;
	height: 100%;
	background: #bbb;
	padding: .3em .5em;
}
#header-link-sp li#header-link-en{
	/* background: #bbb; */
	/* padding: .3em .5em; */
}
#global-nav{
	width: 100%;
	background: #6A1684;
	margin-top: 20px;
	padding: 1.3em 0;
	position: relative;
}
#global-nav a{
	color: #ffffff;
}
#global-nav ul li{
	font-size: 105%;
	display: inline-block;
	border-left: 1px solid #ccc;
	border-bottom: 3px solid #6A1684;
	width: 160px;
	padding: 5px 10px;
	line-height: 1em;
}
#global-nav ul li a,
#rec-global-nav2 ul li a{
	position: relative;
	display: block;
}
#global-nav ul li a:hover:after,
#rec-global-nav2 ul li a:hover:after{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#global-nav ul li a:after,
#rec-global-nav2 ul li a:after{
	content: ' ';
	position: absolute;
	bottom: -28px;
	left: -11px;
	width: 100%;
	padding-right: 5px;
	height: 5px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	color: #ffffff;
	background: #6a1684;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.en-page #global-nav ul li#global-nav-top a:after,
.en-page #global-nav ul li#global-nav-business a:after,
.en-page #global-nav ul li#global-nav-about a:after{
	bottom: -31px;
}
#top #global-nav-top a:after,
#business-top #global-nav-business a:after,
#business #global-nav-business a:after,
#system #global-nav-business a:after,
#develop #global-nav-business a:after,
#about #global-nav-about a:after,
#idea #global-nav-about a:after,
#company #global-nav-about a:after,
#contact #global-nav-contact a:after,
#work #global-nav-work a:after,
#interview #global-nav-interview a:after,
#en-top #global-nav-top a:after,
#business.en-page #global-nav-business a:after,
#about.en-page #global-nav-about a:after{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	background: #6699ff;
	content: ' ';
	position: absolute;
	bottom: -28px;
	left: -11px;
	width: 100%;
	padding-right: 5px;
	height: 5px;
}
#en-top #global-nav-top a:after,
#business.en-page #global-nav-business a:after,
#about.en-page #global-nav-about a:after{
	bottom: -31px;
}
#global-nav-sp ul li span{
	font-size: 10px;
	font-weight: normal;
}
#global-nav ul li {
	color: #ffffff;
}
#global-nav ul li span{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}
#global-nav ul li a:after{
	background: #6699ff;
}
#header-fb{
	position: absolute;
	right: 0;
	top: 10px;
	width: 30px;
	height: 30px;
}
.recruit-page #header-fb{
	width: 20px;
	height: 20px;
	top: 3px;
}
#header-fb a img{
	opacity: 1;
	transition: all 0.5s ease-in-out 0s;
}
#header-fb a:hover img{
	opacity: .5;
}
#pagetop{
	width: 980px;
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 2em;
	z-index: 100;
}
#college #pagetop.relative{
	/* bottom: 200px!important; */
}
#pagetop a{
	background: rgba(255,255,255,0.5);
	font-size: 85%;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: .3em 1.5em;
	color: #000;
}
#pagetop a:after{
	content: "\25B2";
	display: block;
	color: #6A1684;
	position: absolute;
	right: .4em;
	top: .3em;
}
footer{
	background: #6a1684;
	font-size: 74%;
}
.recruit-page footer{
	background: #6a1684;
}
#footer-menu-logo{
	width: 220px;
	display: inline-block;
	margin: 0 20px 2em 0;
}
.en-page #footer-menu-logo{
	width: 600px;
	max-width: 100%;
	/* overflow: hidden; */
	margin-bottom: 0;
}
#footer-menu-logo .img{
	width: 98px;
	height: 38px;
	margin-bottom: 2.5em;
	height: inherit;
}
.en-page #footer-menu-logo .img{
	float: left;
	/* clear: left; */
	margin: 1em 2em 0 0;
	letter-spacing: 2px;
	text-align: center;
}
.en-page #footer-menu-logo .txt{
	margin-top: 20px;
}
#footer-menu{
	color: #fff;
	padding: 2em 0 3em;
}
#footer-menu a{
	color: #fff;
}
#footer-menu a:hover{
	color: #bbb;
}
#footer-menu li .title{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: .5em;
	line-height: 1.8;
}
#footer-menu li .title strong{
	font-size: 115%;
	display: block;
	border-bottom: 1px solid #fff;
}
#footer-menu-link{
	display: inline-block;
	vertical-align: top;
}
#footer-menu-link>li{
	width: 165px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	line-height: 1.8;
}
#footer-menu-link>li:last-child{
	margin-right: 0;
}
#footer-link{
	background: #c3c4c7;
	padding: 1em 0;
}
.recruit-page #footer-link{
	background: #c3c4c7;
	padding: 1em 0;
}
#footer-link ul li{
	display: inline-block;
	color: #3E3A39;
	margin-right: 1em;
}
#footer-link ul li:before{
	content: "\25B6";
}
#footer-link ul li a{
	color: #3E3A39;
}
#copyright{
	color: #3E3A39;
	position: absolute;
	right: 0;
	top: 0;
}

/*************
 top
*************/
#main-img{
	width: 100%;
	max-height: 480px;
	background: #000;
	color: #fff;
	margin-bottom: 2em;
}
#main-img .fade-items {
	position:relative;
	width: 100%;
	height: 480px;
}
#main-img .fade-items .fade-item {
	position:absolute;
	top:0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
}
#main-img-01,
#main-img-02,
#main-img-03{
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#main-img-01{background-image: url(../img/top/mainv01_pc.jpg)!important}
#main-img-02{background-image: url(../img/top/mainv02_pc.jpg)!important}
#main-img-03{background-image: url(../img/top/mainv03p_pc.jpg)!important}
#main-img-rec01{background-image: url(../img/recruit/top/mainv01_pc.jpg)!important}
#main-img-rec02{background-image: url(../img/recruit/top/mainv02_pc.jpg)!important}
#main-img-rec03{background-image: url(../img/recruit/top/mainv03_pc.jpg)!important}
#main-img-large,#main-img-small{
	color: #fff;
	position: absolute;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	left: 45%;
}
#main-img-large{
	font-size: 420%;
	line-height: 1.2;
	top: 2em;
}
#en-top #main-img-large{
	font-size: 300%;
}
#main-img-small{
	font-size: 105%;
	top: 18em;
	line-height: 1.8;
}
#main-img-rec03{
	padding-top: 14em;
}
#main-img-rec03 *{
	position: relative;
	text-shadow: 0 0 10px #0400a8;
	left: 0;
	top: inherit;
	width: 100%;
}
#main-img-rec03 small{font-size: 120%;font-weight: 300;}
#main-img-rec03 #main-img-large{
	font-size: 500%;
	font-weight: 500;
	line-height: 1;
}
#main-img-rec03 #main-img-small{
	font-size: 170%;
	font-weight: 600;
}
h2.top-h2,.head-p{
	font-weight: bold;
	font-size: 110%;
	line-height: 2;
	color: #6C1685;
	border-bottom: 1px solid #888;
	position: relative;
	font-family: 'Noto Sans Japanese', serif;
}
.head-p.thick{
	border-bottom: 2px solid #979797;
}
.head-p-gray{
	font-weight: bold;
	font-size: 110%;
	line-height: 2;
	color: #666;
	border-bottom: 1px solid #888;
	position: relative;
	font-family: 'Noto Sans Japanese', serif;
	margin-bottom: 1em;
}
.head-p-gray.no-border{
	margin-bottom: 0;
}
.head-p-gray.thick{
	color: #000;
	border-bottom: 3px solid #888;	
}
h2.head-p-gray{
	font-size: 150%;
}
.head-bit{
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 600;
	font-size: 230%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	background: url(../img/common/head-bit_bg.jpg) no-repeat top center;
	color: #fff;
	padding: .8em;
	margin: 1.5em 0 .5em;
}
.en-page .head-bit{
	font-size: 180%;
}
.head-bit+p{
	line-height: 2;
}
.head-bit+.gray-line-ul.arrow{
	margin-top: 3em;
}
.head-blue-bg{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 130%;
	font-weight: 500;
	background: #2c4198;
	color: #fff;
	margin: 2em 0 2em 20px;
	padding: .5em;
}
.gray-line-dl{
	counter-reset: item;
	margin: 2em 0 3em 20px;
}
.gray-line-dl dt{
	/* display: list-item; */
	/* list-style-type: decimal; */
	font-family: 'Noto Sans Japanese', serif;
	font-size: 114%;
	font-weight: 500;
	display: block;
	background: #999;
	color: #fff;
	padding: .5em .5em .5em 3.5em;
	position: relative;
}
.gray-line-dl dt:before,
.gray-line-ul li:before{
	content: counter(item) " ";
	counter-increment: item;
	background: #2c4198;
	width: 1em;
	height: 100%;
	line-height: 2.5;
	padding: 0 .7em 0 1em;
	position: absolute;
	top: 0;
	left: 0;
}
.gray-line-dl.dot{
	counter-reset: item;
}
.gray-line-dl.dot dt:before {
	content: "\30FB";
	padding: .1em .8em 0;
	height: 2.5em;
	left: 0;
}
.gray-line-ul.arrow{
	counter-reset: item;
	margin: 0 0 5em 20px;
}
.gray-line-ul.arrow li{
	display: block;
	padding: .5em .5em .5em 3.5em;
	position: relative;
	line-height: 2;
	margin-bottom: 2em;
	font-size: 92%;
}
.gray-line-ul.arrow li:before {
	content: "\2192";
	font-weight: bold;
	color: #fff;
	padding: .1em .8em 0;
	height: 2.5em;
	left: 0;
}
.gray-line-dl dd{
	font-size: 90%;
	line-height: 2;
	padding: 1em 0 3em;
}
.gray-line-dl dd ul{
}
.gray-line-dl dd ul li{
	text-indent: -1.2em;
	margin-left: 1.2em;
}
.gray-line-dl dd ul li:before{
	content: "\25A0";
	color: #2C4198;
	margin-right: .2em;
}
.link.purple{
	color: #6A1684;
}
.link.arrow{
	position: relative;
	display: inline-block;
}
.link.arrow:after{
	content: "\25B6";
	display: block;
	color: #6A1684;
	position: absolute;
	right: -1.2em;
	top: .1em;
}
.link.arrow.purple:hover{
	text-decoration: underline;
}
.top-column3{
	padding-bottom: 1em;
	margin-bottom: 3em;
}
.s-ttl {
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 16px;
border-bottom: 1px solid;
border-top: 1px solid;
text-align: center;
margin-top: 10px;
padding: 4px 0;
}
.top-column3 .col.span_4{
	margin: 0em 1% 0;
	width: 32%;
}
.top-column3 .col.span_4:nth-of-type(1){
	margin-left: 0;
}
.top-column3 .col.span_4:nth-of-type(3){
	margin-right: 0;
}
.top-column3 .col.span_4 div.top-h3{
	font-weight: bold;
	font-size: 110%;
	margin-bottom: .4em;
}
#top-news-dl{
	font-size: 85%;
	line-height: 1.8;
	border-bottom: 1px solid #888;
	padding: 1em 1em 2em;
	margin-bottom: 3em;
	background: rgba(255,255,255,0.5);
	position: relative;
}
#top-news-dl dt{
	width: 7em;
	float: left;
	clear: left;
	color: #6A1684;
}
#top-news-dl dd{
	padding: 0 0 0 8em;
}
#top-news-dl dd a{
	color: #444;
}
#top-news-dl #top-news-more{
	position: absolute;
	right: 1em;
}
#top-news-dl #top-news-more a{
	padding-right: 1.2em;
}
#top-news-dl #top-news-more:after{
	content: "\25B6";
	display: block;
	color: #6A1684;
	position: absolute;
	right: 0;
	top: 0;
}
#top-banner{
	margin-bottom: 10em;
}
#top-banner a{
	display: block;
	text-align: center;
}
#top-banner .img{
	text-align: center;
	height: 180px;
	margin-bottom: .5em;
}
#top-banner .col.span_4 .img{
	background: #fff;
}
#top-banner .col.span_4 .img img{
	max-height: 160px;
	vertical-align: middle;
	margin-top: 10px;
}
#top-banner .title{
	font-size: 106%;
	line-height: 1.8;
}

/*************
 business
*************/
li#business-top-ul-1st{
	width: 100%;
	background-position: left center;
}
#business-top-ul{
	border-top: 1px solid #b3b3b3;
}
#business-top-ul li{
	border-bottom: 1px solid #b3b3b3;
	height: 550px;
	background-color: #fff;
	background-repeat: no-repeat;
}
#business-top-ul-1st{background-image: url(../img/business/top_bg01_pc.jpg);}
#business-top-ul-2nd{background-image: url(../img/business/top_bg02_pc.jpg);background-position: right center;}
#business-top-ul-3rd{background-image: url(../img/business/top_bg03_pc.jpg);background-position: left center;}
#business-top-ul-1st .container.row{padding: 130px 45px 0 550px;}
#business-top-ul-2nd .container.row{padding: 130px 550px 0 45px;}
.en-page #business-top-ul-2nd .container.row{padding-right: 500px;}
#business-top-ul-3rd .container.row{padding: 130px 45px 0 550px;}
#business-top-ul li h2{
	font-size: 310%;
	margin-bottom: .5em;
}
.en-page #business-top-ul li h2{
	font-size: 280%;
}
#business-top-ul li a{
	display: block;
	color: #222;
}
#business-top-ul li .link{
	position: relative;
	text-align: right;
	padding-right: 1.2em;
	margin-top: 3em;
	color: #6A1684;
}
#business-top-ul li .link:after{
	content: "\25B6";
	display: block;
	color: #6A1684;
	position: absolute;
	right: 0;
	top: 0;
}


/*************
 about
*************/
#lower-header{
	background-repeat: no-repeat;
	background-position: center top;
	height: 260px;
	position: relative;
}
#about #lower-header{background-image: url(../img/about/header_bg01.jpg);}
#idea #lower-header{background-image: url(../img/about/header_bg02.jpg);}
#company #lower-header{background-image: url(../img/about/header_bg03.jpg);}
#business-top #lower-header{background-image: url(../img/business/header_bg01.jpg);}
#business #lower-header{background-image: url(../img/business/header_bg02.jpg);}
#system #lower-header{background-image: url(../img/business/header_bg03.jpg);}
#develop #lower-header{background-image: url(../img/business/header_bg04.jpg);}
#policy-top #lower-header,
#privacy #lower-header,
#quality #lower-header,
#security #lower-header{background-image: url(../img/policy/header_bg01.jpg);}
#news #lower-header{background-image: url(../img/news/header_bg01.jpg);}
#sitemap #lower-header{background-image: url(../img/sitemap/header_bg01.jpg);}
#contact #lower-header{background-image: url(../img/contact/header_bg01.jpg);}
#work #lower-header{background-image: url(../img/recruit/work/header_bg01.jpg);}
#interview #lower-header{background-image: url(../img/recruit/interview/header_bg01.jpg);}
#recruit-news #lower-header {background-image: url(../recruit/images/recrut-bg01.png);}
#interview.interview-page #lower-header{background: #eee;height: 150px;}

#lower-header h2,#lower-header h3{
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	color: #fff;
}
#lower-header h2{
	font-size: 120%;
	padding-top: 5em;
	margin-left: .3em;
}
#interview.interview-page #lower-header h2{text-shadow: none;color: #000;font-size: 240%;padding-top: 1.3em;}
#lower-header h3{
	font-size: 400%;
	line-height: 1.3;
}
#lower-menu{
	background: rgba(255,255,255,0.75);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1em 0;
	z-index: 2;
	font-size: 90%;
}
#lower-menu li{
	display: inline-block;
	border-left: 1px solid #b3b3b3;
	padding: 0 .5em;
	min-width: 160px;
	color: #6A1684;
}
#interview #lower-menu li,
.interview-page #lower-menu li{
	min-width: inherit;
}
#interview #lower-menu li{
	width: 77px;
}
#lower-menu li a{
	display: block;
	color: #444;
}
#lower-menu li .gray{
	color: #888;
}
#breadcrumbs{
	color: #444;
	margin: .3em 0 3em;
}
#interview.interview-page #breadcrumbs{margin-bottom: 5.5em}
#breadcrumbs li{
	display: inline-block;
	position: relative;
	padding: 0 1em 0 0;
}
#breadcrumbs li a:after{
	content: "\25B6";
	display: block;
	color: #6A1684;
	position: absolute;
	right: -.2em;
	top: 0;
}
.lower-cont{
	width: 740px;
	margin: 0 auto 7em;
}
#rugirl7 .lower-cont{
	width: 950px;
	max-width: 100%;
}
.rec-lower-cont{
	width: 860px;
	margin: 0 auto;
}
.lower-cont.mb,
.rec-lower-cont.mb{
	margin-bottom: 10em!important;
}
.lower-cont.pb,
.container.pb,
.rec-lower-cont.pb{
	padding-bottom: 12em!important;
	margin-bottom: 0;
}
.lower-cont table{
	border-top: 2px solid #979797;
	border-bottom: 2px solid #979797;
	width: 100%;
	/* background: #fff; */
	/* table-layout: fixed; */
	margin: 1em 0 3em;
}
.lower-cont table th{
	color: #323333;
	border-top: 1px dashed #777;
	background: #cacaca;
	min-width: 7em;
	padding: .5em 1em;
}
.lower-cont .head-p.thick+table,
.rec-lower-cont .head-p.thick+table{
	margin-top: 0;
	border-top: none;
}
.lower-cont table th{
	color: #323333;
	border-top: 1px dashed #777;
	background: #cacaca;
	min-width: 7em;
	padding: .5em 1em;
}
.lower-cont table tr:nth-child(1) th,
.lower-cont table tr:nth-child(1) td,
.rec-lower-cont table tr:nth-child(1) th,
.rec-lower-cont table tr:nth-child(1) td{
	border-top: none;
}
.lower-cont table td{
	color: #666;
	border-top: 1px dashed #777;
	padding: .5em 1.3em;
}
.lower-cont table td a{
	color: #666
}
.lower-cont table .lightgray{
	background: #ddd;
	white-space: nowrap;
}
#about .lower-cont p.txt{
	line-height: 2;
	padding-bottom: 16px;
}
#about .lower-cont div.img{
	height: 320px;
	width: 100%;
	padding: 120px 30px 0 420px;
	margin: 3em 0 8em;
	position: relative;
	margin-bottom: 18em;
}
#about .lower-cont div.img:before{
	content: "";
	display: block;
	height: 320px;
	width: 100%;
	background: #bbb url(../img/about/index01p.jpg) no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
#about .lower-cont div.img img{
	vertical-align: middle;
	width: 206px;
	height: auto;
	top: -.3em;
	position: relative;
}
#about .lower-cont div.img p{
	position: relative;
	z-index: 1;
}
#about .lower-cont div.img span{
	font-size: 76%;
}
#idea-philosophy{
	background: url(../img/about/idea01.jpg) no-repeat center top;
	min-height: 743px;
	padding: 3em 0 0;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
#idea-philosophy h2{
	font-size: 300%;
	text-align: center;
	line-height: 1.2;
}
#idea-philosophy h2 span{
	display: block;
	font-size: 28%;
	text-align: center;
}
#idea-ul{
	margin: 2em auto;
	border-bottom: 2px dotted #fff;
}
#idea-ul li{
	text-align: center;
	font-size: 120%;
	border-top: 2px dotted #fff;
	padding: 1em 0;
	line-height: 2;
}
#idea-dl{
	width: 740px;
	margin: 0 auto;
	padding: 5em 0 15em;
}
#idea-dl dt{
	text-align: center;
	font-size: 215%;
	width: 325px;
	height: 138px;
	float: left;
	clear: left;
	position: relative;
	margin-bottom: 0;
	z-index: 1;
}
.en-page #idea-dl dt{
	margin-right: 1em;
}
#idea-dl dt:before{
	content: "";
	display: block;
	-webkit-background-size: 325px 138px;
	background-size: 325px 138px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 325px;
	height: 138px;
	position: absolute;
	left: 0;
	z-index: -1;
}
#idea-dl dt span{
	font-size: 36%;
	text-align: center;
	display: block;
}
#idea-dl #idea-dt-1st:before{background-image: url(../img/about/idea02.png);top: -5px;}
#idea-dl #idea-dt-2nd:before{background-image: url(../img/about/idea03.png);top: -16px;}
#idea-dl #idea-dt-3rd:before{background-image: url(../img/about/idea04.png);top: -18px;}
#idea-dl #idea-dt-1st{padding-top: .8em;}
#idea-dl #idea-dt-2nd{padding-top: .5em;}
#idea-dl #idea-dd-1st{height: 114px;padding-top: 2em;background: #58A9E5;}
.en-page #idea-dl #idea-dd-1st{padding-top: 1.3em}
#idea-dl #idea-dd-2nd{height: 106px;padding-top: 1.7em;background: #52A0E1;}
.en-page #idea-dl #idea-dd-2nd{padding-top: 1em}
#idea-dl #idea-dd-3rd{height: 116px;padding-top: 1.2em;background: #4D9AE0;}
.en-page #idea-dl #idea-dd-3rd{padding-top: .7em;height: 150px;}
.en-page #idea-dl #idea-dt-3rd:before{/* border-bottom: solid 30px #4D9AE0; */background-image: url(../img/about/idea04_en.png);height: 161px;-webkit-background-size: 325px 175px;background-size: 325px 175px;}
#idea-dl dd{
	font-size: 105%;
	color: #fff;
	margin: 8px 0 25px 163px;
}
#company-ph{
	background: #edf3f4 url(../img/about/company01.png) no-repeat center bottom;
	min-height: 550px;
	padding: 3em 0 0;
	margin-bottom: 3em;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
#company-ph p{
	margin-left: 50px;
}
#company-txt01{
	color: #bbb;
	font-size: 200%;
	line-height: 1;
}
#company-txt02{
	color: #888;
	font-size: 160%;
}
#company-txt03{
	color: #bbb;
	font-size: 75%;
	letter-spacing: .05em;
}
#company-map{
	margin: -1.5em 0 3em;
	height: 600px;
}
#company-map iframe{
	width: 100%;
	height: 600px;
}
#company table .lightgray.right{
}


/*************
 news
*************/
#news .news-cont{
	color: #444;
	border: 1px solid #777;
	border-top: 3px solid #979797;
	margin-bottom: 3em;
	background: #fff;
}
#news .news-cont .date{
	font-size: 80%;
	color: #6A1684;
	padding: 1em 40px;
}
#news .news-cont .title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 120%;
	font-weight: 600;
	color: #333;
	background: #eee;
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
	padding: .7em 40px;
}
#news .news-cont .news-cont-inner{
	padding: 1em 40px 2em;
}
#news .news-cont .news-cont-inner img{
	margin-top: 1em;
}


/*************
 policy
*************/
#policy-top .lower-cont p,
#privacy .lower-cont p,
#privacy .lower-cont ul,
#quality .lower-cont p,
#quality .lower-cont ul,
#security .lower-cont p{
	color: #666;
}
.policy-dl{
	font-size: 90%;
	margin-bottom: 3em;
}
.policy-dl dt{
	float: left;
	clear: left;
	width: 8em;
}
.policy-dl dd{
}
.policy-dl dd:before{
	content: ":";
	margin-right: 1em;
}
.policy-ul{
	margin-bottom: 1em;
	font-size: 90%;
	color: #666;
}
.policy-ul li{
}
.policy-ul li ul{
	margin-left: 3em;
}


/*************
 sitemap
*************/
.sitemap-column3{
	margin: 0 auto 5em;
	width: 860px;
}
.en-page .sitemap-column3{
	margin-bottom: 7em;
}
.sitemap-column3 .col.span_4{
	margin: 1em 70px 0 0;
	width: 32%;
	max-width: 240px;
}
.sitemap-column3 .col.span_4:nth-of-type(1){
	margin-left: 0;
}
.sitemap-column3 .col.span_4:nth-of-type(3){
	margin-right: 0;
}
.sitemap-column3 .col.span_4 ul li:not(.title){
	position: relative;
	padding-left: 1em;
	margin-bottom: .5em;
	font-size: 90%;
}
.sitemap-column3 .col.span_4 ul li:not(.title):before{
	content: "\25B6";
	display: block;
	position: absolute;
	left: -.2em;
	top: 0;
}
.sitemap-column3 .col.span_4 ul li.title{margin-bottom: .5em;}
.sitemap-column3 .col.span_4 ul li.title strong{
	display: block;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 140%;
	border-top: 2px solid #666;
}


/*************
 recruit top
*************/
#rec-global-nav{
	width: 100%;
	background: #f6f6f6;
	margin-top: 20px;
	padding: .5em 0;
	position: relative;
}
#rec-global-nav li{
	font-size: 90%;
	display: inline-block;
	border-left: 1px solid #ccc;
	border-bottom: 3px solid #f6f6f6;
	width: 158px;
	padding: 5px 10px;
	line-height: 1em;
}
#rec-global-nav li a{
}
#rec-global-nav li a.active{
	color: #6a1684;
}
#rec-global-nav2{
	width: 100%;
	background: #6a1684;
	color: #888;
	margin-top: 0;
	padding: 1.3em 0;
	position: relative;
}
#rec-global-nav2 ul li{
	font-size: 105%;
	display: inline-block;
	border-left: 1px solid #8837aa;
	border-bottom: 3px solid #6a1684;
	width: 158px;
	padding: 5px 10px;
	line-height: 1.2em;
}
#rec-global-nav2 a{
	color: #fff;
}
#rec-global-nav2 ul li span{
	font-size: 10px;
	font-weight: normal;
	/* color: #808080; */
	display: block;
}
#rec-global-nav2 ul li a:after{
	background: #6699ff;
}
#rec-top #rec-global-nav-rectop a:after,
#college #rec-global-nav-college a:after,
#career #rec-global-nav-careers a:after,
#work #rec-global-nav-work a:after,
#interview #rec-global-nav-interview a:after{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	background: #6699ff;
	content: ' ';
	position: absolute;
	bottom: -28px;
	left: -11px;
	width: 100%;
	padding-right: 5px;
	height: 5px;
}
#recruit-top-entrybtn{
	width: 100%;
	height: 183px;
	background: rgba(255,255,255,0.5);
	margin-top: 3em;
}
#recruit-top-entrybtn h2{
	font-size: 240%;
	text-align: center;
	color: #6a1684;
}
#recruit-top-entrybtn ul{
	text-align: center;
	margin-top: 1.5em;
}
#recruit-top-entrybtn ul li{
	display: inline-block;
	margin: 0 3em;
}

/*************
 college & career
*************/
#college p.border-bottom{
	border-bottom: 1px dashed #777;
}
#recruit-top-entrybtn ul li.college{
	background: #354A94;
}
#recruit-top-entrybtn ul li.career{
	background: #59381E;
}
#recruit-top-entrybtn ul li a{
	color: #fff;
	display: block;
	padding: .5em 2.75em;
}
.rec-lower-cont table{
	border-top: 2px solid #979797;
	border-bottom: 2px solid #979797;
	width: 100%;
	margin: 1em 0 3em;
}
.rec-lower-cont table th{
	color: #323333;
	border-top: 1px dashed #777;
	min-width: 10em;
	padding: .5em 1em;
}
.rec-lower-cont table.college th{
	background: #dae8ef;
}
.rec-lower-cont table.career th{
	background: #e0dac1;
}
.rec-lower-cont table td{
	color: #666;
	border-top: 1px dashed #777;
	padding: .5em 1.3em;
}
.rec-lower-cont table td a{
	color: #6a1684;
}
#college #lower-header{background-image: url(../img/recruit/college/header_bg01.jpg);}
#career #lower-header{background-image: url(../img/recruit/career/header_bg01.jpg);}
#mailformpro{
	border-top: 1px solid #888;
	margin: 3em 0 0;
	padding: 3em 0 0;
}
#mailformpro li{margin-bottom: 3em;}
#mailformpro li input{
	border: none;
	padding: 1em;
	width: 100%;
	letter-spacing: 1px;
	display: block;
}
#mailformpro li .description{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 110%;
	font-weight: 500;
}
#mailformpro li .description.required:after{
	content: "\203B\5FC5\9808";
	font-size: 80%;
	color: red;
}
#mailformpro li .ex{
	font-size: 80%;
	color: #666;
}
#mailformpro li .el{
	border: 1px dashed #777;
	padding: 1px;
	margin: .5em 0;
	display: block;
	position: relative;
}
#mailformpro li span.el{padding: 1em;}
#mailformpro li input[type="text"],#mailformpro li textarea{
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #fff;
}
#mailformpro li input[type="text"]:focus,#mailformpro li textarea:focus {
	box-shadow: 0 0 7px #6A1684;
	border: none;
}
#mailformpro li textarea{
	width: 100%;
	padding: 1em;
	vertical-align: bottom;
	resize: vertical;
}
#mailformpro li button#submitButton:focus{
	box-shadow: transparent;
}
#policy-txt-cont{
	background: #f2f2f2;
	padding: 1em 1em .5em;
	margin: 1.5em 0 1em;
}
#policy-txt-cont-btn{
	font-weight: bold;
	position: relative;
	margin-bottom: .5em;
	cursor: pointer;
}
#policy-txt-cont-btn:after{
	content: "\25B6";
	display: block;
	color: #000;
	position: absolute;
	right: .8em;
	top: 0;
	transition: all 0.3s ease-in-out 0s;
}
#policy-txt-cont-btn.open:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#policy-txt-cont .toggle{
	border-top: 1px dashed #777;
	padding-top: 1em;
	font-size: 80%;
}
#policy-txt-cont .toggle p{
	margin-bottom: 1em;
	color: #666;
}
#mailformpro li input[type="radio"],
#mailformpro li input[type="checkbox"] {
	visibility: hidden;
	height: 1px;
	width: 1px;
	float: left;
	clear: left;
}
#mailformpro li .element.radio+label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
#mailformpro li .element.radio+label::before,
#mailformpro li .element.radio+label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
#mailformpro li .element.radio+label::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -9px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
#mailformpro li .element.radio+label:hover::before {
	background: #fff;
}
#mailformpro li .element.radio+label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	background: #6A1684;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}
#mailformpro li input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #000;
}
#mailformpro li input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
#agree-check~label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}
#agree-check~label::before,
#agree-check~label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
#agree-check~label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
}
#agree-check~label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #6A1684;
	border-bottom: 2px solid #6A1684;
	-webkit-transform: rotate(-45deg) scale(.5);
	-ms-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
}
#agree-check~label:hover::before {
	background: #fff;
}
#agree-check:checked ~ label::before {
	background: #fff;
	border: 1px solid #000;
}
#agree-check:checked ~ label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}
#mailformpro li#policy-txt{
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 1em 0;
	margin: 4em 0 .5em;
}
#mailformpro li.btn{
	text-align: center;
	padding-top: 3em;
}
#mailformpro li.btn button,
.mfp_buttons button{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 130%;
	font-weight: 500;
	color: #fff;
	border: 2px solid #fff;
	padding: 4px 2em 8px;
	width: inherit;
	height: 46px;
	cursor: pointer;
}
#mailformpro li.btn button:focus {outline:0;}
#mailformpro li button#submitButton,
#mfp_button_send{
	background: #000;
	position: relative;
	margin-right: 40px;
}
#mailformpro li button#submitButton:after,
#mfp_button_send:after{
	content: "";
	display: block;
	position: absolute;
	right: -19px;
	top: 0;
}
#mailformpro li button#submitButton:after, #mailformpro li button#submitButton:before,
#mfp_button_send:after,#mfp_button_send:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#mailformpro li button#submitButton:after,#mfp_button_send:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 20px;
	margin-top: -20px;
}
#mailformpro li button#submitButton:before,#mfp_button_send:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 23px;
	margin-top: -23px;
}
#mailformpro li button#reenteringForm,
#mfp_button_cancel{
	background: #999;
	position: relative;
	margin-right: 40px;
}
#mailformpro li button#reenteringForm:after,
#mfp_button_cancel:after{
	content: "";
	display: block;
	position: absolute;
	right: -19px;
	top: 0;
}
#mailformpro li button#reenteringForm:after, #mailformpro li button#reenteringForm:before,
#mfp_button_cancel:after,#mfp_button_cancel:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#mailformpro li button#reenteringForm:after,
#mfp_button_cancel:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #999;
	border-width: 21px;
	margin-top: -21px;
}
#mailformpro li button#reenteringForm:before,
#mfp_button_cancel:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 23px;
	margin-top: -23px;
}

#mailformpro li button#resetForm{
	background: #999;
}
.element_9_1formError{margin: 13px 0 0 0!important;max-width: 200px;right: 17px!important;left: inherit!important;}
.agree-checkformError{/* margin: 0 0 0 0!important; *//* right: 30px!important; *//* left: inherit!important; */left: -140px!important;right: 0!important;width: 240px;margin: 0 auto!important;}
.agree-checkformError:not(:target) {left: -120px!important\9;}
@-moz-document url-prefix() {
.agree-checkformError{margin-top: -.5em!important;}
}
.element_textareaformError{margin: -30px 0 0 -30px!important;}


/*************
 work
*************/
.rec-line-dl{
	counter-reset: item;
	margin: 2em 0 3em 20px;
}
.rec-line-dl dt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 115%;
	font-weight: 500;
	display: block;
	background: #692D81;
	color: #fff;
	padding: .5em .5em .5em 3.5em;
	position: relative;
}
.rec-line-dl dt:before{
	content: counter(item) " ";
	counter-increment: item;
	background: #2c4198;
	width: 1em;
	height: 100%;
	line-height: 2.5;
	padding: 0 .7em 0 1em;
	position: absolute;
	top: 0;
	left: 0;
}
.rec-line-dl.arrow{
}
.rec-line-dl.arrow dd{
	display: block;
	padding: .5em .5em .5em 3.5em;
	position: relative;
	line-height: 2;
	margin-bottom: 5em;
	margin-top: 2em;
	font-size: 92%;
}
.rec-line-dl.arrow dd+dd{
	margin-top: -3em;
}
.rec-line-dl.arrow dd.arrow:before {
	content: "\2192";
	font-weight: bold;
	color: #fff;
	padding: .1em .8em 0;
	height: 2.5em;
	left: 0;
	background: #86888B;
	width: 1em;
	line-height: 2.5;
	position: absolute;
	top: 0;
}
h4.head-border-bottom{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 130%;
	font-weight: 600;
	color: #666;
	border-bottom: 1px solid #888;
}
ul.rec-ul-block{margin: 1em 0 0;}
ul.rec-ul-block li{
	display: inline-block;
	background: #888;
	color: #fff;
	width: 10.5em;
	text-align: center;
	margin: 0 .75em 1em 0;
}

/*************
 interview
*************/
#interview-top-ul{
	position: relative;
	letter-spacing: -.4em;
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
#interview-top-ul li{
	width: 300px;
	height: 300px;
	margin: 0 10px 55px;
	display: inline-block;
	letter-spacing: normal;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
#interview-top-ul li.blockPC{background-image: url(../img/recruit/interview/top_img01.png)}
#interview-ys{background-image: url(../img/recruit/interview/top_img02.jpg)}
#interview-ct{background-image: url(../img/recruit/interview/top_img03.jpg)}
#interview-yt{background-image: url(../img/recruit/interview/top_img04.jpg)}
#interview-ym{background-image: url(../img/recruit/interview/top_img05.jpg)}
#interview-rk{background-image: url(../img/recruit/interview/top_img06.jpg)}
#interview-hi{background-image: url(../img/recruit/interview/top_img07.jpg)}
#interview-ni{background-image: url(../img/recruit/interview/top_img08.jpg)}
#interview-mi{background-image: url(../img/recruit/interview/top_img09.jpg)}
#interview-top-ul li.alpha{
}
#interview-top-ul li.alpha:after{
	content: "";
	display: block;
	background: url(../img/recruit/interview/top_img_bg.png) repeat-x bottom left;
	width: 100%;
	height: 46px;
	position: absolute;
	bottom: -46px;
	left: 0;
}
#interview-top-ul li.blockPC .txt{
	color: #fff;
	position: absolute;
	bottom: .5em;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-size: 150%;
	padding: 0;
}
#interview-top-ul li a{
	/* position: relative; */
	display: block;
	height: 100%;
	width: 100%;
}
#interview-top-ul li a div{
	background: rgba(255,255,255,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 1;
}
#interview-top-ul li .img{
	position: relative;
	z-index: 1;
	height: 300px;
}
#interview-top-ul li .img img{
	width: auto;
	height: 100%;
}
#interview-top-ul li .name{
	float: left;
	clear: left;
	font-size: 240%;
	line-height: 70px;
	margin-left: .3em;
}
#interview-top-ul li .txt{
	padding-left: 6.5em;
	font-size: 84%;
	padding-top: 1.4em;
}
#interview #main{
	height: 555px;
	position: relative;
	margin-bottom: 5em;
	background-repeat: no-repeat;
	background-position: center top;
}
#interview #main:after, .comment-box:before{
	content: "";
	display: block;
	background: url(../img/recruit/interview/top_img_bg2.png) repeat-x bottom left;
	width: 100%;
	height: 46px;
	position: absolute;
	bottom: -46px;
	left: 0;
	/* z-index: 3; */
}
#interview .interview01 #main{background-image: url(../img/recruit/interview/01/main_pc.jpg)}
#interview .interview02 #main{background-image: url(../img/recruit/interview/02/main_pc.jpg)}
#interview .interview03 #main{background-image: url(../img/recruit/interview/03/main_pc.jpg)}
#interview .interview04 #main{background-image: url(../img/recruit/interview/04/main_pc.jpg)}
#interview .interview05 #main{background-image: url(../img/recruit/interview/05/main_pc.jpg)}
#interview .interview06 #main{background-image: url(../img/recruit/interview/06/main_pc.jpg)}
#interview .interview07 #main{background-image: url(../img/recruit/interview/07/main_pc.jpg)}
#interview .interview08 #main{background-image: url(../img/recruit/interview/08/main_pc.jpg)}
#interview #main .inner{
	background: rgba(255,255,255,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1em;
	min-height: 200px;
	height: auto;
	max-height: 80%;
}
#interview #main .inner h3{
	font-size: 220%;
	margin-right: 300px;
	margin-bottom: 1.5em;
}
#interview #main .inner .name{
	position: absolute;
	bottom: .5em;
	left: 1.2em;
}
#interview #main .inner .name span{
	font-size: 240%;
	margin-right: 1em;
}
#interview #main .inner .txt{
	background: rgba(255,255,255,0.6);
	position: absolute;
	bottom: 1em;
	right: 1em;
	width: 300px;
	padding: .5em 1em;
}
#interview #main .inner .txt strong{
	font-size: 120%;
}
#interview #main .inner .txt p{
	font-size: 85%;
}
.interview-box{
	border-bottom: dotted 1px #777;
	margin-bottom: 5em;
	padding-bottom: 5em;
}
.interview-box .float-right,
.interview-box .float-left{
	width: 49%;
}
.interview-box .float-right{
	margin-left: 1%;
	text-align: center;
}
.interview-box .float-left{
	margin-right: 1%;
}
.interview-box h3{
	font-size: 120%;
	margin-bottom: 1em;
}
.comment-box{
	position: relative;
	border: 1px solid #A4A4A4;
	background: #fff;
	/* overflow: hidden; */
	margin-bottom: 7em;
}
.comment-box:after{
	clear: both;
	content: "";
	display: block;
}
.comment-box h3{
	font-size: 120%;
	margin-bottom: 1em;
	color: #fff;
	height: 44px;
	padding-left: 57px;
	line-height: 45px;
	background: #808080;
	position: relative;
	border-bottom: solid 1px #A4A4A4;
}
.comment-box h3:after{
	content: "";
	display: block;
	width: 45px;
	height: 45px;
	background: url(../img/recruit/interview/icon01.png) no-repeat bottom left;
	-webkit-background-size: 45px 45px;
	background-size: 45px 45px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.comment-box .float-left{
	max-width: 310px;
	width: 40%;
}
.comment-box .float-left img{
	position: absolute;
	left: 1%;
	bottom: 0;
	height: 307px;
	z-index: 0;
}
.comment-box .float-right{
	width: 58%;
	margin: 2em 2em 3em 0;
	z-index: 1;
	position: relative;
}
.comment-box .float-right strong{
	font-size: 200%;
	margin-bottom: 1em;
	display: block;
}
.comment-box .float-right p{
	font-size: 84%;
	line-height: 2;
}
#interview-back-btn,
#interview-next-btn{
	color: #fff;
	background: #bbb;
	display: inline-block;
}
#interview-back-btn a,
#interview-index-btn a,
#interview-next-btn a{
	color: #fff;
	background: #999;
	padding: 0 .5em;
	display: block;
	text-align: center;
}
#interview-back-btn a,
#interview-next-btn a{
	background: #666;
}
#interview-back-btn a:before{
	content: "\25C0";
}
#interview-next-btn a:after{
	content: "\25B6";
}
#interview-index-btn{
	display: inline-block;
}
#interview-back-btn{}
#interview-index-btn{
	width: 10em;
	text-align: center;
	left: 50%;
	position: absolute;
	margin-left: -5em;
}
#interview-next-btn{position: absolute;right: 0;}

#rugirl7-header{
	background: url(../img/rugirl7_gain/header.jpg) no-repeat center top;
	height: 550px;
	position: relative;
	padding: 4em 0 0;
	margin-top: 50px;
}
#rugirl7-header .lower-cont div{
	width: 50%;
	margin: 0 0 0 auto;
	color: #fff;
	-webkit-text-shadow: 0 0 10px #3b8a45;
	text-shadow: 0 0 10px #3b8a45;
}
#rugirl7-header h2{
	font-size: 140%;
	text-align: center;
	line-height: 1;
}
#rugirl7-header p.title{
	font-size: 184px;
	line-height: 1;
	text-align: center;
	text-justify: inter-ideograph;
	letter-spacing: 2px;
}
@media only screen and (max-device-width: 900px) and (orientation: landscape) {
	#rugirl7-header p.title{font-size: 20vw;}
}
#rugirl7-header p.title:after{
	content: "";
	display: block;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #3b8a45;
	box-shadow: 0 0 10px #3b8a45;
	width: 100%;
	height: 8px;
}
#rugirl7-header h3{
	font-size: 160%;
	text-align: center;
	margin: 1em 0 .5em;
}
#rugirl7-header p.text{
	line-height: 1.8;
}
#rugirl7 .profile h3{
	margin-bottom: 3em;
}
#rugirl7 .profile{
	line-height: 2;
}
#rugirl7 .profile .name strong{
	font-size: 240%;
	margin-right: .25em;
}
#rugirl7 .profile dl{
	color: #808080;
	margin: 1em 0 2em;
}
#rugirl7 .profile dl dt,
#rugirl7 .profile dl dd{
	display: inline-block;
	line-height: 2.2;
}
#rugirl7 .profile dl dt{
	width: 30%;
}
#rugirl7 .profile dl dd{
	width: 68%;
}
#rugirl7 .profile table{
	border-top: none;
	border-bottom: none;
}
#rugirl7 .profile table td{
	border-top: none;
}
#rugirl7_01,
#rugirl7_02,
#rugirl7_03{
	color: #fff;
	height: 550px;
	display: table;
	width: 100%;
}
#rugirl7_01 .title,
#rugirl7_02 .title,
#rugirl7_03 .title{
	font-size: 260%;
	text-align: center;
	letter-spacing: -1px;
}
#rugirl7_01 .name,
#rugirl7_02 .name,
#rugirl7_03 .name{
	text-align: center;
	font-size: 140%;
	letter-spacing: .6em;
	line-height: 3;
}
#rugirl7_01 .title,
#rugirl7_01 .name{
	text-shadow: 0 0 10px #2e7150;
}
#rugirl7_02 .title,
#rugirl7_02 .name{
	text-shadow: 0 0 10px #4c304b;
}
#rugirl7_03 .text{
	line-height: 2;
	color: #000;
}
#rugirl7_01{
	background: url(../img/rugirl7_gain/img_02.jpg) no-repeat center top;
}
#rugirl7_02{
	background: url(../img/rugirl7_gain/img_07.jpg) no-repeat center top;
}
#rugirl7_03{
	background: url(../img/rugirl7_gain/img_11.jpg) no-repeat center top;
}
#rugirl7_01 > div,
#rugirl7_02 > div{
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
#rugirl7_03 > div{
	background: rgba(255, 255, 255, 0.6);
	width: 600px;
	margin: 5% auto 0;
	padding: 2em;
	color: #662D91;
	box-sizing: border-box;
}
#rugirl7_01 > div{
	background: rgba(34, 181, 115, 0.5);
}
#rugirl7_02 > div{
	background: rgba(147, 39, 143, 0.5);
}
.rugirl7_img_left,
.rugirl7_img_right{
	height: 550px;
	background-position: center top;
	padding-top: 5em;
}
.rugirl7_img_left h3,
.rugirl7_img_right h3{
	font-size: 160%;
	line-height: 2.2;
}
#rugirl7 .green{
	color: #22B573;
}
#rugirl7 .purple{
	color: #662D91;
}
.rugirl7_img_left .lower-cont{
	padding-left: 380px;
}
.rugirl7_img_right .lower-cont{
	padding-right: 380px;
}
.rugirl7_img_left .lower-cont p,
.rugirl7_img_right .lower-cont p{
	line-height: 1.9;
}
.rugirl7_link{
	padding: 5em 0;
}
.rugirl7_link .gutters{
	margin-top: 5em;
}


/*************
 media query
*************/
@media screen and (min-width:600px) and ( max-width:961px) {
	#global-nav ul li a:after,
	#rec-global-nav2 ul li a:after,
	#top #global-nav-top a:after,
	#business-top #global-nav-business a:after,
	#business #global-nav-business a:after,
	#system #global-nav-business a:after,
	#develop #global-nav-business a:after,
	#about #global-nav-about a:after,
	#idea #global-nav-about a:after,
	#company #global-nav-about a:after,
	#recruit #global-nav-recruit a:after,
	#contact #global-nav-contact a:after,
	#rec-top #rec-global-nav-rectop a:after,
	#work #rec-global-nav-work a:after,
	#interview #rec-global-nav-interview a:after,
	#en-top #global-nav-top a:after{bottom: -10px!important;}
	#main-img-large, #main-img-small{left: 20%;}
	#main-img-large{font-size: 270%;}
	#main-img-small{font-size: 130%;/* top: 10em; */line-height: 1.4;}
	.lower-cont{width: 100%;}
	.sitemap-column3,#interview-top-ul{width: 100%;}
	#main-img-rec03 *{left: 0;padding-left: 2%;}
	.head-bit{-webkit-background-size: cover;background-size: cover;}
	#interview-top-ul li{width: 45%;margin: 0 2% 55px;}
	#recruit-top-entrybtn ul li{margin-bottom: 1em;}
}
@media screen and (min-width:320px) and ( max-width:600px) {
	#interview-top-ul li{background-position: center 15%;}
}


/*************
 common
*************/
#top-news-dl dd a:hover,
#pagetop a:hover,
#footer-link ul li a:hover,
#breadcrumbs a:hover,
#lower-menu li a:hover,
.lower-cont table td a:hover{
	color: #6A1684;
}
.italic {font-style: italic;}
strong,.bold {font-weight: bold;}
.xx-small {font-size: 60%;}
.x-small {font-size: 75%;}
.small {font-size: 88.88%!important;}
.large {font-size: 120%;}
.x-large {font-size: 150%;}
.xx-large {font-size: 200%;}
.indent {text-indent: 1em;}
.indent-minus{text-indent: -1em;margin-left: 1em;}
.indent-minus-150{text-indent: -1.5em;margin-left: 1.5em;}
.indent-minus-200{text-indent: -2em;margin-left: 2em;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.pr-300{padding-right: 3em!important;}
.mtb-1000, .mb-1000 {margin-bottom: 10em!important;}
.mtb-500, .mb-500 {margin-bottom: 5em!important;}
.m-300 {margin: 3em!important;}
.mtb-300, .mt-300 {margin-top: 3em!important;}
.mrl-300, .mr-300 {margin-right: 3em!important;}
.mtb-300, .mb-300 {margin-bottom: 3em!important;}
.mrl-300, .ml-300 {margin-left: 3em!important;}
.m-200 {margin: 2em!important;}
.mtb-200, .mt-200 {margin-top: 2em!important;}
.mrl-200, .mr-200 {margin-right: 2em!important;}
.mtb-200, .mb-200 {margin-bottom: 2em!important;}
.mrl-200, .ml-200 {margin-left: 2em!important;}
.m-150 {margin: 1.5em!important;}
.mtb-150, .mt-150 {margin-top: 1.5em!important;}
.mrl-150, .mr-150 {margin-right: 1.5em!important;}
.mtb-150, .mb-150 {margin-bottom: 1.5em!important;}
.mrl-150, .ml-150 {margin-left: 1.5em!important;}
.m-100 {margin: 1em!important;}
.mtb-100, .mt-100 {margin-top: 1em!important;}
.mrl-100, .mr-100 {margin-right: 1em!important;}
.mtb-100, .mb-100 {margin-bottom: 1em!important;}
.mrl-100, .ml-100 {margin-left: 1em!important;}
.m-50 {margin: 0.5em!important;}
.mtb-50, .mt-50 {margin-top: 0.5em!important;}
.mrl-50, .mr-50 {margin-right: 0.5em!important;}
.mtb-50, .mb-50 {margin-bottom: 0.5em!important;}
.mrl-50, .ml-50 {margin-left: 0.5em!important;}
.m-0 {margin: 0;}
.mtb-0, .mt-0 {margin-top: 0;}
.mrl-0, .mr-0 {margin-right: 0;}
.mtb-0, .mb-0 {margin-bottom: 0;}
.mrl-0, .ml-0 {margin-left: 0;}
.p-200 {padding: 2em!important;}
.ptb-200, .pt-200 {padding-top: 2em!important;}
.prl-200, .pr-200 {padding-right: 2em!important;}
.ptb-200, .pb-200 {padding-bottom: 2em!important;}
.prl-200, .pl-200 {padding-left: 2em!important;}
.p-150 {padding: 1.5em!important;}
.ptb-150, .pt-150 {padding-top: 1.5em!important;}
.prl-150, .pr-150 {padding-right: 1.5em!important;}
.ptb-150, .pb-150 {padding-bottom: 1.5em!important;}
.prl-150, .pl-150 {padding-left: 1.5em!important;}
.p-100 {padding: 1em!important;}
.ptb-100, .pt-100 {padding-top: 1em!important;}
.prl-100, .pr-100 {padding-right: 1em!important;}
.ptb-100, .pb-100 {padding-bottom: 1em!important;}
.prl-100, .pl-100 {padding-left: 1em!important;}
.p-50 {padding: 0.5em!important;}
.ptb-50, .pt-50 {padding-top: 0.5em!important;}
.prl-50, .pr-50 {padding-right: 0.5em!important;}
.ptb-50, .pb-50 {padding-bottom: 0.5em!important;}
.prl-50, .pl-50 {padding-left: 0.5em!important;}
.p-0 {padding: 0!important;}
.ptb-0, .pt-0 {padding-top: 0!important;}
.prl-0, .pr-0 {padding-right: 0!important;}
.ptb-0, .pb-0 {padding-bottom: 0!important;}
.prl-0, .pl-0 {padding-left: 0!important;}
.blockSP{display: none;}
.relative{position: relative}
.alpha {transition: all 0.5s ease-in-out 0s;}
.alpha:hover {opacity: 0.5!important;filter: alpha(opacity=50);}
.notalpha{opacity: 1;filter: alpha(opacity=100);}
.hide {display:none;}
.under{text-decoration:underline}
.blockSP,#global-nav-sp .toggle{display: none}
.no-border{border: none!important;}





/* ------------------------------------------------
   ayabe-newsの範囲
------------------------------------------------ */
div.news-cont-inner h1.ttl01 {
    font-size: 18px;
    color: #000;
	margin-top: 20px;
}
div.news-cont-inner p {
    margin-bottom: 12px;
}
div.news-cont-inner p.img01 {
    text-align: center;
}
.list-Color {
    color: #1c9bd2;
}
div.news-cont-inner p a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.news-cont-inner p.blank a {
    background-image: url(../image/external-link.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
	padding-left: 26px;
}


/*  /recruit/college/の範囲
------------------------------------------------ */
#recruit-top-entrybtn ul {

    text-align: center;
    margin-top: 0.2em;

}
#recruit-top-entrybtn ul li a {

    color: #fff;
    display: block;
    padding: .8em 2.75em;
    text-align: center;

}



#wrap main article .row.lower-cont.pb .news-cont .news-cont-inner h5 {
    font-size: 18px;
    color:#000;
    margin-bottom: 8px;
}
.news-cont div.news-cont-inner p.mb30 {
    margin-bottom: 30px;
}





/*  2002.07.15NEWの範囲
------------------------------------------------ */
.news-cont .news-cont-inner .text-r {
text-align: right;
}
.news-cont .news-cont-inner .text-l {
text-align: left;
}
.news-cont .news-cont-inner .text-c.mt01 {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.news-cont-inner p.text-c.mt01 a {
background-image: url(../news/images/pdf_32.png);
background-repeat: no-repeat;
background-position: left center;
padding: 10px 0 8px 36px;
text-decoration: underline;
}

.news-cont div.news-cont-inner dl {
margin-bottom: 20px;
}
.news-cont div.news-cont-inner dl dt {
font-weight: bold;
}
.news-cont div.news-cont-inner dl dd a {
text-decoration: underline;
}




/*  2021.07.02リクルートの範囲
------------------------------------------------ */
.recruit-page div#wrap main#recruit-pb article.container.row.w-970 {
max-width: 970px;
}
.blockPC a div.img.alpha.img-mb20 {
margin-bottom: 20px;
}

.blockPC div.col.span_6.scrollIn.pr20 {
padding-right: 20px;
}
/* (Iphone 6-7-8)縦表示 */
@media (width: 375px){
.blockPC div.col.span_6.scrollIn.pr20 {
padding-right: 00px;
}
}

.blockPC div.col.span_6.clr.scrollIn.pl20 {
padding-left: 20px;
}
/* (Iphone 6-7-8)縦表示 */
@media (width: 375px){
.blockPC div.col.span_6.clr.scrollIn.pl20 {
padding-left: 0px;
}
}






/*  2021.09 プチリニューアルの範囲
------------------------------------------------ */


/* 大見出しのエリア*/
.container.row article div.clr.top-column3 div.blockA h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.clr.top-column3 div.blockA h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.clr.top-column3 div.blockA h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}

.container.row article div.clr.top-column3 div.blockA h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.clr.top-column3 div.blockA h2 span::before,
.container.row article div.clr.top-column3 div.blockA h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.clr.top-column3 div.blockA h2 span::before {
right: 100%;
}
.container.row article div.clr.top-column3 div.blockA h2 span::after {
left: 100%;
}
.container.row article div.clr.top-column3 div.blockA h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.clr.top-column3 div.blockA h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}




/* トップページ（ITCのエリア） */
.container.row article div.ict {
margin-bottom: 40px;
font-family: 'Open Sans', sans-serif;
}
.container.row article div.ict h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.ict h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.ict h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}
.container.row article div.ict h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.ict h2 span::before,
.container.row article div.ict h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.ict h2 span::before {
right: 100%;
}
.container.row article div.ict h2 span::after {
left: 100%;
}
.container.row article div.ict h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.ict h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
.container.row article div.ict h4 {
font-size: 30px;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.ict h4 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
}

.container.row article div.ict p.text01 {
margin-bottom: 16px;
font-size: 16px;
line-height: 1.8rem;
}
.container.row article div.ict p.text02 {
margin-bottom: 40px;
font-size: 16px;
line-height: 1.8rem;
}
.ict div.itc-areaA ul {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.ict div.itc-areaA ul {
display: block;
}
}

.ict div.itc-areaA ul li.col.span_a {
width: 25%;
background-color: #f6f7f9;
display: flex;
flex-direction: column;
}
/* smartphone */
@media screen and (max-width : 599px) {
.ict div.itc-areaA ul li.col.span_a {
width: 100%;
}
}

.ict div.itc-areaA ul li.col.span_a:last-child {
    margin-right: 0;
}
.ict div.itc-areaA ul li.col.span_a {
margin-right: 16px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.ict div.itc-areaA ul li.col.span_a {
margin-right: 0px;
margin-bottom: 20px;
}
}

.ict div.itc-area ul li.col.span_4.scrollIn a div.top-h3.noto01 {
text-align: center;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #6a1684;
margin-right: 78px;
margin-left: 78px;
margin-bottom: 15px;
padding: 4px 0px 4px 10px;
}
.ict p.text03 {
margin-bottom: 30px;
font-size: 16px;
position: relative;
line-height: 1.8rem;
}
.ict p.text04 {
text-align: center;
}

.number {
text-align: center;
font-family: "Arial Black", Gadget, sans-serif;
margin-top: 30px;
margin-bottom: 10px;
}
.itc-text {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 10px;
font-size: 30px;
margin-top: 30px;
}
.itc-areaA ul li.col.span_a.scrollIn a p {
text-align: center;
margin-bottom: 26px;
font-size: 20px;
letter-spacing: 1px;
}
.icon01 {
text-align: center;
margin-bottom: 30px;
}
.ict p a.btn-border02 span.material-icons {
position: absolute;
right: 330px;
}

.container.row article div.ict div.ict-inner {
display: flex;
}
.container.row article div.ict div.ict-inner div.boxA {
width: 50%;
margin-right: 15px;
}
.container.row article div.ict div.ict-inner div.boxB {
width: 50%;
margin-right: 15px;
}
.container.row article div.ict div.ict-inner div.boxB h4 {
font-size: 30px;
margin-bottom: 30px;
line-height: 1.3;
}
.container.row article div.ict div.ict-inner p {
font-size: 16px;
margin-bottom: 40px;
line-height: 1.8rem;
padding-left: 16px;
}
.itc-area ul {
display: flex;
justify-content: space-between;
}
.itc-area ul li {
display: flex;
flex-direction: column;
width: 32%;
}
.itc-area ul li.col.span_4.scrollIn p {
margin-top: auto;
}



/* トップページ（SERVICEのエリア） */
.blockB ul {
display: flex;
justify-content: space-between;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockB ul {
display: block;
justify-content: space-between;
}
}

.blockB ul li.col.span_4.scrollIn a div.top-h3 {
font-weight: bold;
font-size: 110%;
margin-bottom: .4em;
}
.blockB ul li {
display: flex;
flex-direction: column;
width: 32%;
}
.blockB ul li.col.span_4.scrollIn a div.txt {
margin-bottom: 30px;
}
.blockPC div.blockB ul li.col.span_4.scrollIn p {
margin-top: auto;
position: relative;
}
.blockB ul li.col.span_4.scrollIn p a.btn-border01 span.material-icons {
position: absolute;
right: 20px;
top: 18px;
}







/* AI BUSINESSの見出し */
.container.row article div.blockC h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.blockC h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockC h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}
.container.row article div.blockC h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.blockC h2 span::before,
.container.row article div.blockC h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.blockC h2 span::before {
right: 100%;
}
.container.row article div.blockC h2 span::after {
left: 100%;
}
.container.row article div.blockC h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockC h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}




/* AI BUSINESSのエリア */
.blockC {
font-family: 'Open Sans', sans-serif;
margin-bottom: 60px;
}
.blockC div.blockC-inner {
display: flex;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner {
display: block;
}
}

.blockC div.blockC-inner div.boxA {
width: 50%;
margin-right: 15px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner div.boxA {
width: 100%;
margin-right: 0px;
}
}

.blockC div.blockC-inner div.boxB {
width: 50%;
margin-left: 15px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner div.boxB {
width: 100%;
margin-left: 0px;
}
}

.blockC div.blockC-inner div.boxB h4 {
font-size: 30px;
margin-bottom: 30px;
line-height: 1.5;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner div.boxB h4 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 1.3;
}
}

.blockC div.blockC-inner div.boxB div.boxB-inner {
border-left: 3px solid #6a1684;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner div.boxB div.boxB-inner {
border-left: none;
}
}

.blockC div.blockC-inner div.boxB div.boxB-inner p {
font-size: 16px;
margin-bottom: 34px;
line-height: 1.8rem;
padding-left: 16px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockC div.blockC-inner div.boxB div.boxB-inner p {
font-size: 16px;
margin-bottom: 34px;
line-height: 1.8rem;
padding-left: 0px;
}
}

.blockC div.blockC-inner div.boxB p {
position: relative;
}
.blockC div.blockC-inner div.boxB p a.btn-border01 span.material-icons {
    position: absolute;
    right: 20px;
    top: 18px;
}
.blockC div.blockC-inner div.boxB p.btn {
margin-top: auto;
position: relative;
display: inline-block;
padding: 14px 0px;
border: 2px solid #6a1684;
color: #6a1684;
text-align: center;
text-decoration: none;
transition: .3s;
width: 100%;
font-size: 16px;
letter-spacing: 1px;
}
.blockC div.blockC-inner div.boxB p.btn a {
color: #6a1684;
display: block;
text-align: center;
}
.blockC div.blockC-inner div.boxB p.btn a:hover {
color: #fff;
}
.blockC div.blockC-inner div.boxB p.btn a::before,
.blockC div.blockC-inner div.boxB p.btn a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
transform: scale(0, 1);
}
.blockC div.blockC-inner div.boxB p.btn a::before {
background: #9920be;
transform-origin: right top;
}
.blockC div.blockC-inner div.boxB p.btn a::after {
background: #6a1684;
opacity: 0;
transform-origin: left top;
transition: transform 0s .3s, opacity .3s;
}
.blockC div.blockC-inner div.boxB p.btn a:hover::before {
transform-origin: left top;
transform: scale(1, 1);
transition: transform .3s;
}
.blockC div.blockC-inner div.boxB p.btn a:hover::after {
opacity: 1;
transform-origin: right top;
transform: scale(1, 1);
transition: transform .3s .3s, opacity .3s;
}





/* Iot BUSINESSのエリア */
.blockD {
font-family: 'Open Sans', sans-serif;
margin-bottom: 60px;
}
/* AI BUSINESSの見出し */
.container.row article div.blockD h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.blockD h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockD h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}

.container.row article div.blockD h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.blockD h2 span::before,
.container.row article div.blockD h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.blockD h2 span::before {
right: 100%;
}
.container.row article div.blockD h2 span::after {
left: 100%;
}
.container.row article div.blockD h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockD h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}



.blockD div.blockD-inner {
display: flex;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner {
 flex-direction: column;
}
}
.blockD div.blockD-inner div.boxA {
width: 50%;
margin-right: 15px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxA.order2 {
width: 100%;
margin-right: 0px;
}
}

.blockD div.blockD-inner div.boxA h4 {
font-size: 30px;
margin-bottom: 30px;
line-height: 1.5;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxA h4 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 1.3;
}
}

.blockD div.blockD-inner div.boxA div.boxB-inner {
border-left: 3px solid #6a1684;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxA div.boxB-inner {
border-left: none;
}
}

.blockD div.blockD-inner div.boxA div.boxB-inner p {
font-size: 16px;
margin-bottom: 34px;
line-height: 1.8rem;
padding-left: 16px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxA div.boxB-inner p {
font-size: 16px;
margin-bottom: 34px;
line-height: 1.8rem;
padding-left: 0px;
}
}

.blockD div.blockD-inner div.boxA.order2 p {
position: relative;
}
.blockD div.blockD-inner div.boxA.order2 p a.btn-border01 span.material-icons {
position: absolute;
right: 20px;
top: 18px;
}
.blockD div.blockD-inner div.boxA p.btn {
margin-top: auto;
position: relative;
display: inline-block;
padding: 14px 0px;
border: 2px solid #6a1684;
color: #6a1684;
text-align: center;
text-decoration: none;
transition: .3s;
width: 100%;
font-size: 16px;
letter-spacing: 1px;
}
.blockD div.blockD-inner div.boxA p.btn a {
color: #6a1684;
display: block;
text-align: center;
}
.blockD div.blockD-inner div.boxA p.btn a:hover {
color: #fff;
}
.blockD div.blockD-inner div.boxA p.btn a::before,
.blockD div.blockD-inner div.boxA p.btn a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
transform: scale(0, 1);
}
.blockD div.blockD-inner div.boxA p.btn a::before {
background: #9920be;
transform-origin: right top;
}
.blockD div.blockD-inner div.boxA p.btn a::after {
background: #6a1684;
opacity: 0;
transform-origin: left top;
transition: transform 0s .3s, opacity .3s;
}
.blockD div.blockD-inner div.boxA p.btn a:hover::before {
transform-origin: left top;
transform: scale(1, 1);
transition: transform .3s;
}
.blockD div.blockD-inner div.boxA p.btn a:hover::after {
opacity: 1;
transform-origin: right top;
transform: scale(1, 1);
transition: transform .3s .3s, opacity .3s;
}
.blockD div.blockD-inner div.boxB {
width: 50%;
margin-left: 15px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxB.order1 {
width: 100%;
margin-left: 0px;
}
}
@media screen and (max-width : 599px) {
.blockD div.blockD-inner div.boxB.order1 {
  order: 1;
}
.blockD div.blockD-inner div.boxA.order2 {
  order: 2;
}
}





/* 先輩からのメッセージのエリア */
.blockE {
font-family: 'Open Sans', sans-serif;
margin-bottom: 60px;
}
.container.row article div.blockE h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.blockE h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockE h2 {
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 30px;
    letter-spacing: -1px;
}
}

.container.row article div.blockE h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.blockE h2 span::before,
.container.row article div.blockE h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.blockE h2 span::before {
right: 100%;
}
.container.row article div.blockE h2 span::after {
left: 100%;
}
.container.row article div.blockE h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 2rem;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockE h3 {
text-align: left;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
  br {
    display: none;
  }
}

.blockE-area {
position: relative;

}
.container.row article div.blockE div.blockE-inner {
background-image: url(../image/bg-img01.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.container.row article div.blockE div.blockE-inner h4 {
font-size: 30px;
color: #FFF;
padding: 58px 0px 22px 90px;
line-height: 2.6rem;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockE div.blockE-inner h4 {
font-size: 24px;
color: #FFF;
padding: 20px 0px;
line-height: 1.3em;
}
  br {
    display: none;
  }
}

.blockE div.blockE-area div.blockE-inner p {
position: relative;
}
.blockE div.blockE-area div.blockE-inner p a.btn-border span.material-icons {
position: absolute;
right: 574px;
top: 18px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.blockE div.blockE-area div.blockE-inner p a.btn-border span.material-icons {
    position: absolute;
    right: 22px;
    top: 18px;
}
}

/* smartphone */
@media screen and (max-width : 599px) {
.blockE div.blockE-area div.blockE-inner p a.btn-border {
display: inline-block;
width: 100%;
text-align: left;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 104px;
transition: .4s;
background-color: #6a1684;
margin-bottom: 20px;
margin-left: 0;
}
}












.blockF {
font-family: 'Open Sans', sans-serif;
margin-bottom: 60px;
}
/* AI BUSINESSの見出し */
.container.row article div.blockF h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.blockF h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockF h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}

.container.row article div.blockF h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.blockF h2 span::before,
.container.row article div.blockF h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.blockF h2 span::before {
right: 100%;
}
.container.row article div.blockF h2 span::after {
left: 100%;
}
.container.row article div.blockF h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockF h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
.blockF p.text04 {
text-align: center;
}
.blockF p.text04 a.btn-border02 {
display: inline-block;
max-width: 100%;
text-align: center;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 115px;
transition: .4s;
background-color: #6a1684;
letter-spacing: 1px;
margin-top: 40px;
}
.blockF p.text04 a.btn-border02 span.material-icons {
position: absolute;
right: 330px;
}
.blockF p.text04 a.btn-border02:hover {
  background-color: #FFF;
  border-color: #6a1684;
  color: #6a1684;
}



.blockG {
font-family: 'Open Sans', sans-serif;
margin-bottom: 200px;
}
/* AI BUSINESSの見出し */
.container.row article div.blockG h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #6a1684;
font-size: 42px;
}
.container.row article div.blockG h2 {
overflow: hidden;
text-align: center;
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockG h2 {
overflow: hidden;
text-align: center;
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 30px;
}
}

.container.row article div.blockG h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.container.row article div.blockG h2 span::before,
.container.row article div.blockG h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 50%;
height: 1px;
background-color: #333333;
}
.container.row article div.blockG h2 span::before {
right: 100%;
}
.container.row article div.blockG h2 span::after {
left: 100%;
}
.container.row article div.blockG h3 {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* smartphone */
@media screen and (max-width : 599px) {
.container.row article div.blockG h3 {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
.blockG p.text04 {
text-align: center;
}
.blockG p.text04 a.btn-border02 {
display: inline-block;
max-width: 100%;
text-align: center;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 80px;
transition: .4s;
background-color: #6a1684;
letter-spacing: 1px;
margin-top: 40px;
}
.blockG p.text04 a.btn-border02 span.material-icons {
position: absolute;
right: 330px;
}
.blockG p.text04 a.btn-border02:hover {
  background-color: #FFF;
  border-color: #6a1684;
  color: #6a1684;
}




/* ニュースの範囲　*/
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item a:hover{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #6A1684;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #000;
  padding: 5px 20px 0 0;
}
.news-list .item .category01{
margin: 0;
min-width: 220px;
padding: 0 20px 0 0;
}
.news-list .item .category01 span{
background: #f39800;
color: #FFF;
text-align: center;
display: inline-block;
padding: 10px 48px;
font-size: 14px;
line-height: 1;
}
.news-list .item .category02{
margin: 0;
min-width: 220px;
padding: 0 20px 0 0;
}
.news-list .item .category02 span{
background: #e4007f;
color: #FFF;
text-align: center;
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 1;
}
.news-list .item .category03{
margin: 0;
min-width: 220px;
padding: 0 20px 0 0;
}
.news-list .item .category03 span{
background: #7cab05;
color: #FFF;
text-align: center;
display: inline-block;
padding: 10px 34px;
font-size: 14px;
line-height: 1;
}
.news-list .item .category04{
margin: 0;
min-width: 220px;
padding: 0 20px 0 0;
}
.news-list .item .category04 span{
background: #00a0e9;
color: #FFF;
text-align: center;
display: inline-block;
padding: 10px 48px;
font-size: 14px;
line-height: 1;
}
.news-list .item .title{
margin: 0;
width: 100%;
padding-top: 5px;
font-size: 16px;
}
.news-list .item a:ho.blockF p.text04 a.btn-border02.title{
  color: #6a1684;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}





/* ここから下がボタンのCSS　*/
.btn-border01 {
display: inline-block;
width: 100%;
text-align: center;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 40px;
transition: .4s;
background-color: #6a1684;
letter-spacing: 1px;
}

.btn-border01:hover {
  background-color: #FFF;
  border-color: #6a1684;
  color: #6a1684;
}

/* ここから下がボタンのCSS　*/
.btn-border02 {
display: inline-block;
max-width: 100%;
text-align: center;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 80px;
transition: .4s;
background-color: #6a1684;
letter-spacing: 1px;
}

.btn-border02:hover {
  background-color: #FFF;
  border-color: #6a1684;
  color: #6a1684;
}


/* ここから下がボタンのCSS　*/
.btn-border {
display: inline-block;
max-width: 100%;
text-align: left;
border: 2px solid #6a1684;
font-size: 16px;
color: #FFF;
text-decoration: none;
padding: 14px 92px;
transition: .4s;
background-color: #6a1684;
margin-bottom: 68px;
margin-left: 92px;
}

.btn-border:hover {
  background-color: #FFF;
  border-color: #6a1684;
  color: #6a1684;
}









/*******　ナビゲーションメニューの範囲　*******/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


ul{
    list-style: none;
}

a{
    text-decoration: none;
}
.nav-links ul li.nav-link a:hover {
color: #aa89bd;
}


.header-line {
background-color: #6A1684;
color: #FFF;
padding: 6px 0px;
}
.header-line div.container h1.catch-copy {
font-size: 14px;
}
.header-line div.container ul {
display: flex;
font-family: 'Poppins', sans-serif;
font-size: 16px;
letter-spacing: 1px;
margin-left: 11px;

}
.header-line div.container ul li.tel {
background-image: url(images/phone-call.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 34px;
padding-right: 24px;
}
.header-line div.container ul li.acces-map {
background-image: url(images/maps-and-flags.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.header-line div.container div.sns {
display: flex;
position: absolute;
right: 0;
top: 0;
}
.header-line div.container div.sns p.twiter {
margin-right: 12px;
}

.container.row.boxA {
margin-top: 24px;
margin-bottom: 33px;
position: relative;
}
.container.row.boxA h2 {
font-family: 'Poppins', sans-serif;
padding-left: 15px;
position: absolute;
top: 7px;
left: 162px;
color: #6A1684;
font-weight: 500;
text-transform: uppercase;
}
.container.row.boxA h3 {
padding-left: 15px;
position: absolute;
top: 28px;
left: 162px;
}
.container.row.boxA div.tel {
position: absolute;
right: 0;
top: -14px;
font-family: 'Poppins', sans-serif;
}
.container.row.boxA div.tel p {
font-weight: normal;
}
.container.row.boxA div.tel p.tel-fax {
font-size: 18px;
background: #1d2088;
color: #FFF;
padding: 12px 24px;
letter-spacing: 1px;
}



#header.row header.gnav {
position: sticky;
top: 0px;
background-color: #6A1684;
width: 100%;
z-index: 1000;
padding: 12px 0;
}

/**
header{
    position: sticky;
    top: 0px;
    background-color: #6A1684;
    width: 100%;
    z-index: 1000;
}

section{
    position: relative;
    height: calc(100vh - 3rem);
    width: 100%;
    background: url('bg.jpg') no-repeat top center / cover;
    overflow: hidden;
}

.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(56, 165, 238, 0.5);
}
**/
.container{
    max-width: 980px;
		/*
    padding: 0 2rem;
    margin: 0 auto;
		/*
    display: flex;
		*/
    position: relative;
}

.logo-container{
    flex: 1;
    display: flex;
    align-items: center;
}

.nav-btn{
    flex: 3;
    display: flex;
}

.nav-links{
    flex: 2;
}

.log-sign{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.logo{
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 3rem;
}

.logo span{
    font-weight: 300;
}

.btn{
    display: inline-block;
    padding: .5rem 1.3rem;
    font-size: .8rem;
    border: 2px solid #fff;
    border-radius: 2rem;
    line-height: 1;
    margin: 0 .2rem;
    transition: .3s;
    text-transform: uppercase;
}

.btn.solid, .btn.transparent:hover{
    background-color: #fff;
    color: #69bde7;
}

.btn.transparent, .btn.solid:hover{
    background-color: transparent;
    color: #fff;
}

.nav-links > ul{
    display: flex;
    justify-content: center;
    align-items: center;
		justify-content:space-between;
}

.nav-link{
    position: relative;
}

.nav-link > a{
    line-height: 3rem;
    color: #fff;
    padding: 0 .8rem;
    letter-spacing: 1px;

    display: flex;
    align-items: center;
    justify-content: space-between;

}

.nav-link > a > i{
    margin-left: .2rem;
}

.nav-link:hover > a{

}

.dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    width: 15rem;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}

.dropdown ul{
    position: relative;
}

.dropdown-link > a {
    display: flex;
    background-color: #f5f5f5;
    color: #333;
    padding: .5rem 2rem;
    font-size: 16px;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
}
.gnav div.container div.nav-btn div.nav-links ul li.nav-link div.dropdown ul li.dropdown-link:hover > a{
    background-color: #333;
    color: #fff;
}

.dropdown-link:not(:nth-last-child(2)){
    border-bottom: 1px solid #fff;
}

.dropdown-link i{
    transform: rotate(-90deg);
}

.arrow{
    position: absolute;
    width: 11px;
    height: 11px;
    top: -5.5px;
    left: 32px;
    background-color: #fff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
    z-index: -1;
}

.dropdown-link:first-child:hover ~ .arrow{
    background-color: #333;
}

.dropdown-link{
    position: relative;
}

.dropdown.second{
    top: 0;
    left: 100%;
    padding-left: .8rem;
    cursor: pointer;
    transform: translateX(10px);
}

.dropdown.second .arrow{
    top: 10px;
    left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.hamburger-menu-container{
    flex: 1;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu div{
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: #fff;
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before{
    transform: translateY(-7px);
}

.hamburger-menu div:after{
    transform: translateY(7px);
}

#check{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
    background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
    transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
    transform: translateY(0) rotate(45deg);
}

@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

@media (max-width: 920px){
    .hamburger-menu-container{
        display: flex;
    }

    #check{
        display: block;
    }

    .nav-btn{
        position: fixed;
        height: calc(100vh - 3rem);
        top: 13rem;
        left: 0;
        width: 100%;
        background-color: #6A1684;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .65s;
    }

    #check:checked ~ .nav-btn{
        transform: translateX(0);
    }

    #check:checked ~ .nav-btn .nav-link,
    #check:checked ~ .nav-btn .log-sign{
        animation: animation .5s ease forwards var(--i);
    }

    .nav-links{
        flex: initial;
        width: 100%;
				margin-top: 16px;
    }

    .nav-links > ul{
        flex-direction: column;
    }

    .nav-link{
        width: 100%;
        opacity: 0;
        transform: translateY(15px);
    }

    .nav-link > a{
        line-height: 1;
        padding: 1.6rem 2rem;
    }

    .nav-link:hover > a{
        transform: scale(1);
        background-color: #50a9d6;
    }

    .dropdown, .dropdown.second{
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        padding: 0;
        background-color: #3183ac;
        display: none;
    }
    
    .nav-link:hover > .dropdown,
    .dropdown-link:hover > .dropdown{
        display: block;
    }

    .nav-link:hover > a > i,
    .dropdown-link:hover > a > i{
        transform: rotate(360deg);
    }

    .dropdown-link > a{
        background-color: transparent;
        color: #fff;
        padding: 1.2rem 2rem;
        line-height: 1;
    }

    .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 3rem;
    }

    .dropdown.second .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 4rem;
    }

    .dropdown-link:not(:nth-last-child(2)){
        border-bottom: none;
    }

    .arrow{
        z-index: 1;
        background-color: #69bde7;
        left: 10%;
        transform: scale(1.1) rotate(45deg);
        transition: .5s;
    }

    .nav-link:hover .arrow{
        background-color: #50a9d6;
    }

    .dropdown .dropdown .arrow{
        display: none;
    }

    .dropdown-link:hover > a{
        background-color: #3a91bd;
    }

    .dropdown-link:first-child:hover ~ .arrow{
        background-color: #50a9d6;
    }

    .nav-link > a > i{
        font-size: 1.1rem;
        transform: rotate(-90deg);
        transition: .7s;
    }

    .dropdown i{
        font-size: 1rem;
        transition: .7s;
    }

    .log-sign{
        flex: initial;
        width: 100%;
        padding: 1.5rem 1.9rem;
        justify-content: flex-start;
        opacity: 0;
        transform: translateY(15px);
    }
}
















/* smartphone */
@media screen and (max-width : 599px) {

}
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {

}