/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
* {
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:#000;
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: #000;
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!important;
}
.f_pink {
color:#d54288!important;
}
.f_green {
color:#459117!important;
}
.f_red {
color:#d00!important;
}

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

/* ************************************************ */
/**** header ****/
/* ************************************************ */
.header {
/*position:absolute;
position:fixed;*/
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:68px auto 0 auto;*/
margin: 0 auto;
position:relative;
}
/********** 共通 **********/

/***** タイトル *****/
.section_title {
display:inline-block;
padding: 0 ;
margin:0 auto 40px auto;
/*letter-spacing:0.1em;*/
font-size:36px;
line-height: 70px;
font-weight:700;
text-align:center;
color:#ed6d00;
position:relative;
}

/***** リード文 *****/
.section_lead {
font-size:20px;
margin:0 auto 60px auto;
}

/******************** TOPページ ********************/
/***** ナビゲーション *****/
.navigation {
margin:0 auto 0 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 ;
background:url(../images/mv.jpg) no-repeat center center;
background-size:cover;
height:500px;
}
.mv .mv_innr {
width: 100%;
max-width: 1280px;
height: 500px;
margin: auto;
position:relative;
}

.mv .mv_copy {
position:absolute;
top:50%;
right:0;
margin:auto;
max-width:60%;
transform: translateY(-50%);
}

.mv .mv_badge {
width:380px;
max-width:40%;
display: block;
position: absolute;
bottom: 50px;
left: 20px;
}

/********** 福祉的進路とは **********/
.course {
padding:100px 0;
background:#fff0e5;
}
.course .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
font-size:20px;
}

/********** そんなCocorport Collegeをご紹介します **********/
.intro {
padding:100px 0;
background:#fff;
position:relative;
}
.intro .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}

.intro .section_lead {
margin: 20px auto 40px auto;
}

.intro .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;
}
.intro .leadbox p {
margin:0 auto;
font-size:24px;
line-height:46px;
}

/********** キャンパス風景 **********/
.campus {
padding:100px 0;
background:#fff0e5;
}
.campus .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}
/***** キャンパス一覧タブ *****/
.campus_tab_list {
}
.campus_tab_list .inner {
width: 100%;
margin:0 auto 0 auto;
padding:0;
background:none;
}
/*タブ*/
.campus_tab_list ul.campus_tab {
display:flex;
margin: 0 0 ;
}
.campus_tab_list ul.campus_tab li {
font-size: 16px;
line-height: 1.25;
font-weight: bold;
display: inline-block;
width: calc(100% / 7);
padding: 10px ;
margin: 0 5px;
cursor:pointer;
border-radius: 5px 5px 0 0;
box-sizing: border-box;
text-align: center;
}
.campus_tab_list ul.campus_tab li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right: .3em;
}
.campus_tab_list ul.campus_tab li.bgorange {
background: #fff;
border: 1px solid #F46F22;
border-bottom:0;
color: #F46F22;
}
.campus_tab_list ul.campus_tab li.bgpink {
background: #fff;
border: 1px solid #e84091;
border-bottom:0;
color: #e84091;
}
.campus_tab_list ul.campus_tab li.bgblue {
background: #fff;
border: 1px solid #46BCC0;
border-bottom:0;
color: #46BCC0;
}
.campus_tab_list ul.campus_tab li.bggreen {
background: #fff;
border: 1px solid #52B54F;
border-bottom:0;
color: #52B54F;
}
.campus_tab_list ul.campus_tab li.bgperple {
background: #fff;
border: 1px solid #4C70D6;
border-bottom:0;
color: #4C70D6;
}
.campus_tab_list ul.campus_tab li.bgbrown {
background: #fff;
border: 1px solid #8f5132;
border-bottom:0;
color: #8f5132;
}
.campus_tab_list ul.campus_tab li.bgviolet {
background: #fff;
border: 1px solid #4b4e94;
border-bottom:0;
color: #4b4e94;
}
.campus_tab_list ul.campus_tab li.active.bgorange {
background: #F46F22;
border: 1px solid #F46F22;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgpink {
background: #e84091;
border: 1px solid #e84091;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgblue {
background: #46BCC0;
border: 1px solid #46BCC0;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bggreen {
background: #52B54F;
border: 1px solid #52B54F;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgperple {
background: #4C70D6;
border: 1px solid #4C70D6;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgbrown {
background: #8f5132;
border: 1px solid #8f5132;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgviolet {
background: #4b4e94;
border: 1px solid #4b4e94;
border-bottom:0;
color: #fff;
}
/*エリア*/
.campus_tab_list .campus_area {
display:none;
text-align:left;
padding:30px;
background:#fff;
border-radius: 0 0 5px 5px;
}
.campus_tab_list .campus_area.show {
display:block;
}
.campus_tab_list .campus_area.bgorange {
border-top: 3px solid #F46F22;
}
.campus_tab_list .campus_area.bgpink {
border-top: 3px solid #e84091;
}
.campus_tab_list .campus_area.bgblue {
border-top: 3px solid #46BCC0;
}
.campus_tab_list .campus_area.bggreen {
border-top: 3px solid #52B54F;
}
.campus_tab_list .campus_area.bgperple {
border-top: 3px solid #4C70D6;
}
.campus_tab_list .campus_area.bgbrown {
border-top: 3px solid #8f5132;
}
.campus_tab_list .campus_area.bgviolet {
border-top: 3px solid #4b4e94;
}
.campus_tab_list .campus_area ul {
display:flex;
flex-wrap:wrap;
}
.campus_tab_list .campus_area ul li {
width: calc(100% / 3);
display: inline-block;
padding-left: 40px;
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
padding: 4px 0;
position: relative;
box-sizing: border-box;
}
.campus_tab_list .campus_area ul li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f138";
margin-right: 10px;
}

/********** キャンパスでの活動例 **********/
.activity {
padding:100px 0;
background:#fff;
}
.activity .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}

/********** 就就労準備性ピラミッド **********/
.pyramid {
padding:100px 0;
background:#fff0e5;
}
.pyramid .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}

/********** ココルポートカレッジのプログラム **********/
.program {
padding:100px 0;
background:#fff;
}
.program .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}

/***** プログラムタブ *****/
.program .fiveprograms .tab {
display:none;
}

.program .fiveprograms ul {
max-width:940px;
margin:auto;
}
.program .fiveprograms ul > li {
text-align:left;
font-size:0;
margin:0 0 40px 0;
}
.program .fiveprograms ul > li .image {
display:inline-block;
width:450px;
vertical-align: top;
}
.program .fiveprograms ul > li .text {
display:inline-block;
width:calc(100% - 490px);
vertical-align: top;
margin:0 0 0 40px;
}
.fiveprograms ul > li .text .fiveprograms_title {
position:relative;
margin:10px 0 20px 50px;
padding:7px 12px;
font-size:20px;
line-height:26px;
font-weight:normal;
color:#fff;
display:inline-block;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
.fiveprograms ul > li:nth-child(odd) .text .fiveprograms_title {
background-color:#ed6d00;
}
.fiveprograms ul > li:nth-child(even) .text .fiveprograms_title {
background-color:#e84091;
}
.fiveprograms ul > li .text .fiveprograms_title img {
position:absolute;
left:-50px;
top:0;
}
.program .fiveprograms ul > li .text p {
font-size:18px;
line-height:32px;
margin:0 0 30px 0;
}
.program .fiveprograms ul > li .text ul.contents {
border-left:2px solid #ed6d00;
}
.program .fiveprograms ul > li .text ul.contents li {
color:#ed6d00;
list-style:outside disc;
margin:0 0 0 2em;
font-size: 20px;
line-height: 40px;
}
.program .fiveprograms ul > li:nth-child(even) .text ul.contents {
border-left:2px solid #d54288;
}
.program .fiveprograms ul > li:nth-child(even) .text ul.contents li {
color:#d54288;
}

/********** カレッジからの就労系進路 **********/
.working {
padding:100px 0;
background:#fff0e5;
}
.working .inner {
width:100%;
max-width:1280px;
padding:0 20px;
margin:auto;
text-align:center;
}

.working .jisseki {
display:inline-block;
width:100%;
margin:0 0 10px 0;
text-align:center;
vertical-align:top;
border:5px solid #e5e5e5;
background:#fff;
padding: 20px;
box-sizing: border-box;
}
.working .jisseki .tit {
font-size:24px;
font-weight:700;
margin: 0 auto 10px auto;
}
.working .jisseki .value {
font-size:42px;
color:#ed6d00;
font-weight:bold;
font-style: oblique;
display: inline-block;
background: linear-gradient(transparent 60%, #fff100 60%);
margin: 0 10px 10px 10px;
line-height: 1.25;
}
.working .jisseki .value .mini {
font-size:20px;
margin-left:5px;
font-style:normal;
}
.working .jisseki .value .term {
font-size:12px;
font-style:normal;
}
.working .jisseki .notes {
font-size:14px;
color:#4c4948;
margin:0 0 20px 0;
}

/********** 1日の流れをご紹介 **********/
.schedule {
padding:100px 0;
background:#fff;
}
.schedule .inner {
width:100%;
padding:0 ;
margin:auto;
text-align:center;
}

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

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

/********** Q&A **********/
.qa {
padding:100px 0;
background:#fff0e5;
}
.qa .inner {
width:100%;
max-width:840px;
padding:0 20px;
margin:auto;
text-align:center;
}
.qa dl {
text-align:left;
font-size:16px;
line-height:24px;
}
.qa dl dt {
background:#fff;
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:#fff;
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;
}


/********** 利用までの流れ **********/
.flow {
padding:100px 20px;
background:#fff;
}
.flow .inner {
width:100%;
max-width:1080px;
margin:auto;
padding:50px;
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;
}

/***** フローティングナビゲーション *****/
.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: 81px;
right:0;
text-align: center;
vertical-align: middle;
line-height: 42px;
z-index: 30;
}
.pagetop.floating {
/**/
}
.pagetop a {
color:#fff;
display:block;
}


/* ************************************************ */
/**** footer ****/
/* ************************************************ */
.footer .inner {
width:100%;
max-width:1280px;
margin:auto;
padding:40px;
text-align:center;
display:flex;
align-items: center;
}
.footer .footer_logo {
margin:0 40px 0 0;
}

.footer .footerinfo {
background-color: #fff0e5;
padding: 20px 10px 20px 30px;
margin:0 0 0 auto;
font-size: 14px;
width: 100%;
max-width:560px;
border-radius: 8px;
text-align: left;
}
.footer .footerinfo ul{
}
.footer .footerinfo ul li{
display:inline-block;
margin-right: 20px;
}

.footer .footerinfo ul li dl dt{
margin-right: 10px;
}

.footer .footerinfo ul li dl dt,
.footer .footerinfo ul li dl dd{
display:inline;
}

.footer .footerinfo ul .orange{
font-weight: bold;
color:#ed6d00;
}



/************************************************ 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 ****/
/* ******************************************************************** */
.container{
margin-bottom:71px;
}

/* ************************************************ */
/**** header ****/
/* ************************************************ */
.header {
height:80px;
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:50px;
font-size:0;
width:100%;
margin:0 auto;
text-align:center;
background:#535353;
}
.header .entry_bnr a {
width:50%;
/*max-width:200px;*/
height:auto;
margin:0;
padding:0 0;
display:inline-block;
font-size:14px;
line-height:30px;
border-radius:0;
}

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

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

/***** リード文 *****/
.section_lead {
font-size:18px;
margin:0 auto 40px auto;
}

/******************** 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 ;
background:url(../images/mv_sp.jpg) no-repeat top center;
background-size:cover;
}
.mv .mv_copy ,
.mv .mv_badge {
display:none;
}

/********** 福祉的進路とは **********/
.course {
padding:50px 0;
}
.course .inner {
font-size:18px;
}

/********** そんなCocorport Collegeをご紹介します **********/
.intro {
padding:50px 0;
}
.intro .inner {
}

.intro .section_lead {
max-width:240px;
margin: 0 auto 20px auto;
}

.intro .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;
}
.intro .leadbox p {
font-size:16px;
line-height:24px;
margin:0 auto 10px auto;
}

/********** キャンパス風景 **********/
.campus {
padding:50px 0;
}
.campus .inner {
}

/***** キャンパス一覧タブ *****/
/*タブ*/
.campus_tab_list ul.campus_tab {
flex-wrap:wrap;
margin-bottom: 9px;
}
.campus_tab_list ul.campus_tab li {
font-size: 12px;
padding: 5px ;
/*margin: 0 2px;*/
margin: 1px;
width: calc((100% / 4) - 2px);
border-radius: 5px 5px;
}
.campus_tab_list ul.campus_tab li.bgorange {
border: 1px solid #F46F22;
}
.campus_tab_list ul.campus_tab li.bgpink {
border: 1px solid #e84091;
}
.campus_tab_list ul.campus_tab li.bgblue {
border: 1px solid #46BCC0;
}
.campus_tab_list ul.campus_tab li.bggreen {
border: 1px solid #52B54F;
}
.campus_tab_list ul.campus_tab li.bgperple {
border: 1px solid #4C70D6;
}
.campus_tab_list ul.campus_tab li.bgbrown {
border: 1px solid #8f5132;
}
.campus_tab_list ul.campus_tab li.bgviolet {
border: 1px solid #4b4e94;
}
.campus_tab_list ul.campus_tab li.active.bgorange {
border: 1px solid #F46F22;
}
.campus_tab_list ul.campus_tab li.active.bgpink {
border: 1px solid #e84091;
}
.campus_tab_list ul.campus_tab li.active.bgblue {
border: 1px solid #46BCC0;
}
.campus_tab_list ul.campus_tab li.active.bggreen {
border: 1px solid #52B54F;
}
.campus_tab_list ul.campus_tab li.active.bgperple {
border: 1px solid #4C70D6;
}
.campus_tab_list ul.campus_tab li.active.bgbrown {
border: 1px solid #8f5132;
}
.campus_tab_list ul.campus_tab li.active.bgviolet {
border: 1px solid #4b4e94;
}
/*エリア*/
.campus_tab_list .campus_area {
padding:20px;
}

.campus_tab_list .campus_area ul li {
width: 100%;
font-size: 14px;
}

/********** キャンパスでの活動例 **********/
.activity {
padding:50px 0;
}

/********** 就就労準備性ピラミッド **********/
.pyramid {
padding:50px 0;
}

/********** ココルポートカレッジのプログラム **********/
.program {
padding:50px 0;
}

/***** プログラムタブ *****/
.program .fiveprograms .tab {
display:block;
font-size:0;
padding:0 ;
margin:0 0 20px 0;
width:calc(100% + 20px);
}
.program .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;*/
}
.program .fiveprograms .tab li.active {
background:#F46F22;
color:#fff;
}
.program .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;
}
.program .fiveprograms .tab li:nth-child(even) {
background:#fcecf4;
color:#d54288;
}
.program .fiveprograms .tab li.active:nth-child(even) {
background:#d54288;
color:#fff;
}
.program .fiveprograms .tab li.active:nth-child(even):after {
border-top:5px solid #d54288;
}

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

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

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

/********** カレッジからの就労系進路 **********/
.working {
padding:50px 0;
}

.working .jisseki {
border: 3px solid #e5e5e5;
}
.working .jisseki .tit {
font-size:18px;
}
.working .jisseki .value {
font-size:42px;
}
.working .jisseki .value .mini {
font-size:20px;
margin-left:5px;
}


/********** 1日の流れをご紹介 **********/
.schedule {
padding:50px 0;
}

/*** 1日の流れ ***/
.schedule .schedule_flow {
margin:0 auto 30px auto;
}
.schedule .schedule_flow img {
max-width:480px;
width: 100%;
}

/*** お昼休憩（お弁当） ***/
.schedule .lunch {
max-width:480px;
padding:0 20px;
}

/********** Q&A **********/
.qa {
padding:50px 0;
}

.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;
}



/********** 利用までの流れ **********/
.flow {
padding:50px 20px;
}
.flow .inner {
width:100%;
margin:auto;
padding:20px;
}

.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;
}


/***** フローティングナビゲーション *****/
.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: 71px;
}


/* ************************************************ */
/**** footer ****/
/* ************************************************ */
.footer .inner {
flex-wrap:wrap;
padding:20px;
}
.footer .footer_logo {
width:100%;
}

.footer .footerinfo {
width:100%;
padding: 20px;
margin:0 ;
}


}