/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
* {
box-sizing:border-box;
vertical-align:top;
/*-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}

html {
overflow: auto;
height: 100%;
}

body {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400/*bold 700/regular 400*/;
padding: 0px;
margin: 0px;
font-size: 16px;
line-height:1.5;
color:#323232;
background:#fff;
text-align:left;
height:100%;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
text-align:center;
}

p {
padding: 0px;
margin:0 0 1.5em 0;
}

a {
/*color: #ec6e00;
text-decoration:underline;*/
color: #333;
text-decoration:underline;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
a:hover {
/*text-decoration:none;*/
opacity:0.5;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

ul {
padding:0px;
margin:0px;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0px;
margin:0px;
list-style: none;
}

hr {
border:0;
border-bottom:2px solid #a0a0a0;
margin:0 auto;
padding:0;
height:2px;
}

sup {
font-size:10px;
vertical-align: super;
}

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

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

/***** PCのみ/SPのみ *****/
.pc_only {
display:unset;
}
.sp_only {
display:none!important;
}

/***** align *****/
.al_left {
text-align:left;
}
.al_center {
text-align:center;
}
.al_right {
text-align:right;
}

/***** nobr *****/
.nobr {
display:inline-block;
}

/***** color *****/
.f_orange {
color:#ed6d00;
}
.f_pink {
color:#d54288;
}
.f_green {
color:#459117;
}
.f_red {
color:#d00;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
.container{
width:100%;
min-width:100%;
position:relative;
overflow: hidden;
}

/* ************************************************ */
/**** header ****/
/* ************************************************ */
.header {
position:absolute;
background:#fff;
z-index:30;
overflow:hidden;
text-align:center;
width:100%;
height:68px;
}
.header .inner {
width:1280px;
max-width:100%;
padding:0;
margin:auto;
text-align:left;
position:relative;
}

/***** logo *****/
.header .logo {
display:inline-block;
padding: 0 ;
margin:12px 20px;
max-width:362px;
width:calc(100% - 560px);
height:auto;
vertical-align:top;
}
.header.floating .logo {/*ヘッダーフローティング時*/
display:none;
}
.header .logo a:hover {
opacity:1;
}
.header .logo img {
width:auto;
height:auto;
}

/***** TEL *****/
.header .tel {
display:inline-block;
padding: 9px 25px;
margin:0;
width:auto;
height:68px;
font-size:12px;
line-height:18px;
vertical-align:top;
position:absolute;
right:180px;
border-left:1px solid #aeaeae;
z-index:1;
}
.header.floating .tel {/*ヘッダーフローティング時*/
display:none;
}
.header .tel a {
text-decoration:none;
color:#333;
}
.header .tel .call {
font-size:30px;
line-height:32px;
display:block;
}
.header .tel .call:before {
font-family:'Font Awesome 5 Free';
content:"\f879";
font-weight:900;
margin-right: 5px;
font-size:24px;
line-height:24px;
}

/***** 申込バナー *****/
.header .entry_bnr {
position:absolute;
top:0;
right:0;
}
.header .entry_bnr a {
width:180px;
height:34px;
display:block;
color:#fff;
font-size:16px;
line-height:34px;
text-align:center;
text-decoration:none;
}
.header .entry_bnr a.briefing {
background:#ed6d00;
}
.header .entry_bnr a.tour {
background:#e84191;
}

/* ************************************************ */
/**** main ****/
/* ************************************************ */
.main {
margin:0 auto 80px auto;
position:relative;
}
/********** 共通 **********/


/***** タイトル *****/
.section_title {
display:inline-block;
padding: 0 ;
margin:0 auto 40px auto;
/*letter-spacing:0.1em;*/
font-size:38px;
line-height: 70px;
font-weight:400;
text-align:center;
color:#ed6d00;
position:relative;
}
/*TOP用*/
.section_title_top {
display:inline-block;
display: inline-flex;
padding: 0 ;
margin:0 auto 30px auto;
/*letter-spacing:0.1em;*/
font-size:36px;
line-height: 70px;
font-weight:400;
text-align:center;
color:#333;
position:relative;
}
.section_title_top img {
margin-right:10px;
vertical-align:text-bottom;
}

/******************** TOPページ ********************/
/***** ナビゲーション *****/
.navigation {
margin:0 auto 35px auto;
padding:20px ;
border-top:1px solid #ed6d00;
border-bottom:1px solid #ed6d00;
}
.navigation .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}

/* TEL */
.navigation .tel {
display:inline-block;
padding: 0 ;
margin:10px 30px 10px 0;
width:auto;
height:auto;
font-size:12px;
line-height:18px;
vertical-align:top;
text-align:left;
}
.navigation .tel a {
text-decoration:none;
color:#333;
}
.navigation .tel .call {
font-size:40px;
line-height:42px;
display:block;
}
.navigation .tel .call:before {
font-family:'Font Awesome 5 Free';
content:"\f879";
font-weight:900;
margin-top: 10px;
margin-right: 7px;
font-size:28px;
line-height:28px;
vertical-align: top;
display: inline-block;
height: 28px;
}

/* 申込バナー */
.navigation .entry_bnr {
display:inline-block;
vertical-align:top;
margin:0;
font-size:0;
}
.navigation .entry_bnr a {
width:240px;
height:60px;
display:block;
display:inline-block;
color:#fff;
font-size:24px;
line-height:60px;
text-align:center;
text-decoration:none;
margin:10px;
}
.navigation .entry_bnr a.briefing {
background:#ed6d00;
}
.navigation .entry_bnr a.tour {
background:#e84191;
}

/********** MV **********/
.mv {
margin:0 auto 35px auto;
}
.mv .mv_innr {
width: 100%;
position:relative;
}
.mv .mv_pc {
display:unset;
}
.mv .mv_sp {
display:none;
}

.mv .swiper-slide {
position:relative;
height:600px;
overflow:hidden;
text-align:center;
margin:auto;
}
.mv .swiper-slide.mv02 {
background:url(../images/mv02.jpg) no-repeat center center;
background-size:cover;
}

.mv .mv_copy {
position:absolute;
top:90px;
left:0;
right:0;
margin:auto;
width:640px;
}

.mv .mv_badge {
max-width: 1100px;
width: 100%;
text-align: right;
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: auto;
padding:0 20px;
}
.mv .mv_badge img{
width:180px;
margin: 0 auto 50px auto;
}

/********** TOPカレッジ見学 **********/
.top_tour {
padding:35px 0 0 0;
}
.top_tour .vis {
margin:0 auto 30px auto;
position:relative;
height:400px;
overflow:hidden;
}
.top_tour .vis img {
position:absolute;
width:auto;
max-width:none;
height:400px;
margin:auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.top_tour .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}
.top_tour .text {
text-align:left;
display:inline-block;
font-size:18px;
max-width:900px;
margin:0 auto 30px auto;
}


/********** 次の内容にあてはまる方はぜひご見学をしてみてください **********/
.top_exhibition {
margin: 0 auto;
padding:80px 0;
background:url(../images/top_exhibition_bg.png) repeat center center;
position:relative;
}
.top_exhibition:after {
content:"";
position:absolute;
background:url(../images/top_exhibition_bgcover.png) no-repeat center center;
background-size:100% 84px;
width: 100%;
height: 84px;
top:0;
left: 0;
right: 0;
margin: auto;
}
.top_exhibition .section_title_top {
margin: 0 auto 40px auto;
}
.top_exhibition .section_title_top img {
margin:0;
}
.top_exhibition .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}

.top_exhibition .exhibition_list {
}
.top_exhibition .exhibition_list ul {
font-size:0;
}
.top_exhibition .exhibition_list ul li {
display:inline-block;
width:460px;
margin:0 24px 30px 24px;
}

/******************** Cocorport Collegeとは ********************/
/********** Cocorport Collegeとは **********/
.about_lead {
padding: 0 0 35px 0;
/*margin-top: -100px;*/
margin: 0 ;
position:relative;
}
.about_lead .vis {
margin:0 auto 60px auto;
position:relative;
height:400px;
overflow:hidden;
}
.about_lead .vis img {
position:absolute;
width:auto;
max-width:none;
height:400px;
margin:auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about_lead .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}
.about_lead .leadbox {
border-style: solid;
border-width: 50px;
border-image: url(../images/about_leadbox_bg.png) 50 fill round;
margin:0 20px 40px 20px;
display: inline-block;
padding:20px 30px;
}
.about_lead .leadbox p {
margin:0 auto;
font-size:24px;
line-height:46px;
}
/*.about_lead .leadbox p.leadbox_logo {
margin:0 auto 20px auto;
max-width:292px;
}*/
.about_lead .leadbox p.leadbox_title {
margin:0 auto 20px auto;
color:#ed6d00;
font-size:40px;
font-weight:400/*bold 700/regular 400*/;
}

.about_lead .leadbox2 {
background:#ed6d00;
display:block;
max-width:940px;
padding:20px 20px;
color:#fff;
font-size:18px;
line-height:30px;
margin:0 auto 40px auto;
text-align:left;
}
.about_lead .leadbox2 a {
color:#ffea00;
text-decoration:underline;
}

.about_lead .leadbox3 {
margin:0 auto 40px auto;
display: inline-block;
width:100%;
max-width:1152px;
font-size:18px;
}
.about_lead .leadbox3 p:last-child {
margin-bottom:0;
}

.about_lead .learning {
margin:0 auto 50px auto;
}
.about_lead .learning .leadtext {
font-size:20px;
line-height:36px;
margin:0 auto 40px auto;
}

/********** Cocorport Collegeの目的 **********/
.purpose {
padding:35px 0;
}
.purpose .vis {
margin:0 auto 60px auto;
position:relative;
height:400px;
overflow:hidden;
}
.purpose .vis img {
position:absolute;
width:auto;
max-width:none;
height:400px;
margin:auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.purpose .inner {
width:100%;
max-width:1152px;
margin:auto;
padding:0 20px;
text-align:center;
}
.purpose ul {
max-width:940px;
margin:0 auto 0px auto;
}
.purpose ul li {
display:block;
margin:0 auto 50px auto;
padding:0 0 0 257px;
text-align:left;
vertical-align:top;
position:relative;
min-height:227px;
}
.purpose ul li:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.purpose ul li .image {
margin:0 30px 0 0;
width:227px;
position:absolute;
top:0;
left:0;
}
.purpose ul li .title {
font-size:24px;
margin:0 auto 10px auto;
color:#ed6d00;
}
.purpose ul li .text {
font-size:18px;
line-height:30px;
text-align:left;
}

/******************** Collegeの特徴 ********************/


/********** 5つのプログラム **********/
.fiveprograms {
padding:35px 0;
}

.fiveprograms .inner {
width:100%;
max-width:1152px;
margin: auto;
padding:0 20px;
text-align:center;
}

.fiveprograms .section_title {
margin:0 auto 30px auto;
display: flex;
align-items: baseline;
}
.fiveprograms .section_title:before,
.fiveprograms .section_title:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
padding-bottom: 20px;
}
.fiveprograms .section_title:before {
margin-right: 50px;
}
.fiveprograms .section_title:after {
margin-left: 50px;
}

.fiveprograms .leadtext {
font-size:18px;
line-height:36px;
text-align:center;
max-width:940px;
margin:0 auto 40px auto;
}


.fiveprograms .tab {
display:none;
}

.fiveprograms ul {
max-width:940px;
margin:auto;
}
.fiveprograms ul > li {
text-align:left;
font-size:0;
margin:0 0 40px 0;
}
.fiveprograms ul > li .image {
display:inline-block;
width:450px;
vertical-align: top;
}
.fiveprograms ul > li .text {
display:inline-block;
width:calc(100% - 490px);
vertical-align: top;
margin:0 0 0 40px;
}
.fiveprograms ul > li .text p {
font-size:18px;
line-height:32px;
margin:0 0 30px 0;
}
.fiveprograms ul > li .text ul.contents {
border-left:2px solid #ed6d00;
}
.fiveprograms ul > li .text ul.contents li {
color:#ed6d00;
list-style:outside disc;
margin:0 0 0 2em;
font-size: 20px;
line-height: 40px;
}
.fiveprograms ul > li:nth-child(even) .text ul.contents {
border-left:2px solid #d54288;
}
.fiveprograms ul > li:nth-child(even) .text ul.contents li {
color:#d54288;
}

/******************** 1日の流れをご紹介 ********************/
/********** 1日の流れをご紹介 **********/
.life_lead {
padding:35px 0;
max-width:1152px;
margin:auto;
}
.life_lead .section_title {
display:block;
}
.life_lead .section_title h1 {
display:inline-block;
background:#ed6d00;
color:#fff;
padding:5px 50px;
position:relative;
font-weight:400/*bold 700/regular 400*/;
}
.life_lead .section_title:after {
content:"";
border-bottom:2px solid #ed6d00;
position:absolute;
z-index: -1;
width:100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/********** 1日の流れ **********/
.schedule {
padding:35px 0;
background:url(../images/schedule_bg.png) no-repeat top center;
background-size:cover;
}
.schedule .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}

/********** お昼休憩（お弁当） **********/
.lunch {
padding:35px 0 70px 0;
}
.lunch .inner {
width:100%;
max-width:1152px;
margin:auto;
text-align:center;
}


/******************** 利用までの流れ ********************/
/********** 利用までの流れ **********/
.flow {
padding:35px 0;
}
.flow .vis {
margin:0 auto 60px auto;
}
.flow .inner {
width:100%;
max-width:100%;
margin:auto;
padding:50px 0;
text-align:center;
background:url(../images/grid_bg.png) repeat center center;
}
.flow ol {
width:100%;
max-width:940px;
padding:0 20px;
margin:0 auto 150px auto;
display:inline-block;
font-size:0;
position:relative;
}
.flow ol:before {
content:"";
background:url(../images/campus_illust02.png) no-repeat center center;
width:284px;
height:141px;
position:absolute;
top:0;
right:20px;
}
.flow ol:after {
content:"";
background:url(../images/campus_illust01.png) no-repeat center center;
width:234px;
height:130px;
position:absolute;
bottom:-120px;
left:20px;
}
.flow ol li {
list-style:none;
width: calc(50% - 50px);
max-width:384px;
display:inline-block;
position:relative;
vertical-align:top;
padding:75px 0 0 0;
margin: 0 25px 20px 25px;
}
.flow ol li:nth-child(even) {
top:120px;
}
.flow ol li .title {
position:absolute;
top:0;
left:-25px;
}
.flow ol li .image {
width:304px;
margin:0 auto 10px auto;
}
.flow ol li .text {
width:304px;
margin:auto;
text-align:left;
font-size:16px;
line-height:26px;
}

/********** Q&A **********/
.qa {
padding:35px 0;
}
.qa .section_title {
margin:0 auto 50px auto;
}
.qa .inner {
width:100%;
max-width:800px;
margin:auto;
text-align:center;
}
.qa dl {
text-align:left;
font-size:16px;
line-height:24px;
}
.qa dl dt {
background:#f6f6f6;
margin:0 auto;
padding:30px 30px 20px 30px;
}
.qa dl dt .question {
display:block;
color:#ed6d00;
font-size:34px;
line-height:40px;
font-family: 'Overpass', sans-serif;
font-weight:300;
}
.qa dl dd {
background:#f6f6f6;
margin:0 auto 15px auto;
padding:0 30px 30px 30px;
}
.qa dl dd .answer {
display:block;
color:#d54288;
font-size:34px;
line-height:40px;
font-family: 'Overpass', sans-serif;
font-weight:300;
}

.qa dl dd table {
border-collapse:collapse;
margin:0 0 20px 0;
}
.qa dl dd table th ,
.qa dl dd table td {
border:1px solid #626262;
border-collapse:collapse;
padding:10px 30px;
text-align:center;
font-weight:400;
}
.qa dl dd table thead {
}
.qa dl dd table thead td {
border-bottom:2px solid #626262;
font-weight:700;
}
.qa dl dd .mini {
font-size:14px;
}
.qa dl dd .caution {
font-size:12px;
line-height:20px;
}

/***** フローティングナビゲーション *****/
.floatingnav {
position: fixed;
bottom: 0;
margin: auto;
padding: 0px;
width:100%;
background:#fff;
border-bottom:0;
}
.floatingnav .entry_bnr {
display:block;
margin: 0 5px;
}
.floatingnav .entry_bnr a {
    width: calc((100% - 20px)/2);
	margin: 10px 5px;
	vertical-align: top;
}

/***** pagetop *****/
.pagetop {
position:absolute;
position: fixed;
width: 42px;
height: 42px;
background:#ed6d00;
display: inline-block;
margin: auto;
bottom: 80px;
right:0;
text-align: center;
vertical-align: middle;
line-height: 42px;
z-index: 30;
}
.pagetop.floating {
/**/
}
.pagetop a {
color:#fff;
display:block;
}

/************************************************ 1280px以下 ************************************************/
@media screen and (max-width: 1280px){
/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */


/* ************************************************ */
/**** main ****/
/* ************************************************ */

/********** 共通 **********/

/******************** Collegeの特徴 ********************/
/********** 4つの特徴 **********/
.fourfeatures .section_title {
margin: 0 auto ;
}
.fourfeatures .vis {
display:none;
}
.fourfeatures .inner {
width:100%;
max-width:768px;
margin:0 auto auto auto;
}
.fourfeatures ol li .fourfeatures_title {
text-align:center;
}
/* 1 */
.fourfeatures ol li.no1 {
left:0;
top:0;
background-position:center center;
padding:30px 30px 0 30px;
}
.fourfeatures ol li.no1 .fourfeatures_title {
margin-left:0;
}
/* 2 */
.fourfeatures ol li.no2 {
left: 0;
top: 340px;
background-position:center center;
padding:30px 30px 0 30px;
}
.fourfeatures ol li.no2 .fourfeatures_title {
margin-left:0;
}
/* 3 */
.fourfeatures ol li.no3 {
right:0;
top: 340px;
background-position:center center;
padding:30px 30px 0 30px;
}
.fourfeatures ol li.no3 .fourfeatures_text {
margin-left:0;
}
/* 4 */
.fourfeatures ol li.no4 {
right:0;
top:0px;
background-position:center center;
padding:30px 30px 0 30px;
}
.fourfeatures ol li.no4 .fourfeatures_title {
margin-left:0;
}

/******************** キャンパス紹介 ********************/
/********** キャンパス紹介 **********/
/* campus_illust */
.campus_archive .campus_illust .campus_illust01 {
width:50%;
max-width:345px;
}
.campus_archive .campus_illust .campus_illust02 {
width:50%;
max-width:345px;
}
/***** キャンパス一覧 *****/
.campus_list {
max-width:100%;
}
.campus_list ul li {
max-width:345px;
}
.campus_list ul li .thmb {
margin:0 auto 10px auto;
}


}


/************************************************ 1080px以下 ************************************************/
@media screen and (max-width: 1080px){
/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */
.main {
margin: 0 auto 80px auto;
}

}

/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){

/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
section {
}

a:hover {
opacity:1;
}

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:unset!important;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** header ****/
/* ************************************************ */
.header {
height:50px;
overflow:visible;
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); /**/
}
.header .inner {
width:100%;
padding: 0;
text-align:right;
}

/***** logo *****/
.header .logo {
width:auto;
height:20px;
margin:15px 0 15px 10px;
text-align:center;
position: absolute;
left: 0;
}
.header .logo img {
width:auto;
height:20px;
}

/***** TEL *****/
.header .tel {
position:relative;
right:auto;
height: auto;
padding: 5px 10px 5px 0 ;
font-size: 11px;
line-height: 14px;
border: 0;
text-align:center;
}
.header .tel .call {
    font-size: 18px;
    line-height: 22px;
}
.header .tel .call::before {
font-size: 13px;
line-height: 22px;
margin-right:3px;
vertical-align:middle;
}


/***** 申込バナー *****/
.header .entry_bnr {
display:block;
position:absolute;
top:432px;
font-size:0;
width:calc(100% - 10px);
margin:0 5px;
text-align:center;
/*position:fixed;
top:50%;
right:0;
margin-top:-120px;*/
}
.header .entry_bnr a {
width:calc(50% - 10px);
max-width:200px;
height:auto;
margin:5px;
padding:8px 0;
display:inline-block;
font-size:16px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
/*width:34px;
height:140px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;*/
}
.header .entry_bnr a.briefing {
border-bottom:3px solid #863700;
}
.header .entry_bnr a.tour {
border-bottom:3px solid #82003c;
}

/* ************************************************ */
/**** main ****/
/* ************************************************ */
.main {
margin: 0 auto 0 auto;
}

/********** 共通 **********/
/***** タイトル *****/
.section_title {
margin:0 auto 20px auto;
font-size:25px;
line-height: 40px;
}
/*TOP用*/
.section_title_top {
font-size: 25px;
line-height: 40px;
margin: 0 auto 20px auto;
padding: 0;
}
.section_title_top img {
width:40px;
height:40px;
}

/******************** TOPページ ********************/
/***** ナビゲーション *****/
.navigation {
margin:0 auto 0 auto;
padding:20px ;
}
.navigation .inner {
max-width:100%;
}

/* TEL */
.navigation .tel {
margin:5px 0;
text-align:center;
}
.navigation .tel .call {
font-size:30px;
line-height:32px;
}
.navigation .tel .call:before {
font-size:22px;
line-height:22px;
margin-top: 7px;
height: 22px;
}

/* 申込バナー */
.navigation .entry_bnr a {
width:150px;
height:50px;
font-size:16px;
line-height:50px;
margin:5px;
}
/********** MV **********/
.mv {
margin:0 auto 20px auto;
}
.mv .mv_innr {
width: 100%;
}
.mv .mv_pc {
display:none;
}
.mv .mv_sp {
display:block;
}

/* MV swiper */
.mv .swiper-slide {
height:500px;
}
.mv .swiper-slide.mv02 {
background:url(../images/mv02_sp.jpg) no-repeat top center;
background-size:cover;
}

.mv .mv_copy {
top:60px;
width:100%;
max-width:300px;
}

.mv .mv_badge {
max-width: 480px;
text-align: left;
padding:0 10px;
}
.mv .mv_badge img{
width:125px;
margin: 0 0 75px 0;
}

/********** TOPカレッジ見学 **********/
.top_tour {
padding:20px 0 0 0;
}
.top_tour .vis {
margin:0 auto 20px auto;
height:200px;
}
.top_tour .vis img {
height:200px;
}
.top_tour .inner {
max-width:100%;
padding:0 20px;
}
.top_tour .text {
font-size:18px;
max-width:100%;
margin:0 auto 20px auto;
}

/********** 次の内容にあてはまる方はぜひご見学をしてみてください **********/
.top_exhibition {
margin:0 auto 0 auto;
padding: 30px 0 5px 0;
}
.top_exhibition:after {
background-size:200% 84px;
}
/*.top_exhibition .section_title_top {
margin: 0 auto 20px auto;
padding:0 20px;
}
.top_exhibition .section_title_top img {
width:auto;
height:auto;
margin:0;
}*/
.top_exhibition .inner {
max-width:100%;
padding:0 20px;
}

.top_exhibition .section_title {
font-size:18px;
margin:0 auto 10px auto;
}

.top_exhibition .exhibition_list {
margin:0 0 10px 0;
}
.top_exhibition .exhibition_list ul {
}
.top_exhibition .exhibition_list ul li {
width:100%;
margin:0 0 10px 0;
padding:0 0px ;
}


/******************** Cocorport Collegeとは ********************/
/********** Cocorport Collegeとは **********/
.about_lead {
padding:0 0 0px 0;
margin:0;
}
.about_lead .vis {
margin:0 auto 20px auto;
height:200px;
}
.about_lead .vis img {
height:200px;
}
.about_lead .inner {
max-width:100%;
padding:0 10px;
}
.about_lead .leadbox {
border-width: 20px;
border-image: url(../images/about_leadbox_bg.png) 40 fill round;
margin:0 auto 20px auto;
padding:0;
text-align:left;
}
.about_lead .leadbox p {
font-size:14px;
line-height:22px;
margin:0 auto 10px auto;
}
/*.about_lead .leadbox p.leadbox_logo {
margin:0 auto 10px auto;
}*/
.about_lead .leadbox p.leadbox_title {
margin:0 auto 10px auto;
font-size:18px;
text-align:center;
}
.about_lead .leadbox *:last-child {
margin-bottom:0;
}

.about_lead .leadbox2 {
max-width:100%;
font-size:18px;
line-height:30px;
margin:0 auto 20px auto;
}
.about_lead .leadbox2 a {
}

.about_lead .leadbox3 {
margin:0 auto 20px auto;
}
.about_lead .learning {
margin:0 auto 30px auto;
}
.about_lead .learning .leadtext {
font-size:18px;
line-height:30px;
margin:0 auto 20px auto;
text-align:left;
}
/********** Cocorport Collegeの目的 **********/
.purpose {
padding:20px 0 0 0;
}
.purpose .vis {
margin:0 auto 20px auto;
height:200px;
}
.purpose .vis img {
height:200px;
}
.purpose .inner {
width:100%;
max-width:100%;
padding:0 20px;
}
.purpose ul {
max-width:100%;
}
.purpose ul li {
margin:0 auto 20px auto;
padding:0 0 0 0;
min-height:80px;
}
.purpose ul li .image {
margin:0 10px 0 0;
width:80px;
}
.purpose ul li .title {
font-size:18px;
padding:0 0 0 90px;
margin:0 auto 10px auto;
min-height:80px;

display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
}
.purpose ul li .text {
font-size:15px;
line-height:23px;
}

/******************** Collegeの特徴 ********************/


/********** 5つのプログラム **********/
.fiveprograms {
padding: 0 0;
}

.fiveprograms .inner {
width:100%;
max-width:100%;
padding:0 20px;
}

.fiveprograms .section_title {
margin:0 auto 20px auto;1
}
.fiveprograms .section_title:before,
.fiveprograms .section_title:after {
padding-bottom: 10px;
}
.fiveprograms .section_title:before {
margin-right: 20px;
}
.fiveprograms .section_title:after {
margin-left: 20px;
}
.fiveprograms .section_title img {
width:180px;
}

.fiveprograms .leadtext {
font-size:16px;
line-height:30px;
max-width:100%;
margin:0 auto 20px auto;
text-align:center;
}


.fiveprograms .tab {
display:block;
font-size:0;
padding:0 ;
margin:0 0 20px 0;
width:calc(100% + 20px);
}
.fiveprograms .tab li {
background:#fff0e5;
color:#F46F22;
font-size:13px;
display:inline-block;
width:calc((100% - 10px) / 5);
text-align:center;
cursor:pointer;
padding:10px 0;
margin:1px;
position: relative;
/*border-radius: 5px;*/
}
.fiveprograms .tab li.active {
background:#F46F22;
color:#fff;
}
.fiveprograms .tab li.active:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:5px solid transparent;
border-top:5px solid #F46F22;
margin-left: -5px;
}
.fiveprograms .tab li:nth-child(even) {
background:#fcecf4;
color:#d54288;
}
.fiveprograms .tab li.active:nth-child(even) {
background:#d54288;
color:#fff;
}
.fiveprograms .tab li.active:nth-child(even):after {
border-top:5px solid #d54288;
}

.number {
display:block;
font-size:20px;
line-height:20px;
}

.fiveprograms .tabcont{
display:none;
width:100%;
}
.fiveprograms .tabcont.show{
display:inline-block;
}

.fiveprograms ul {
max-width:100%;
margin:auto;
}
.fiveprograms ul > li {
text-align:center;
font-size:0;
margin:0 auto 30px auto;
}
.fiveprograms ul > li .image {
width:100%;
max-width:450px;
}
.fiveprograms ul > li .text {
width:100%;
max-width:450px;
margin:10px 0 0 0;
text-align:left;
}
.fiveprograms ul > li .text p {
font-size:16px;
line-height:28px;
margin:0 0 10px 0;
}
.fiveprograms ul > li .text ul.contents li {
font-size:15px;
line-height:28px;
text-align:left;
}

/******************** 1日の流れをご紹介 ********************/
/********** 1日の流れをご紹介 **********/
.life_lead {
padding:20px 0;
max-width:100%;
}
.life_lead .section_title {
display:block;
margin: 0 auto 0px auto;
}
.life_lead .section_title h1 {
padding:5px 20px;
}

/********** 1日の流れ **********/
.schedule {
padding:20px 0;
}
.schedule .inner {
width:100%;
max-width:100%;
padding:0 20px;
}
.schedule img {
max-width:335px;
width: 100%;
}
/********** お昼休憩（お弁当） **********/
.lunch {
padding:20px 0 20px 0;
}
.lunch .inner {
width:100%;
max-width:100%;
padding:0 20px;
}


/******************** 利用までの流れ ********************/
/********** 利用までの流れ **********/
.flow {
padding:20px 0;
}
.flow .vis {
margin:0 auto 0 auto;
}
.flow .inner {
width:100%;
max-width:100%;
margin:auto;
padding:20px ;
font-size:14px;
line-height:24px;
}
.flow ol {
width:100%;
max-width:100%;
padding:0 0;
margin:0 auto 0 auto;
}
.flow ol:before {
display:none;
}
.flow ol:after {
display:none;
}
.flow ol li {
width: calc(100% - 50px);
max-width:384px;
vertical-align:top;
padding:30px 0 0 0;
margin: 0 25px 20px 25px;
}
.flow ol li:nth-child(even) {
top:0;
}
.flow ol li .title {
width: 30%;
}
.flow ol li .image {
width:100%;
max-width:304px;
margin:0 auto 10px auto;
}
.flow ol li .text {
width:100%;
max-width:304px;
font-size:15px;
line-height:23px;
}

/********** Q&A **********/
.qa {
padding:20px 0;
}
.qa .section_title {
margin:0 auto 20px auto;
}
.qa .section_title img {
width:180px;
}
.qa .inner {
width:100%;
max-width:100%;
padding:0 20px;
}
.qa dl {
font-size:15px;
line-height:23px;
}
.qa dl dt {
padding:20px 20px 10px 20px;
}
.qa dl dt .question {
font-size:30px;
line-height:40px;
}
.qa dl dd {
margin:0 auto 10px auto;
padding:0 20px 20px 20px;
}
.qa dl dd .answer {
font-size:30px;
line-height:40px;
}
.qa dl dd table {
margin:0 0 20px 0;
}
.qa dl dd table th ,
.qa dl dd table td {
padding:10px 20px;
}
.qa dl dd table thead {
}
.qa dl dd table thead td {
}
.qa dl dd .mini {
font-size:14px;
}
.qa dl dd .caution {
font-size:12px;
line-height:20px;
}

/***** フローティングナビゲーション *****/
.floatingnav {
position: fixed;
bottom: 0;
margin: auto;
padding: 0px;
width:100%;
background:#fff;
border-bottom:0;
}
.floatingnav .entry_bnr {
display:block;
}
.floatingnav .entry_bnr a {
    width: calc((100% - 20px)/2);
	margin: 10px 5px;
}


/***** pagetop *****/
.pagetop {
width: 35px;
height: 35px;
line-height: 35px;
bottom: 0;
}


}