@charset "utf-8";

@font-face{
font-family:"Superclarendon Regular";
src:url("../font/SuperclarendonRegular.ttf") format("truetype"),url("../font/SuperclarendonRegular.woff") format("woff");
}
@font-face{
font-family:"Superclarendon Light";
src:url("../font/SuperclarendonLight.ttf") format("truetype"),url("../font/SuperclarendonLight.woff") format("woff");
}
html{width:100%;}
body{width:100%;}

/* --------------------------  Reset Styles  ---------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} sup{font-size:70%;} body{line-height:1;} article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary{display:block;} ul, ol{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;} a{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;} :focus{outline:0;} ins{background-color:#ff9; color:#000; text-decoration:none;} mark{background-color:#ff9; color:#000; font-weight:bold;} del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;} table{border-collapse:collapse; border-spacing:0;} hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select{vertical-align:middle;} *{-webkit-text-size-adjust:none;} body{font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; -webkit-text-size-adjust:100%;} a,p{color:#666666;}

/*共通*/
.main_logo{}
.br320{display:none;}

/*コンテナー*/
.content{}

/*ヘッダー*/
header{padding:0;}
.main_logo{width:152px; height:32px; position:absolute;margin: auto 0 auto 73px; bottom:20px;}
.main_logo img{width:100%; height:auto; transition:.2s ease-out all;}
.main_logo img:hover{opacity:0.7;}
.sp_g_switch{width:100%;}
.g_switch{display:none; transition:.2s ease all; right:18px; position:absolute; top:16px; width:24px; height:22px; z-index:100;}

.g_switch .line1, .g_switch .line2, .g_switch .line3{position:absolute; width:100%; height:1px; background-color:#ffffff; margin:auto; transition:.1s ease all; border:1px solid #ffffff; border-radius:50px; transition:ease all .2s;}
.g_switch .line1{top:0;}
.g_switch .line2{top:0; bottom:0;}
.g_switch .line3{bottom:0;}

.g_switch.open .line1,
.g_switch.open .line2,
.g_switch.open .line3{background-color:#888888; border-color:#888888;}
.g_switch.open .line1{transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); top:10px;}
.g_switch.open .line2{opacity:0;}
.g_switch.open .line3{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); bottom:10px;}

#txt_link{display:none;}
#g_navi_sns{display:none;}

#g_navi{display:block; width:100%; text-align:center; font-family:"Montserrat",sans-serif;}
#g_navi ul li:first-child{display:none;}
#g_navi ul li{display:inline-block;}
#g_navi ul li a{display:block; color:#ffffff; letter-spacing:2px; font-size:12px; padding:7px 0; margin:23px 26px; position:relative; font-weight:400;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	#g_navi ul li a:not(:target){-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
}
#g_navi ul li a::after{content:''; position:absolute; top:100%; left:0; width:100%; height:1px; background:#000000; opacity:0; -webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition:height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); transform:translateY(-10px); margin-left:-1px;}
#g_navi.white_ber ul li a::after{background:#ffffff;}
#g_navi ul li a:hover::after{height:3px; opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px);}
#g_navi ul li a.active:hover::after{-webkit-transform:none; -moz-transform:none; transform:none;}
#g_navi ul li a.active:after{content:''; position:absolute; top:100%; left:0; width:100%; height:3px; background:#000000; margin-left:-1px; opacity:1; -webkit-transition:none; -moz-transition:none; transition:none; -webkit-transform:none; -moz-transform:none; transform:none;}

.follow_us{
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 95px;
}

.follow_us .flexbox {
    display: flex;
    align-items: center;
}

.follow_us .flexbox .twitter__icon {
  padding-right: 10px;
  display: none; /* ※後で更新する */
}

.follow_us .flexbox .note__icon {
  display: none; /* ※後で更新する */
}


.follow_us .flexbox .facebook__icon {
  display: none;
}



.newrecruit_btn{background:#ececec; width:100%; font-weight:bold; font-size:13px; color:#333333; display:block; text-align:center; vertical-align:middle; padding:22px 0 0; transition:ease-out .2s !important; position:relative; box-sizing:border-box; line-height:130%; opacity:0.9; border-color:#f1f1f1; border-left:solid 0.05px #898989;border-bottom:solid 0.05px #898989;border-top:solid 0px #898989;}
/*.newrecruit_btn_old{border-top:solid 0px #898989 !important;}*/

.newrecruit_btn.top_head{display:none;}
.newrecruit_btn span{display:none;}
.newrecruit_btn:before{content:""; width:0; height:0; border:transparent solid 4px; border-left:solid 6px #000; position:absolute; top:0; bottom:0; margin:auto; left:8px;}
.newrecruit_btn:hover:before{content:""; width:0; height:0; border:transparent solid 4px; border-left:solid 6px #fff; position:absolute; top:0; bottom:0; margin:auto; left:8px;}
.newrecruit_btn:hover{background:#f76402; color:#fff;border-left:solid 0.05px #f76402;border-bottom:solid 0.05px #f76402;border-top:solid 0.05px #f76402;}
.newrecruit_btn_old:hover{background:#84c350; border-left:solid 0.05px #84c350;border-bottom:solid 0.05px #84c350; color:#fff;border-top:solid 0px #84c350 !important;}
.remote_btn:hover{background:#008696; border-left:solid 0.05px #008696;border-bottom:solid 0.05px #008696; color:#fff;border-top:solid 0px #008696 !important;}
.remote_btn span.remote_align{display: block; text-align: left; padding-left: 20px; font-weight: bold;}

a.top_newrecruit_bnr{display:block; width:240px; position:absolute; right:-30%; bottom:5%; background:#ffffff;}
a.top_newrecruit_bnr img{width:100%; transition:ease .2s;}
a.top_newrecruit_bnr:before{content:"NEW"; background:#fa6400; font-size:10px; color:#ffffff; padding:5px 6px; display:block; position:absolute; top:-5px; right:-6px; transform:scale(0.9); font-family:"Montserrat",sans-serif; letter-spacing:1px; transition:ease .14s; z-index:2;}
a.top_newrecruit_bnr:after{content:""; border:0 solid transparent; border-top:7px solid #fa6400; border-right-width:7px; border-left-width:0px; display:block; width:0; height:0; position:absolute; top:12px; right:14px; transition:ease .14s; z-index:1;}
a.top_newrecruit_bnr:hover::before{transform:scale(1.2);}
a.top_newrecruit_bnr:hover::after{transform:scale(1.6); top:14px;}
a.top_newrecruit_bnr:hover img{opacity:0.8}


#right_link{width:70px; height:144px; position:fixed; right:0; top:0; z-index:90;}
#right_link a{display:block; height:72px; transition:.3s ease opacity;}
#right_link a img{width:100%; height:auto;}

.post{background-color:#12ae9d; opacity:0.7;}
.mail{background-color:#e08e1a; opacity:0.8;}
#right_link a:hover{opacity:1;}

.sp_contact{display:none;}

.top_news_more_area{text-align:center;}
.top_news_more_area .more_btn{color:#169E78; background:none; margin:0 0 30px; border-color:#169E78; transition:ease .2s;}
.top_news_more_area .more_btn:hover{opacity:0.6; color:#169E78; border-color:#169E78; background:#ffffff;}
.top_news_more_area .more_btn:before,.top_news_more_area .more_btn:after{content:none;}

/* Gnavi下層 */
#header_fixed.pages #header_wrap{background-color:#f4f4f4;}
#header_fixed.pages #header_wrap #header{padding:0; z-index:80; width:100%;}
#header_fixed.pages #header_wrap #g_navi ul li a{color:#000000;}
#header_fixed.pages #header_wrap .main_logo{top:0; bottom:0; left:0;}

/*右の点*/
.point{position:fixed; top:290px; bottom:0; margin:auto 0; right:3%; z-index:10; display:none;}
.point a{display:block; width:15px; height:15px; margin:15px 0; background-image:url("../images/common/icon_menu.png"); background-size:cover; transition:.3s ease background;}
.point a.origin{background-image:url("../images/common/icon_menu_g.png");}
.point a:hover{background-image:url("../images/common/icon_menu_g.png");}
#header_wrap{position:absolute; width:100%; z-index:100;}
.main_image{overflow:hidden; text-align:center; font-size:0; box-sizing:border-box; position:relative; padding-top:52.8%;}
.main_image p{color:#ffffff; text-align:center; font-size:21px; padding-bottom:7%; z-index:1;}
.main_image iframe{position:absolute; top:0; bottom:0; right:0; left:0; width:100% !important; height:100% !important; margin:auto; z-index:0;}
/* .main_image:after{content:""; background-image:url(../images/top/movie_bg.png); width:100%; height:100%; display:block; position:absolute; top:0; left:0;} */

.i_will{font-family:"Superclarendon Regular"; font-size:170px; display:block; color:#ffffff; text-align:center; letter-spacing:1px; padding:14% 0 6%;}
.main_image p .txt{line-height:200%; display:block; font-weight:600; letter-spacing:1px;}


.cmbtn1{background-color:#f76402; margin:0 auto; padding:25px 80px; display:block; width:150px; background-image:url(../images/common/arrow_w.png); background-position:20px center; color:#ffffff; background-repeat:no-repeat; -webkit-background-size:5px 8px; background-size:5px 8px; font-size:12px; font-family:"Montserrat"; letter-spacing:2px; margin-bottom:8%; font-weight:bold; -webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.4s, color 0.4s; position:relative;}
.cmbtn1:hover{background-color:rgba(0,0,0,0);}
.cmbtn1:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #ffffff; border-radius:inherit; opacity:0; -webkit-transform:scale3d(0.7, 0.7, 1); transform:scale3d(0.7, 0.7, 1); -webkit-transition:-webkit-transform 0.4s, opacity 0.35s; transition:transform 0.4s, opacity 0.35s; -webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1); box-sizing:border-box;}
.cmbtn1:hover::before{-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); opacity:1;}

.main_over{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:50%; text-align:center; padding-top:7%; z-index:1;}


.recruit_entries_wrap{background-color:#f4f4f4; padding:60px 0;}

#recruit_entries{width:90%; margin:0 auto; font-size:0; max-width:1440px;}
#recruit_entries .sub_ttl{font-family:"Montserrat"; font-size:14px; color:#288d2b; letter-spacing:2px; margin-bottom:20px;}
#recruit_entries li{width:24.75%; display:inline-block; margin-right:0.3334%; vertical-align:top; background-color:#ffffff; position:relative;}
#recruit_entries li:nth-last-child(1){margin-right:0;}
#recruit_entries li a{width:100%; overflow:hidden; box-sizing:border-box; transition:.3s ease opacity;}
#recruit_entries li a:hover{opacity:0.7;}
#recruit_entries li a:before{content:""; background-color:rgba(0,0,0,0.2); width:100%; display:block; position:absolute; top:0; left:0; padding-top:80%;}
#recruit_entries li a.logo_list:before{background-color:rgba(0,0,0,0.1);}
#recruit_entries li img{width:100%; height:auto;}
#recruit_entries li span{font-size:12px; display:block; text-align:center; line-height:180%; letter-spacing:1px; padding:10px 0; height:43px;}

.ft_sns_wrap h3{text-align:center; line-height:160%; display:block; padding-top:50px; font-family:"Montserrat", "游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese'; color:#666666; font-size:14px;}
.ft_sns_wrap h3 span{display:block;}

#policy_ttl+.anchor_link{border-bottom:1px solid #e6e6e6; border-top:none;}

.clickable{transition: .3s ease;}
.clickable:hover{background-color: #eeeeee; cursor: pointer;}
.clickable:hover td:after{right: 8%;}
#news_ttl h2.top,#policy_ttl h2.top,#seminar_content h2.top{color:#ffffff; font-size:20px; padding:135px 0 60px; background-color:#169e76; text-align:center; font-weight:500;}
#news_ttl h2.top span,#policy_ttl h2.top span,#seminar_content h2.top span{font-size:40px; display:block; font-weight:600; font-family:"Montserrat"; margin-top:20px; letter-spacing:3px;}

#news h2,#policy h2,.other_seminar{font-size:24px; color:#666666; text-align:center; font-weight:600; margin-top:40px; margin-bottom:15px; letter-spacing:2px; padding-top:40px;}
.other_seminar{margin-bottom: 80px;}
#news h2{width: 65%; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0; padding-top: 45px; margin-bottom: 10px; font-size: 21px;}
.news_detail_wrap,.policy_detail_wrap{ width:65%; margin:80px auto;}
.return_link{color:#666666; font-size:14px; letter-spacing:1px; line-height:140%; max-width: 940px; margin: 0 auto; display: block;}
.return_link span{text-decoration:underline;}
.seminar_inner .return_link{ margin: 0; margin-bottom: 33px; padding: 0;}
.news_detail,.policy_detail{ border-top:6px solid #cccccc; box-sizing:border-box; padding:40px 80px ; background-color:#ffffff; margin:16px auto; box-shadow:0px 2px 4px 0px #cccccc; -moz-box-shadow:0px 2px 4px 0px #cccccc; -webkit-box-shadow:0px 2px 4px 0px #cccccc; max-width:940px; min-height:1100px;}
.news_detail h1,.policy_detail h1{font-size:20px; color:#333333; border-bottom:1px solid #cccccc; padding-bottom:20px; line-height:160%;}
.news_detail span.news_icon{font-size:12px; color:#ffffff; font-weight:bold; display:inline-block; box-sizing:border-box; width:124px; padding:5px 0; text-align:center; margin-bottom:15px; margin-left:20px;}

.news_detail .main_txt{margin-top:60px;}
.news_detail .main_txt p{text-align:left; color:#333333; font-size:14px; font-weight:; padding-bottom:25px;}
.news_detail .main_txt img.img-width{width:100%; height:auto;}
.news_detail .main_txt p:nth-last-child(1){padding-bottom:0;}

table.news_table{background-color:#ffffff; width:65%; margin:0 auto; border-top:6px solid #cccccc;}
table.news_table:nth-last-child(1){margin-bottom:120px;}
table.news_table th{font-size:18px; text-align:center; font-weight:; vertical-align:middle; height:130px; border-bottom:1px solid #cccccc; color:#666666; width:22%;}
table.news_table td{font-size:16px; vertical-align:middle; border-bottom:1px solid #cccccc; color:#666666;}
table.news_table td a{display:block;}
table.news_table th span.news_icon{display:none;}
table.news_table th span.news_icon,table.news_table td span.news_icon{font-size:12px; color:#ffffff; font-weight:bold; display:block; box-sizing:border-box; width:124px; padding:5px 0; text-align:center; margin-bottom:8px;}
span.news_icon.news_release{background-color:#f36e45;}
span.news_icon.event_info{background-color:#6c82c9;}
span.news_icon.media{background-color:#67c2b2;}
span.news_icon.information{background-color:#84c350;}
span.news_icon.infomation{background-color:#84c350;}/*スペルミスのため後日削除 */
span.news_icon.global_hrds_eye{background-color:#51badd;}
span.news_icon.schoolstudy{background-color:#ee7888;}
table.news_table td span.news_icon.none{display:none;}
table.news_table td span.news_main_txt{display:block; line-height:130%; width:85%;}
table.news_table td{position:relative;}
table.news_table td:after{position:absolute; top:0; bottom:0; margin:auto; content:"";
vertical-align:middle; right:10%; width:12px; height:12px; border-top:2px solid #999999; border-right:2px solid #999999; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition: .3s ease right;}
table.news_table th span{display:none !important;}


.panel{text-align:center; background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:cover; background-position:center center;}
.panel h2{color:#ffffff; text-align:center; font-size:20px; font-weight:; letter-spacing:2px; padding:50px 0 60px;}
.panel h2 span{display:block; font-family:"Montserrat"; font-size:40px; font-weight:600; margin-top:30px; letter-spacing:3px;}
.panel p{color:#ffffff; line-height:230%; margin-bottom:50px;}

.list_box {width:100%; margin:0 auto;}
.list_box div{display:inline-block;}
.list_box div a{ display:block; border:1px #ffffff solid; color:#000000; padding:8px; font-weight:600; margin-bottom:5px; font-size:14px; transition:.3s ease ; background:rgba(255,255,255,0.5);}

.news_detail_wrap,.policy_detail_wrap{width:65%; margin:80px auto;}
.return_link{color:#666666; font-size:14px; letter-spacing:1px; line-height:140%;}
.return_link span{text-decoration:underline;}
.news_detail,.policy_detail{border-top:6px solid #cccccc; box-sizing:border-box; padding:40px 80px; background-color:#ffffff; margin:16px auto; box-shadow:0px 2px 4px 0px #cccccc; -moz-box-shadow:0px 2px 4px 0px #cccccc; -webkit-box-shadow:0px 2px 4px 0px #cccccc; max-width:940px; min-height:1100px;}
.news_detail h1,.policy_detail h1{font-size:20px; color:#333333; border-bottom:1px solid #cccccc; padding-bottom:20px; line-height:160%;}
.news_detail span.news_icon{font-size:12px; color:#ffffff; font-weight:bold; display:inline-block; box-sizing:border-box; width:124px; padding:5px 0; text-align:center; margin-bottom:15px; margin-left:20px;}

.news_detail .main_txt{margin-top:60px;}
.news_detail .main_txt h3{font-size:15.5px; line-height:160%;}
.news_detail .main_txt p{text-align:left; color:#333333; font-size:14px; font-weight:; padding-bottom:25px;}
.news_detail .main_txt p:nth-last-child(1){padding-bottom:0;}
.news_detail .main_txt a{color:#0015b3;}
.news_detail .main_txt a:hover{opacity:0.5;}

.categoly_lists{ text-align: center; padding: 45px 0 0; width: 100%; font-size: 0; position: relative;background: #f4f4f4;}
.categoly_lists li{display: inline-block; margin: 0;}
.categoly_lists li a{display: block; padding: 10px; font-size: 13px; font-weight: bold; width:110px; margin: 0 10px;}
.categoly_lists li a.all_link{background-color: #ffffff;}
.categoly_lists li a.information_link{background-color: #84c350; color: #ffffff;}
.categoly_lists li a.event_info_link{background-color: #6c82c9; color: #ffffff;}
.categoly_lists li a.global_hrds_eye_link{background-color: #51badd; color: #ffffff;}
.categoly_lists li a.news_release{background-color:#f36e45; color:#ffffff;}

.seminar_lists{ text-align: center; margin: 0 auto 45px; width: 100%; font-size: 0; position: relative;}
.seminar_lists li{display: inline-block; margin: 0;}
.seminar_lists li a{display: block; padding: 10px; font-size: 13px; font-weight: bold; width:100px; margin: 0 10px;}
.seminar_lists li a.all_link{background-color: #ffffff;}
.seminar_lists li a.tokyo_link{background-color: #169e76; color: #ffffff;}
.seminar_lists li a.nagoya_link{background-color: #84c350; color: #ffffff;}
.seminar_lists li a.osaka_link{background-color: #4cbcb8; color: #ffffff;}
.seminar_lists li a.global_link{background-color: #01abe6; color: #ffffff;}

#currentLine{position: absolute; bottom: -3px; width:130px; opacity: 0; height: 3px; background-color:#000000; -webkit-transition: all .3s ease; transition: all .3s ease;}



.panel h2{color:#ffffff; text-align:center; font-size:20px; font-weight:; letter-spacing:2px; padding:50px 0 60px; line-height:140%;font-family: "Montserrat";}
.panel h2 span{display:block; font-family:"Montserrat"; font-size:40px; font-weight:600; margin-top:25px; letter-spacing:3px;}
.panel p{color:#ffffff; line-height:230%; margin-bottom:50px;}

.list_box{width:100%; margin:0 auto;}
.list_box div{display:inline-block;}
.list_box div a{display:block; border:1px #ffffff solid; color:#000000; padding:8px; font-weight:600; margin-bottom:5px; font-size:14px; transition:.3s ease; background:rgba(255,255,255,0.5);}

.list_box div a:hover{opacity:0.7;}
.more_btn{padding:20px 80px; color:#ffffff; font-weight:bold; letter-spacing:2px; font-size:12px; display:inline-block; margin:60px auto 100px; background:url(../images/common/arrow_w.png) no-repeat 20px center; -webkit-background-size:5px 8px; background-size:5px 8px; font-family:"Montserrat"; transition:background-color .5s; position:relative; border:2px solid rgba(0,0,0,0); box-sizing:border-box;}
.more_btn::before,.more_btn::after{position:absolute; display:block; content:''; width:100%; height:100%; transition:all .5s;}
.more_btn::before{top:-2px; left:-1px; border-top:2px solid #ffffff; border-left:2px solid #ffffff;}
.more_btn::after{right:-1px; bottom:-2px; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff;}
.more_btn:hover{background-color:rgba(255,255,255,0.5); color:#000000; border:#000000 solid 2px; background-image:none;}
.more_btn:hover::before,.more_btn:hover::after{width:0; height:0; opacity:0; transition:all .7s;}


/* .panel.solution{background-image:url(../images/top/solution_img.jpg); margin-bottom:5px;}
.panel.about{background-image:url(../images/top/about_img.jpg); margin-bottom:5px;}
.panel.case{background-image:url(../images/top/case_img.jpg);}
.panel.people{background-image:url(../images/top/people_img.jpg);} */

.panel2{text-align:center; background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; background-position:center center; overflow:hidden;}
.panel2 h2{color:#169e76; text-align:center; font-size:20px; font-weight:; letter-spacing:2px; padding:50px 0 60px;}
.panel2 h2 span{display:block; font-family:"Montserrat"; font-size:40px; font-weight:600; margin-top:40px; color:#000000;}

.top_caselist{margin-bottom: 5px;}
.top_caselist .case_list_block{margin:0 auto;}
.top_caselist .case_list_block a{margin:0 10px 30px 0;}
/* .top_caselist .case_list_block a:nth-of-type(3n){margin-right:10px;} */
.slick-arrow.slick-next,.slick-arrow.slick-prev{display:none !important;}
.slick-arrow.slick-next, .slick-arrow.slick-prev { background-color: #ffffff!important; }

.slick-list { overflow: hidden; }

.slick-arrow.slick-next, .slick-arrow.slick-prev { display: block !important; font-size: 0; width: 62px; height: 62px; background: #e6e6e6; border-radius: 50%; border: none; position: relative; padding: 0; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; transition: cubic-bezier(0.29, 0.37, 0.3, 2) 0.3s transform; }

.slick-arrow.slick-next:before, .slick-arrow.slick-prev:before { content: ""; width: 12px; height: 12px; border-top: 3px solid #333333; display: block!important; position: absolute; top: 3px; bottom: 0; left: 0; right: 0; margin: auto; }

.slick-arrow.slick-next { right: -20px; transform: translateX(100%); }

.slick-arrow.slick-next:before { border-right: 3px solid #333333; transform: rotate(45deg) translateX(-3px); }

.slick-arrow.slick-next:hover { transform: translateX(107%); }

.slick-arrow.slick-prev { left: -20px; transform: translateX(-100%); }

.slick-arrow.slick-prev:before { border-left: 3px solid #333333; transform: rotate(-45deg) translateX(3px); }

.slick-arrow.slick-prev:hover { transform: translateX(-107%); }



.three_panel_wrap{width:70%; margin:0 auto 80px; font-size:0;}
.three_panel_wrap .three_panel{width:31%; max-width:370px; background-color:#ffffff; text-align:center; display:inline-block; box-sizing:border-box; margin-right:3.5%; box-shadow:1.5px 2px 2px 0 rgba(0,0,0,0.1);}
.three_panel_wrap .three_panel:nth-last-child(1){margin-right:0;}
.three_panel_wrap .three_panel .img_wrap{width:52px; margin:60px auto 50px;}
.three_panel_wrap .three_panel .img_wrap img{width:100%; height:auto;}
.three_panel_wrap .three_panel h3{font-size:16px; margin-bottom:20px;}
.three_panel_wrap .three_panel p{font-size:14px; padding:0 20px 20px; line-height:180%; color:#999999; letter-spacing:1px;}

.three_panel_wrap .three_panel .photo_wrap{width:100%;}
.three_panel_wrap .three_panel .photo_wrap img{width:100%; height:auto;}
.three_panel_wrap .three_panel a{display:block; color:#333333; padding:12px 0; text-align:center; font-size:12px; line-height:160%; font-weight:600; letter-spacing:2px;}
.layout_wrap p.people{color:#ffffff; letter-spacing:1px; line-height:230%;}

.people_img{width:80%; margin:0 auto; font-size:0; clear:both; max-width:1100px; margin-bottom:180px; position:relative;}
.people_img img{width:100%; height:auto; vertical-align:top; margin-top:1.2%;}
.people_img .fadeimg{opacity:0; transition:.7s ease all;}
.people_img .fadeimg.right{transition:1.8s ease all;}
img.small_img{width:38.9%;}
img.middle_img{width:60%;}
.people_img img.left{float:left;}
.people_img img.right{float:right;}
.people_img .green_box{font-size:14px; background:#288e2b; color:#ffffff; width:195px; height:195px; letter-spacing:1px; line-height:155%; padding:30px; position:absolute; text-align:justify; box-sizing:border-box;}
.green_box.gbox_1{top:9%; right:-3%;}
.green_box.gbox_2{top:42%; left:-3%;}
.green_box.gbox_3{top:64.5%; right:-3%;}
.green_box.gbox_4{top:86.5%; right:32%;}
.fadeimg.openImg{opacity:1;}

.content .recruit_inner{margin-bottom:180px;}

.greenbg_ttl{font-size:22px; color:#ffffff; background:#288e2b; padding:17px 20px; margin:20px 0 50px;}
.recruit_box{margin-right:0; margin-left:30px; color:#333333; margin-bottom:80px;}
.recruit_box .left{width:45%; display:inline-block; vertical-align:top; font-size:14px; letter-spacing:1px; line-height:180%; padding-right:2%;}
.recruit_box .right{width:48%; display:inline-block; vertical-align:top; font-size:14px; letter-spacing:1px; line-height:180%;}
.recruit_box .right img{width:100%; height:auto;}
.recruit_box .right span.rightimg{display:block; margin-right:0; margin-left:auto; width:85%;}
.grayline_box{border:2px #cccccc solid; padding:20px 25px 15px; margin:30px 0 0; line-height:160%; font-size:14px; width:95%; box-sizing:border-box;}
.grayline_box ul{width:98%; margin:10px 0 10px auto;}
.grayline_box ul li{list-style:initial; margin:3px 0;}
.recruit_box .left span,.recruit_box .right span{font-weight:bold; display:block;}
span.mrgtop{margin-top:20px;}
.grayline_box span{font-weight:bold; display:block; margin-bottom:16px;}

.people_img_sp{display:none;}

.seminar_detail_box .gray_box div,.seminar_detail_box .gray_box p,.seminar_detail_box .gray_box pre{font-size:14px; font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:160%;}

.contact_panel{width:100%; font-size:0; text-align:center; box-sizing:border-box; overflow:hidden;background-color: #ffffff;}
.contact_panel .link_wrap{width:50%; display:inline-block; margin:30px 0;}
.contact_panel a{width:100%; display:block; font-size:22px; font-weight:100; padding:40px 0; letter-spacing:1px; transition:.3s ease opacity; opacity:1;}
.contact_panel a:hover{opacity:0.7}
.contact_panel a img{display:block;}
.contact_panel span{font-family:"Montserrat"; color:#169e76; font-size:12px; font-weight:600; letter-spacing:1px; display:block; margin-bottom:15px;}
.contact_btn{border-right:1px solid #cccccc;}
.contact_btn img{width:41px; height:30px; margin:10px auto 30px;}
.request img{width:34px; height:48px; margin:0 auto 40px;}
.link_wrap a p{font-family:"Noto Sans Japanese"; font-weight:300;}

#ft_contents_wrap{background-color:#2b6652; text-align:center; padding:60px 0;}
#ft_contents_wrap p,#ft_contents_wrap a{color:#ffffff;}

.ft_sns_wrap{background-color:#f4f4f4;}
nav.sns{text-align:center; padding:70px 0; font-size:0; padding-top:30px;}
nav.sns a{display:inline-block; padding:0; transition:.3s ease opacity; opacity:1;}
nav.sns a:hover{opacity:0.7}
nav.sns a.fb_icon,nav.sns a.tw_icon,nav.sns a.gp_icon{width:36px; height:auto; margin:0px 2.2%;}
nav.sns img{width:100%; height:auto; display:block;}
#info{display:inline-block; vertical-align:top; padding:20px; padding-right:210px;}
#footer_link{display:inline-block; vertical-align:top; padding:20px;}

#map_block{height:460px;}

#info p{text-align:left; line-height:160%; letter-spacing:1px;}
nav.global ul{display:inline-block; text-align:left; vertical-align:top; padding-right:60px;}
nav.global ul li{line-height:160%; font-family:"Montserrat",sans-serif; letter-spacing:1px; font-size:12px; margin-bottom:10px;}
nav.global ul li a{display:inline-block; position:relative; transition:.2s ease opacity;}
nav.global ul.sns li{font-size:10px;}
nav.global_under ul{padding-right:0; width:100%; box-sizing:border-box;text-align: left;font-size: 10px;}
nav.global_under ul li{padding: 10px 0;}
nav.global ul li a:after{height:1px; content:""; border-bottom:1px solid #ffffff; width:0; display:inline-block; position:absolute; bottom:0; left:0; transition:.2s ease width;}
nav.global ul li a:hover:after{width:100%;}
#info p.company_name{font-size:12px; font-weight:600; margin-bottom:1em;}
#info p{font-size:12px; font-weight:100;}
#info p.phone{margin-top:1em; letter-spacing:2px;}
#info p.copyright{font-size:10px; color:#8ca59c; margin-top:1em; font-family:"Montserrat"; letter-spacing:1px;}

.main_logo_sp{display:none;}
.main_logo_sp img{width:100%; height:auto;}
.scroll_btn{display:none;}
.main_image .scroll_btn p{font-size:10px; font-family:"Montserrat"; font-weight:100; padding-bottom:20px; letter-spacing:2px;}
.sns li a{background:url(../images/common/icon_overview.png) no-repeat right top 4px; -webkit-background-size:7px 7px;
background-size:7px 7px; padding-right:12px;}

/* solution */
#contents_solution{background-image:url(../images/solution/index.jpg); margin-bottom:0px;}
#contents_service{background-image:url(../images/service/index.jpg); margin-bottom:0px;}
#contents_about{background-image:url(../images/about/index.jpg); margin-bottom:0;}
#contents_people{background-image:url(../images/staff/index.jpg); margin-bottom:0px;}
#contents_case{background-image:url(../images/case/index.jpg); border-bottom:0px solid #f4f4f4;}
#contents_case.case_top_main{margin-bottom:0px; font-size:0;}
#service_th img.pc_img{display:block;}
#service_th img.sp_img{display:none;}
/* #service{background-image:url(../images/service/training.jpg); background-size:cover; background-repeat:no-repeat; background-position:top center; margin-bottom:5px;} */
/* #service_th{background-image:url(../images/service/domain_img.jpg); background-size:cover;} */
#service_th img{margin:0 auto; display:block; width:60%; height:auto; max-width:500px;}

.panel h2.top{padding:140px 0 69px;}
.panel_case h2.top{padding:170px 0 100px;}
#catch_copy p{font-size:18px; color:#333333; text-align:center; line-height:200%; font-weight:bold; padding:40px 0; background-color:#ffffff;}

.anchor_link{text-align:center; display:block; font-size:0; box-sizing:border-box; border-top:solid 1px #e6e6e6;}
.anchor_link a{font-size:12px; background:url(../images/common/icon_anchor_off.png) no-repeat left center; padding:30px 40px; padding-left:35px; background-size:19px 19px; font-weight:bold; color:#666666; display:inline-block; letter-spacing:1px; transition:.2s ease-out all;}
.anchor_link a:hover{background-image:url(../images/common/icon_anchor_ov.png); color:#169e76;}
.position_under{margin-top: 80px; background-color: #ffffff; border-bottom: solid 1px #e6e6e6;}
.pages_introduce{background-color:#f4f4f4; padding:1px 0 80px}
.pages_introduce p{font-size:16px; color:#333333; text-align:center; line-height:200%; font-weight:bold; padding:0 0 40px; letter-spacing:0.4px;}
.pages_introduce h2.ttl{font-family:"Montserrat"; font-weight:bold; font-size:30px; text-align:center; letter-spacing:3px;}
#solution_catch .pages_introduce p{font-size:18px; color:#333333; text-align:center; line-height:200%; font-weight:; padding:40px 0; background-color:transparent;}

.contents_bg2 h2.white_ttl{font-family:"Montserrat"; font-size:30px; color:#ffffff; letter-spacing:4px; text-align:center; margin-bottom:30px; padding-top:110px;}
.contents_bg2 h2.white_ttl span{font-size:14px; border:2px solid #ffffff; padding:12px 15px; padding-right:12px; display:inline-block; margin-bottom:40px; font-weight:; letter-spacing:2px; line-height:130%;}
#service h2.over_ttl_green{margin-bottom:100px;}
#service_th h2{padding:100px 0 60px;}
#service_th p.white_ttlp{margin-bottom:40px;}
#service_th{padding-bottom:100px;}
p.white_ttlp{color:#ffffff; margin-bottom:60px;}
.panel_list{width:80%; margin:0 auto; font-size:0; max-width:1200px;}

.solution_panel_wrap{width:22.75%; display:inline-block; position:relative; margin-right:3%; margin-bottom:47px; vertical-align:top; box-sizing:border-box; cursor:pointer; background-color:#ffffff;}

.solution_panel_wrap:nth-of-type(2n+4){margin-right:0;}
.solution_panel{width:100%; height:100%; margin:0 auto; position:relative;}
.solution_panel:hover{opacity:0.6;}
.imgSpChanging{position:relative;}
.solution_panel img{width:124%; height:auto;}
.solution_panel a{font-size:14px; text-align:center; display:block; padding:20px 0; background-color:#ffffff; color:#999999;}

.imgSpChanging{position:relative; width:100%; overflow:hidden; box-sizing:border-box;width:100%;margin: 0 auto;}
.solution_panel .imgSpChanging:before{content:""; background-color:rgba(0,0,0,0.4); width:100%; height:100%; display:block; position:absolute; top:0; left:0;}

.active .solution_panel .imgSpChanging:before{display:none;}

.solution_btn_wrap{width:100%; position:absolute; bottom:0;}
.panel_menu{color:#ffffff; font-size:14px; padding:6% 40px 5% 10px; box-sizing:border-box; width:100%; position:relative; line-height:160%; transition:ease .3s;}
.open_menu{width:100%; display:none; z-index:10; position:inherit;}
.panel_menu:after{content:""; position:absolute; right:20px; margin:auto; top:0; bottom:0; background:url(../images/solution/arrow_pull.png) no-repeat right center; background-size:18px 10px; display:block; width:18px; height:10px; transition:.4s ease all; transform:rotate(0deg);}
.active .panel_menu:after{transform:rotate(180deg);}

.img-light img{display:none;}
.active .img-dark img{display:none;}
.active .img-light img{display:block;}

.panel_menu2{background-color:#66cc99; color:#ffffff; font-size:14px; padding:10% 20px; box-sizing:border-box; width:100%; position:relative;}
.panel_menu2.view_site:after{content:""; position:absolute; right:20px; margin:auto; top:0; bottom:0; background:url(../images/solution/arrow_pull.png) no-repeat right center; background-size:18px 10px; display:block; width:18px; height:10px; transition:.5s ease all; transform:rotate(-90deg);}


.solution_panel p.panel_p{font-size:14px; color:#999999; line-height:160%; padding:15px 25px; font-weight:; text-align:justify;}
.solution_panel_wrap.blue_line{border:solid 3px rgba(100,144,202,1);}
.solution_panel_wrap.yellow_line{border:solid 3px rgba(201,160,62,1);}
.solution_panel_wrap.green_line{border:solid 3px rgba(85,173,93,1);}
.solution_panel_wrap.red_line{border:solid 3px rgba(198,79,104,1);}
.solution_panel_wrap.orange_line{border:solid 3px rgba(205,98,46,1);}
.solution_panel_wrap.ygreen_line{border:solid 3px rgba(133,165,35,1);}
.solution_panel_wrap.purple_line{border:solid 3px rgba(116,118,209,1);}
.solution_panel_wrap.aqua_line{border:solid 3px rgba(51,157,164,1);}

.blue_line .panel_menu{background-color:rgba(100,144,202,0.7);}
.yellow_line .panel_menu{background-color:rgba(201,160,62,0.7);}
.green_line .panel_menu{background-color:rgba(85,173,93,0.7);}
.red_line .panel_menu{background-color:rgba(198,79,104,0.7);}
.orange_line .panel_menu{background-color:rgba(205,98,46,0.7);}
.ygreen_line .panel_menu{background-color:rgba(133,165,35,0.7);}
.purple_line .panel_menu{background-color:rgba(116,118,209,0.7); letter-spacing:-2px;}
.aqua_line .panel_menu{background-color:rgba(51,157,164,0.7);}

.blue_line.active .panel_menu{background-color:rgba(100,144,202,1);}
.yellow_line.active .panel_menu{background-color:rgba(201,160,62,1);}
.green_line.active .panel_menu{background-color:rgba(85,173,93,1);}
.red_line.active .panel_menu{background-color:rgba(198,79,104,1);}
.orange_line.active .panel_menu{background-color:rgba(205,98,46,1);}
.ygreen_line.active .panel_menu{background-color:rgba(133,165,35,1);}
.purple_line.active .panel_menu{background-color:rgba(116,118,209,1);}
.aqua_line.active .panel_menu{background-color:rgba(51,157,164,1);}


.open_menu li{background-color:#339967; border-bottom:1px solid #ffffff;}
.open_menu li a{padding:20px; color:#ffffff; display:block; font-size:16px;}
.panel_menu.openToggle:after{transform:rotate(180deg)}
.icon_ttl_wrap{width:60%; margin:auto; left:0; top:25%; right:0; position:absolute; height:100px; text-align:center; transition:ease .2s;}
.active .icon_ttl_wrap{opacity:0;}
.pages_introduce .icon_ttl_wrap p{padding:0; padding-top:5%; color:#ffffff; letter-spacing:2px; font-weight:; line-height:160%;}
.icon_ttl_wrap img{width:35%; height:auto;}
.content_ttl .policy_detail_wrap p.enactment{text-align:right; font-weight:; padding-bottom:20px; line-height:180%;}
#service_policy{background-color:#f4f4f4; padding-bottom:100px; padding-top:100px;}
#service_policy .image{background:url(../images/solution/service_policy.jpg) no-repeat center center; background-size:100% auto; width:94%; margin:0 auto;}
.image h2{font-family:"Montserrat"; font-weight:bold; font-size:30px; text-align:center; letter-spacing:3px; color:#ffffff; padding:120px 0;}
.image h2 span{display:block; font-size:12px; margin-top:15px; letter-spacing:2px;}
.service_policy_icon_wrap{width:80%; font-size:0; text-align:center; margin:0 auto; margin-top:-75px; max-width:1100px;}
.service_policy_icon{width:25%; display:inline-block; text-align:center; vertical-align:top;}
.service_policy_icon .icons{background-color:#fff; border-radius:100%; border:#dcdcdc 1px solid; width:150px; height:150px; display:block; position:relative; margin:0 auto;}
.service_policy_icon .icons img{display:block; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:74px; height:auto;}

.service_policy_icon h3{font-family:"Montserrat"; font-size:16px; font-weight:bold; letter-spacing:2px; margin:30px 0 20px;}
.service_policy_icon p{font-size:14px; font-weight:500; line-height:160%; color:#000000; width:75%; margin:0 auto; text-align:left;}

.solution_detail{background-color:#ffffff; border:2px solid #c9a03e; box-sizing:border-box; padding:30px 40px 0; text-align:left; display:none; position:relative; margin-bottom:55px;}
.solution_detail h3{font-size:24px; font-weight:bold; background:no-repeat left top; background-size:28px auto; padding-left:40px; line-height:140%; padding-bottom:20px; letter-spacing:2px;}
.solution_detail h4{font-size:18px; letter-spacing:2px; font-weight:500; padding-bottom:20px; line-height:150%;}
.solution_detail p{text-align:left; font-size:14px; color:#999999;}

.solution_detail.detail01{border-color:#6490ca;}
.solution_detail.detail01 h3{background-image:url(../images/solution/icon_s_service1.png);}
.solution_detail.detail01 h4{color:#6490ca;}

.solution_detail.detail02{border-color:#c9a03e;}
.solution_detail.detail02 h3{background-image:url(../images/solution/icon_s_service2.png);}
.solution_detail.detail02 h4{color:#c9a03e;}

.solution_detail.detail03{border-color:#55ad5d;}
.solution_detail.detail03 h3{background-image:url(../images/solution/icon_s_service3.png);}
.solution_detail.detail03 h4{color:#55ad5d;}

.solution_detail.detail04{border-color:#c64f68;}
.solution_detail.detail04 h3{background-image:url(../images/solution/icon_s_service4.png);}
.solution_detail.detail04 h4{color:#c64f68;}

.solution_detail.detail05{border-color:#85a523;}
.solution_detail.detail05 h3{background-image:url(../images/solution/icon_s_service6.png);}
.solution_detail.detail05 h4{color:#85a523;}

.solution_detail.detail06{border-color:#7476d1;}
.solution_detail.detail06 h3{background-image:url(../images/solution/icon_s_service7.png);}
.solution_detail.detail06 h4{color:#7476d1;}

.solution_detail.detail07{border-color:#cd622e;}
.solution_detail.detail07 h3{background-image:url(../images/solution/icon_s_service5.png);}
.solution_detail.detail07 h4{color:#cd622e;}

.solution_detail.detail08{border-color:#339da4;}
.solution_detail.detail08 h3{background-image:url(../images/solution/icon_s_service8.png);}
.solution_detail.detail08 h4{color:#339da4;}

.solution_detail.detail05,.solution_detail.detail06,.solution_detail.detail07,.solution_detail.detail08{padding-bottom:30px;}



#case{background-image:url(../images/case/case_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:5px;}
#case h2{padding:80px 0 0;}
.service_list_block{max-width:1024px; width:90%; margin:50px auto; text-align:left; font-size:0;  position: relative;}
.service_list_block a{background:#ffffff; padding:10px; width:32%; box-sizing:border-box; display:inline-block; vertical-align:top; margin-right:2%; margin-bottom:2%; position:relative; text-align:center;}
.service_list_block a:after{content:""; display:block; background:rgba(255,255,255,0.3); width:100%; height:100%; position:absolute; top:0; bottom:0; right:0; left:0; transition:ease .2s; opacity:0;}
.service_list_block a:nth-of-type(3n){margin-right:0;}
.service_list_block a:hover:after{opacity:1;}
.service_list_block img{width:100%; height:auto;}
.service_list_block h3{font-size:18px; color:#333333; padding:17px 0 10px; letter-spacing:0.6px; line-height:140%;}
.service_list_block a p{font-size:12px; letter-spacing:1px; line-height:180%; text-align:center; color:#666666; padding:0px 0 19px;}
.service_list_block a p .casenum{font-family:"Montserrat"; display:block; color:#999999; font-weight:500; letter-spacing:0.1px;font-size:11px;}
.service_list_block a p .casenum span{letter-spacing:0.4px; padding-left:1px;}

.more_arrow img{position: absolute; bottom:0; right:0; width:30%}

.service_list_block_02{max-width:1024px; width:90%; margin:40px auto; text-align:left; font-size:0;  position: relative;}
.service_list_block_02 a{background:#ffffff; padding:10px; width:49%; box-sizing:border-box; display:inline-block; vertical-align:top; margin-right:2%; margin-bottom:2%; position:relative; text-align:center;}
.service_list_block_02 a:after{content:""; display:block; background:rgba(255,255,255,0.3); width:100%; height:100%; position:absolute; top:0; bottom:0; right:0; left:0; transition:ease .2s; opacity:0;}
.service_list_block_02 a:nth-of-type(2n){margin-right:0;}
.service_list_block_02 img{width:100%; height:auto;}
.service_list_block_02 .imgWrap{overflow: hidden;cursor: pointer;	width: 320px;height: 180px;}
.service_list_block_02 .imgWrap img{display: block;transition-duration: 0.3s;}
.service_list_block_02 .imgWrap img:hover{transform: scale(1.1);transition-duration: 0.3;}

.service_list_block_02 h3{font-size:18px; color:#333333; padding:25px 0 10px; letter-spacing:1px; line-height:140%; height:29px;}
.service_list_block_02 a p{font-size:13px; letter-spacing:1px; line-height:180%; text-align:center; color:#666666; padding:6px 0 10px; font-weight:bold;}

.service_list_block_02 a p .casenum{font-family:"Montserrat"; display:block; color:#999999; font-weight:500; letter-spacing:0.1px;font-size:10px; line-height:1.5;}
.service_list_block_02 p .casenum span{letter-spacing:0.4px; padding-left:1px;}

.service_reed{text-align: center; font-weight: bold; font-size: 14px;padding-top:40px;line-height:2.3; }

.service_block_list a ph3{padding:10px 15px;}

.tabnav{margin-top:50px; padding: 0;width: 100%;text-align: center;font-size:13px;background-color: #f4f4f4;}
.tabnav li{display: inline; margin:0 1px;font-weight:bold;}
.tabnav li a{display: inline-block;background:#fff;color:#666666;padding:20px 0; width:15%;text-decoration: none;  position: relative;}
.tabnav li a:hover,
.tabnav li a.active{background:#84c350;color: #fff;}

.service_line{color:#288d2b; font-size:22px; letter-spacing:2px; padding-bottom:20px; background:url(../images/about/line.jpg) no-repeat left bottom; background-size:100% auto; margin-bottom:35px; line-height:140%;width: 78%;margin: 0 auto;}

.tabcontent{padding: 0;background-image: url("../images/service/service_bg.jpg"); background-repeat: no-repeat;}

.tabnav li a::after{content: "";position: absolute;right: 0;bottom: -20px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-color: transparent transparent transparent transparent;border-width: 20px 20px 0 20px;
}

.tabnav li a.active::after{content: "";position: absolute;right: 0;bottom: -10px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-color: #84c350 transparent transparent transparent;border-width: 20px 20px 0 20px;
}

.pages_bg{background-color:#F4F4F4 !important;}



.service_list_block {max-width: 1024px;width: 90%;margin: 40px auto;text-align: left;font-size: 0;}
.service_list_block a:after {content: "";display: block;background: rgba(255,255,255,0.3);width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;right: 0;left: 0;transition: ease .2s;opacity: 0;}
.service_list_block a p .casenum {font-family: "Montserrat";display: block;color: #999999;font-weight: 500;letter-spacing: 0.1px;font-size: 11px;}
.service_list_block a {background: #ffffff; padding: 10px; width: 32%;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 2%; margin-bottom: 2%;position: relative;text-align: center;}




.arrow_btn{background-color:#84c350; width:25%; height:12%; position:absolute; bottom:0;right:0;
p{font-size: 1px; vertical-align: middle;color:#fff !important;}
}

.btn_arrow{position: relative;width: 40px;height: 20px;border-top: 1px solid #5bc0de;border-right: 1px solid #5bc0de;}

.btn_arrow::after{content: ""; position: absolute;border-right:1px solid #5bc0de;transform: skewX(150deg);}


/* CASE */
.contents_bg{text-align:center; background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; background-position:center center; overflow:hidden; padding:80px 0; margin-bottom:5px;}
/* #business_domain{background-image:url(../images/service/domain_img.jpg);} */
.contents_bg h2 span{font-size:14px; border:2px solid #ffffff; padding:20px; display:inline-block; margin-bottom:40px; font-weight:;}
.contents_bg h2{font-family:"Montserrat"; font-size:30px; color:#ffffff; margin-bottom:40px; letter-spacing:4px;}
.contents_bg p{margin-bottom:80px; font-size:16px; line-height:200%; color:#ffffff;}

.contents_panel_wrap{width:70%; margin:0 auto; text-align:center; font-size:0;}
.contents_panel h3{font-size:16px; line-height:160%; font-weight:bold; margin-bottom:20px; letter-spacing:2px;}
.contents_panel{width:31%; max-width:370px; display:inline-block; background-color:#ffffff; box-sizing:border-box; padding:10px; margin-right:3.5%;}
.contents_panel:nth-of-type(3n){margin-right:0;}
.contents_panel img{width:100%; height:auto; display:inline-block; margin-bottom:20px;}
.contents_panel p{font-size:14px; color:#999999; text-align:left; padding:0 20px 20px; margin:0;}
.close_btn{position:absolute; right:10px; top:10px; font-size:40px; color:#999999; background-color:#ebebeb; border-radius:100%; padding:5px;}
.close_btn:hover{cursor:pointer;}
#c_service{background-image:url(../images/service/service_img.jpg);}
h2.over_ttl_green{background-color:#169e76; text-align:center; padding:30px 0; color:#ffffff; font-size:30px; font-family:"Montserrat"; letter-spacing:5px; margin-bottom:70px;}
h2.over_ttl_green span{font-size:12px; display:block; margin-top:15px; letter-spacing:2px; line-height:130%;}
h2.over_ttl_green.jap_ttl{font-size:24px; padding:27px 0; letter-spacing:3px; font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:140%;}
.content_ttl{background-color:#f4f4f4; overflow:hidden;}
.content_ttl p{padding-bottom:64px; font-size:16px; line-height:200%; color:#333333; text-align:center; font-weight:bold;}
.content_ttl .seminar_inner p{padding-bottom:20px;}

.reason_img img{width:80%; max-width:1200px;}
.reason_img{text-align:center; margin-bottom:12%;}

.go_overseas{position:absolute; font-size:14px; color:#ffffff; background-color:rgb(205,98,46); padding:7px; bottom:11%; transition:ease .3s;}
.orange_button{background-color:rgb(205,98,46);}
.green_button{background-color:rgb(133,165,35);}
.blue_button{background-color:rgb(116,118,209);}
.aqua_button{background-color:rgb(51,157,164);}
.go_overseas:hover{opacity:0.7;}

/* CASE NEW */
#case{background-image:url(../images/case/case_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:5px;}
#case h2{padding:80px 0 0;}
.case_list_block{max-width:1024px; width:90%; margin:50px auto; text-align:left; font-size:0;}
.case_list_block a{background:#ffffff; padding:10px; width:32%; box-sizing:border-box; display:inline-block; vertical-align:top; margin-right:2%; margin-bottom:2%; position:relative; text-align:center;}
.case_list_block a:after{content:""; display:block; background:rgba(255,255,255,0.3); width:100%; height:100%; position:absolute; top:0; bottom:0; right:0; left:0; transition:ease .2s; opacity:0;}
.case_list_block a:nth-of-type(3n){margin-right:0;}
.case_list_block a:hover:after{opacity:1;}
.case_list_block img{width:100%; height:auto;}
.case_list_block h3{font-size:15px; color:#333333;padding: 15px 0 15px; letter-spacing:1px; line-height:140%; height:58px;}
.case_list_block a p{font-size:12px; letter-spacing:-0.4px; line-height:130%; text-align:center; color:#666666; padding: 0 0 20px; font-weight:bold;}
.case_list_block a p .casenum{font-family:"Montserrat"; display:block; color:#999999; font-weight:500; letter-spacing:0.1px;font-size:11px;}
.case_list_block a p .casenum span{letter-spacing:0.4px; padding-left:1px;}
.case_coming_soon h3{color:#666666; letter-spacing:1px; padding-top:35px;}
.case_coming_soon:hover:after{content:none}

.over_ttl_green_case{background-color: #169e76;text-align: center; padding: 30px 0; color: #ffffff; font-size: 24px; letter-spacing: 3px; margin-bottom: 70px;}
.over_ttl_green_case span{font-size: 15px; display: block; margin-top: 12px; letter-spacing: 4px; line-height: 130%; font-family: "Montserrat";}
.over_ttl_green_case.jp_ttl{ padding:40px 0 44px; letter-spacing:3px; font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:140%;}

.casemaintabnav{background-color: #f4f4f4; margin: 50px auto;}
.case_maintabnav{background-color: #f4f4f4; width:100%;height:0px;}

p.case_title_p {font-size: 12px !important;margin-top: 30px;color: #fff !important;width: 80%;margin: 30px auto;}

.ft_case_list{max-width:980px; margin:60px auto 0;}

.case_inner{width:70%; margin:0 auto; font-size:0; max-width:1024px;}
.case_inner_forum{width:70%; margin:0 auto 20px; font-size:0; max-width:1000px;}
.case_inner h2.lines_ttl{margin-top:20px;}
.case_img,.imgtxt_box{width:100%; padding:18px 0 40px;}
.case_img:first-of-type{padding-top:0;}
.case_img img{width:100%; height:auto;}
.case_img2 img{width:90%; height:auto;}
.case_inner p{font-weight:500; text-align:justify; padding-bottom:30px; font-size:16px;}
.case_inner p.bold{font-weight:bold; font-size:16px; line-height:180%;}
.case_inner p.bold.last{font-size:16px;}
.case_inner p.case_indent{padding-left:30px; padding-right:30px;}
.case_inner p.case_right_indent{padding-right:30px;}
.case_inner p.case_right_indent.paragraph{margin-bottom: 1em;}
.case_inner p.case_left_indent{padding-left:30px;}
.case_inner p.namein span{font-weight:bold; display:block;}
.case_img2 span.people_detail{font-size:12px; color:#333333; line-height:170%; display:block; padding-top:15px;}
.case_img2,.case_txt{width:50%; display:inline-block; vertical-align:top;}
.case_img2.it_left{box-sizing:border-box; padding-right:5px;padding-left: 30px;}
.case_img2.it_right{box-sizing:border-box; padding-left:60px;}
.case_txt p:last-of-type{padding-bottom:0;}
/* CASE灰線 */
.case_gray_border_area{border:2px solid #cccccc; max-width:940px; width:auto; margin:20px 30px 0; padding:25px 30px;}
.case_gray_border_area p{font-size:15px; text-align:left; padding-bottom:20px;}
.case_gray_border_area p:last-of-type{padding-bottom:0;}
/* CASE白箱 */
.case_white_box{background:#ffffff; padding:40px 40px 30px; width:auto; margin:30px 20px 30px;}
.case_white_box p{padding:0; font-size:15px;}
.case_white_box p.text{font-size:15px; padding-bottom:30px;}
.case_white_box p.bold{font-size:15px; padding-bottom:5px; padding-top: 10px}
.case_white_box p.small_ttl{color:#288d2b; font-size:15px; font-weight: bold;}
.case_white_box p.ttl{color:#288d2b; font-size:20px; font-weight: bold; padding-top: 5px}
/* CASE表組 */
.case_table{width:100%; margin-bottom:40px;}
.case_table .case_month{background-color:#e5e5e5;}
.case_table_ttl{font-size:16px; margin:0 0 20px;}

.case_table .case_month,.case_table td{border-collapse:separate; text-align:left; vertical-align:text-top; border-bottom:2px solid #ffffff;}
.case_table .case_month{color:#288d2b; font-size:18px; font-weight:; border-right:2px solid #ffffff; width:14%; text-align:center; padding:15px; padding-top:15px; line-height:100%;}
.case_table .case_month span{position:relative; top:3px;}
.case_cel_title{font-weight:bold; display:block; padding-bottom:3px;}
.case_table td{background-color:#eeeeee; font-size:14px; width:100%; padding-left:20px; line-height:170%; padding-bottom:15px; padding-right:15px;}
.case_table tr:last-of-type .case_month,.case_table tr:last-of-type td{border-bottom:none;}
.case_video{width:100%; position:relative; height:0; padding:30px 0 56.25%; overflow:hidden;}
.case_video iframe{position:absolute; top:0; left:0; width:100%; height:95%;}

/* CASE追加 */
.g_section_block .column1_link_list li .column_area{justify-content:flex-start; -ms-flex-pack:start;}

.case_list_block{max-width:1024px; margin:20px auto; position:relative;
	/* .slick-list{padding:5px 0;}
	a{margin:0 5px !important; box-shadow:0 2px 4px -2px rgba(0,0,0,0.2); display:inline-block;}
	.slick-arrow{
		&.slick-next,&.slick-prev{background:#ffffff;
			&:before{border-color:#666666;}
		}
	} */
}

.case_list_block_w{width:calc(70% - 60px)!important;}

.case_panel h2 span{display:block; font-family:"Montserrat"; font-size:30px; font-weight:600; margin-top:24px; letter-spacing:3px; line-height:150%;}

/* CASEテキストリンク */
a.case_txt_link{color:#0015b3; text-decoration: underline;}

/* about */
.about_inner{width:70%; margin:0 auto; font-size:0; max-width:1024px;}
h2.lines_ttl{color:#288d2b; font-size:22px; letter-spacing:2px; padding-bottom:20px; background:url(../images/about/line.jpg) no-repeat left bottom; background-size:100% auto; margin-bottom:35px; line-height:140%;}
.vision_index{width:100%; height:auto; display:inline-block; margin-bottom:60px;}
h3.small_ttl{font-size:16px; font-weight:bold; margin:30px 0 15px; letter-spacing:1px;}
.content_ttl p.v_txt{color:#333333; font-size:14px; letter-spacing:1px; line-height:180%; text-align:left; font-weight:;}
h2.over_ttl_green.history_phmgn{margin-bottom:5px;}

.mid_ttl{font-weight:bold; margin-bottom:15px; letter-spacing:1px; text-align:center; margin-bottom:75px; padding-top:20px; color:#288d2b; font-size:22px; line-height:140%;}
.midsmall{font-size:20px; display:inline-block;}
p.message{color:#333333; font-size:14px; letter-spacing:1px; line-height:180%; text-align:left; font-weight:;}

.logo_wire{width:76%; margin:0 auto; margin-bottom:100px; max-width:800px; text-align:center; background-color:#ffffff; padding:80px 0;}
.logo_wire img{width:100%; height:auto;}

.st0{stroke:#1f3134; fill:#ffffff; stroke-width:1; stroke-dasharray:3000; stroke-dashoffset:3000; -moz-animation:DASH 5s ease-in 1s forwards; -webkit-animation:DASH 5s ease-in 1s forwards; -o-animation:DASH 5s ease-in 1s forwards; animation:DASH 5s ease-in 1s forwards; -webkit-transition:all .1s ease-in; transition:all .1s ease-in;}

.st_b{stroke:#000000; fill:#ffffff; stroke-width:1; stroke-dasharray:3000; stroke-dashoffset:3000; -moz-animation:DASH_b 5s ease-in 1s forwards; -webkit-animation:DASH_b 5s ease-in 1s forwards; -o-animation:DASH_b 5s ease-in 1s forwards; animation:DASH_b 5s ease-in 1s forwards; -webkit-transition:all .1s ease-in; transition:all .1s ease-in;}

.st1{fill-opacity:0; stroke-width:1; stroke-dasharray:2000; stroke-dashoffset:2000; stroke:#369339; fill:#ffffff; stroke-width:1; stroke-dasharray:3000; stroke-dashoffset:3000; -moz-animation:DASH_g 5s ease-in 1s forwards; -webkit-animation:DASH_g 5s ease-in 1s forwards; -o-animation:DASH_g 5s ease-in 1s forwards; animation:DASH_g 5s ease-in 1s forwards; -webkit-transition:all .1s ease-in; transition:all .1s ease-in;}

.group a{background:url(../images/common/icon_overview_gray.png) no-repeat right top 4px; -webkit-background-size:10px 10px;
background-size:10px 10px; padding-right:16px;text-decoration: underline;}
.group a:hover{color:#000000;}

@keyframes DASH{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#1f3134;}
96%{stroke-dashoffset:1000; fill:#1f3134;}
100%{stroke-dashoffset:0; fill:#1f3134; stroke-width:0; fill-opacity:1;}
}
@-moz-keyframes DASH{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#1f3134;}
96%{stroke-dashoffset:1000; fill:#1f3134;}
100%{stroke-dashoffset:0; fill:#1f3134; stroke-width:0; fill-opacity:1;}
}
@-webkit-keyframes DASH{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#1f3134;}
96%{stroke-dashoffset:1000; fill:#1f3134;}
100%{stroke-dashoffset:0; fill:#1f3134; stroke-width:0; fill-opacity:1;}
}
@-o-keyframes DASH{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#1f3134;}
96%{stroke-dashoffset:1000; fill:#1f3134;}
100%{stroke-dashoffset:0; fill:#1f3134; stroke-width:0; fill-opacity:1;}
}
@-ms-keyframes DASH{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#1f3134;}
96%{stroke-dashoffset:1000; fill:#1f3134;}
100%{stroke-dashoffset:0; fill:#1f3134; stroke-width:0; fill-opacity:1;}
}

@keyframes DASH_b{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#000000;}
96%{stroke-dashoffset:1000; fill:#000000;}
100%{stroke-dashoffset:0; fill:#000000; stroke-width:0; fill-opacity:1;}
}
@-moz-keyframes DASH_b{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#000000;}
96%{stroke-dashoffset:1000; fill:#000000;}
100%{stroke-dashoffset:0; fill:#000000; stroke-width:0; fill-opacity:1;}
}
@-webkit-keyframes DASH_b{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#000000;}
96%{stroke-dashoffset:1000; fill:#000000;}
100%{stroke-dashoffset:0; fill:#000000; stroke-width:0; fill-opacity:1;}
}
@-o-keyframes DASH_b{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#ffffff;}
96%{stroke-dashoffset:1000; fill:#ffffff;}
100%{stroke-dashoffset:0; fill:#000000; stroke-width:0; fill-opacity:1;}
}
@-ms-keyframes DASH_b{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#000000;}
96%{stroke-dashoffset:1000; fill:#000000;}
100%{stroke-dashoffset:0; fill:#000000; stroke-width:0; fill-opacity:1;}
}

@keyframes DASH_g{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#369339;}
96%{stroke-dashoffset:1000; fill:#369339;}
100%{stroke-dashoffset:0; fill:#369339; stroke-width:0; fill-opacity:1;}
}
@-moz-keyframes DASH_g{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#369339;}
96%{stroke-dashoffset:1000; fill:#369339;}
100%{stroke-dashoffset:0; fill:#369339; stroke-width:0; fill-opacity:1;}
}
@-webkit-keyframes DASH_g{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#369339;}
96%{stroke-dashoffset:1000; fill:#369339;}
100%{stroke-dashoffset:0; fill:#369339; stroke-width:0; fill-opacity:1;}
}
@-o-keyframes DASH_g{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#369339;}
96%{stroke-dashoffset:1000; fill:#369339;}
100%{stroke-dashoffset:0; fill:#369339; stroke-width:0; fill-opacity:1;}
}
@-ms-keyframes DASH_g{
0% {stroke-dashoffset:3000; fill:#ffffff;}
90%{stroke-dashoffset:2000; fill:#369339;}
96%{stroke-dashoffset:1000; fill:#369339;}
100%{stroke-dashoffset:0; fill:#369339; stroke-width:0; fill-opacity:1;}
}
svg#logoanimation_ie{display:none;}
@media all and (-ms-high-contrast:none){
	svg#logoanimation{display:none;}
	svg#logoanimation_ie{display:block; margin:0 auto;}
	.ie_color{background:#369339;}
	.logo_wire{padding:50px 0 60px;}
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, svg#logoanimation{display:none;}
	svg#logoanimation_ie{display:block; margin:0 auto;}
	.ie_color{background:#369339;}
	.logo_wire{padding:50px 0 60px;}
}

.message_wrap{width:60%; margin:0 auto;}
.person_wrap{text-align:center; margin-bottom:80px;}
.person{width:274px; margin:0 auto; vertical-align:top;}
.person.officer{display:inline-block; margin-right:5%}
.person.officer:nth-of-type(3n){margin-right:0;}
.person p{font-weight:;}
.person.officer img{width:238px; height:auto; display:inline-block; margin-bottom:20px;}
.person.president img{width:100%; height:auto;}
p.person_class{font-size:12px; color:#333333; letter-spacing:1px; padding-bottom:5px;}
p.person_class span.company_name{display:block; font-size:14px;}
p.person_name{font-size:20px; color:#333333; letter-spacing:1px; padding-bottom:30px;}
p.person_name span{font-size:12px; display:block; line-height:120%;}
p.person_txt{color:#333333; font-size:14px; letter-spacing:1px; line-height:180%; text-align:left; font-weight:;}

.about_company{width:100%; margin-bottom:60px;}
.about_company th{width:20%; text-align:left;}
.about_company td{width:80%;}
.about_company th,.about_company td{border-bottom:1px solid #cccccc; padding:15px 23px 15px 20px; line-height:230%; font-size:14px;}
.about_company td span{width:18%; display:inline-block;}
h2#accessmap.lines_ttl{padding-top:40px;}
.access_map{width:45%; display:inline-block; box-sizing:border-box; font-size:0; margin-right:10%; margin-bottom:4%; vertical-align:top; margin-top:10px;}
.access_map:nth-of-type(2n){margin-right:0;}
.access_map img{width:100%; height:auto; border:2px solid #ffffff; display:inline-block; margin-bottom:30px;}
.access_map_wrap{padding-bottom:45%; height:0; overflow:hidden; position:relative; border:2px solid #ffffff; margin-bottom:30px;}
.access_map iframe{position:absolute; width:100%; height:100%; display:inline-block;}
.access_map h3{font-size:16px; color:#288d2b; margin-bottom:10px; letter-spacing:1px;}
.access_map p{line-height:160%; text-align:left; font-weight:; font-size:14px;}
a.s_site_btn{display:block; width:150px; color:#ffffff; letter-spacing:1px; background:#288d2b; padding:10px 0; text-align:center; margin-top:25px; margin-left:3px; background-image:url(../images/common/arrow_w.png); background-position:20px center; background-repeat:no-repeat; -webkit-background-size:5px 8px; background-size:5px 8px; transition:.3s ease opacity,.2s ease background;}
a.s_site_btn:hover{opacity:0.8; background-position:22px center;}

#accessmap{padding:40px 0;}
.access_map_area_block{max-width:1080px; width:90%; margin:0 auto; padding:40px 0; position:relative;}
.access_detail{position:absolute; left:0; top:50%; transform:translateY(-50%); max-width:440px; width:40%;}
.access_detail h3{font-size:18px; color:#288d2b; letter-spacing:1px; margin-bottom:20px;}
.content_ttl .access_detail p{font-size:13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:left; padding-left:15px; line-height:190%; padding-bottom:0;}
.access_detail span{display:block; transform:translateX(-15px);}
.access_gmap_area{max-width:540px; width:55%; height:260px; border:3px solid #ffffff; margin:0 0 0 auto;}
.access_gmap_area iframe{width:100%; height:100%; display:block;}
.access_map_area_block a.s_site_btn{font-size:14px; padding:14px 0;}
.area_td a.s_site_btn{font-size:12px; padding:5px 0; letter-spacing:0.5px;}

.history_image{width:100%; height:auto; display:block; margin-bottom:80px; margin-top:0;}
.history{width:100%; margin-bottom:100px;}
.history th{background-color:#e5e5e5;}

.history th,.history td{border-collapse:separate; text-align:left; vertical-align:text-top;}
.history th.year{color:#288d2b; font-size:20px; font-weight:; border-right:2px solid #ffffff; width:14%; text-align:center; padding:15px; padding-top:15px; line-height:100%;}
.history th.year span{position:relative; top:3px;}
.history th.month{font-size:14px; font-weight:bold; border-right:2px solid #ffffff; width:8%; text-align:center; padding-bottom:20px;}
.history td{background-color:#eeeeee; font-size:14px; width:100%; padding-left:20px; line-height:170%; padding-bottom:15px; padding-right:15px;}
.history tbody{border-bottom:2px solid #ffffff;}

.client{font-size:0; width:70%; margin:0 auto 60px; text-align:center;}
.client img{display:inline-block; width:23.5%; margin-right:2%; height:auto; margin-bottom:2%;}
.client img:nth-of-type(4n){margin-right:0;}
.client p{text-align:center; font-weight:200; line-height:160%; padding-bottom:15px; font-size:14px;}
.client_btn{padding:25px 40px; padding-left:60px; color:#169E78; font-weight:bold; letter-spacing:1px; font-size:13px; border:2px solid #169E78; display:inline-block; margin:40px auto 60px; background:#ffffff; transition:.3s ease all; position:relative;}
.client_btn:hover{opacity:0.7;}
.client_btn span{width:0; height:0; border:4px solid transparent; border-top:4px solid #169E78; transform:rotate(-90deg); -ms-transform:rotate(-90deg); position:absolute; top:44%; left:7%;}
.clientlist_btn_area{text-align:center; width:100%;}

.client_wrap{width:30%; display:inline-block; font-size:0; text-align:left; margin-right:5%; vertical-align:top;}
.client_list_txt{text-align:right; font-size:14px; color:#666666; margin-top:20px;}
.client_wrap:nth-of-type(3n){margin-right:0}
.client h3{font-size:16px; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #cccccc;}
.client_wrap ul{margin-bottom:30px;}
.client_wrap li{font-size:14px; line-height:160%; color:#666666;}

/* seminar */
.seminar_inner{width:70%; margin:30px auto 0; font-size:0; max-width:1024px; text-align:left;}
#seminar_content h2.over_ttl_green{padding:135px 0 60px; margin-bottom:0; font-size:40px;}
#seminar_content h2.over_ttl_green span{margin-top:0; margin-bottom:20px; font-weight:; font-size:20px;}
#seminar_content.content_ttl p span{font-size:13px;}
#seminar_content.content_ttl.contact p span{font-size:15px; display:block; padding:15px 0 0; color:#ff0000; font-weight:;}
#seminar_content.content_ttl p.white_block{background:#ffffff; padding-top:50px; margin-bottom:45px;}
#seminar_content.content_ttl{padding-bottom:180px;}

.seminar_box{width:100%; background:#ffffff; position:relative; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15); margin-bottom:40px;}
.archive .seminar_box{width:30%; margin-left: 22px;}
.color_tag{font-size:18px; color:#ffffff; width:180px; height:56px; position:absolute; font-family:"Montserrat"; text-align:center; line-height:320%; letter-spacing:2px; top:-10%; left:-2%; background:url(../images/seminar/tag_orange.png)no-repeat; background-size:100% auto;}
.color_tag.yellowgreen{background:url(../images/seminar/tag_yellow_green.png)no-repeat; background-size:100% auto;}
.color_tag.green{background:url(../images/seminar/tag_green.png)no-repeat; background-size:100% auto;}
.color_tag.aqua{background:url(../images/seminar/tag_aqua.png)no-repeat; background-size:100% auto;}
/* 追加 */
.about_inner.archive{display: flex; flex-wrap: wrap; width: 100%;}

.sbox_left{width:50%; display:inline-block; padding:60px 70px 50px; box-sizing:border-box;vertical-align: top;}
.sbox_left.archive{display: block;width: 100%;padding: 15px 30px;}
.sbox_right{width:50%; display:inline-block; padding-right:30px; box-sizing:border-box;padding-top: 60px;}
.sbox_left .day{font-family:"Montserrat"; font-size:23px; color:#999; display:block; letter-spacing:2px; margin-bottom:20px; text-align:left;}
.archive .sbox_left .day{margin-bottom:12px;}
.sbox_left p{text-align:left; font-size:13px; font-weight:; padding-bottom:0;}
.sbox_left p a{display:block; font-size:16px; font-weight:bold; color:#333333; padding-bottom:10px; text-decoration:underline;}
.sbox_right table{width:100%; border-left:2px solid #cccccc;}
.sbox_right table th{font-weight:bold; width:13%; font-size:14px; padding:10px 0 10px;}
.sbox_right table td{width:97%; font-size:14px; line-height:150%; text-align:left;}
.check_box{font-size:12px; font-weight:bold; position:absolute; line-height:480%; top:0; right:0}
.check_box.detail{text-align: center; position: static; line-height: 510%;}
.check_box.check{background:#c2edc2;}
.check_box.check:after{background:#c2edc2; background:url(../images/seminar/check.png)center center no-repeat; background-size:100%;}

form{text-align:center;}

.seminar_btn,input[name="send-to-confirm"],input[name="send-to-finish"],input[name="return-to-input"]{max-width:370px; padding:30px 30px 30px 40px; text-align:center; font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background-color:#f76402; margin:0 auto; display:block; background-image:url(../images/common/arrow_w.png); background-position:20px center; color:#ffffff; background-repeat:no-repeat; -webkit-background-size:5px 8px; background-size:5px 8px; font-size:14px; letter-spacing:2px; margin-bottom:60px; font-weight:bold; transition:ease .3s; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; border:none; box-sizing:border-box;}
.err_msg{opacity:0; font-weight:600; color:#ff0000; margin:20px 0; text-align:center;}
.err_msg.none_check{opacity:1; font-size:16px;}

input[name="element-10"],input[name="element-11"]{width:50%;}

.seminar_btn:hover{background-color:rgba(248,102,0,0.75);}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked + .check{background-color:#c2edc2;}
input[type=checkbox]:checked + .check:before{opacity:1; z-index:10;}
input[type=checkbox]:checked ~ .seminar_btn{background-color:#ffffff;}
.check{box-sizing:border-box; position:relative; display:inline-block; margin:0; cursor:pointer; background:#e7e7e7; padding:0px 30px 0 60px;}
.check:hover:after{border-color:#339933;}
.check:after{position:absolute; top:50%; left:11%; display:block; margin-top:-12px; width:18px; height:18px; border:2px solid #bbb; border-radius:3px; content:''; background-color:#ffffff;}
.detail .check{background-color: #d5e2cb; width: 310px; padding: 0px 30px 0 40px;}
.detail .check:before{left: 12.5%;}
.detail .check:after{left:10%;}
.check:before{position:absolute; top:50%; left:14%; display:block; margin-top:-9px; width:5px; height:10px; border-right:3px solid #339933; border-bottom:3px solid #339933; transform:rotate(45deg); content:''; opacity:0;}

.brack_line_box{border:2px solid #333333; font-size:18px; font-weight:bold; text-align:center; padding:15px; width:360px; margin:0 auto 50px; letter-spacing:1px;}
.seminar_detail_box{width:100%; background:#ffffff; position:relative; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15); margin-bottom:100px; padding-bottom:40px;}
.seminar_detail_box .color_tag{top:-1.5%;}
/* .seminar_detail_box h2{background:#369239; color:#ffffff; font-size:22px; padding:40px 0 30px; text-align:center; letter-spacing:1px;} */
/* .seminar_detail_box h2 span{display:block; margin-bottom:25px; color:#d0eabd; font-size:20px; font-family:"Montserrat"; font-weight:;} */
.s_detailtxt{font-size:16px; color:#999; font-weight:bold; text-align:center; padding:25px 0 20px; border-bottom:1px solid #ccc;}
.detailbox_left{width:70%; display:inline-block; padding:40px 10%; vertical-align:top; box-sizing:border-box;}
.detailbox_right{width:30%; display:inline-block; vertical-align:top; margin-top:40px; padding-right:10%; box-sizing:border-box;}
.leftline{border-left:2px solid #cccccc;}
.detailbox_left span{font-size:18px; color:#369239; font-weight:bold; margin-bottom:40px; display:block; line-height:140%;}
.detailbox_left p{font-size:14px; font-weight:; text-align:left; padding-bottom:25px;}
.detailbox_left .gray_box{background:#f4f4f4; padding:25px 20px; font-size:14px;}
.detailbox_left .gray_box span{font-weight:bold; color:#333333; font-size:14px; margin-bottom:15px; padding:0;}
.seminar_detail_box a{color:#369239; text-decoration:underline; margin-bottom:30px; display:block}
.seminar_detail_box a.seminar_btn{color:#ffffff; text-decoration:none;}
.detailbox_left .gray_box p{padding-bottom:0;}
.detailbox_right p{font-size:14px; font-weight:; line-height:180%; text-align:left; padding-bottom:25px; padding-left:6%;}
.detailbox_right p span{font-weight:bold; display:block;}

.dummy_img{background:gray; width:100%; height:130px; margin-top:40px;}

.seminar_form_block{width:100%; background:#ffffff; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15); padding:50px 70px; box-sizing:border-box; margin-top:15px;}
.seminar_form_block h2{font-size:20px; color:#369239; letter-spacing:1px; margin-bottom:25px;}
.seminar_form_block h2.topmrg{margin-top:0;}
.seminar_form_block.sf_nottl h2 span{margin-left:0;}
.seminar_form_block.sf_nottl h2{margin-left:0;}
.seminar_form_block.sf_nottl h2.sf_ttlmrg{margin-left:10px;}
.seminar_form_block h2 span{font-size:14px; color:#ffffff; background:#ff0000; padding:4px 10px;}
.seminar_form_block h3{font-size:18px; border:1px solid #ccc; padding:20px 20px 15px; border-bottom:4px solid #369239; margin-bottom:30px; line-height:130%;}
.day_place,.cost_people{font-size:14px; display:inline-block; vertical-align:top; box-sizing:border-box; border-left:2px #cccccc solid; padding-left:20px; padding-right:20px; line-height:180%; height:73px; margin-bottom:60px;}
.day_place span,.cost_people span{font-weight:bold; display:block;}
.day_place{width:40%;}
.cost_people{width:20%;}
.seminar_detail_block{width:98.5%; margin:0 0 0 auto;}
.seminar_form_block table{width:100%; font-size:14px;}
.seminarForm .seminar_form_block table tr:nth-of-type(1){display:none;}
.seminar_form_block table tr{border-top:1px solid #cccccc; padding:3px 0;}
.seminar_form_block table tr:nth-last-of-type(1){border-bottom:1px solid #cccccc;}
.seminar_form_block table th,div#trust-form.contact-form table th{width:30%; background:#f4f4f4; padding:35px 0 25px 4%; box-sizing:border-box; text-align:left; vertical-align:top;}
.seminar_form_block table th span{color:#ff0000;}
.seminar_form_block table td,div#trust-form.contact-form table td{width:70%; padding:30px 0 30px 4%; box-sizing:border-box; text-align:left;}
.terms_graybox{width:100%; background:#f4f4f4; border:4px solid #e4e4e4; padding:35px 10px 30px; margin-top:30px; margin-bottom:60px; margin-left:-14px;}
.terms_graybox p{font-size:14px; font-weight:; padding:0 25px; line-height:160%; text-align:left;}
#seminar_content .terms_graybox p span{font-weight:bold; display:block; margin-bottom:15px; font-size:14px;}
.seminar_form_block table tr.last{border-bottom:1px solid #cccccc;}
.seminar_form_block table td input{font-size:14px; padding:5px; border:#cccccc solid 1px; display:inline-block;}
.seminar_form_block table td input.material,.seminar_form_block table td ul.handout input{display:inline-block;}
.seminar_form_block table td ul.handout li{line-height:180%;}
.seminar_form_block table td input.middle_box{width:50%;}

.seminar_form_block table td span{padding:0 10px; display:inline-block;}
.seminar_form_block table td span.form_block{padding:0;}
.seminar_form_block table td span.form_block input{margin-bottom:20px;}
.seminar_form_block table td span.form_tittle{padding:0;}
input.name,input.camp{margin-right:1%; width:80%;}
input.camp{margin-left:2%;}
.seminar_inner{opacity:0;}

@media all and ( -ms-high-contrast :none ){
 ::-ms-backdrop , .seminar_form_block table th{padding:0;}
}
input.name.name_f{margin-left:0.6%;}
input.campany{margin-right:5%; width:80%;}

select{font-size:16px;}
select.area{width:90px;}
input.email{width:80%;}
.radioright{margin-left:40px;}
.seminar_form_block table td input.radio{margin-right:15px;}
textarea{width:80%; height:100%; font-size:14px; padding:7px; border:1px solid #cccccc; -webkit-appearance:none;}
.sform_btn{min-width:300px; padding:30px 40px; text-align:center; font-size:15px; font-family:"游ゴシック体", "Yu Gothic", YuGothic,'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-bottom:30px; width:40%;}
p.p_g{padding-top:40px; padding-bottom:0;}
p.p_g a{text-decoration:underline; transition:.3s ease opacity;}
p.p_g a:hover{opacity:0.7;}

/* youth program */
#catch_copy p span.ttl_youth{font-size:22px; display:inline-block; margin-bottom:10px;}
#youth .contents_panel{box-shadow:2px 3px 5px 1px rgba(0,0,0,0.1); margin-bottom:50px;}
#youth .contents_panel h3{color:#333333;}
#youth .contents_panel_wrap{margin-bottom:60px;}
#youth .contents_panel_wrap.youth_block{margin-bottom:80px;}
.ikiiki_wrap{margin:70px auto 20px; display:block; position:relative;}
.ikiiki_wrap img{margin:0 auto; display:block; width:100%; height:auto; position:relative; max-width:1280px;}
.ikiiki_ttl{text-align:center; margin:0 auto; position:absolute; top:10%; left:0; right:0; color:#ffffff;}
.ikiiki_wrap h3{border:4px solid #ffffff; display:inline-block; padding:10px 15px; font-size:14px; letter-spacing:1px;}
.ikiiki_wrap h2{font-size:30px; letter-spacing:2px; line-height:140%; margin-top:20px;}
.program_block{width:80%; margin:0 auto; font-size:0;}
#catch_copy .program_block p{background-color:transparent; font-size:18px; line-height:180%; padding:20px 0; padding-bottom:70px;}
.recruit_box.program_bb{width:100%; color:#333333; margin:0 auto 80px 0;}
.recruit_box.program_bb ul li{text-indent:-1em; padding-left:1em;}
.program_bb .left img{width:100%; height:auto;}
.program_bb .right{padding:0 4% 0 3%; box-sizing:border-box;}
.program_bb .g_ttl{color:#288d2b; font-size:16px; margin-bottom:20px;}
.grayline_box span{font-size:16px;}
.grayline_box span.gf{font-size:14px; color:#288d2b; margin-bottom:7px;}
.program_bb .g_ttl.check_icon{background:url(../images/youth/check.png)top left no-repeat; background-size:27px; padding-left:10%;}
.marg_bspan{margin:40px 0 20px;}
.g_ttl.small{font-size:14px; margin-bottom:0;}
.grayline_ttl{border-bottom:5px #cccccc solid; font-size:16px; padding:30px 0 20px 10px; padding-left:10px; background:url(../images/youth/child.png)no-repeat top right; background-size:50px; margin-top:-20px; margin-bottom:30px;}
.grayline_ttl.gline_2{border-bottom:5px #cccccc solid; font-size:16px; padding:30px 0 20px 10px; padding-left:10px; background:url(../images/youth/parents.png)no-repeat top right; background-size:50px; margin-top:-20px; margin-bottom:30px; background-position-y:22px;}
.grayline_ttl.gline_3{border-bottom:5px #cccccc solid; font-size:16px; padding:30px 0 20px 10px; padding-left:10px; background:no-repeat top right; background-size:50px; margin-top:-20px; margin-bottom:30px; background-position-y:22px;}
span.g_ttl.small.mrgtop{margin-top:50px;}
img.pc_ikiiki{display:block;}
img.sp_ikiiki{display:none;}
#youth .contents_panel_wrap.service_wrap{margin-bottom:60px;}
#service_th.youth_service_bg{background-image:url(../images/youth/service_bg.jpg); margin-bottom:110px;}
#service_th.youth_service_bg img{width:47%; height:auto; display:inline-block; margin:0 25px; max-width:202px;}
.youth_service_box{width:80%; text-align:center; margin:0 auto 150px;}
#performance{padding-top:30px;}


/* TOP NEWS */
#top_news_entries{width:90%; margin:40px auto 0; font-size:0; max-width:1440px;}
#top_news_entries .sub_ttl{font-family:"Montserrat"; font-size:14px; color:#288d2b; letter-spacing:2px; margin-bottom:20px;}
#news_block_wrap{width:100%; background-color:#ffffff;}
#top_news_wrap{display:table; margin:0 auto; padding:25px 60px; width:100%; box-sizing:border-box;}
.newsblock{font-size:13px; display:table; width:100%; box-sizing:border-box;background: #ffffff;margin: 0 auto 5px;padding: 5px 0 5px 2%;}
.top_news_th{padding:12px 0; display:table-cell; width:100px; text-align:center; box-sizing:border-box;}
span.date{font-size:13px; padding:15px 0; display:table-cell; width:110px; box-sizing:border-box;}
.newsblock .news_icon{padding:5px; color:#ffffff; font-size:11px; width:100%; display:inline-block; box-sizing:border-box; letter-spacing:0;}
.newsblock *{letter-spacing:2px; vertical-align:middle;}
.top_news_link{padding:12px 0 12px 30px; display:table-cell; font-size:13px; box-sizing:border-box; line-height:140%;}
.top_news_link span{position:relative; display:inline-block;}
.top_news_link span:after{height:1px; content:""; border-bottom:1px solid #666666; width:0; display:inline-block; position:absolute; bottom:-5px; left:0; transition:.2s ease width;}
a.top_news_link:hover span:after{width:100%;}

/* sitepolicy etc */
.policy_detail .v_txt{margin-top:20px;}
.content_ttl .policy_detail_wrap p{font-size:13px; text-align:left;}
span.anotation{font-size:12px; display:block; line-height:140%; margin-top:10px; padding-left:1em; text-indent:-1em;}
.content_ttl p.v_txt.p_txt_indent{padding-left:3em; text-indent:-3em; padding-bottom:10px; width: 84%;}
.content_ttl p.v_txt.p_txt_indent.last_txt{padding-bottom:64px;}
.content_ttl p.v_txt.first_txt{padding-bottom:10px; width: 100% !important;}
.privacy_box{text-align:center; margin:10px auto 40px; border:2px solid #cccccc;}
.privacy_box h3{color:#288d2b; margin-bottom:30px; font-size:20px; margin-top:40px;line-height: 1.5;}
.policy_table{width:100%; font-size:13px; margin:20px auto 50px;}
.content_ttl .policy_detail_wrap .privacy_box p{line-height:180%; text-align:center; padding-bottom:40px;}
.policy_table tr:first-child{border-top:1px solid #cccccc;}
.policy_table tr{border-bottom:1px solid #cccccc; line-height:160%;}
.policy_table th{width:40%; padding:20px 0;}
.policy_table td{width:60%; padding:20px 0;}
.policy_table a{text-decoration:underline;}
.policy_table a:hover{opacity:0.7;}
ul.sitemap_list li{line-height:160%; margin-bottom:20px; display:block;}
ul.sitemap_list li ul{margin-top:5px;}
ul.sitemap_list li ul li{margin-bottom:10px; font-size:14px;}
ul.sitemap_list li ul li ::before{content: "\02022";}
ul.sitemap_list{width:48%; display:inline-block; vertical-align:top;}

.seminar_table{display:none !important;}
#confirm-button{margin:40px auto 0; width:90%;}
input[name="return-to-input"],input[name="send-to-finish"]{display:inline-block; margin-top:20px;}
input[name="return-to-input"]{margin-right:8%;}
.content_ttl p.confirmation_top,{padding-bottom:0;}
.content_ttl p#message-container-confirm{padding-bottom:20px;}
.seminar_form_block table td div{line-height:160%;}
.seminar_form_block table td div.error{color:#ff0000;}

.sp_br{display:none;}
/*clearfix*/
.clearfix:after{content:""; display:block; clear:both; visibility:hidden;}

.lr_indent{padding-left:30px; padding-right:30px;}

@media screen and (max-width:1415px){
.contents_bg{padding:65px 0;}
}

@media screen and (max-width:1350px){
.main_image{background-size:cover;}
.panel{background-size:cover;}
#service_policy .image{background-size:auto 100%;}
#container,.content{width:100%;}
/* 	service */
#business_domain,#c_service{background-size:auto 100%;}
.contents_panel_wrap{width:90%;}
.contents_panel{width:32%; margin-right:2%;}
#youth .contents_panel{width:28%; margin-right:4%;}
/* solution */
.panel_list{width:83%; box-sizing:border-box;}
/* history */
.history td{text-align:justify; padding-right:20px;}

#g_navi ul li a{margin:23px 18px;}
.about_company th,.about_company td{padding:15px 20px; }

}

@media screen and (max-width:1220px){
.panel_list{width:50%;}
.solution_panel_wrap{margin-bottom:0; margin-top:50px; width:100%;}
p.white_ttlp{margin-bottom:10px;}
.solution_detail{margin-bottom:0;}
.img_wide{width:100%; height:150px;}
.img_wide img{margin-top:-17%;}
.panel_menu{padding:3% 40px 2% 10px;}
.icon_ttl_wrap img{width:14%;}
.icon_ttl_wrap{top:15%;}
.blue_line.active .panel_menu{background-color:rgba(100,144,202,0.7);}
.yellow_line.active .panel_menu{background-color:rgba(201,160,62,0.7);}
.green_line.active .panel_menu{background-color:rgba(85,173,93,0.7);}
.red_line.active .panel_menu{background-color:rgba(198,79,104,0.7);}
.orange_line.active .panel_menu{background-color:rgba(205,98,46,0.7);}
.ygreen_line.active .panel_menu{background-color:rgba(133,165,35,0.7);}
.purple_line.active .panel_menu{background-color:rgba(116,118,209,0.7);}
.aqua_line.active .panel_menu{background-color:rgba(51,157,164,0.7);}
.solution_detail.detail05, .solution_detail.detail06, .solution_detail.detail07,.solution_detail.detail08{padding-bottom:40px;}
.go_overseas{bottom:9%;}
.blue_button{bottom:6%;}
#g_navi ul li a{margin:23px 11px;}
.follow_us {
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 80px;
}
.follow_us p {
  padding-right: 8px;
  letter-spacing: 0.05px;
}

.follow_us .flexbox .twitter__icon {
  padding-right: 5px;
}
}




@media screen and (max-width:1130px){
/* グローバル */
/* #g_navi ul li a{margin:23px 7px; font-size:17px;} */
#g_navi ul li a{font-size: 12px;}
}

@media screen and (max-width:1024px){
.main_logo{height:42px;}
.contents_panel h3{font-size:14px;}
.i_will{font-size:120px;}
a.top_newrecruit_bnr{width:200px;}
/* グローバル */
#g_navi ul li a{margin:23px 6px; padding:7px 0; letter-spacing:1.5px;}

/* solution */
.service_policy_icon{padding:20px; box-sizing:border-box;}
.service_policy_icon_wrap{width:90%;}

/* about */
.about_inner{width:90%;}
.client{width:90%;}
.person.officer img{width:65%; max-width:338px;}
.person_wrap{text-align:left; width:90%; margin:0 auto;}
.person.officer{width:45%; text-align:center;}
.person.officer:nth-of-type(2n){margin-right:0;}
/* seminar */
.seminar_inner{width:90%;}
.detailbox_left{padding:6% 7%;}
.detailbox_right{margin-top:6%; padding-right:5%;}

/* youth project */
.ikiiki_wrap h2{font-size:24px; margin-top:4px;}

/*180509 */
.inith_onece_block .partners p{font-size:16px;}
.inith_onece_block .partners p span{font-size:12px;}
.inith_onece_block .partners .cross{width:50px; margin:0 12px;}
.inith_onece_block .partners .cross:before, .inith_onece_block .partners .cross:after{width:50px;}
}

@media screen and (max-width:940px){
.case_list_block a{min-height:260px;}
}
@media screen and (max-width:922px){
#header_wrap,#header{height:100%; width:100%;}
#header{padding-top:30px;}
#header_fixed.pages #header_wrap #header{padding-top:30px;}
#header_fixed.fixed{width:100%; background-color:#ffffff; border-bottom:1px solid #cccccc; z-index:50;}
#header_wrap{width:100%; background-color:#000000; position:fixed; right:-100%; top:0; z-index:99; transition:.2s ease right;}
#header_fixed.pages #header_wrap{background-color:#000000;}
#header_fixed.pages #header_wrap #g_navi ul li a{color:#ffffff}
#header_wrap.open{right:0;}
.sp_g_switch{position:fixed; top:0; left:0; transition:.2s ease left,.3s ease top; z-index: 100;}
.sp_g_switch .main_logo_sp{height:0; margin:0 auto; overflow:hidden;}
.fixed .sp_g_switch .main_logo_sp{margin:10px auto; height:auto; width:36%; max-width:120px;}
#g_navi ul li a:hover::after{display:none;}
a.menu_sp:before{    content: "";width: 10px;height: 10px;display: block;border-top: 3px solid #888888;border-left: 3px solid #888888;transform: rotate(135deg);position: absolute;top: 0;bottom: 5px;left:145px;right: 0;margin: auto;}
	
nav.sns{padding:4% 0 10%;}
#g_navi ul li a{margin:15px 0;}
.sp_contact{display:block; width:100%; font-size:0; text-align:center;}
.sp_contact img{width:90px; height:auto; position:absolute; top:-15px; left:0; right:0; margin:auto;}
.sp_contact .sp_mail img{width:95px;}
.sp_contact .sp_post,.sp_contact .sp_mail{width:50%; display:inline-block; text-align:center; position:relative; height:70px;}
.sp_contact .sp_post{margin-left:-13%;}
.sp_contact .newrecruit_btn{width:40%; border:1px solid #ffffff; padding:10px 0; color:#ffffff; font-size:12px; text-align:center; display:inline-block; margin:0 10px 20px; background:none;}
.sp_contact .newrecruit_btn:before{content:none;}

#g_navi ul li a.active:after{display:none;}
＃header_fixed.pages #header_wrap #g_navi ul li　.menu_sp{
background-image: url();
}

.fixed .sp_g_switch.open{left:-100%;}
#header_fixed.fixed .sp_g_switch{position:fixed; height:60px; width:100%; background-color:#ffffff; top:0; right:0; z-index:100; border-bottom:1px solid #e4e4e4;}
#header_fixed.fixed .sp_g_switch .g_switch div{background-color:#000000; border-color:#000000;}
#header_fixed.fixed .sp_g_switch .g_switch.open div{background-color:#676767; border-color:#676767;}
#container.open{position:relative; left:-50%;}
#g_navi ul li{display:block;}
#txt_link{display:block;}
#txt_link ul{text-align:center;}
#txt_link ul li a{font-size:12px; padding-bottom:10px; display:block;}
#g_navi_sns{display:none; text-align:center; padding-top:3%;}
#g_navi_sns ul{width:100%;}
#g_navi_sns ul li{display:inline-block; margin:0 5px;}
#g_navi_sns ul li a{display:block; width:30px; height:auto;}
#g_navi_sns ul li a img{width:80%; height:auto;}

.follow_us {
  display: block;
  position: static;
  padding-top: 24px;
}

.follow_us .flexbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 56%;
  margin: 0 auto;

}
.follow_us .flexbox .twitter__icon {
  display: block;
}

.follow_us .flexbox .twitter__icon img {
  width: 24px;
}

.follow_us .flexbox .note__icon {
  display: block;
}

.follow_us .flexbox .note__icon img {
  width: 25px;
}

.follow_us .flexbox .facebook__icon {
  display: block;
}

.g_switch{display:block;}
.main_logo{display:none;}

.main_logo_sp{display:block; width:50%; margin:0 auto; max-width:152px;}
.main_image{overflow:hidden; background-image:url(../images/sp/top/main_img_sp.jpg); background-position:center top; -webkit-background-size:100% auto; background-size:100% auto; padding-top:0;}
a.top_newrecruit_bnr{display:none}
.main_image iframe{display:none;}
.main_over{padding-top:0; width:100%; position:static;}
.i_will{padding:12% 0 6%; width:100%; height:100%;}
.main_image p{padding-bottom:8%;}
.main_image p .txt{font-size:18px;}
.cmbtn1{margin-bottom:20px;}
.main_image .scroll_btn{display:block;}
#recruit_entries{width:90%;}
#recruit_entries li{width:49%;}
.client_btn{line-height:130%;}
@-moz-document url-prefix(){
.client_btn{line-height:70%;}
}
.main_image:after{display:none}

#right_link{display:none;}
.scroll_btn img{width:22px; height:auto; margin-bottom:13px}
	#g_navi ul li:first-child{display:block;}

.point{display:none;}


#ft_contents_wrap{padding:0; position:relative;}
#footer_link{padding:20px 30px 80px; width:100%; box-sizing:border-box;}
nav.global ul.sns{display:none;}
h2.over_ttl_green{font-size:28px;}

#info{padding:0;}
#info p{display:none;}
#info p.copyright{display:block; position:absolute; bottom:20px; left:30px;}

#seminar_content.content_ttl p.white_block{padding:50px 40px;}
.news_detail_wrap, .policy_detail_wrap{width:85%;}
nav.global{font-size:0;}
/* nav.global ul{padding-right:0; width:50%; box-sizing:border-box;} */

/* seminar */
#seminar_content h2.over_ttl_green,#news_ttl h2.top, #policy_ttl h2.top,#seminar_content h2.top{padding-top:85px;}

/* youth program */
#youth .contents_panel{width:38%; margin-right:3%; margin-left:3%;}
#youth .contents_panel_wrap.service_wrap .contents_panel{ width:28%; margin-right:4%; margin-left:0; margin-bottom:0;}
.contents_panel h3,.ikiiki_wrap h3{font-size:12px;}

/*180509*/
.inith_onece_block{display:block;}
.inith_onece_block .img_area{width:100%; height:260px; background-position:top center;}
.inith_onece_block .txt_area{width:100%; padding:0 0 30px;}
.inith_onece_block .partners{width:90%; margin:-30px auto 18px; padding-top:30px; background:#ffffff;}
.inith_onece_block h3{font-size:17px; text-align:center; width:90%;}
.inith_onece_block p{font-size:12px; width:80%;}
.inith_onece_block .data{font-size:12px; bottom:12px;}
}
@media screen and (max-width:800px){
/* 	NEWS */
table.news_table th,table.news_table td{margin:0 auto; padding:0 5%;}
table.news_table th span.news_icon{display:inline-block !important; margin-left:10px; margin-bottom:0px;}
table.news_table td span.news_icon{display:none;}
table.news_table th{display:block; text-align:left; height:auto; border-bottom:none; padding-top:25px; padding-bottom:15px; font-size:14px; width:100%;}
table.news_table td{display:block; padding-bottom:25px;}
table.news_table td:after{bottom:50px; right:4%;}
table.news_table td span.news_main_txt{display:block; width:95%;}
table.news_table{width:85%;}
.clickable:hover td:after{right: 3%;}
}

@media screen and (max-width:768px){
#container{transition:.2s ease all; position:relative; left:0;}
.sp_br{display:block;}

/* .pc_br{display:none;} */

/* 	NEWS */
#news_anchor{margin-top:30px;}
#news h2{margin-top:0; padding-top:30px;}
#news_ttl h2.top ,#policy_ttl h2.top,#seminar_content h2.top{font-size:16px; padding:90px 0 75px; line-height:130%;}
#news_ttl h2.top span,#seminar_content h2.top span{font-size:26px;}
table.news_table{width:100%;}
table.news_table td span.news_main_txt{font-size:14px;}

.news_detail, .policy_detail{min-height:auto;}
.news_detail_wrap{width:100%; margin:20px auto;}
.news_detail{padding:40px 5%;}
.news_detail .main_txt p{width:100%;}
.news_detail .main_txt p img{width:100%; height:auto;}
.return_link{padding:0 5%; 	}
.news_detail h1{font-size:18px; line-height:160%;}
.news_detail span.news_icon{margin-bottom:8px;}
.news_detail .main_txt{margin-top:20px;}

/*fontsize*/
.panel h2,
.panel h2 span,

/* .panel.solution,.panel.about,.panel.people,.panel.case{background-image:none;} */
.panel.about,.panel.people,.panel.case{background-image:none;}
.panel h2{background-position:top center; -webkit-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
/* .panel.solution h2{background-image:url(../images/sp/top/service_img_sp.jpg);} */
.panel.about h2{background-image:url(../images/sp/top/about_img_sp.jpg);}
.panel.case h2{background-image:url(../images/sp/top/case_img_sp.jpg);}
.panel.people h2{background-image:url(../images/sp/top/people_img_sp.jpg);}

.layout_wrap{width:88%; margin:0 auto; background-color:#ffffff; margin-bottom:0; padding:20px; box-sizing:border-box; margin-top:-40px;}
.panel p{color:#727272; margin-bottom:30px; font-size:14px;}
.list_box div{font-size:0;}
.list_box div a{background-color:#f4f4f4; border:1px solid #cccccc; padding:11px; margin:0 5px 9px 0; font-size:12px; color:#666666;}
.list_box br{display:none;}
.more_btn{background-color:#288d2b; margin:20px auto 20px; transition:.3s ease;}
.more_btn:hover{border:#288d2b 2px solid; color:#288d2b;}
.more_btn::after,.more_btn::before{display:none;}

.three_panel_wrap{width:90%;}

.image h2{font-size:28px;}

/*180509*/
.inith_onece_block .partners p{display:block; line-height:140%;
	.name{font-size:20px;}
}
.inith_onece_block .partners p span{transform:scale(0.9);}
.inith_onece_block .partners .cross{transform:none; display:block; margin:2px auto; width:20px; height:20px;}
.inith_onece_block .partners .cross:before,.inith_onece_block .partners .cross:after{width:20px;}

.contact_panel .link_wrap{margin:0; height:209px;}
.contact_panel .link_wrap a{margin:0; vertical-align:top; display:-webkit-box; display:-ms-box; display:-webkit-flexbox; display:-ms-flexbox; box-orient:vertical; -webkit-box-orient:vertical; -ms-box-orient:vertical; padding:30px 0 30px;}
@-moz-document url-prefix(){
Selector{display:block;}
}
.request img{margin:0 auto 22px;}
.link_wrap a img{-webkit-box-ordinal-group:2; -ms-box-ordinal-group:2; -moz-box-ordinal-group:2;}
.link_wrap a span{-webkit-box-ordinal-group:3; -ms-box-ordinal-group:3; -moz-box-ordinal-group:3; margin-left:2px;}
.link_wrap a p{-webkit-box-ordinal-group:1; -ms-box-ordinal-group:1; -moz-box-ordinal-group:1; margin-bottom:40px; color:#000000; font-size:20px;}
.contact_btn{border-color:#f4f4f4; border-width:2px;}
.request{border-left:2px solid #f4f4f4;}
.three_panel_wrap .three_panel a{font-size:14px;}

.three_panel_wrap .three_panel .photo_wrap{padding:5px; box-sizing:border-box;}

#ft_contents_wrap{padding:0; position:relative;}
#footer_link{padding:20px 0 50px; width:90%; box-sizing:border-box;}
nav.global{font-size:0;}
nav.global ul{padding-right:0; width:50%; box-sizing:border-box;}
nav.global_under {display: table; width: 100%; padding-top: 15px;}
nav.global_under ul{padding-right:0; width:50%; box-sizing:border-box;text-align: left;font-size: 10px; display: inline-block;}
nav.global_under ul li{padding: 10px 0;}


#info{padding:0;}
#info p{display:none;}
#info p.copyright{display:block; position:absolute; bottom:20px; left:30px;}
nav.global ul.sns{display:none;}

/* about */
.panel h2.top{padding:21.5% 0;}
#catch_copy p{font-size:16px; color:#666; font-weight:; padding:25px 15px;}
.anchor_link{margin: 20px 0;border:none;}
.anchor_link a{font-size:12px; padding:13px 15px; border:solid 1px #ccc; background-color:#f4f4f4; margin:1.5%; padding-left:29px; background-size:16px 16px; background-position-x:7px;}
.anchor_link a.performance{padding-left:50px; padding-right:50px;}
h2.over_ttl_green{font-size:20px; margin-bottom:35px; padding:30px 0 22px;}
h2.over_ttl_green span{margin-top:8px; font-weight:;}
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0){@media{
	h2.over_ttl_green span{font-weight:bold;}
}}

.content_ttl p{padding-bottom:40px; font-size:15px; width:90%; margin:0 auto;}
.content_ttl .seminar_inner p{width:90%; padding-bottom:10px;}
h2.lines_ttl{font-size:16px; padding-bottom:15px; margin-bottom:20px; background-size:200% 3px; margin-top:30px;text-align: center;padding-left: 0px !important;}
.vision_index{margin-bottom:20px;}
h3.small_ttl{font-size:15px; line-height:170%;}
.logo_wire{width:100%;}
.message_wrap{width:90%;}
.mid_ttl{font-size:16px; margin-bottom:35px; line-height:140%;}
.midsmall{font-size:14px;}
.content_ttl p.v_txt,p.message,.access_map,.access_map p{width:100%;}
.person{text-align:center;}
p.person_class{font-size:13px; line-height:170%; padding-bottom:0;}
p.person_name{font-size:19px; padding-bottom:17px;}
.person.president{margin:30px auto 50px;}
.person.officer{width:100%; display:block;}
.person.officer img{width:30%;}
.about_company{margin-bottom:-20px;}
.about_company th,.about_company td{display:block; padding:0 0 13px; width:100%;}
.about_company th{border:none; padding-bottom:0;}
.about_company tr{margin-bottom:15px; display:block;}
@media screen and (max-width:1314px){
.about_company_th_br{display:none;}
}
.client img{width:48.5%; margin-right:3%; margin-bottom:3%;}
.client img:nth-of-type(2n),.client img:nth-of-type(6n),.client img:nth-of-type(8n){margin-right:0;}
span.pg15{padding-top:15px; display:inline-block;}
.fixed .sp_g_switch .main_logo_sp{max-width:none; width:inherit; height:auto;}
.fixed .sp_g_switch a{width:120px; display:block; margin:16px auto;}
.g_switch{top:19px;}
.anchor_link a:hover{background-color:#ffffff;}
.client{width:100%;}
.client_wrap{width:100%; display:block; text-align:center; margin-right:0;}
.client_wrap:nth-of-type(3n){margin-right:0}
.client h3{font-size:16px; padding:15px 0; background-color:#ffffff; margin-top:-1px; margin-bottom:0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.client_wrap ul{margin:15px 0; display:none;}
.client_wrap li{font-size:14px; line-height:160%; color:#333333;}
p.person_name span{font-size:12px;}
.about_company td span{width:100%; padding-top:15px;}
.about_company td span:first-child{padding-top:0;}
td.area_td{line-height:185%;}
/* access map*/
#accessmap{padding:0 0 40px;}
#policy_ttl+.anchor_link{border-bottom:none; margin:10px 0 15px;}
.access_map_area_block{margin:0 auto;}
.access_gmap_area{margin:0 auto; width:100%; height:180px;}
.access_detail{position:static; transform:none; width:100%; margin:20px auto 0; max-width:540px;}
.access_detail h3{font-size:16px; margin-bottom:10px;}
.content_ttl .access_detail p{width:100%; line-height:170%;}

/* solution */
.pages_introduce{ border:none;}
.pages_introduce p{font-size:15px; width:90%; margin:0 auto; padding:0 0 20px;}
.pages_introduce .icon_ttl_wrap p{line-height:150%;}
.solution_panel_wrap{margin:0; margin-top:40px;}
.solution_panel{width:100%;}
.solution_panel a{display:none;}
.solution_btn_wrap{width:100%; margin:auto; left:0; right:0;}
.open_menu{position:relative; z-index:30;}
.panel_menu{padding:6% 15px;}
.icon_ttl_wrap img{width:20%; margin-top:5px;}
.image h2{letter-spacing:5px; line-height:120%; padding:60px 0 70px; font-size:26px;}
.image h2 span{margin-top:0;}
#service_policy .image{width:100%;}
.service_policy_icon{width:50%; padding:20px 5px;}
.service_policy_icon .icons{width:110px; height:110px;}
.service_policy_icon .icons img{width:56px;}
.panel_menu:after{background-size:13px 7px; width:13px; height:7px;}
/* service */
.contents_panel{width:100%; margin:0 0 7%;}
.contents_bg h2{margin-bottom:25px; line-height:120%;}
.contents_bg h2 span{padding:2px 20px; margin-bottom:30px;}
.contents_bg p{width:90%; margin:0 auto 35px;}
.contents_panel p{margin:0;}
.reason_img img{width:90%;}
.solution_detail{padding:25px 15px; width:100%; margin-bottom:0;}
.solution_detail h4{font-size:16px; line-height:140%;}
.solution_panel_wrap.blue_line{margin-top:0;}
#service{background-size:auto 100%;}
.panel_list{width:85%;}
.active .icon_ttl_wrap{opacity:1;}
.active .solution_panel .imgSpChanging:before{display:block;}
.img_wide{height:auto;}
.img_wide img{margin-top:0;}
.panel_menu{padding:6% 40px 5% 10px;}
.icon_ttl_wrap img{width:32%;}
.icon_ttl_wrap{top:25%;}



/* CASE NEW */
#case{background-image:url(../images/sp/case/index_sp.jpg); background-size:cover;}
#contents_case{background-image:url(../images/sp/case/index_sp.jpg); background-size:cover;}

.case_list_block {margin: 0px auto;}
.case_list_block a{display:block; margin:0 0 20px; width:100%; min-height:auto;}
.case_list_block a p{font-size:12px; position:static;padding-bottom:10px;}
.case_coming_soon h3{letter-spacing:1px; padding:30px 0 20px;}

.case_inner{width:100%; margin-bottom:0;}
.clientlist_btn_area{margin-bottom:40px;}
.case_img{padding:25px 0;}
.imgtxt_box{padding:0;}
.case_img2{padding-bottom:25px;}
.case_inner p{padding-bottom:16px; line-height:180%;}
.case_inner p.bold{font-size:14px;}
.case_img2.it_left,.case_img2.it_right{width:100%; padding-right:0; padding-left:0;}
.case_txt{width:100%; padding-top:0;}
.case_txt p:last-of-type{margin-bottom:16px;}
.imgtxt_box.ir{display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; box-orient:vertical; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical;}
.imgtxt_box.ir .case_img2.it_right{-webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-box-ordinal-group:1; display:block;}
.imgtxt_box.ir .case_txt{-webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-box-ordinal-group:2; display:block;}
.case_img2 span.people_detail{padding:10px 5% 0;}
.case_table{width:95%; margin:0 auto 40px;}
.case_table .case_month,.case_table td{display:block; width:100%; box-sizing:border-box;}
.case_table .case_month{border:none; padding:8px 0 13px; font-size:16px;}
.case_table td{padding:10px;}
.case_table_ttl{font-size:14px; margin:10px 0 15px 3%;}
.case_inner .lines_ttl{width:94%; margin:0 auto 10px; line-height:20px;}
.case_inner p.case_indent,.case_inner p.case_right_indent,.case_inner p.case_left_indent{padding-left:0px; padding-right:0;}
.case_gray_border_area{width:90%; box-sizing: border-box; padding:20px 10px; margin:0 auto;}
.case_gray_border_area p{line-height:170%; padding-bottom:20px;}

.over_ttl_green_case{margin-bottom:10px; font-size:22px; padding:26px 0; letter-spacing:1px;}
.over_ttl_green_case span{font-size:14px; letter-spacing:2px; margin-top:10px;}
.over_ttl_green_case.jp_ttl{padding:30px 0 32px;}
.over_ttl_green_case{padding: 30px 0 28px 0;}

.case_white_box{padding:28px 10px 20px;}
.case_white_box p{text-align:justify;}
.case_img2 img{width:100%; height:auto;}

/* seminar */ 
#seminar_content.content_ttl{padding-bottom:40px;}
#seminar_content h2.over_ttl_green{font-size:32px; padding-bottom:40px; padding-top:65px;}
#seminar_content h2.over_ttl_green span{margin-bottom:15px;}
#seminar_content.content_ttl p.white_block{width:100%; font-size:14px; text-align:left; padding:25px; color:#666666; font-weight:; box-sizing:border-box; margin-bottom:50px;}
#seminar_content.content_ttl p span{border:#cccccc solid 1px; display:block; font-weight:bold; padding:7px 10px; line-height:160%; margin-top:20px;}
#seminar_content.content_ttl.contact p span{border:none; font-size:13px; font-weight:bold; padding:0 10px 10px 0;}
.color_tag{font-size:14px; width:120px; height:36px; line-height:260%; letter-spacing:1px; top:2.7%;}
.seminar_box{box-sizing:border-box; margin-bottom:40px;padding: 10px;}
.archive .seminar_box{width: 100%; margin-left:0;}
.sbox_left,.sbox_right{display:block; width:100%; padding:0;}
.sbox_left .day{text-align:right; font-size:20px; margin-bottom:30px;}
.sbox_left p{padding-bottom:20px; margin:0; width:100%; padding-top:20px;}
.sbox_right table{width:96%; margin:10px auto 0;}
.sbox_right table th,.sbox_right table td{display:block; margin-left:4%;}
.sbox_right table th{padding:5px 0; text-align:left;}
.sbox_right table td{margin-bottom:4%;}
.seminar_detail_box .color_tag{top:-0.9%;}
#confirm-button{margin-top:0;}
.seminar_box:last-child{margin-bottom:0;}
.about_inner.archive{width: 90%;}
.sbox_left.archive{padding:15px 30px;}
.archive .sbox_left p{padding-bottom:0;}

.check_box{position:static; margin:30px auto 0px; height:65px; font-size:14px; width:80%; text-align:center;}
.seminar_btn{margin-bottom:20px; font-size:14px; box-sizing:border-box; padding:32px 0; width:85%; background-position-x:10%;}
.solution_detail h3{display:none;}
.close_btn{display:none;}

#news h2{width: 90%;}

/* people */
.people_img_sp{display:block;}
.people_img_sp_wrap{position:relative; padding-bottom:20px; background-color:#ffffff;}
.people_img_sp_wrap:last-child{padding-bottom:5px;}
.people_img{display:none;}
.people_img_sp_wrap .green_box{position:absolute; padding:5%; background-color:#288e2b; color:#ffffff; line-height:145%; letter-spacing:1px; width:40%; box-sizing:border-box; top:28%; font-size:13px;}
.people_img_sp_wrap .green_box.gbox_1{left:15px;}
.people_img_sp_wrap .green_box.gbox_2{right:15px; left:auto;}
.people_img_sp_wrap .green_box.gbox_3{left:15px; right:auto;}
.people_img_sp_wrap .green_box.gbox_4{right:15px; left:auto;}
.people_img_sp_wrap img{width:100%; height:auto;}
.greenbg_ttl{font-size:16px; margin:20px 0 30px; line-height:140%;}
.about_inner .recruit_box{display:flex; display:-ms-flexbox; width:100%; flex-direction:column; -ms-flex-direction:column; margin:0 auto 40px; padding:0;}
.recruit_box .right span.rightimg{width:90%; margin:0 auto 20px;}
.recruit_box .left,.recruit_box .right{padding:0; margin:0 auto;}
.recruit_box.rightleft .left{width:95%; order:2; -ms-order:2; display:block;}
.recruit_box.rightleft .right{width:100%; order:1; -ms-order:1; display:block;}
.recruit_box.leftright .left,.recruit_box.leftright .right{width:95%; display:block;}
.recruit_box.leftright .left{margin-bottom:20px;}
.grayline_box{width:100%; padding:18px 15px 10px 25px; order:3; -ms-order:3;}
.grayline_box span{margin-bottom:10px;}
.about_inner.recruit_inner h2.lines_ttl{width:95%; margin:0 auto 20px;}

/* 	youth project */
.ikiiki_wrap h2{font-size:16px;}
.ikiiki_wrap h3{padding:8px;}
#catch_copy p span.ttl_youth{display:block;}
#service_th.youth_service_bg{margin-bottom:5px;}
/* 	footer */
.link_wrap a p{margin-bottom:20px;}
.contact_btn img{margin-bottom:25px;}
.request img{margin-bottom:15px;}
.contact_panel .link_wrap{height:185px;}
_::-webkit-full-page-media, _:future, :root #footer_link nav.global ul li{font-weight:600;}


  

/* top */
#contents_solution{background-image:url(../images/sp/solution/index_sp.jpg); background-size:100% auto;}
#contents_about{background-image:url(../images/sp/about/index_sp.jpg); background-size:100% auto;}
#service_policy .image{background:url(../images/sp/solution/service_policy_sp.jpg)no-repeat; background-size:100% auto;}
.case_slider_box h3{font-size:12px; letter-spacing:-0.6px; padding:8px 6px;}

/*snsアイコン*/
nav.sns a.fb_icon,nav.sns a.tw_icon,nav.sns a.gp_icon{margin:0px 8%;}
/* contact */
.seminar_form_block table td input.middle_box{width:80%;}
.seminar_form_block table td span{padding:6px 0;}
input[name="element-10"],input[name="element-11"]{width:80%;}

.lr_indent{padding-left:0; padding-right:0;}
.check_box.detail{width: 90%;}
.detail .check{width: 85%; max-width: 370px;}
}

@media screen and (max-width: 768px){
  .service_list_block a{width: calc((100% - 20px)/2);}
  .service_list_block a:nth-of-type(2n){margin-right:0;}
  .service_list_block a:nth-of-type(odd){margin-right:2%;}
  .w-97{width: 100% !important;}
}

@media screen and (max-width:640px){
.newrecruit_btn{width:80%;}
/* 	top */
#g_navi ul li a{font-size: 17px;}
.main_image p{padding-top:24%; padding-bottom:15%;}
.main_image .scroll_btn p{padding-top:0; padding-bottom:10%;}
.i_will{font-size:100px; padding:10% 0 4%;}
.main_image p .txt{font-size:13px;}
.cmbtn1{width:220px; margin-bottom:13%; padding:25px 0; letter-spacing:3px;}
#recruit_entries li{width:100%; margin:0 0 5px; height:auto; z-index:1;}
#recruit_entries li a{display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; -ms-flex-pack:center; align-items:center; -ms-align-items:center; -webkit-align-items:center; position:absolute; top:0; bottom:0; height:100%; left:0; right:0; width:100%; margin:auto;}
_::-webkit-full-page-media, _:future, :root #recruit_entries li a{
	display:block; text-align:center;
}
_::-webkit-full-page-media, _:future, :root #recruit_entries li a span{
	display:inline-block; transform:translate(-50%,-50%); top:50%; width:90%;
}
#recruit_entries li a span{position:absolute; height:auto; color:#ffffff; font-size:14px; font-weight:600; padding:0;}
.panel p{text-align:left; line-height:200%;}
.more_btn{padding:26px 76px;}
.recruit_entries_wrap{background-color:#f4f4f4; padding:30px 0;}
#recruit_entries .sub_ttl{color:#666666; text-align:center; margin-bottom:30px;}
.three_panel_wrap .three_panel{width:100%; margin:0 auto 3px; box-shadow:0px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.1);}
.panel{-webkit-background-size:auto 100%; 	background-size:auto 100%;}
#recruit_entries li a.logo_list:before{background-color:rgba(0,0,0,0.3)}
.contact_panel.in_panel{border-top:20px solid #f4f4f4;}
.scroll_btn img{-webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1 ease-in-out infinite alternate; animation:blink 1s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
0%{opacity:1;}
90%{opacity:0;}
100%{opacity:0;}}
@-moz-keyframes blink{
0%{opacity:1;}
90%{opacity:0;}
100%{opacity:0;}}
@keyframes blink{
0%{opacity:1;}
90%{opacity:0;}
100%{opacity:0;}}

/* 	about */
.content_ttl p{text-align:left; font-size:14px;}
.content_ttl p.person_class,.content_ttl p.person_name{text-align:center;}
.content_ttl p.person_class{font-size:11px; padding-top:10px;}
h2.over_ttl_green.history_phmgn{margin-bottom:6px;}
.person img{width:87%;}
.person.president img{width:64%;}
.person.officer img{width:51%;}
.client h3{font-size:14px;}
.client_list_txt{margin-right:20px; margin-top:30px;}
p.person_name{font-size:15px !important;}
.client_btn{margin-bottom:0;}

/* 	history */
.history_image{margin-bottom:20px;}
.history th.year,.history th.month,.history td{background:none; border:none;}
.history th.year{padding:0 0 10px; display:block; width:100%; text-align:left;}
.history th.month,.history td{display:inline-block; vertical-align:middle; padding:5px 0;}
.history th.month{width:12%; text-align:right; padding-right:5%; vertical-align:top; padding-top:10px;}
.history td{width:83%;}
.history tbody{border-bottom:#cccccc 1px solid; margin-bottom:20px; display:block; padding-bottom:12px;}
.history{margin-bottom:100px;}
/* 	service */
.panel h2{font-size:16px; font-weight:500; padding:64px 0 96px;}
.panel h2 span{font-size:26px; margin-top:12px;}
#catch_copy p{font-size:14px; text-align:left; padding:25px;}
.anchor_link a{color:#333333;}
#service_th{background-size:cover; background-position:center top;}
h2.over_ttl_green{letter-spacing:3px; padding:20px 0 18px;}
.service_policy_icon p{width:90%; font-size:12px;}
.contents_bg2 h2.white_ttl{font-size:21px; letter-spacing:3px; padding-top:60px;}
.pages_introduce p{font-size:12px; text-align:left; font-weight:500;}
.image h2{font-size:24px;}
#service_th img.pc_img{display:none;}
#service_th img.sp_img{display:block;}
.one_txt{padding:8px 0;}




#case{background-image:url(../images/case/case_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:5px;}
#case h2{padding:80px 0 0;}
.case_main{position: relative;background-color: #f4f4f4;padding-bottom:0px;}
.case_tabcontent{position: relative;top: 160px;}
.case_tabnav{margin-bottom: : 100px;}


.service_reed{text-align: center; font-weight: bold; font-size: 11px;margin-top:170px;line-height:1.5;padding-top: 0; }

.service_block_list a ph3{padding:10px 15px;}


.tabnav{margin-top:30px; padding: 0;width: 100%;text-align: center;position: absolute; }
.tabnav li{display: inline; margin:0 1px;}
.tabnav li a{display: inline-block;background:#fff;color:#666666;padding:20px 0; width:45%;text-decoration: none;margin:2px 0;position: relative;}
.tabnav li a:hover,
.tabnav li a.active{background:#84c350;color: #fff;}


.tabcontent{padding: 20px;}


.tabnav li a::after{display: none;}

.tabnav li a.active::after{display: none;}

.service_main{background-color:#f4f4f4;position:relative;background-image: url("../images/service/service_bg.jpg"); background-repeat: no-repeat;}

.service_list_block_02 a{display:block; margin:0 0 20px; width:100%; min-height:auto;}
.service_list_block_02 a p{font-size:12px; position:static;padding-bottom:10px;}
.service_coming_soon_02 h3{letter-spacing:1px; padding:30px 0 20px;}


.service_list_block a{display:block; margin:0 0 20px; width:100%; min-height:auto;}
.service_list_block a:nth-of-type(odd){margin-right:0;}
.service_list_block a p{font-size:11px; position:static;padding-bottom:10px;font-weight: bold;}
.service_coming_soon h3{letter-spacing:1px; padding:30px 0 20px;}

.service_inner{width:100%; margin-bottom:0;}
.clientlist_btn_area{margin-bottom:40px;}
.service_img{padding:25px 0;}
.imgtxt_box{padding:0;}



.arrow_btn{background-color:#84c350; width:25%; height:12%; position:absolute; bottom:0;right:0;
p{font-size: 1px; vertical-align: middle;color:#fff !important;}
}

.btn_arrow{position: relative;width: 40px;height: 20px;border-top: 1px solid #5bc0de;border-right: 1px solid #5bc0de;}

.btn_arrow::after{content: ""; position: absolute;border-right:1px solid #5bc0de;transform: skewX(150deg);}




/* 	people */
.content .recruit_inner{margin-bottom:100px;}

/* youth program */
#youth .contents_panel{width:100%; margin-right:0; margin-left:0; margin-bottom:30px;}
#youth .contents_panel:nth-last-child(1){margin-bottom:70px;}
#youth .contents_panel_wrap{margin-bottom:0;}
img.pc_ikiiki{display:none;}
img.sp_ikiiki{display:block;}
#catch_copy p span.ttl_youth{font-size:18px; font-weight:bold; display:block;}
#youth .contents_panel_wrap.youth_block{margin-bottom:40px;}
.ikiiki_wrap{margin:20px auto 0;}
.ikiiki_ttl{top:14%;}
#catch_copy .program_block p{font-size:14px; padding-bottom:30px; width:100%;}
.ikiiki_wrap h2{font-size:28px;}
.recruit_box.program_bb{margin-bottom:40px;}
.recruit_box.rightleft .left{width:100%; text-align:justify; line-height:160%;}
.program_bb .g_ttl{font-size:14px; margin-bottom:10px;}
.marg_bspan{margin:20px auto 10px;}
.program_bb .g_ttl.check_icon{background-size:20px;}
.grayline_ttl{background:url(../images/youth/child.png)no-repeat center right; background-size:32px; margin-bottom:20px; padding:20px 0 10px 10px;}
.grayline_ttl.gline_2{background-size:32px; background-position-y:30px; padding:20px 0 10px 10px;}
.program_block{width:90%;}
@-moz-document url-prefix(){
.recruit_box .right span.rightimg{height:190px;}
}
.recruit_box.program_bb{margin-bottom:40px;}
.contents_panel h3, .ikiiki_wrap h3{font-size:14px;}
.contents_panel h3{padding:15px 10px;}
.ikiiki_wrap h2{margin-top:20px;}
#youth .contents_panel_wrap.service_wrap .contents_panel{width:100%; margin-bottom:30px;}
.contents_panel h3{font-size:16px;}
#service_th.youth_service_bg img{margin:0 1%;}
.youth_service_box{margin-bottom:30px; width:90%;}

/* sitepolicy etc */
#news_ttl h2.top span, #policy_ttl h2.top span,#seminar_content h2.top span{font-size:26px;}
#news_ttl h2.top, #policy_ttl h2.top,#seminar_content h2.top{font-size:16px;}
.news_detail_wrap, .policy_detail_wrap{width:90%; margin:40px auto;}
.policy_table th,.policy_table td{display:block; width:100%; text-align:center;}
.policy_table th{padding-top:20px; padding-bottom:0;}
.policy_table td{padding-top:6px; padding-bottom:20px;}
.news_detail, .policy_detail{padding:30px 20px;}
.policy_detail h1{font-size:15px; line-height:160%; padding-left:1.5em; text-indent:-1.5em; padding-top:20px; padding-bottom:10px;}
/* .content_ttl .policy_detail p.v_txt{width:84%;} */
.privacy_box h3{font-size:16px;}
.content_ttl .policy_detail_wrap .privacy_box p{font-size:11px;}
ul.sitemap_list{width:100%; display:block;}

/* seminer */
.brack_line_box{width:100%; font-size:16px; margin:20px auto 40px; line-height:130%; padding:10px; box-sizing:border-box;}
#seminar_content h2.over_ttl_green{padding:90px 0 75px;}
.seminar_form_block{padding:20px;}
.day_place,.cost_people{width:100%; display:block; margin-bottom:20px;}
.seminar_form_block h2{font-size:16px;}
.seminar_form_block h2 span{display:inline-block; text-align:left; margin-left:0; margin-top:5px; font-size:12px;}
.seminar_form_block table{font-size:12px;}
.seminar_form_block table tr{display:block;}
.seminar_form_block table th,div#trust-form.contact-form table th{padding:15px 0; padding-left:15px; width:100%; display:block;}
.seminar_form_block table td,div#trust-form.contact-form table td{width:100%; display:block; padding:15px 0;}
textarea{width:100%; box-sizing:border-box;}
.terms_graybox{padding:5px 10px 10px; margin-top:30px; margin-bottom:60px; margin-left:-14px;}
.terms_graybox p{padding:0 10px;}
.seminar_btn{width:90%;}
.check{width:100%; padding:0px; padding-left:24%;}
input.name,input.campany{width:80%; display:inline-block; margin-bottom:10px;}
.seminar_form_block table td span.form_block{display:block;}
.seminar_form_block table td span.form_tittle{width:10%; padding-right:10px;}

/* .seminar_detail_box h2{padding:25px 10px 20px; font-size:18px; line-height:130%;} */
/* .seminar_detail_box h2 span{font-size:15px; margin-bottom:15px;} */
.s_detailtxt{line-height:125%; padding:20px 10px 15px; font-size:15px;}
.detailbox_left,.detailbox_right{width:100%; display:block; margin:0 auto; padding:8% 0;}
.detailbox_right{padding:0;}
.detailbox_left span{text-align:center; font-size:16px; margin-bottom:7%; padding:0 10px;}
.detailbox_left .gray_box{width:90%; margin:0 auto; box-sizing:border-box;}
.detailbox_left .gray_box span{text-align:left;}
.leftline{border:none;}
.leftline p{padding:0; padding-left:3%;}
.leftline p span{margin-bottom:10px; margin-left:-3%;}
.dummy_img{width:90%; margin:30px auto;}
.seminar_detail_box{padding-bottom:20px;}
.check_box{text-align:left}

.seminar_detail_box .check{padding-left:26%;}
.check_box.detail{width: 90%;}
.detail .check{width: 100%; text-align: left; max-width: 370px; font-size: 12px;}
.seminar_detail_box .check:after{left:13%;}
.check:before{left:34px;}
.seminar_detail_box .check:before{left:15%;}



input.name,input.name.name_f{margin-left:0;}

/* news */
#news h2, #policy h2,.other_seminar{font-size:20px;}
.categoly_lists {margin: 0 auto 20px; text-align: left; width:98%;}
.categoly_lists li{margin: 0; box-sizing: border-box; width: 50%; text-align: center; padding: 5px}
.categoly_lists li a { padding: 20px 10px; width: 100%; box-sizing: border-box; margin: 0;}
.currentNow{position: relative;}
.currentNow a:after{position: absolute; content: ""; left: 0; bottom: 0; width: 95%; background-color: #000000; height: 3px;    margin-left: 5px;}

.seminar_lists {margin: 0 auto 50px; text-align: left;}
.seminar_lists li{margin: 0; box-sizing: border-box; width: 50%; text-align: center;}
.seminar_lists li a { padding: 20px 10px; width: 100%; box-sizing: border-box; margin: 0;}
/* TOP NEWS */
#top_news_entries .sub_ttl{color:#666666; text-align:center; margin-bottom:30px;}
#top_news_wrap{display:block; padding:8px 0;}
.newsblock{display:block;}
.newsblock:nth-last-of-type(1){border:none;}
span.date,.top_news_th{display:inline-block; width:auto; min-width:90px; box-sizing:content-box;}
span.date{min-width:90px;}
span.date{padding-left:20px;}
.top_news_link{display:block; padding:0px 20px 15px 20px;}

.seminar_btn, input[name="send-to-confirm"], input[name="send-to-finish"], input[name="return-to-input"]{width:100%; padding-left:0; padding-right:0; font-size:12px;}
input[name="return-to-input"], input[name="send-to-finish"]{margin:20px 0; display:block;}

/* 	footer */
.link_wrap a p{font-size:16px;}
#map_block{height:320px;}

div#trust-form table th, div#trust-form table td{float: none;}
div#trust-form.contact-form table th,
div#trust-form.contact-form table td{border: none;}

/*180509*/
.inith_onece_block .img_area{height:220px; background-position-y:-10px;}
.inith_onece_block .txt_area{padding:0 6% 12px;}
.inith_onece_block .partners{margin:-20px auto 15px; padding-top:15px;}
.inith_onece_block .partners p{display:block; line-height:140%;}
.inith_onece_block .partners p span{transform:scale(0.9);}
.inith_onece_block .partners .cross{transform:none; display:block; margin:2px auto; width:20px; height:20px;}
.inith_onece_block .partners .cross:before,.inith_onece_block .partners .cross:after{width:20px;}
.inith_onece_block h3{font-size:15px;}
.inith_onece_block p{text-align:justify;}
.inith_onece_block .data{position:static; text-align:right; display:block; margin-top:6px;}

}
@media screen and (max-width:361px){
/* 	top */
.i_will{font-size:100px; padding:7% 0 4%;}
.cmbtn1{margin-bottom:11%;}
.seminar_btn,input[name="send-to-confirm"]{background-image:none;}
}
@media screen and (max-width:321px){
.br320{display:block;}
.main_image p{padding-top:16%;}
.cmbtn1{margin-bottom:8%;}
.main_image .scroll_btn p{padding-bottom:8%;}
.anchor_link a{padding:13px 12px;}
.list_box div a{margin:0 2px 7px 0; padding:11px 6px;}
.service_policy_icon h3{font-size:15px; letter-spacing:1px;}
.service_policy_icon{padding:10px 5px 20px;}
.service_policy_icon .icons{width:90px; height:90px;}
.service_policy_icon .icons img{width:48px;}
.service_list_block{width:100%;}
.tabcontent{padding: 10px;}
@-moz-document url-prefix(){
.recruit_box .right span.rightimg{height:170px;}
}
/* seminar	 */
.check_box:after{margin:0;}
.check_box{width:90%;}
.check{width:100%; padding:0px; padding-left:50px;}
/* 	footer */
.contact_panel .link_wrap a{padding:25px 0 8px;}
.link_wrap a p{margin-bottom:18px;}
.contact_panel .link_wrap{height:168px;}
}


/* グローバルナビ */
@media screen and (min-width:922px){
#header{transition:.3s ease top,.3s ease-out background; top:0; position:fixed; width:100%; background:#ffffff;}
#header.top_header{background:none;}
#header.scrollOpen{border-bottom:1px #e4e4e4 solid; z-index:10; width:100%; background:#ffffff !important;}
#header.scrollOpen #g_navi ul li a{color:#000000;}
#header.scrollOpen #g_navi.white_ber ul li a:after{background:#000000;}
#header.scrollOpen .main_logo{bottom:0; top:0; margin:auto; margin-left:35px;}

}

/* add 2018.11.30 */
.service_main .categoly_lists ul li a{width: 150px;}
.service_main .categoly_lists #currentLine{width: 170px;}
.service_main h2.lines_ttl {
  background-image: none;
  color: #ffffff;
  padding: 10px;
}
.service_main .all_section:nth-child(2) h2.lines_ttl{
  background-color: #84c350;
  padding-left: 34px;
}
.service_main .all_section:nth-child(3) h2.lines_ttl{
  background-color: #4cbcb8;
  padding-left: 34px;
}
.service_main .all_section:nth-child(4) h2.lines_ttl{
  background-color: #01abe6;
  padding-left: 34px;
}
.categoly_lists ul li a.link01{background-color: #84c350; color: #ffffff;}
.categoly_lists ul li a.link02{background-color: #4cbcb8; color: #ffffff;}
.categoly_lists ul li a.link03{background-color: #01abe6; color: #ffffff;}
.more_arrow {position: absolute;width: 100px; height: 34px; color: #ffffff;font-size: 12px; text-align: left; padding-left: 20px; box-sizing: border-box; line-height: 34px;right: 0;bottom: 0; font-weight: bold;font-family:"Montserrat";}
#tab01 .all_section:nth-child(2) .more_arrow {background-color: #84c350; }
#tab01 .all_section:nth-child(3) .more_arrow {background-color: #4cbcb8; }
#tab01 .all_section:nth-child(4) .more_arrow {background-color: #01abe6; }
#tab02 .more_arrow {background-color: #84c350; }
#tab03 .more_arrow {background-color: #4cbcb8; }
#tab04 .more_arrow {background-color: #01abe6; }
.arrow_right span {display: inline-block; vertical-align: text-top; overflow: hidden; position: relative; height: 14px; width: 20px; margin-left: 10px;}
.arrow_right span::before, .arrow_right span::after{
  content: "";
  display: block;
  height: 10px;
  width: 105px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: no-repeat center center/100%;
  right: 0;
  background-image: url(../images/service/arrow.svg);
}
.arrow_right_overseas span{display: inline-block; vertical-align: baseline; overflow: hidden; position: relative; height: 14px; width: 20px; margin-left: 10px;}
.arrow_right_overseas span::before, .arrow_right_overseas span::after{
  content: "";
  display: block;
  height: 10px;
  width: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: no-repeat center center/100%;
  right: 0;
  background-image: url(../images/service/arrow.svg);
}
.arrow_right span::before,.arrow_right_overseas span::before{
  transform: translateX(-160%);
}
a:hover .arrow_right span::before,a:hover .arrow_right_overseas span::before {
    animation: ArrowSlide1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -moz-animation: ArrowSlide1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -webkit-animation: ArrowSlide1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -ms-animation: ArrowSlide1 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
}
a:hover .arrow_right span::after,a:hover .arrow_right_overseas span::after {
    animation: ArrowSlide2 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -moz-animation: ArrowSlide2 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -webkit-animation: ArrowSlide2 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
    -ms-animation: ArrowSlide2 cubic-bezier(0.455, 0.03, 0.515, 0.955) 4s infinite;
}
@keyframes ArrowSlide1 { 0% { transform: translateX(-160%); }
  11% { transform: translateX(0%); }
  50% { transform: translateX(0%); }
  100% { transform: translateX(0%); } }

@-webkit-keyframes ArrowSlide1 { 0% { transform: translateX(-160%); }
  11% { transform: translateX(0%); }
  50% { transform: translateX(0%); }
  100% { transform: translateX(0%); } }

@-moz-keyframes ArrowSlide1 { 0% { transform: translateX(-160%); }
  11% { transform: translateX(0%); }
  50% { transform: translateX(0%); }
  100% { transform: translateX(0%); } }

@keyframes ArrowSlide2 { 0% { transform: translateX(0); }
  11% { transform: translateX(160%);
    opacity: 1; }
  12% { transform: translateX(160%);
    opacity: 0; }
  13% { transform: translateX(-160%);
    opacity: 0; }
  100% { transform: translateX(-160%);
    opacity: 1; } }

@-webkit-keyframes ArrowSlide2 { 0% { transform: translateX(0); }
  11% { transform: translateX(160%);
    opacity: 1; }
  12% { transform: translateX(160%);
    opacity: 0; }
  13% { transform: translateX(-160%);
    opacity: 0; }
  100% { transform: translateX(-160%);
    opacity: 1; } }

@-moz-keyframes ArrowSlide2 { 0% { transform: translateX(0); }
  11% { transform: translateX(160%);
    opacity: 1; }
  12% { transform: translateX(160%);
    opacity: 0; }
  13% { transform: translateX(-160%);
    opacity: 0; }
  100% { transform: translateX(-160%);
    opacity: 1; } }
@media screen and (max-width: 640px){
  .service_main .categoly_lists ul li a{width: 100%;}
  .service_main .categoly_lists ul li{margin-bottom: 4px;width: calc(50% - 2px);}
  .service_main .categoly_lists ul li:nth-child(2n+1){margin-right: 4px}
  .service_reed {margin-top: 0;margin-bottom:20px;font-size: 14px;}

}

/* add 2018.12.03 */
.case_main .categoly_lists ul li a{width: 150px;}
.case_main .categoly_lists #currentLine{width: 170px;}


/* footer add 2018.12.03 */
@media screen and (max-width: 640px){
  .case_main .categoly_lists ul li a{width: 100%;}
  .case_main .categoly_lists ul li{margin-bottom: 0px;width: calc(50% - 2px);}

}

.footer_box{display: inline-block;vertical-align: top;}
.footer_box_sub{display: inline-block;vertical-align: top;}
.global .sp_footer_menu{display:block;}
.global .sp_footer_menu_sub{display:block;}

@media screen and (max-width: 768px){
  .global .sp_footer_menu{display:inline-block;}
  nav.global ul { width: 100%;}
}

@media screen and (max-width: 640px){
  .footer_box{display:block;vertical-align: none;}
  .footer_box_sub{display:block;vertical-align: none;margin-top:15px;}
  .footer_box li a{font-size: 14px;font-weight: 500;}
  .footer_box_sub li a{font-size: 8px;}
  .global .sp_footer_menu{display:inline-block;}
  .global .sp_footer_menu_sub{display:inline-block;}
  nav.global ul{padding: 0 0 0 10%; width: 50%;}
  .currentLine_sp{display: none;}
  #info p.copyright{left: 35%;}
  .global .footer_box_sub ul li{margin-bottom:0;}

}

/* add 2018.12.12 */
@media screen and (min-width: 923px){
#g_navi ul .arrow_top{display:none !important;}
}

td.about_td {
line-height: 30px;
}


/* add 2019.06.11 */
@media screen and (max-width: 640px){
  .panel.people{
    padding-bottom: 20px;
  }
  .top_caselist{
    margin-bottom:0;
  }
}
.link_wrap a p{
  font-family: "Noto Sans Japanese",sans-serif;
}


@media screen and (max-width:1024px) and (min-width: 768px){
  .panel.people{
    padding-bottom: 20px;
  }
  .case_list_block h3{
    font-size: 12px;
  }
}


.error__text_content{
    padding: 220px 0 190px;
    text-align: center;
    font-size: 20px;
    color: #666666;
    background: #f4f4f4;
}
.Required0{
    font-size: 60px;
    margin-bottom: 10px;
    font-weight: bold;
}
.Required2 {
    margin-top: 30px;
}


p.error__link {
    margin-top: 10px;
    font-size: 14px;
    text-decoration: underline;
}

p.error__link a{
color: #169E78;
}


@media screen and (max-width: 640px){
.seminar_lists li {
    margin: 0;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    padding: 5px;
}
}

/* add 2020.05.14 */
.service_special{
  margin-top: 40px;
  border-top: solid 3px #4cbcb8;
  border-bottom: solid 3px #4cbcb8;
  background-color: #ffffff;
}
.service_special .service_reed{
  padding-top: 20px;
}

.service_special h3{
  color: #4cbcb8;
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}

.service_special_list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1024px;
  margin: 40px auto;
}
.service_special_list a{
  display: block;
  width: calc((100% - 30px) / 4);
  margin-right: 10px;
  padding: 34px 0;
  color: #ffffff;
  text-align: center;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.service_special_list a:hover{
  opacity: 0.8;
  transition: ease 0.2s opacity;
}
.service_special_list a:nth-of-type(4){
  margin-right: 0;
}

.service_special_list a:nth-of-type(1){
  background-image: url(../images/service/service_special_img01.jpg);
}
.service_special_list a:nth-of-type(2){
  background-image: url(../images/service/service_special_img02.jpg);
}
.service_special_list a:nth-of-type(3){
  background-image: url(../images/service/service_special_img03.jpg);
}
.service_special_list a:nth-of-type(4){
  background-image: url(../images/service/service_special_img04.jpg);
}

.service_special_list h3{
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 10px;
}
.service_special_list p{
  color: #ffffff;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 10px;
  font-weight: 600;
}

.service_special_btn{
  display: inline-block;
  background-color: #f1b53f;
  font-size: 12px;
  line-height: 120%;
  margin-top: 12px;
  border-radius: 32px;
  padding: 6px 10px;
  width: 70%;
}
.wless375_br{
  display: none;
}

#tab03 .service_special .more_arrow{
  background-color: transparent;
  right: 10px;
}

.service_special_label{
  position: absolute;
  z-index: 1;
  top: -24px;
  left: -12px;
  background-color: #f1b53f;
  padding: 11px 8px;
  color: #ffffff;
  height: 26px;
  font-size: 12px;
  line-height: 230%;
}

.service_special_label::after{
  content:"";
  position: absolute;
  top: 0;
  right: -15px;
  height: 0;
  width: 0;
  border-top: 24px solid #f1b53f;
  border-left: 0px solid #f1b53f;
  border-bottom: 24px solid #f1b53f;
  border-right: 15px solid transparent;
}

@media screen and (max-width: 1024px){
  .service_special_list a{
    width: calc((100% / 2) - 5px);
    margin-bottom: 10px;
  }
  .service_special_list a:nth-of-type(2n){
    margin-right: 0;
  }
  .service_special_label{
    left: -8px;
  }
}
@media screen and (max-width:768px){
  .service_special_btn{
    width: 55%;
  }
  .service_special_label{
    left: -6px;
  }
  .service_list_block a.service_special_label_margin {
    margin-top: 20px;
  }
}

@media screen and (max-width:640px){
  .service_special_list a{
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .service_special_btn{
    line-height: 140%;
    width: 62%;
    font-size: 14px;
  }
  .service_reed{
    width: 90%;
    margin: auto;
  }
  .wless375_br{
    display: block;
  }
  .service_list_block a.service_special_label_margin {
    margin-top: 40px;
  }
  .service_special_label{
    left: -10px;
  }
}

/* 2020.07 add */
.content.services,.content.case{
  background-color: #f4f4f4;
}

/* IE修正 */
@media screen and (max-width: 767px) and (-ms-high-contrast: none), screen and (max-width: 767px) and (-ms-high-contrast: active){
  .contact_panel .link_wrap a{
    display: block;
  }
  .contact_btn{border-color:#ffffff;}
}

/* 2021.06 add */
.about_inner{
  margin: 40px auto 0;
}

/* .seminar_box .tag{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
} */

.archive .sbox_left .day{
  margin-bottom: 0;
}

/* .seminar_box .img-area {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 54%;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

.seminar_box .img-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform ease .2s;
  transition: -webkit-transform ease .2s;
  transition: transform ease .2s;
  transition: transform ease .2s, -webkit-transform ease .2s;
} */

/* .sbox_left .entry-title{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 10px;
} */

.sbox_left .entry-subtitle{
  color: #999999;
}

.seminar_detail_box .img-area{
  padding-top: 56%;
  background-position: center center;
  background-size: cover;
}

#seminar_content h2.over_ttl_green{
  padding: 117px 0 36px;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
}

.seminar_detail {
  margin-top: 47px;
  margin-bottom: 30px;
}

.seminar_inner {
  margin: 0 auto;
  padding: 40px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1030px;
}

.seminar_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.seminar_flex.align_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* 2021.08 */
/* .service_list_block .service-more.hrd{
  background: #84c350;
}
.service_list_block .service-more.ghrd{
  background: #4cbcb8;
}
.service_list_block .service-more.youth{
  background: #01abe6;
} */
.service_list_block .service-more.hrd{
  color: #ffffff;
  background: #84c350;
  padding: 24px 10px;
  margin: 0 auto 10px;
  display: block;
  width: 42%;
  text-align: center;
  font-size: 14px;
  background-image: url(/images/common/arrow_w.png);
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 5px 8px;
  -webkit-transition: .3s ease opacity,.2s ease background;
  transition: .3s ease opacity,.2s ease background;
}
.service_list_block .service-more.ghrd{
  color: #ffffff;
  background: #4cbcb8;
  padding: 24px 10px;
  margin: 0 auto 10px;
  display: block;
  width: 42%;
  text-align: center;
  font-size: 14px;
  background-image: url(/images/common/arrow_w.png);
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 5px 8px;
  -webkit-transition: .3s ease opacity,.2s ease background;
  transition: .3s ease opacity,.2s ease background;
}
.service_list_block .service-more.youth{
  color: #ffffff;
  background: #01abe6;
  padding: 24px 10px;
  margin: 0 auto 10px;
  display: block;
  width: 42%;
  text-align: center;
  font-size: 14px;
  background-image: url(/images/common/arrow_w.png);
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 5px 8px;
  -webkit-transition: .3s ease opacity,.2s ease background;
  transition: .3s ease opacity,.2s ease background;
}
@media screen and (max-width:450px){
  .service_list_block .service-more.hrd{
    width: 50%;
  }
  .service_list_block .service-more.ghrd{
    width: 50%;
  }
  .service_list_block .service-more.youth{
    width: 50%;
  }
}

/* Ghazal 2022/09/20 */

.v_txt.p_txt_indent_pnt{padding-right:1em; padding-bottom:10px; margin-top: 5px;}
.v_txt.p_txt_indent_lst{padding-left:1em; padding-bottom:64px;margin-top: 5px;}
.v_txt.p_txt_indent_pack{padding-left:1em; text-indent:-1em; padding-bottom:0%;}
.v_txt.p_txt_indent_pont{padding-left:1em; padding-left:1em; padding-bottom:0px; margin-top: 5px; position: relative;}
.v_txt.p_txt_indent_pont::before{content: ""; width: 7px; height: 7px; position: absolute; top:8px; left: 10px; margin: auto; background-color: #333333; border-radius: 50%;}
.v_txt.p_txt_indent_line{padding-left:3em; padding-bottom:10px; margin-top: 5px;}
.v_txt.p_txt_indent_last{padding-bottom:64px !important;}
.v_txt.p_txt_indent_fn{padding-left:1em; padding-bottom:64px; margin-top: 5px;}
.v_txt.p_txt_indent_url{padding-right:1em; padding-bottom:0px; margin-top: 5px;}
.v_txt.p_txt_indent_text{padding-left: 1em;padding-bottom:10px; margin-top: 5px;}
.v_txt.p_txt_indent_url_wrap{word-wrap: break-word}
.pont{margin-left: 8px;}

.note p {
  text-align: center;
  padding-bottom: 16px;
  font-size: 12px;
  font-weight: lighter;
  color: #666666;
}

@media screen and (max-width: 768px){
  .note p {
    padding: 16px 0 40px;
}}