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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:18px;line-height:1.8;height:100%;background-image: url(/img/body_bg.jpg);color:#000;background-size: cover;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
.clearfix {zoom:1;}
.clearfix:after {content: "";display: block;clear: both;}
a{text-decoration:none;color:#000;}
img{vertical-align: bottom;max-width:100%;}
/*============================
common
==============================*/
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.ml0 {margin-left:0!important;}
.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.pt0 {padding-top:0!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pb0 {padding-bottom:0!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}
.f21 {font-size:21px;}
.f22 {font-size:22px;}
.f23 {font-size:23px;}
.f24 {font-size:24px;}
.f38 {font-size:38px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.borderNone {border:none;}
.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}
.spOn{display:none;}
.pcOn{display:block;}
.f_gothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}
.f_min{ font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:bold;}
.tac{ text-align:center;}
.line-h-13{ line-height: 130%;}
.red{  color: #d21400;}
.bold{ font-weight:bold;}
   


/*============================
共通エリア
==============================*/
body{min-width:1020px;-webkit-text-size-adjust: none;}
#body_wrap{width:1020px;margin:0 auto;padding-top:35px;}
.main_area{width:910px; float:right; }
.contents_area{background-image: url(/img/contents_bg_inner.png);position:relative;background-repeat: repeat-y;}
.contents_area:before{background-image: url(/img/contents_bg_top.png);height: 30px;width: 910px;position:absolute;content:"";top:-30px;left:0px;background-repeat: no-repeat;}
.contents_area:after{background-image: url(/img/contents_bg_bottom.png);height: 30px;width: 910px;position:absolute;content:"";bottom:-30px;left:0px;    background-repeat: no-repeat;}
.contents_area .contents_inner{width:810px; margin:0 auto; text-align:center;}
.contents_area_85{background-image: url(/img/contents_bg_inner_85.png);position:relative;background-repeat: repeat-y;}
.contents_area_85:before{background-image: url(/img/contents_bg_top_85.png);height: 30px;width: 910px;position:absolute;content:"";top:-30px;left:0px;background-repeat: no-repeat;}
.contents_area_85:after{background-image: url(/img/contents_bg_bottom_85.png);height: 30px;width: 910px;position:absolute;content:"";bottom:-30px;left:0px;    background-repeat: no-repeat;}

.contents_area .pankuzu{width:810px; margin:0 auto;border-bottom:1px solid #000;}
.contents_area .pankuzu li{float:left;margin-right:20px;}
.contents_area .pankuzu li a{font-size:13px;color:#999;display:inline-block;}
.contents_area .pankuzu li a:after{content:"";display:inline-block;width:8px;height:8px; border-top:1px solid #f00;border-right:1px solid #f00;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.contents_area .pankuzu li strong{font-size:13px;color:#000;}
/*box_type*/
.box_type01{width:680px; margin:0 auto; border:1px solid #000; text-align:left; padding:20px;margin-bottom:40px;}
.box_type02{width:720px; margin:0 auto; }
.box_type02 > ul > li{width:310px; border:1px solid #000; text-align:left; padding:20px; margin-right:16px; float:left;}
.box_type02 > ul > li:last-child{ margin-right:0px;}
.box_type03{width:680px; margin:0 auto; background-color:#f2f2f2;text-align:left; padding:20px; }
.box_type01.red_box{border-color:#f00;width:700px;}
#solution_page.index .box_type01 img{display:none;}
/*list_type01*/
.list_type01 ul li,.list_type02 ul li{ position:relative;padding-left: 25px;}
.list_type01 ul li:before{position:absolute;content:"◆";left:0px; font-size:18px; color:#d21400;}

/*list_type02*/
.list_type02 ul li:before{position:absolute;content:"●";top:6px; left:0px;font-size:13px; color:#d21400;}

/*list_type03*/
.list_type03 ul li{ position:relative;border:1px solid #000;line-height:60px;width:700px;margin:0 auto;text-align:center;margin-bottom:10px;}
.list_type03 ul li:last-child{margin:0 auto 0 auto;}


.section{ padding-bottom: 70px;}

/*title*/
.title_01{font-size:26px;padding-top: 30px;padding-bottom: 5px;}
.title_02{font-size:38px;padding-bottom: 5px;}

/*h1*/
.h1_area{width:100px; display: inline-block;}
.h1_area h1 p {-ms-writing-mode: tb-rl; /* for MS IE8+ */
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;font-size: 15px;display: inline-block;vertical-align:top;}
.h1_area span {text-align: center;display: inline-table;display:none;}

/*h2*/
.h2_area{ border-bottom:#000 dotted 1px; padding-bottom:30px;padding-top: 20px;}
.h2_area h2 p{font-size:68px;font-weight:normal;}
.h2_area h2{font-size:48px;}
.h2_area h2 span{font-size:20px; display:block;}
.h2_read{font-size:24px; border-bottom:#000 solid 1px; padding:30px 0px;margin-bottom: 50px;line-height:2;}

/*h3*/
.h3_area{ border-bottom:#000 dotted 1px; padding:20px 0px;border-top:#000 solid 1px; margin-bottom:30px;}
.h3_area h3{font-size:44px;}
.h3_read{font-size:22px;margin-bottom:50px;line-height:2}

/*明朝フォント*/
.h1_area,.h2_area,.h3_area,.h2_read,.h3_read,.gmenu,.title_01,.merit_area .text_01,.btn_box span,.title_02,.voice_list dl dd.title{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; font-weight:normal;}


/*margin-right:0*/
.gmenu ul li:last-child,.seminar_wrap ul li:nth-child(even),.pro_illust_area ul li:last-child{ margin-right:0px;}

/*border_type01*/
.border_type01{ border-top:#000 solid 1px; position:relative; margin:50px 0px }
.border_type01::after {position: absolute;top: -11px;left: 50%;display: block;content: '';width: 20px;height: 20px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(135deg);transform: rotate(135deg);background-color: white;}
/*============================
gmenu
==============================*/
.gmenu{width:890px; border-bottom:#000 1px solid;margin-left: 10px; margin-bottom:70px;text-align: center;position:relative;}
.gmenu > ul > li {display:inline-block; margin-right:20px;}
.gmenu > ul > li > a{font-size:16px;display:block;font-weight:bold;}
.gmenu > ul > li > a > span{font-size:14px; color:#d21400; padding-right:3px;}
.gmenu > ul > li > .submenu{display:none;width:842px;position:absolute;padding: 16px 0px 0px 10px;left: 0;}
.gmenu > ul > li > .submenu li{float:left;margin-right:2px;}
.gmenu > ul > li > .submenu li a{display:block;font-size:14px;line-height:26px;padding:0 18px;background:rgba(255,255,255,0.6);}

#about_page .gmenu > ul > li.nav01:after{content: "";width: 178px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

#training_page .gmenu > ul > li.nav02:after{content: "";width: 85px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

#seminar_page .gmenu > ul > li.nav03:after{content: "";width: 165px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

#solution_page .gmenu > ul > li.nav04:after{content: "";width: 130px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

#voice_page .gmenu > ul > li.nav05:after{content: "";width: 106px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

#contact_page .gmenu > ul > li.nav06:after{content: "";width: 106px;display: block;position: relative;border-bottom: 4px solid #000;position: absolute;bottom: -4px;}

.gmenu > ul > li > .submenu li a:hover,
#about_page.member .gmenu > ul > li > .submenu li:nth-of-type(4) a,
#about_page.message .gmenu > ul > li > .submenu li:nth-of-type(3) a,
#about_page.service .gmenu > ul > li > .submenu li:nth-of-type(2) a,
#about_page.vision .gmenu > ul > li > .submenu li:nth-of-type(1) a{background:rgba(255,255,255,1);}

.local_nav{margin:35px 0 0px 0;padding-bottom:35px;border-bottom:1px dotted #000;}
.local_nav ul{width:99%;display:table;table-layout:fixed;border-collapse:separate;border-spacing: 4px;margin:0 auto;}
.local_nav li{border:1px solid #000;border-radius:5px;height:60px;display:table-cell;vertical-align:middle;position:relative;}
.local_nav li a{line-height:1.4;}
#about_page .local_nav li{width:25%;}
/*============================
footer
==============================*/
#footer { text-align:center; margin:50px auto;}
#footer .copy{ font-size:11px;}
#footer .footer_link{margin-bottom:50px;}
#footer .footer_link ul{display:table;margin:0 auto;}
#footer .footer_link li{float:left;padding-right:10px;display:inline-block;}
#footer .footer_link li:after{content:"|";display:inline-block;margin-left:10px;}
#footer .footer_link li a{font-size:15px;color:#000;}
#footer .footer_link li:last-child a:after,
#footer .footer_link li:last-child a{margin:0;content:"";}
/*============================
top_page
==============================*/
#top_page #body_wrap{background:url(../img/top_text_bg.png) center 0 no-repeat;width:auto;min-width:1000px;}
#top_page .top_section{width:1000px;margin:0 auto 470px auto;}
#top_page .bottom_section{width:910px;margin:0 auto;}
#top_page .center_area{padding-right:34px;background:url(../img/top_logo.png) right center no-repeat;float:left;height: 644px;width:100px;margin-left:65px;margin-top:40px;}
#top_page .left_area{width:360px;float:left;padding-top: 45px;}
#top_page .right_area{float:right;width:300px;height:300px;}
#top_page .nav{margin-bottom:40px;}
#top_page .nav li {margin-bottom:17px;}
#top_page .nav li a{display:block;font-size:20px;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;padding-left:15px;background:url(../img/list_icon_top.png) left center no-repeat;border-bottom:1px solid #000;font-weight:bold;line-height: 1.5;}
#top_page .bottom_section.logo{padding-bottom:30px;}
#top_page .bottom_section.logo table{margin:0 auto;}
#top_page .bottom_section.logo table td{text-align:center;padding:20px;vertical-align:middle;}
#top_page .bottom_section.logo table td img{}
#top_page .news_area{border:1px solid #000;}
#top_page .news_area .title a{text-decoration:none;line-height:1;display:block;padding:5px 10px;font-size:15px;text-align:left;border-bottom:1px solid #000;margin-bottom:1px;}
#top_page .news_area .news_list{border-top:1px solid #000;padding:20px;}
#top_page .news_area .news_list a{font-size:15px;text-decoration:none;}
#top_page .news_area .news_list .category{font-weight:bold}
#top_page .news_area .news_list a span{font-size:15px;display:block;}

#top_page .logo h1{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-size: 23.2px;
width:1em;height: 644px;}

#top_page .right_area{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-size:22px;
font-weight:bold;
position:relative;
right:56px;
 top: 482px;
line-height: 40px;}
#top_page .bottom_section h2.title{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:38px;text-align:center;margin-top:10px;margin-bottom:50px;}
#top_page .bottom_section .voice_area{width:810px;margin:0 auto;}
#top_page .bottom_section .voice_area .voice_list{width:385px;float:left;margin-right:35px;margin-bottom:50px;}
#top_page .bottom_section .voice_area .voice_list:nth-child(2n){margin-right:0;}
#top_page .bottom_section .voice_area .voice_list .copy_area{border-bottom:1px solid #000;padding-bottom:2px;margin-bottom:12px;}
#top_page .bottom_section .voice_area .voice_list dt{width:110px;float:left;margin-right:18px;}
#top_page .bottom_section .voice_area .voice_list dd.title {font-size: 18px;line-height: 1.5;width:257px;float:right;}
#top_page .bottom_section .voice_area .voice_list .name_area {line-height:16px;}
#top_page .bottom_section .voice_area .voice_list .name_area > div{display:inline-block;}
#top_page .bottom_section .voice_area .voice_list .name_area .company_name{font-size:13px;}
#top_page .bottom_section .voice_area .voice_list .name_area .name{font-size:16px;}
#top_page .btn{dmargin:0 auto;text-align:center;padding-bottom:30px;}
#top_page .btn a{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;display:inline-block;line-height: 25px;background-color: #797979;text-align: center;padding: 4px 0px;font-size: 17px;border-radius: 25px;padding:0 40px;color:#fff;}

/*============================
about_page
==============================*/
/*vision*/
.merit_area{background-image: url(/img/about_illust_01.png);position:relative;background-repeat: no-repeat;margin: 0 auto;background-position: center 150px;}
.merit_area .text_01{position:absolute;font-size:33px;text-align:left;top: 165px;}
.merit_area .text_02{position:absolute;font-size:14px;text-align:left;top: 119px;right:0px;width:180px;}
.merit_area .text_03{position:absolute;font-size:22px;text-align:center;top: 261px;left:50%;width:300px;margin-left:-150px;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.merit_area .merit_area_top{width:310px; margin:0 auto;}
.merit_area .merit_area_bottom{padding-top: 290px;}
.merit_list dl{border:#000 1px solid;padding:4px 0px;margin-bottom:10px;}
.merit_list dl dt{font-size:18px;color:#d21400; font-weight:bold;}
.merit_list dl dd{font-size:15px;letter-spacing: -1px;line-height:150%;}
.merit_area_bottom_L,.merit_area_bottom_R{width:290px;}
.merit_area_bottom_R .merit_list dl{ padding:16px 0px;}
/*============================
about member_page
==============================*/
.member_list th{font-size:18px;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;width:5em;border-bottom:1px solid #000;padding:13px 10px;}
.member_list td.img{width:120px;vertical-align:top;}
.member_list td.img img{}
.member_list td{font-size:14px;text-align:left;border-bottom:1px solid #000;padding:13px 10px;}
.member_list td p.name{font-size:18px;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.member_list td p.position{font-size:13px;line-height:17px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.member_list td p.position a{display:inline-block;text-align:center;padding:0 10px;color:#fff;background:#d21415;border-radius:20px;margin:5px 0}
.member_list td p.profile{font-size:13px;line-height:17px;}

/*============================
about ceo_page
==============================*/

/* message */
.message_con{text-align:center;font-size:18px;line-height:1.6em;}
.message_con .text{text-align:left;}
.message_con .text p{margin-bottom:30px;}
.message_con .text p.visionTitle{padding-top:20px;}
.message_con .prof{float:left;margin-right:40px;margin-bottom:40px;}
.message_con .prof .image{margin-bottom:20px;width:260px;overflow:hidden;}
.message_con .prof .image img{max-width:100%;}
.message_con .prof .roleName{font-size:15px;line-height:1.86666667em;}
.message_con .prof .roleName .name{font-size:17px;}

/*============================
seminar_page
==============================*/
/*index*/
.seminar_wrap{ margin-top:70px;}
.seminar_wrap ul li{width:385px; float:left; margin-right:40px; text-align:left; margin-bottom:50px;}
.seminar_wrap ul li dl dt{ border-bottom:#d5d5d5 solid 3px;padding-bottom: 5px;margin-bottom: 7px;}
.seminar_wrap ul li dl dt .data_01{ border-right:#d5d5d5 solid 1px;width: 70px; display: table-cell;}
.seminar_wrap ul li dl dt .data_02{ display: table-cell; padding-left: 10px;}
.seminar_wrap ul li dl dt{ font-size:16px; }
.seminar_wrap ul li dl dt span{ font-size:24px; }
.seminar_wrap ul li dl dd.title{ font-size:18px; font-weight:bold;margin-bottom: 10px; }
.seminar_wrap ul li dl dd.text_area .semi_image{ width:110px; margin-right:10px;float: left;}
.seminar_wrap ul li dl dd.text_area .semi_text{  font-size:14px;word-break: break-all; color:#999999;}
/*detail*/
.semi_data dl dt{width:90px; display:inline-block;vertical-align: top;}
.semi_data dl dd{display:inline-block;}
.semi_data dl dd .hen_box{display:inline-block;width:100px;}
.lec_list dl dt{ border-bottom:#000 solid 1px; font-size:24px;margin-bottom: 10px;}
.lec_list dl dt span,.lec_list dl dd{ font-size:14px; display:block;}
.pro_tit { font-size:18px;  color:#d21400; font-weight:bold;margin-left: -13px;margin-top: 30px;}
.pro_tit:first-child{ margin-top: 0px;}
.pro_tit span{ margin-right:10px; display:inline-block; color:#000;}
.pro_illust_area{ margin:50px auto;}
.pro_illust_area ul li { float:left; margin-right:22px;width:212px; text-align:center; font-size:16px;}
.pro_illust_area ul li:last-child{ margin-top:30px;}
.pro_illust_area ul li p { padding:10px 0px;}

/*============================
solution_page
==============================*/
/*index*/
#solution_page.index .f18.tac{padding-top:20px;}
.select_area {background-color:#d5d5d5;width:680px;text-align:left;margin-top: 0;margin-right: auto;margin-bottom: 10px;margin-left: auto; padding-left:40px; padding-top:10px; padding-bottom:10px;}
.select_area .btn_box span{ font-size:26px;display: inline-flex;padding-right: 40px;}
.select_area .btn_box ul{display: inline-flex;}
.select_area .btn_box ul li {float: left; margin-right:10px; }
.select_area .btn_box ul li a::after {position: absolute;top: 50%;left: 15px;display: block;content: '';width: 10px;height: 10px;margin-top: -5px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.select_area .btn_box ul li.on a::after {position: absolute;top: 50%;left: 15px;display: block;content: '';width: 10px;height: 10px;margin-top: -5px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.select_area .btn_box ul li a{  background-color:#fff;width:175px;border-radius: 30px; font-size:20px; text-align:center; display:block;position:relative;}
.select_area .btn_box ul li.on a{  background-color:#999999; color:#ffffff;}
.solution_list dl {margin-bottom: 60px;}
.solution_list dl dt{ border-bottom:1px solid #a8a8a8 ; color:#d21400; font-weight:bold; font-size:20px;margin-bottom: 10px;}
.solution_list dl dd{ font-size:18px;     word-break: break-all;}
.solution_list dl:last-child{ margin:0; }
.solution_title a span{font-size:14px; color:#d21400; padding-right:3px;}