@charset "UTF-8";
/* トップページ
---------------------------------------------------------------- */
.top-inner{margin:0 auto;padding:40px 0; max-width:1000px; width:98%;}

.top-hero{position:relative;padding:158px 0; width:100%;background:url(../images/top/hero_01.jpg) center top no-repeat;background-size:cover;}

.top-hero-inner{position:relative; margin:0 auto;max-width:1000px; width:98%;}

.top-hero-title{color:#fff;  font-size:40px;}

.top-lead {
	background:url(../images/top/top_hero_bg.jpg) no-repeat center bottom;
	max-width:2000px;
	width:100%;
	margin:0 auto;
}
.top-lead-pc {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	text-align:left;
}
.top-lead-title {
    font-size: 40px;
    color: #004da1;
    padding: 8% 0 1%;
    line-height: 1.3;
}
.top-lead-text {
    font-size: 16px;
    color: #004da1;
    padding-bottom: 31%;
    line-height: 2;
}
.top-lead-sp { display:none;}


.top-hero-text{color:#fff; font-size:16px; line-height:2;}

.top-hero-item{ position:absolute;bottom:40px; left:0;}

.top-main-title{ padding: 0 0;text-align:center; font-size:64px; font-weight:bold; transform: scale(0.8, 1); line-height:1.2;}

.top-main-title span{ display:block;font-size:18px; transform: scale(1.2, 1); font-weight:500;}

.top-main-title2{ padding: 0 0;text-align:center; font-size:32px; font-weight:500; transform: scale(0.8, 1); line-height:1.2;}

.top-info{ background-color:#004DA1;}

.top-info-head{overflow:hidden;  margin:20px 0 0;padding:0 0 5px;border-bottom:2px solid #004da1;}

.top-info-title{ float:left;font-size:22px;}

.top-info-link{ float:right;}

.top-info-link a{ display:block;padding:10px 5px 10px 15px;border:1px solid #004da1;background:#fff url(../images/common/icon_11.png) 8px center no-repeat;color:#004da1;font-size:13px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; line-height:1;}

.top-info-link a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_11_on.png) 8px center no-repeat; color:#4ebeee;}

/*.top-info-list { overflow-y: scroll; height:130px;}
*/
.top-info-list li{ padding:15px 0;border-bottom:1px solid #cdcdcd;}

.top-info-day{ display:inline-block;margin:0 10px 0 0;font-size:14px; color:#fff;}

.top-info-text {
    display: inline-block;
    font-size: 14px;
    width: 90%;
    vertical-align: middle;
    color: #fff;
}
.top-info-text a {
  color:#fff;
}


.top-info-text a:hover{ text-decoration:underline;}

.top-about {
    margin: 0 auto;
    padding: 80px 0 100px;
    width: 100%;
  background:url(/recruit/fresh/img/top_bg_about.jpg);
  background-size:cover !important;
}
.top-about2 {
    margin: 0 auto;
    width: 100%;
	border-bottom:1px solid #cdcdcd;
}
.top-col-area {
  background-size: cover !important;
}
.top-row-3 .top-col-area {
  width: calc(100%/3);
  padding: 50px 0;
}
.top-row-2 .top-col-area {
  width: calc(100%/2);
  padding: 70px 0;
}
.top-vision {
  background: url(/recruit/fresh/img/top_bg_vision.jpg);
}
.top-whats-twg {
  background: url(/recruit/fresh/img/top_bg_whats_pc.jpg);
}
.top-keyword {
  background: url(/recruit/fresh/img/top_bg_keyword.jpg);
}
.top-history {
  background: url(/recruit/fresh/img/top_bg_history.jpg);
}
.top-message  {
  background: url(/recruit/fresh/img/top_bg_message.jpg);
}
.top-business {
  margin: 0 auto;
  padding: 150px 0 150px;
  width: 100%;
  background:url(/recruit/fresh/img/top_bg_business.jpg);
  background-size: cover !important;
}
.top-business-img, .top-member-img{
  margin: 80px auto 0px;
  padding: 0 10px 0;
}
.top-business-img a, .top-member-img a {
  display:block;
}
.top-business-img figcaption {
  background: #004DA1;
  font-size: 22px;
  text-align: center;
  color: #fff;
  padding:6px 0;
}
.top-company {
  margin: 0 auto;
  padding: 150px 0 150px;
  width: 100%;
  background:url(/recruit/fresh/img/top_bg_company.jpg);
  background-size: cover !important;
}
.top-member {
  margin: 0 auto;
  padding: 150px 0 150px;
  width: 100%;
  background:url(/recruit/fresh/img/top_bg_member.jpg);
  background-size: cover !important;
}
.top-member-img figcaption {
  background: #004DA1;
  font-size: 26px;
  font-weight:bold;
  text-align: center;
  color: #fff;
  padding:6px 0;
}
.top-member-img figcaption span {
  display:block;
  background: #004DA1;
  font-size: 22px;
  text-align: center;
  color: #fff;
  padding:6px 0;
  font-weight:normal;
}

.top-recruit {
  margin: 0 auto;
  padding: 150px 0 150px;
  width: 100%;
  background:url(/recruit/fresh/img/top_bg_recruit.jpg);
  background-size: cover !important;
}
.top-guide {
  background: url(/recruit/fresh/img/top_bg_guide.jpg);
}
.top-system {
  background: url(/recruit/fresh/img/top_bg_system.jpg);
}
.top-faq {
  background: url(/recruit/fresh/img/top_bg_faq.jpg);
}

.top-internship {
    margin: 0 auto;
    width: 100%;
    background: url(/recruit/fresh/img/top_bg_internship.jpg);
    background-size: cover !important;
    padding: 120px 0 120px;
    display:block;
}


.top-cp-box {
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
	margin:50px auto 0;
}
.top-cp-lbox {
	float:left;
	width:50%;
	box-sizing:border-box;
}
.top-cp-rbox {
	width:50%;
	box-sizing:border-box;
  margin: 0 auto;
}
.top-cp-lbox img {
	width:94%;
	float:left;
}
.top-cp-rbox img {
	width:94%;
	float:right;
}
.top-cp-title {
	font-size:24px;
	color:#004da1;
	line-height:1.4;
}
.top-cp-text {
	font-size:22px;
	margin-top:15px;
  text-align:center;
}
.top-cprespo {
    margin: 0 auto;
    padding: 50px 0;
    max-width: 1000px;
    width: 98%;
    border-bottom: 1px solid #cdcdcd;
}
.top-service-list{ overflow:hidden;}

.top-service-item{float:left; width:28%;text-align:center;letter-spacing:-.5px;}

.top-service-item-01{ margin:50px 0 0;}

.top-service-item-02{ margin:50px 0 0 8%;}

.top-service-item-03{ margin:50px 0 0 8%;}

.top-service-item-04{ margin:50px 0 0 18%;}

.top-service-item-05{ margin:50px 0 0 8%;}

.top-service-title{ margin:15px 0 0;color:#4ebeee; font-size:22px;}

.top-service-title span{ display:block;color:#333;font-size:16px;line-height:1;}

.top-service-text{ margin:5px 0 0;font-size:14px;}

.top-recruit{ background-color:#e5f6fd;}

.top-recruit-list{ overflow:hidden;}

.top-recruit-item{ float:left;margin:50px 5% 0;width:40%;text-align:center;}

.top-recruit-title{ margin:10px 0 0;text-align:center; font-size:22px;}

.top-sns { background:#004DA1;}

.top-sns-box { padding:50px 0; background:#004DA1; width:845px; margin: 0 auto;}

#facebook, #twitter { width:50%; text-align:center;}

.top-link-btn{ display:inline-block;}

.top-link-btn a{ display:block;padding:10px 5px 10px 15px;border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 8px center no-repeat;color:#004da1;font-size:13px;line-height:1;}

.top-link-btn a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_11_on.png) 8px center no-repeat; color:#4ebeee;}

.top-btn {
  display: inline-block;
  width: 240px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.top-btn::before,
.top-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top-btn,
.top-btn::before,
.top-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-w {
  border: 1px solid #fff;
  color: #fff !important;
}
.btn-k {
  border: 1px solid #333;
  color: #333 !important;
}
.btn-w:hover {
  color: #333 !important;
  background:#fff;
}
.btn-k:hover {
  color: #fff !important;
  background:#333;
}

.top-btn {
  position: relative;
  z-index: 2;
  color: #fff;
  line-height: 50px;
  overflow: hidden;
  margin: 100px auto 0px;
  display:block;
}
.top-btn:hover {
  color: #fff;
}
.top-btn::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.top-entry-btn {
  width: 500px;
  margin: 50px auto;
  text-align: center;
  background: #efaa46;
  color: #fff;
  font-size: 40px;
}
.top-entry-btn a {
  color:#fff;
  font-style:italic;
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 768px){ 
.top-sns-box { display:block; width:98%;}
#facebook, #twitter { width:100%; margin-top: 30px;}
.top-entry-btn { width:98%;box-shadow:2px 2px #3338;}
.top-info-text {
  color:#fff;
}

}

@media only screen and (max-width: 768px){ 
.top-inner {
  padding: 14px 0;
}
.top-lead {
    background-size: cover;
}
.top-lead-pc {
    display: none;
}
.top-lead-sp {
    display: block;
   width: 85%;
    padding: 20% 0 24%;
}
  .top-cp-lbox,.top-cp-rbox,.top-cp-lbox img,.top-cp-rbox img {
    float: none;
    width: 100%;
}
.top-cp-title {
    text-align: center;
    font-size: 17px;
    margin-top: 8%;
}
.top-cp-box {
  margin: 35px auto 0;
}
.top-cp-text {
    font-size: 16px;
    margin-top:0;
    text-align:left;
    width:98%;
    margin: 0 auto;
}

  
.top-main-title{ 
  font-size: 50px;
  line-height: 1.3;
  background-size: 50px auto;
}
  .top-arrow:before {
    font-size: 40px;
    content: "▶";
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 20%;
    left: 98%;
  }
  .top-main-title2 {
    font-size:24px;
  }

  .top-info-title{ font-size:18px;}
/*  .top-info-list { height:84px;}*/
  .top-info-list li { padding:7px 0;}
  .top-info-link a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 8px center no-repeat; color:#004da1;}
  .top-info-text a:hover{ text-decoration:none;}
  .top-service-title{ font-size:18px;}
  .top-service-title span{ font-size:14px;}
  .top-service-item{float:left; width:46%;text-align:center;}
  .top-service-item-01{ margin:50px 0 0;}
  .top-service-item-02{ margin:50px 0 0 8%;}
  .top-service-item-03{ margin:50px 0 0;}
  .top-service-item-04{ margin:50px 0 0 8%;}
  .top-service-item-05{ margin:50px 0 0;}
  .top-recruit-item{ float:left;margin:50px 0 0 8%;width:46%;text-align:center;}
  .top-recruit-item:first-of-type{ margin:50px 0 0;}
  .top-recruit-title{font-size:18px;  line-height:1.5;}
  .top-link-btn a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 8px center no-repeat; color:#004da1;}

  .top-about, .top-business, .top-company, .top-member, .top-recruit, .top-internship { padding: 30px 0 60px; background-position:center; background-size: cover !important;}
  .top-row-3,  .top-row-2 { display:block !important;}
  .top-row-3 .top-col-area { width:100%; padding: 30px 0; display:block;}
  .top-row-2 .top-col-area { width:100%; padding: 30px 0; display:block;}
/*  .top-about2 h3:after {  border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid #6aa7cd;}
*/  .top-business-img, .top-member-img { padding: 0 2% 0; width:46%;}
  .top-business-img figcaption { font-size:16px;}
  .top-member-img figcaption { font-size:18px;}
  .top-member-img figcaption span { font-size:16px; padding:0;}
  .top-business-img, .top-member-img { margin: 50px auto 0;}
  .top-business-img figure, .top-member-img figure { box-shadow: 2px 2px 6px #666;}
}

@media only screen and (max-width: 480px){ .top-service-item{ float:none;width:100%;}
  .top-service-item-01{ margin:50px 0 0;}
  .top-service-item-02{ margin:50px 0 0;}
  .top-service-item-03{ margin:50px 0 0;}
  .top-service-item-04{ margin:50px 0 0;}
  .top-service-item-05{ margin:50px 0 0;}
  .top-recruit-item{ float:none;margin:50px 0 0;width:100%;text-align:center;}
  .top-info-list { background:#fff; padding: 0 2%; margin-top: 2%; font-weight:bold; border-radius:2px;}
  .top-info-day, .top-info-text a {color: #153b67;}
  .top-info-text {
  color:#153b67;
}
}

/* 共通
---------------------------------------------------------------- */
.bold {
	font-weight: bold;
}

/* news
---------------------------------------------------------------- */
.news{ margin:60px 0 0;}

.news-list{ margin:50px 0 0;border-top:2px solid #004da1;}

.news-list li{ padding:15px 30px 15px 0;border-bottom:1px solid #cdcdcd;background:#fff url(../images/common/icon_12.png) 98% center no-repeat;}

.news-list-day{ display:inline-block;margin:0 10px 0 0;}

.news-list-title{ display:inline-block;width:90%;}

.news-list-title a:hover{ text-decoration:underline;}

.news-detail-head{ padding:0 0 5px;border-bottom:2px solid #004da1;}

.news-detail-day{ display:inline-block;margin:0 10px 0 0;font-size:18px;}

.news-detail-title{ display:inline-block;font-size:18px;}

.news-detail-text{ padding:30px 0 0;}

@media only screen and (max-width: 768px){ .news{ margin:30px 0 0;}
  .news-list{ margin:20px 0 0;}
  .news-list-title a:hover{ text-decoration:none;}
  .news-detail-head{ margin:20px 0 0;}}

/* company
---------------------------------------------------------------- */
.company{ margin:60px 0 0;}

.company-greeting{overflow:hidden;  margin:60px 0 0;}

.company-greeting-box {
	margin:30px 0 0;
	overflow:hidden;
}
.company-greeting-l {
	float:left;
	width:22%;
	box-sizing:border-box;
}
.company-greeting-r {
	float:right;
	width:74.5%;
	box-sizing:border-box;
}
.company-greeting-title01 {
	font-size:26px;
	font-weight:bold;
}
.company-greeting-title02 {
	font-size:20px;
}
.company-greeting-text01 {
	font-size:16px;
}
.company-sign-text {
	text-align:right;
    margin-top: 5%;
}
.company-sign-text img {
	width:36.6%;
}

.company-profile{overflow:hidden;  margin:60px 0 0;}

.company-data{ float:left;margin:30px 0 0;width:50%;font-size:14px;}

.company-data th{padding:10px 5px; width:25%;border-bottom:1px solid #cdcdcd; color:#004da1;vertical-align:top;text-align:left;font-weight:bold;}

.company-data td{padding:10px 5px; width:75%;border-bottom:1px solid #cdcdcd;}

.company-member{ overflow:hidden;}

.company-member dt{ float:left;clear:both; width:120px;}

.company-member dd{ float:left;}

.company-map{ position:relative;float:right;overflow:hidden; margin:30px 0 0;padding:0 0 40% 0;width:48%;height:0;}

.company-map iframe{ position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

.company-history{margin:30px 0 0;  width:100%;}

.company-history a { text-decoration: underline; }

.company-history a:hover { text-decoration: none; }

.company-history th{padding:10px 5px; width:15%;border-bottom:1px solid #cdcdcd; text-align:left;}

.company-history td{padding:10px 5px; width:85%;border-bottom:1px solid #cdcdcd;}

/*#gmap{ position: absolute; width: 100% !important; height: 100% !important; top: 0; }*/
@media only screen and (max-width: 768px){ .company{ margin:30px 0 0;}
.company-greeting {
	margin:30px 0 0;
}
.company-greeting-l {
    width: 70%;
    margin: 0 auto;
	float:none;
    text-align: center;
}
.company-greeting-r {
	float:none;
	width:100%;
}
.company-greeting-title01 {
    font-size: 17px;
    margin-top: 5%;
    text-align: center;
}
.company-greeting-title02 {
    font-size: 16px;
    text-align: center;
    margin-top: 2%;
}
.company-sign-text img {
    width: 55%;
}
  .company-profile{ margin:30px 0 0;}
  .company-img{ float:none;width:100%;text-align:center;}
  .company-sign{ margin:20px 0 0 auto;width:37.94038%; text-align:right;}
  .company-data{ float:none;width:100%;}
  .company-map{ float:none;margin:30px auto 0;padding:0 0 48.78049% 0;width:91%;text-align:center;}}

@media only screen and (max-width: 480px){ .company-map{ padding:0 0 78.94737% 0;}
  .company-sign{ width:61.40351%;}
  .company-history th{ width:25%;}
  .company-history td{ width:75%;}}


/* service
---------------------------------------------------------------- */
.service,.service-dept {
    margin: 60px 0 0;
}
.service-first-box {
    width: 100%;
    position: relative;
}
.service-dept-title {
    text-align: center;
    font-size: 24px;
    color: #004da1;
    margin-top: 10%;
}
.service-dept-img {
    position: absolute;
	width:50%;
    max-width: 500px;
    top: 120%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
}
.service-dept-text {
    font-size: 16px;
    width: 80%;
    margin: 20px auto;
}
.service-dept-imgbox {
    width: 100%;
    display: inline-block;
    text-align: center;
    letter-spacing: -0.8em;
    margin-top: 35%;
}
.service-dept-imgbox li {
	display:inline-block;
	width:25.5%;
	margin-right:1.5%;
	letter-spacing:normal;
}
.service-dept-imgbox li:last-child {
	margin-right:0;
}
.service-content-box {
	overflow:hidden;
	width:100%;
	padding-bottom:45px;
	margin-bottom:35px;
	border-bottom:1px solid #cdcdcd;
}
.service-content-box:last-of-type {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;	
}
.service-content-r {
	width:28%;
	box-sizing:border-box;
	float:right;
}
.service-content-l {
	width:64%;
	box-sizing:border-box;
	float:left;
}
.service-content-title {
	font-size:22px;
	color:#004da1;
}
.service-content-text {
	font-size:14px;
	margin-top:18px;
}
@media only screen and (max-width: 768px){
.service,.service-dept {
    margin: 30px 0 0;
}
.service-dept-title {
    font-size: 18px;
}
.service-dept-img {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    width: 90%;
    margin: 5% auto 0;
}
.service-dept-text {
    font-size: 14px;
    width: 100%;
}
.service-dept-imgbox {
    margin-top: 0%;
}
.service-dept-imgbox li {
    display: inline-block;
    width: 49%;
    margin: 0 auto 2%;
}
.service-content-box {
	border-bottom:0;
}
.service-dept-imgbox li:first-child {
	margin-right:2%;
}
.service-content-r,.service-content-l {
    width: 100%;
    float: none;
}
.service-content-r {
	text-align:center;
}
.service-content-title {
    margin-top: 8%;
    text-align: center;
}
}

/* csr
---------------------------------------------------------------- */
.csr,.csr-act {
    margin: 60px 0 0;
}
.csr-link-nav {
	width:100%;
	box-sizing:border-box;
	letter-spacing:-0.8em;
    margin-top: 60px;
}
.csr-link-nav li {
	width:24.5%;
	letter-spacing:normal;
	display:inline-block;
	box-sizing:border-box;
	margin-right:0.62%;
}
.mt6 {
	margin-top:6px !important;
}
/*
.csr-link-nav li {
    width: 24.5%;
    letter-spacing: normal;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.66%;
}*/
.csr-link-nav li:last-child {
	margin-right:0;
}
.csr-link-nav a {
    display: block;
	text-align:center;
    padding: 20px 5px 20px 15px;
    border: 1px solid #004da1;
    background: #fff url(../images/common/icon_11.png) 8px center no-repeat;
    color: #004da1;
    line-height: 1;
}
.csr-link-nav a:hover {
	border:1px solid #4ebeee;
    background: #fff url(../images/common/icon_11_on.png) 8px center no-repeat;
    color: #4ebeee;
}

.csr-act-title-01 {
	font-size:28px;
	color:#004da1;
	text-align:center;
	margin-top:80px;
	background:url(../images/csr/csr_01.jpg) no-repeat center bottom;
	background-size:contain;
	padding-bottom:17.6%;
}
.csr-act-title-02 {
	font-size:22px;
    padding: 10px 15px;
	border:1px solid #00a2e6;
	margin-top:50px;
}
.csr-act-box {
	overflow:hidden;
	width:100%;
	margin-top:40px;
}
.csr-act-r {
	float:right;
	width:28%;
	box-sizing:border-box;
}
.csr-act-l {
	float:left;
	width:64%;
	box-sizing:border-box;
}
.csr-act-text {
	font-size:16px;
}
.csr-act-title-03 {
    font-size: 22px;
    border-left: 4px solid #00a2e6;
    margin-top: 10px;
    line-height: 1.3;
    padding-left: 10px;
}
.csr-env {
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
    margin-top: 35px;
}
.csr-env li {
	margin-bottom:45px;
}
.csr-env-l li:last-child,.csr-env-r li:last-child {
	margin-bottom:0;
}
.csr-env-l {
	width:48%;
	box-sizing:border-box;
	float:left;
}
.csr-env-r {
	width:48%;
	box-sizing:border-box;
	float:right;
}
.csr-env-title {
	font-size:18px;
	background-color:#4cbeed;
	color:#fff;
    padding: 5px 10px;
}
.csr-env-text-01 {
	font-size:14px;
	margin-top:20px;
}
.csr-env-text-02 {
	font-size:14px;
	color:#004da1;
}
.csr-img {
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	margin-top:40px;
}
.csr-img li {
	width:24%;
	margin-right:1.33%;
	float:left;
}
.csr-img li:last-child {
	margin-right:0;
}
.csr-act-btnbox {
	letter-spacing:-0.8em;
	margin-top:30px;
}
.csr-act-btnbox p:first-child {
    margin-right: 15px;
}
.csr-act-btnbox p,.csr-act-btnbox a {
	letter-spacing:normal;
}
.csr-act-btn{ display:inline-block;}

.csr-act-btn a{
	margin: 0 0 10px;
    display: inline-block;
    padding: 20px 25px 20px 35px;
    border: 1px solid #004da1;
    background: #e5edf6 url(../images/common/icon_11.png) 8px center no-repeat;
    color: #004da1;
    font-size: 13px;
    line-height: 1;
    text-align: center;
}

/* 教育機関への支援 スクロールバー付きお知らせボックス */
.csr-act .titleBox {
    border: 1px solid #00a2e6;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    background-color: #00a2e6;
    color: #fff;
    margin: 30px 0 0 0;
}

.csr-act .scrollbarBox {
    overflow: auto;
    padding: 10px;
    border: 1px solid #00a2e6;
    background-color: #F9F9F9;
    font-size: 12px;
	/* height: 340px; 記事が2つ以上になったら使用 */
}

.csr-act .scrollbarBox .newsBox {
    /* margin: 0 0 30px 0; 記事が2つ以上になったらこちらを使用 */
    margin: 0; /* 記事が1つの場合はこちらを使用 */
    border-bottom: 1px dotted #00a2e6;
    padding: 0 0 30px 0;
}

.csr-act .scrollbarBox .newsLast {
    border-bottom: none;
}

.csr-act .scrollbarBox .newsTxtBox {
    float: left;
    width: 47%;
    margin: 0 20px 0 0;
}

.csr-act .scrollbarBox .newsImgBox {
    width: 50%;
    float: right;
}

.csr-act .scrollbarBox .newsImgBox img {
    width: 47%;
    margin: 0 10px 0 0;
}

.csr-act .scrollbarBox .newsBox a {
    color: #00a2e6;
    text-decoration: underline;
}

.csr-act .scrollbarBox .newsBox a:hover {
    text-decoration: none;
}
/* //教育機関への支援 スクロールバー付きお知らせボックス */


.csr-act-btn a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_11_on.png) 8px center no-repeat; color:#4ebeee;}
@media only screen and (max-width: 768px){
.csr-act-btn a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 8px center no-repeat; color:#004da1;}
.csr, .csr-act {
    margin: 30px 0 0;
}
.csr-link-nav li {
	width:49%;
    margin: 0 2% 2% 0;
	font-size: 10px;
}
.mt6 {
	margin-top:0 !important;
}
.csr-link-nav li:nth-child(even) {
	margin:0;
}
.csr-act-title-01 {
    font-size: 18px;
    margin-top: 40px;
}
.csr-act-title-02 {
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 40px;
}
.csr-act-box {
    margin-top: 20px;
}
.csr-act-btn a {
    min-width: 220px;
}
.csr-act-l,.csr-act-r {
    float: none;
    width: 100%;
}
.csr-act-r {
	text-align:center;
}
.csr-env-l {
    margin-bottom: 30px;
}
.csr-env-text-01 {
    margin-top: 15px;
}
.csr-env li {
    margin-bottom: 30px;
}
.csr-act-img {
	margin-top:20px;
}
.csr-act-title-03 {
    font-size: 20px;
    margin-top: 30px;
    padding-left: 10px;
}
.csr-env-l, .csr-env-r {
    width: 100%;
}
.csr-act-textbox {
	margin-top:20px;
}
.csr-act-btnbox {
    text-align: center;
}
.csr-act-btn {
    display: block;
}
.csr-act-btnbox p:first-child {
    margin: 0 0 20px;
}
.csr-img li {
    width: 80%;
    margin: 0 auto 20px;
    float: none;
}
.csr-img li:last-child {
    margin: 0 auto;
}

/* 教育機関への支援 スクロールバー付きお知らせボックス */
.csr-act .titleBox {
    border: 1px solid #00a2e6;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    background-color: #00a2e6;
    color: #fff;
    margin: 30px 0 0 0;
}

.csr-act .scrollbarBox {
    overflow: auto;
    padding: 10px;
    border: 1px solid #00a2e6;
    background-color: #F9F9F9;
    font-size: 12px;
}

.csr-act .scrollbarBox .newsBox {
    /* margin: 0 0 30px 0; 記事が2つ以上になったらこちらを使用 */
    margin: 0;　/* 記事が1つの場合はこちらを使用 */
    border-bottom: 1px dotted #00a2e6;
    padding: 0 0 30px 0;
}

.csr-act .scrollbarBox .newsTxtBox {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}

.csr-act .scrollbarBox .newsImgBox {
    width: 100%;
    float: none;
}

.csr-act .scrollbarBox .newsImgBox img {
    width: 46%;
    margin: 0 10px 0 0;
}

.csr-act .scrollbarBox .newsLast {
    border-bottom: none !important;
}
/* //教育機関への支援 スクロールバー付きお知らせボックス */

}

/* sitemap
---------------------------------------------------------------- */
.sitemap-inbox {
    width: 100%;
    box-sizing: border-box;
    padding: 4%;
}
.sitemap-text-01 a {
	font-size:16px;
	border:1px solid #cdcdcd;
	padding:2%;
	display:block;
	width:100%;
	box-sizing:border-box;
	border-radius:4px;
	margin-bottom:2%;
}
.sitemap-text-01 a:hover {
	color:#4ebeee;
}
.sitemap-text-02 {
    margin: 3% 0 1%;
    font-size: 16px;
    font-weight: bold;
}



/* shop
---------------------------------------------------------------- */
.shop{ margin:60px 0 0;}

.shop-title-01{ padding:10px 15px;background:#4ebeee;color:#fff;font-size:20px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; line-height:1;}

.shop-title-02{ font-size:20px;}

.shop-wrap{overflow:hidden;  margin:60px 0 0;}

.shop-area{ float:left;width:200px;}

.shop-area li{ margin:0 0 15px;}

.shop-area li a{ display:block;padding:15px 0;border:1px solid #4ebeee; color:#4ebeee;text-align:center;font-size:16px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;line-height:1;}

.shop-area li a:hover{background-color:#4ebeee;  color:#fff;}

.shop-area li a.current{background-color:#4ebeee;  color:#fff;}

.shop-cont{ float:right;width:70%;}

.shop-item{overflow:hidden;  margin:50px 0 0;padding:50px 0 0;border-top:1px solid #cdcdcd;}

.shop-item:first-child{ margin:0;padding:40px 0 0;border-top:none;}

.shop-info{ float:left;width:35.71429%;}

.shop-icon{overflow:hidden;  margin:20px 0 0;}

.shop-icon li{ float:left;margin:0 0 5px;padding:5px 0;width:48.5%;color:#fff; text-align:center;font-size:12px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

.shop-icon li:nth-of-type(odd){ margin:0 5px 0 0;}

.shop-icon-single{ margin:20px 0 0;}

.shop-icon-single li{margin:0 0 5px;padding:5px 0; width:48.5%;color:#fff; text-align:center;font-size:12px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

.shop-icon-01{ background-color:#004da1;}

.shop-icon-02{ background-color:#2ca0ba;}

.shop-icon-03{ background-color:#c80a14;}

.shop-icon-04{ background-color:#de5674;}

.shop-icon-05{ background-color:#5282d2;}

.shop-icon-06{ background-color:#149d45;}

.shop-add{ float:right;width:61.42857%;}

.shop-add-data{ width:100%;}

.shop-add-data th{padding:5px 0; width:25%;border-bottom:1px solid #cdcdcd; color:#4ebeee;font-weight:bold;font-size:14px;}

.shop-add-data td{padding:5px 0; width:75%;border-bottom:1px solid #cdcdcd; font-size:14px;}

.shop-img{margin:40px 0 0; width:100%;text-align:center;}

.shop-btn{overflow:hidden;  margin:20px 0 0;}

.shop-btn-item{ float:left;margin:0 5px 5px 0; width:32%;}

.shop-btn-item a{ display:block;padding:10px 0 10px 10px;color:#fff; text-align:center;font-size:13px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

.shop-btn-item a:hover{ opacity:.8;}

.shop-btn-item-01 a{ background:#55acef url(../images/common/icon_15.png) 8px center no-repeat;}

.shop-btn-item-02 a{ background:#ff9f1a url(../images/common/icon_15.png) 8px center no-repeat;}

.shop-btn-item-03 a{ background:#c80a14 url(../images/common/icon_15.png) 8px center no-repeat;}

.shop-btn-item-04 a{ background:#ff87ac url(../images/common/icon_15.png) 8px center no-repeat;}

.shop-map{ position:relative;overflow:hidden; margin:40px auto 0;padding:0 0 57.14286% 0;width:91.42857%;height:0;}

.shop-map iframe{ position:absolute;top:0;left:0;width:100% !important;height:100% !important;}


/* 全店マップ 20160819追加
---------------------------------------------------------------- */
div#mapBox {
    margin: 50px 0 100px 0;
    position: relative;
}

div#mapBox a {
    text-decoration: underline;
}

div#mapBox a:hover {
    text-decoration: none;
}

div#mapBox .leftShop {
    float: left;
    width: 45%;
    margin: 10px;
}

div#mapBox .rightShop {
    float: left;
    width: 45%;
    margin: 10px;
}

/* 北海道エリア */
div#hokkaido {
    position: absolute;
    top: 136px;
    width: 160px;
    display: inline;
    right: 0;
    border: 3px solid #1980cf;
}

div#hokkaido p.areaName {
    background-color: #1980cf;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* 東北エリア */
div#tohoku {
    position: absolute;
    top: 246px;
    width: 160px;
    display: inline;
    right: 0;
    border: 3px solid #b0a2c6;
}

div#tohoku p.areaName {
    background-color: #b0a2c6;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* 東海・北陸エリア */
div#tokaihokuriku {
    position: absolute;
    top: 0;
    width: 290px;
    display: inline;
    left: 102px;
    border: 3px solid #3eb134;
}

div#tokaihokuriku p.areaName {
    background-color: #3eb134;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

div#tokaihokuriku .rightShop {
    width: 19% !important;
}

/* 関東エリア */
div#kanto {
    position: absolute;
    bottom: -10px;
    width: 408px;
    display: inline;
    right: 0;
    border: 3px solid #2dbcef;
}

div#kanto p.areaName {
    background-color: #2dbcef;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* 関西エリア */
div#kansai {
    position: absolute;
    top: 135px;
    width: 234px;
    display: inline;
    left: 0;
    border: 3px solid #aacd06;
}

div#kansai p.areaName {
    background-color: #aacd06;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* 中国エリア */
div#chugoku {
    position: absolute;
    top: 314px;
    width: 145px;
    display: inline;
    left: 0;
    border: 3px solid #a59aca;
}

div#chugoku p.areaName {
    background-color: #a59aca;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* 九州エリア */
div#kyushu {
    position: absolute;
    bottom: 24px;
    width: 145px;
    display: inline;
    left: 0;
    border: 3px solid #d14a76;
}

div#kyushu p.areaName {
    background-color: #d14a76;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}

/* clearfix 
---------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* トップ文言エリア追加  20200228追加
---------------------------------------------------------------- */
.attention {
    border: 5px solid #004DA1;
    width: 96%;
    margin: 50px auto;
}
.attention_inner {
    padding: 20px 10px;
    text-align: center;
}
.attention h2 {
    font-weight: bold;
    font-size: 50px;
}


/* レスポンシブ
---------------------------------------------------------------- */
@media only screen and (max-width: 1024px){ .shop-btn-item{ float:none;margin-right:auto; margin-left:auto;width:47.05882%;}
  .shop-btn-item a{ display:block;padding:10px 0 10px 10px;color:#fff; text-align:center;font-size:13px;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
  .shop-btn-item a:hover{ opacity:.8;}

  .spOff {
  	display: none;
  }

	/* 全店マップ 20160819追加
	---------------------------------------------------------------- */
	div#mapBox {
		margin: 20px 0 20px 0;
	}
	
	div#mapBox a {
		text-decoration: underline;
	}
	
	div#mapBox a:hover {
		text-decoration: none;
	}
	
	div#mapBox .leftShop {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 10px 0 10px;
	}
	
	div#mapBox .spmb {
		margin-bottom: 10px !important;
	}
	
	div#mapBox .rightShop {
		float: none;
		width: 100%;
		margin: 10px;
	}
	
	div#mapBox .spmt {
		margin-top: 0 !important;
	}
	
	/* 北海道エリア */
	div#hokkaido {
		width: 99%;
		border: 3px solid #1980cf;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東北エリア */
	div#tohoku {
		width: 99%;
		border: 3px solid #b0a2c6;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東海・北陸エリア */
	div#tokaihokuriku {
		width: 99%;
		border: 3px solid #3eb134;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関東エリア */
	div#kanto {
		width: 99%;
		border: 3px solid #2dbcef;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関西エリア */
	div#kansai {
		width: 99%;
		border: 3px solid #aacd06;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 中国エリア */
	div#chugoku {
		width: 99%;
		border: 3px solid #a59aca;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 九州エリア */
	div#kyushu {
		width: 99%;
		border: 3px solid #d14a76;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	}

@media only screen and (max-width: 768px){ .shop{ margin:30px 0 0;}
  .shop-wrap{ margin:30px 0 0;}
  .shop-title-01,.shop-title-02{ font-size:18px;}
  .shop-area{ float:none;overflow:hidden; width:100%;}
  .shop-area li{ float:left;margin:0 0 10px 3.25203%; width:31.16531%;}
  .shop-area li:nth-of-type(3n+1){ margin:0 0 10px 0;}
  .shop-area li a{ font-size:15px;}
  .shop-cont{ float:none;margin:20px 0 0; width:100%;}
  .shop-info{ float:none;width:100%;text-align:center;}
  .shop-icon{margin:20px auto 0;  width:45%;}
  .shop-icon-single li{margin:20px auto 0;  width:22.5%;}
  .shop-add{ float:none;margin:20px auto 0; width:91%;}
  .shop-add-data th{ padding:5px;font-size:15px;}
  .shop-add-data td{ padding:5px;font-size:15px;}
  .shop-btn a:hover{ opacity:1;}
  .shop-map{ padding:0 0 48.78049% 0;}

  .spOff {
  	display: none;
  }

	/* 全店マップ 20160819追加
	---------------------------------------------------------------- */
	div#mapBox {
		margin: 20px 0 20px 0;
	}
	
	div#mapBox a {
		text-decoration: underline;
	}
	
	div#mapBox a:hover {
		text-decoration: none;
	}
	
	div#mapBox .leftShop {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 10px 0 10px;
	}
	
	div#mapBox .spmb {
		margin-bottom: 10px !important;
	}
	
	div#mapBox .rightShop {
		float: none;
		width: 100%;
		margin: 10px;
	}
	
	div#mapBox .spmt {
		margin-top: 0 !important;
	}
	
	/* 北海道エリア */
	div#hokkaido {
		width: 99%;
		border: 3px solid #1980cf;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東北エリア */
	div#tohoku {
		width: 99%;
		border: 3px solid #b0a2c6;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東海・北陸エリア */
	div#tokaihokuriku {
		width: 99%;
		border: 3px solid #3eb134;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関東エリア */
	div#kanto {
		width: 99%;
		border: 3px solid #2dbcef;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関西エリア */
	div#kansai {
		width: 99%;
		border: 3px solid #aacd06;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 中国エリア */
	div#chugoku {
		width: 99%;
		border: 3px solid #a59aca;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 九州エリア */
	div#kyushu {
		width: 99%;
		border: 3px solid #d14a76;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	}

@media only screen and (max-width: 480px){ .shop-icon{ width:60%;}
  .shop-icon-single li{ width:30%;}
  .shop-add{ width:100%;}
  .shop-map{ padding:0 0 78.94737% 0;}
  
  .spOff {
  	display: none;
  }

	/* 全店マップ 20160819追加
	---------------------------------------------------------------- */
	div#mapBox {
		margin: 20px 0 20px 0;
	}
	
	div#mapBox a {
		text-decoration: underline;
	}
	
	div#mapBox a:hover {
		text-decoration: none;
	}
	
	div#mapBox .leftShop {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 10px 0 10px;
	}
	
	div#mapBox .spmb {
		margin-bottom: 10px !important;
	}
	
	div#mapBox .rightShop {
		float: none;
		width: 100%;
		margin: 10px;
	}
	
	div#mapBox .spmt {
		margin-top: 0 !important;
	}
	
	/* 北海道エリア */
	div#hokkaido {
		width: 98%;
		border: 3px solid #1980cf;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東北エリア */
	div#tohoku {
		width: 98%;
		border: 3px solid #b0a2c6;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 東海・北陸エリア */
	div#tokaihokuriku {
		width: 98%;
		border: 3px solid #3eb134;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関東エリア */
	div#kanto {
		width: 98%;
		border: 3px solid #2dbcef;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 関西エリア */
	div#kansai {
		width: 98%;
		border: 3px solid #aacd06;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 中国エリア */
	div#chugoku {
		width: 98%;
		border: 3px solid #a59aca;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}
	
	/* 九州エリア */
	div#kyushu {
		width: 98%;
		border: 3px solid #d14a76;
		margin: 0 0 20px 0;
		position: static;
		top: 0;
		display: block;
	}

    /* トップ文言エリア追加  20200228追加
    ---------------------------------------------------------------- */
    .attention {
        width: 94%;
        margin: 30px auto;
    }
    .attention_inner {
        padding: 10px 6px;
    }
    .attention h2 {
        font-size: 26px;
    }
	}