@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.clear:before,
.clear:after {
    content: "";
    display: table;
    table-layout: fixed;2
}

.clear:after {
    clear: both;
}
.h2, h2{
    font-size: 24px;
}
@media screen and (max-width: 767px) {
    html {
        position: relative;
        width: 100%;
    }
}
html,body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #010002;
    line-height: 1.6;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
html{
	  font-size: 62.5%;
}
body{
	font-size: 1.4rem;
	line-height: 2.6rem;
}
@media screen and (max-width: 767px) {
    body {
        position: relative;
        width: 100%;
    }
    body.active {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
    }
}

a {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

a:hover {
    opacity: .60;
}

a:hover,
a:visited,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.ime-disable {
    ime-mode: disabled;
}

.container {
    max-width: 1230px;
    padding: 0;
}

.wrap {
    width: 1038px;
    margin: 0 auto;
    position: relative;
}

header {
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 10;
}

header .site--branding h1.logo a,
header .site--branding h1.logo img,
header .site--branding{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

header.scrolled .site--branding {
    margin: 10px 0;
}

header.scrolled .site--branding h1.logo a {
    margin-left: 0;
}

header.scrolled .site--branding h1.logo img {
    width: 240px;
}

header.scrolled .site--branding .wrap ul {
    bottom: 15px
}

.site--branding {
    position: relative;
    margin: 25px auto;
}

.site--branding h1.logo {
    margin: 0;
    /*text-align: center;*/
}

.site--branding h1.logo img{
    width: 400px;
}
.site--branding h1.logo a{
    margin-left: 35.8%;
}

.site--branding .wrap ul {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: -100px;
}

.site--branding .wrap ul li {
    display: inline-block;
}

.site--branding .wrap ul li a {
    color: #fff;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
    text-align: center;
    min-width: 150px;
    margin: 0 3px;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.site--branding .wrap ul li a span.hb-text{
    display: inline-block;
    position: relative;
    padding-left: 3px;
}

.site--branding .wrap ul li a span.hb-text .header-ico{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}

.site--branding .wrap ul li a img.header-right-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 5px;
}

.site--branding .wrap ul li.file a {
    background-color: #be9c3b;
}

.site--branding .wrap ul li.file a i:first-child {
    margin-right: 15px;
}

.site--branding .wrap ul li.file a i:last-child {
    margin-left: 10px;
}

.site--branding .wrap ul li.mail {
    min-width: 165px;
}

.site--branding .wrap ul li.mail a {
    background-color: #043d58;
}

.site--branding .wrap ul li.mail a i:first-child {
    margin-right: 12px;
}

.site--branding .wrap ul li.mail a i:last-child {
    margin-left: 12px;
}

.site--navigation {
    border-top: 1px solid #a0a0a0;
}
@media screen and (max-width: 767px) {
    .site--navigation {
        border-top: none;
    }
}

.site--navigation .site--navigation-info {
    z-index: 1;
    box-shadow: 0 4px 6px -2px grey;
    text-align: center;
    border-bottom: 1px solid #a0a0a0;
}

.site--navigation .site--navigation-info .site--nav {
    list-style-type: none;
    display: flex;
    padding: 0;
    max-width: 1038px;
    margin: auto;
    justify-content: space-evenly;
    align-items: center;
}

.site--navigation .site--navigation-info .site--nav li {
    position: relative;
}


.site--navigation .site--navigation-info .site--nav li a {
    color: black;
    font-size: 16px;
    display: block;
    padding: 10px 0;
}



.site--navigation .site--navigation-info .site--nav li a img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 5px 0
}

.site--navigation .site--navigation-infosub {
    background: #efeeec;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.site--navigation .site--navigation-infosub ul.site--navsub {
    margin: 0 auto;
    padding: 0;
    width: 998px;
    list-style: none;
    display: none;
    font-weight: 900
}

.site--navigation .site--navigation-infosub ul.site--navsub li {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
}

.site--navigation .site--navigation-infosub ul.site--navsub li:first-child {
    padding-right: 0
}

.site--navigation .site--navigation-infosub ul.site--navsub li:first-child span {
    color: #bf9c3b;
    border: 1px solid #bf9c3b;
    padding: 5px 30px
}

.site--navigation .site--navigation-infosub ul.site--navsub li a {
    color: #222;
    padding: 0px 10px;
    text-align: left
}

.site--navigation .site--navigation-infosub ul.site--navsub li a:hover {
    color: #bf9c3b;
    opacity: 1
}
.site--navigation .site--navigation-infosub ul.site--navsub li.active a{
    color: #bf9c3b;
}


.site--content {
    margin: 0 auto 40px
}

.site--content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.site--content.full--container{
    max-width: 100%;
}

.site--content .title-dev {
    text-align: center;
    margin: 40px 0 20px
}

.site--content .schoolguide--points .title-dev{
    margin-top: 20px;
}

.site--content .schoolguide--support .title-dev {
    margin-top: 0;
}

.site--content .schoolguide--support .title-dev p.font-adj{
    font-size: 16px;
}

.site--content .schoolguide--facility .title-dev{
    margin-top: 0px;
}
.site--content .department--about .title-dev {
  margin-top: 0px;
}

.site--content .title-dev p{
    margin-bottom: 15px;
}

.site--content .title-dev h2.h3-rep ,
.site--content .title-dev h3 {
    margin: 0 0 10px;
    display: inline-block;
    font-weight: bold;
}

.site--content .schoolguide--points .title-desc p{
    margin-bottom:0px;
}

.site--content .schoolguide--points .title-desc h3 img{
    width: 400px;
}

.site--content .castwell--documentary {
	text-align: center;
	padding: 47px 0;
	background: #efeeec;
}
.site--content .castwell--documentary:after {
}

.site--content .castwell--documentary h2 img {
	width: 80%;
}
.site--content .castwell--documentary  h2 + p{
	margin: 30px 0;
}
.site--content .castwell--documentary ul{
	padding: 0;
	float: left;
	width: 100%;
}
.site--content .castwell--documentary ul li{
	float: left; 
	width: 49%;
	list-style-type: none;
}
.site--content .castwell--documentary ul li img{
	margin-bottom: 10px;
}
.site--content .castwell--documentary ul li:nth-child(1){
	margin-right: 2%;
}


.site--content .castwell--points {
    padding-bottom: 47px;
    position: relative;
}

.site--content .castwell--points:after {
    background: url(../images/castwell-pontbg.png) repeat top left #e0ce9e;
    position: absolute;
    content: "";
    top: 32%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.site--content .castwell--points .title-dev h2.h3-rep,
.site--content .castwell--points .title-dev h3 {
    background: url(../images/icons/building.png) no-repeat left center;
    padding-left: 35px;
    padding-top: 5px;
}

.site--content .castwell--points ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site--content .castwell--points ul li {
    float: left;
    width: 33.33333%;
    padding: 0 10px;
    color: #fff;
    text-align: center;
}

.site--content .castwell--points ul li .box {
    padding: 40px 20px;
    position: relative;
}

.site--content .castwell--points ul li .box:after {
    border: 1px solid #fff;
    content: "";
    position: absolute;
    top: 3%;
    left: 3%;
    width: 93%;
    height: 93%;
}

.site--content .castwell--points ul li:nth-child(1) .box {
    background: url(../images/castwell-point1.png) no-repeat center;
    background-size: cover;
}

.site--content .castwell--points ul li:nth-child(2) .box {
    background: url(../images/castwell-point2.png) no-repeat center;
    background-size: cover;
}

.site--content .castwell--points ul li:nth-child(3) .box {
    background: url(../images/castwell-point3.png) no-repeat center;
    background-size: cover;
}

.site--content .castwell--points ul li .box h3 {
    margin: 0;
    padding: 20px 0;
    min-height: 146px;
    font-weight: bold;
}

.site--content .castwell--points ul li .box h3 span {
    display: block;
    font-size: 40px;
    margin-bottom: 10px
}

.site--content .castwell--points ul li .box p {
    margin: 10px 0;
    min-height: 110px;
}

.site--content .castwell--points .button {
    text-align: center
}

.site--content .castwell--points .button a {
    padding: 15px 150px;
    display: inline-block;
    margin: 39px auto 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #be9c3b;
}

.site--content .castwell--course .title-dev h2.h3-rep,
.site--content .castwell--course .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
    padding-top: 2px;
}

.site--content .castwell--course .content-dev {
    margin-bottom: 21px;
    position: relative;
}

.site--content .castwell--course .content-dev .image-content {
    display: block;
    vertical-align: top;
    padding-top: 21px;
    padding-bottom: 22px;
    text-align: left;
}

.site--content .castwell--course .content-dev .image-content.right {
    text-align: right
}

.site--content .castwell--course .content-dev .detail {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 42px 25px 0;
    text-align: center;
    width: 419px;
}

.site--content .castwell--course .content-dev .color00 {
    background-color: #063f5a;
    right: 0;
}

.site--content .castwell--course .content-dev .color01 {
    background-color: #bd6b71;
    left: 0;
}

.site--content .castwell--course .content-dev .detail p {
    color: #fff;
    margin: 0 0 25px;
    font-size: 12px
}

.site--content .castwell--course .content-dev .detail p.upper {
    font-size: 14px;
    margin: 0 0 20px;
}

.site--content .castwell--course .content-dev .detail a {
    color: #010002;
    display: block;
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    max-width: 300px;
    background: url(../images/icons/angle-right-2.png) no-repeat 95% center #fbf6e7;
}

.site--content .castwell--course .content-dev .detail img {
    margin-bottom: 31px;
    width: 200px
}

.site--content .castwell--course .banner {
    background: url(../images/castwell-pontbg.png) repeat top left #e0ce9e;
    margin: 60px 0 0;
}

.site--content .castwell--course .banner ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .castwell--course .banner ul li {
    float: left;
    width: 33.3333%;
    padding: 50px 10px
}
.site--content .castwell--course .banner ul li img:hover{
    opacity: 0.75;
    cursor: pointer;
}
.site--content .castwell--course .banner ul li:nth-child(n+4){
    padding-top: 0px;
}

.site--content .castwell--gallery .title-dev h2.h3-rep,
.site--content .castwell--gallery .title-dev h3 {
    background: url(../images/icons/couple.png) no-repeat left center;
    padding-left: 40px;
    line-height: 32px;
    padding-top: 5px;
}

.site--content .castwell--gallery .slick-initialized .slick-slide {
    padding: 0 5px
}

.site--content .castwell--news {
    margin: 85px 0 0;
}

.site--content .castwell--news .outer-box {
    border: 5px solid #f2ebd8;
    padding: 40px 50px;
    position: relative;
    margin: auto;
    width: 80%;
}

.site--content .castwell--news .outer-box img {
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -130px;
    width: 260px
}

.site--content .castwell--news .outer-box .inner-box p {
    margin: 20px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold
}

.site--content .castwell--news .outer-box .inner-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site--content .castwell--news .outer-box .inner-box ul li {
    border-bottom: 1px solid #222;
    background: url(../images/icons/angle-right-3.png) no-repeat right center #fff;
}

.site--content .castwell--news .outer-box .inner-box ul li:last-child {
    border: 0
}

.site--content .castwell--news .outer-box .inner-box ul li a {
    display: table;
    padding: 10px 0;
    color: #222;
    font-size: 12px;
}

.site--content .castwell--news .outer-box .inner-box ul li a span {
    display: table-cell;
    padding-right: 15px
}

.site--content .castwell--news .outer-box .inner-box ul li a span:first-child {
    width: 70px;
    padding: 0
}

.site--content .castwell--information {
    margin: 85px 0 0;
}

.site--content .castwell--information .outer-box {
    border: 5px solid #f2ebd8;
    padding: 40px 50px;
    position: relative;
    margin: auto;
    width: 100%;
    background: white;
}

.site--content .castwell--information .outer-box img {
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -130px;
    width: 260px
}

.site--content .castwell--information .outer-box .inner-box p {
    margin: 20px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold
}

.site--content .castwell--information .outer-box .inner-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site--content .castwell--information .outer-box .inner-box ul li {
    border-bottom: 1px solid #222;
    background: url(../images/icons/angle-right-3.png) no-repeat right center #fff;
}

.site--content .castwell--information .outer-box .inner-box ul li:last-child {
    border: 0
}

.site--content .castwell--information .outer-box .inner-box ul li a {
    display: table;
    padding: 10px 0;
    color: #222;
    font-size: 15px;
}

.site--content .castwell--information .outer-box .inner-box ul li a span {
    display: table-cell;
    padding-right: 15px
}

.site--content .castwell--information .outer-box .inner-box ul li a span:first-child {
    width: 100px;
    padding: 0
}

.site--content .castwell--blog {
    margin: 85px 0 0;
}

.site--content .castwell--blog .outer-box {
    border: 5px solid #FFDCDF;
    padding: 40px 50px;
    position: relative;
    margin: auto;
    width: 100%;
}

.site--content .castwell--blog .outer-box img {
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -130px;
    width: 260px
}

.site--content .castwell--blog .outer-box .inner-box p {
    margin: 20px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold
}

.site--content .castwell--blog .outer-box .inner-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site--content .castwell--blog .outer-box .inner-box ul li {
    border-bottom: 1px solid #222;
    background: url(../images/icons/angle-right-3.png) no-repeat right center #fff;
}

.site--content .castwell--blog .outer-box .inner-box ul li:last-child {
    border: 0
}

.site--content .castwell--blog .outer-box .inner-box ul li a {
    display: table;
    padding: 10px 0;
    color: #222;
    font-size: 12px;
}

.site--content .castwell--blog .outer-box .inner-box ul li a span {
    display: table-cell;
    padding-right: 15px
}

.site--content .castwell--blog .outer-box .inner-box ul li a span:first-child {
    width: 70px;
    padding: 0
}
.pink-box {
    position: absolute;
    right: 0;
    top: 800px;
    z-index: 10
}

.darkblue-box {
    position: absolute;
    right: 0;
    top: 1000px;
    z-index: 10
}

.pink-box-fixed {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 10;
    transform: translateY(-50%);
}

.darkblue-box-fixed {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(40%);
}
.pink-box-fixed.hidden
.darkblue-box-fixed.hidden{
    display: none;
}

.pink-box.mid {
    top: 900px
}

.darkblue-box.mid {
    top: 1100px;
}

.pink-box.low {
    position: fixed;
    top: 200px;
}

.darkblue-box.low {
    position: fixed;
    top: 393px;
}

footer {
    position: relative
}

footer .footer-btns {
    background: url(../images/castwell-pontbg.png) repeat-x top left #e0ce9e;
    padding: 50px 0
}

footer .footer-btns ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

footer .footer-btns ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 20px;
}

footer .footer-btns ul li:first-child {
    text-align: right;
}

footer .footer-btns ul li:last-child {
    text-align: left;
}

footer .footer-btns a {
    display: inline-block;
    color: #fff;
    padding: 10px 10px;
    /*background: url(/assests/images/icons/angle-right.png) no-repeat 95% center #043d58;*/
    border-radius: 3px;
    /*background-size: 8px;*/
    position: relative;
    background-color:#043d58;
    width: 100%;
	text-align: center;
}
footer .footer-btns a:after{
    position: absolute;
    content: "";
    background-image: url(../images/icons/angle-right.png);
    background-repeat: no-repeat;
    background-size: 8px;
    height: 16px;
    width: 10px;
    right: 6px;
    top: 53%;
    transform: translateY(-50%);
}
footer .footer--list {
    padding: 30px 0
}

footer .footer--contact h2 {
    display: inline-block;
    width: 320px;
    margin: 0 0 20px 0;
}

footer .footer--list .list0,
footer .footer--list .list1,
footer .footer--list .list2,
footer .footer--list .list3,
footer .footer--list .list4 {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin: 0 10px;
    width: 17%;
}
/* Old Style */
/*footer .footer--list ul {
    padding-left: 19px
    padding-left: 17px;
    padding-right: 2px;
}*/
/* Old Style */
footer .footer--list ul{
    list-style-type: none;
    padding-left: 17px;
    padding-right: 2px;
}
footer .footer--list .list1 ul,
footer .footer--list .list0 ul,
footer .footer--list .list3 ul{
    padding:0;
}
footer .footer--list .list1 ul li,
footer .footer--list .list0 ul li,
footer .footer--list .list3 ul li{
    position: relative;
    padding-left: 17px;
    padding-right: 2px;
}
footer .footer--list .list1 ul li:before,
footer .footer--list .list0 ul li:before,
footer .footer--list .list3 ul li:before{
    position: absolute;
    content: "･";
    left: 0;
    font-size: 23px;
    top: 55%;
    transform: translateY(-50%);
}

footer .footer--list a {
    color: #222;
}

footer .footer--list .list2 ul,
footer .footer--list .list4 ul {
    padding: 0;
    margin: 0;
    list-style: none
}

footer .footer--contact {
    padding: 30px 0;
    border-top: 1px solid #c8bfa5;
    text-align: center
}

footer .footer--contact h3 {
    color: #bf9c3b;
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 30px
}

footer .footer--contact h3 span {
    margin-right: 10px;
    font-size: 15px;
    font-weight: normal
}

footer .footer--contact h3 a,  footer .footer--contact h3 a:hover{
    color: #bf9c3b;
}

footer .footer--totop {
    position: fixed;
    bottom: 90px;
    right: 100px;
    z-index: 1;
    display: none;
}

footer .footer--copyright {
    padding: 25px 0 75px;
    background: #000;
    color: #fff;
    text-align: center
}

footer .footer--list .list0 ul li a,
footer .footer--list .list1 ul li a,
footer .footer--list .list3 ul li a{
    position: relative;
    left:-2px;
}

.page--banner img {
    width: 100%
}

.page--banner-1200 {
    max-width: 100%;
    margin: 0 auto;
}

.site--content ul.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.site--content ul.breadcrumbs li {
    display: inline-block;
    padding: 0;
}

.site--content ul.breadcrumbs li a {
    color: #222;
    display: block;
    padding: 10px 25px 10px 15px;
    /*background: url(/assests/images/icons/angle-right-3.png) no-repeat right center #fff;*/
    position: relative;
}

.site--content ul.breadcrumbs li a:after{
    content: '>';
    position: absolute;
    right: 0;
}

.site--content ul.breadcrumbs li span {
    padding: 10px 15px;
}

.site--content .schoolguide--points {
    padding-bottom: 7px;
    position: relative;
}

.site--content .schoolguide--points .title-dev h2 {
    background: url(../images/icons/building.png) no-repeat left center;
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    padding-top: 5px;
}

.site--content .schoolguide--points .title-dev p {
    margin-bottom: 20px
}

.site--content .schoolguide--points .title-dev p:last-child {
    margin-bottom: 0
}

.site--content .schoolguide--points .title-desc {
    text-align: center;
    padding: 20px 0
}

.site--content .schoolguide--points .title-desc h3 {
    color: #bf9c3b;
    margin: 0 0 20px;
    font-size: 40px;
}

.site--content .schoolguide--points .title-desc ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px
}

.site--content .schoolguide--points .title-desc ul li {
    display: inline-block;
    border: 1px solid #222;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px
}

.site--content .schoolguide--points .title-desc ul li:nth-child(2) {
    border: 0;
    font-weight: normal;
    vertical-align: top;
}

.site--content .schoolguide--support {
    position: relative;
    padding: 50px 0;
    padding-top:20px;
    margin-bottom: 35px;
    background: url(../images/castwell-pontbg.png) repeat top left #e0ce9e
}

.site--content .schoolguide--support .title-dev h2 {
    padding: 0;
    margin-bottom: 40px;
    display: inline-block;
    width: 90%;
}

.site--content .schoolguide--support .button {
    text-align: center
}

.site--content .schoolguide--support .button a {
    padding: 15px 50px;
    display: inline-block;
    margin: 39px auto 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}

.site--content .schoolguide--points .button {
    text-align: center
}

.site--content .schoolguide--points .button a {
    padding: 15px 50px;
    display: inline-block;
    margin: 39px auto 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}

.site--content .schoolguide--facility .button {
    text-align: center
}

.site--content .schoolguide--facility .button a {
    padding: 15px 50px;
    display: inline-block;
    margin: 39px auto 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}

.site--content ul.schoolguide--rank {
    list-style: none;
    margin: 0 -30px;
    padding: 0
}

.site--content ul.schoolguide--rank li {
    float: left;
    padding: 20px 20px 0;
    width: 25%
}

.site--content ul.schoolguide--rank li .box {
    background: #fff;
    box-shadow: 0px 0px 5px 0px grey;
    display: block;
    color: #222;
}

.site--content ul.schoolguide--rank li .box h4 {
    text-align: center;
    padding: 0 0 5px;
    position: relative;
    margin: 0 -9px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content ul.schoolguide--rank li .box h4 img.step{
	width: 60px;
}
.site--content ul.schoolguide--rank li .box h4 img.title{
	margin-top: 5px;
	width: 90%;
}

.site--content ul.schoolguide--rank li .box h4 span {
}

.site--content ul.schoolguide--rank li .box h4 span:last-child {
}

.site--content ul.schoolguide--rank li .box1 h4 {
    background: url(../images/schoolguide-support1-ribbonbg.png) right bottom no-repeat;
    color: #b06549;
    background-position: top;
    background-size: 100%; 
}

.site--content ul.schoolguide--rank li .box2 h4 {
    background: url(../images/schoolguide-support2-ribbonbg.png) right bottom no-repeat;
    color: #5c8aa8;
    background-position: top;
    background-size: 100%; 
}

.site--content ul.schoolguide--rank li .box3 h4 {
    background: url(../images/schoolguide-support3-ribbonbg.png) right bottom no-repeat;
    color: #598480;
    background-position: top;
    background-size: 100%; 
}

.site--content ul.schoolguide--rank li .box4 h4 {
    background: url(../images/schoolguide-support4-ribbonbg.png) right bottom no-repeat;
    color: #9e8a61;
    background-position: top;
    background-size: 100%; 
}

.site--content ul.schoolguide--rank li .box .info {
    padding: 15px 5px 5px;
    padding-bottom: 11px;
    padding-top: 10px;
    text-align: center;
    min-height: 145px;
}

.site--content ul.schoolguide--rank li .box .info h5 {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    margin-bottom:15px;
    line-height: 1.3;
}

.site--content ul.schoolguide--rank li .box .info p {
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
    text-align: justify;
    display: inline-block;
}

.site--content ul.schoolguide--rank li .box1 .info h5 {
    color: #b06549
}

.site--content ul.schoolguide--rank li .box2 .info h5 {
    color: #5c8aa8
}

.site--content ul.schoolguide--rank li .box3 .info h5 {
    color: #598480
}

.site--content ul.schoolguide--rank li .box4 .info h5 {
    color: #9e8a61
}

.site--content .schoolguide--facility {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguide--facility .title-dev h2 {
    background: url(../images/icons/building2.png) no-repeat left center;
    padding-left: 47px;
    padding-right: 47px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    padding-top: 3px;
}

.site--content .schoolguide--facility .facility-bg:after {
    position: absolute;
    content: "";
    top: 15%;
    bottom: 5%;
    left: 0;
    right: 0;
    z-index: -1;
    background: #efeeec;
}

.site--content .schoolguide--facility .facility-bg ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.site--content .schoolguide--facility .facility-bg ul li {
    float: left;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat
}

.site--content .schoolguide--facility .facility-bg .box {
    margin: 10px 0
}

.site--content .schoolguide--facility .facility-bg .box ul li p {
    text-align: left;
    margin: 10px 0;
}

.site--content .schoolguide--facility .facility-bg .box ul li p.title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.site--content .schoolguide--facility .facility-bg .box.hotel ul li {
    background-color: #033d58
}

.site--content .schoolguide--facility .facility-bg .box.bride ul li {
    background-color: #c47380
}

.site--content .schoolguide--facility .facility-bg .hotel.box1 li {
    height: 300px;
}

.site--content .schoolguide--facility .facility-bg .hotel.box2 li {
    height: 240px;
}

.site--content .schoolguide--facility .facility-bg .bride.box1 li {
    height: 300px;
}

.site--content .schoolguide--facility .facility-bg .bride.box2 li {
    height: 240px;
}

.site--content .schoolguide--facility .facility-bg .hotel.box1 li:nth-child(1) {
    width: 65%;
    background-image: url(../images/schoolguide-facility-hotel1.png);
}

.site--content .schoolguide--facility .facility-bg .hotel.box1 li:nth-child(2) {
    width: 35%;
    padding: 20px
}

.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(1) {
    width: 25%;
    background-image: url(../images/schoolguide-facility-hotel2.png);
}

.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(2) {
    width: 25%;
    padding: 40px 20px
}

.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(3) {
    width: 50%;
    background-image: url(../images/schoolguide-facility-hotel3.png);
}

.site--content .schoolguide--facility .facility-bg .bride.box1 li:nth-child(1) {
    width: 65%;
    background-image: url(../images/schoolguide-facility-bride1.png);
}

.site--content .schoolguide--facility .facility-bg .bride.box1 li:nth-child(2) {
    width: 35%;
    padding: 20px
}

.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(1) {
    width: 25%;
    background-image: url(../images/schoolguide-facility-bride2.png);
}

.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(2) {
    width: 25%;
    padding: 40px 20px
}

.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(3) {
    width: 50%;
    background-image: url(../images/schoolguide-facility-bride3.png);
}

.site--content .schoolguidecast--support {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguidecast--support .title-dev h2.h3-rep,
.site--content .schoolguidecast--support .title-dev h3 {
    background: url(../images/icons/agent.png) no-repeat left center;
    padding: 3px 0 3px 35px;
    margin-bottom: 0;
}

.site--content .schoolguidecast--support ul.graph {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--support ul.graph li {
    float: left;
    width: 50%;
    padding: 10px;
}

.site--content .schoolguidecast--support ul.graph li .title {
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 0;
    text-align: center;
    margin: 0 0 20px;
    position: relative;
}

.site--content .schoolguidecast--support ul.graph li:first-child .title {
    color: #053e59;
    border: 1px solid #053e59;
}

.site--content .schoolguidecast--support ul.graph li:last-child .title {
    color: #c47380;
    border: 1px solid #c47380;
}

.site--content .schoolguidecast--support ul.graph li .title:after,
.site--content .schoolguidecast--support ul.graph li .title:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.site--content .schoolguidecast--support ul.graph li .title:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.site--content .schoolguidecast--support ul.graph li .title:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #053e59;
    border-width: 9px;
    margin-left: -9px;
}

.site--content .schoolguidecast--support ul.graph li:last-child .title:before {
    border-top-color: #c47380;
}

.site--content .schoolguidecast--support ul.graph li img {
    width: 100%
}

.site--content .schoolguidecast--practice {
    position: relative;
    margin-bottom: 60px;
}

.site--content .schoolguidecast--practice ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--practice ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .schoolguidecast--practice ul li .box {
    border: 1px solid #b5b5b5;
    box-shadow: 10px 10px 0px 0px rgba(239, 238, 236, 1);
    border-radius: 5px;
    background: #eed3c5;
    min-height: 506px;
}

.site--content .schoolguidecast--practice ul li .box img.mainimg {
    width: 100%
}

.site--content .schoolguidecast--practice ul li .box p {
    margin: 10px 20px 20px;
}

.site--content .schoolguidecast--practice ul li .box p.title {
    text-align: center;
    margin: 20px;
}

.site--content .schoolguidecast--qualification {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguidecast--qualification ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--qualification ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px 20px;
    min-height: 217px
}

.site--content .schoolguidecast--qualification ul li .title {
    border-top: 1px solid #dca58c;
    border-bottom: 1px solid #dca58c;
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 15px 0;
    font-weight: 600
}

.site--content .schoolguidecast--qualification ul li .title:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #dca58c;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
}

.site--content .schoolguidecast--qualification ul li p {
    margin: 25px 0 0;
    text-align: left;
}

.site--content .schoolguidecast--qualification .note {
    background: #efeeec;
    text-align: center;
    padding: 20px 130px;
    margin: 30px 0 0;
    margin-top: 15px;
}

.site--content .schoolguidecast--qualification .note p {
    margin: 0;
}

.site--content .schoolguidecast--qualification .note p:first-child {
    color: #b06549
}

.site--content .schoolguidecast--support2 {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguidecast--support2 ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--support2 ul li {
    width: 50%;
    float: left;
    padding: 10px;
}

.site--content .schoolguidecast--support2 ul li .box {
    border: 1px solid #7d7d7d;
    border-radius: 5px;
}

.site--content .schoolguidecast--support2 ul li .box table {
    width: 100%
}

.site--content .schoolguidecast--support2 ul li .box table td {
    padding: 20px;
    vertical-align: middle;
    font-size: 12px
}

.site--content .schoolguidecast--support2 ul li:last-child .box table td {
    padding: 10px 20px
}

.site--content .schoolguidecast--support2 ul li .box table td:first-child {
    width: 30%
}

.site--content .schoolguidecast--support2 ul li .box table td font {
    color: #bbdbf3
}

.site--content .schoolguidecast--support2 ul li .box img {
    width: 100%
}

.site--content .schoolguidecast--support3 {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguidecast--support3 ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--support3 ul li {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.site--content .schoolguidecast--support3 ul li .box {
    border: 1px solid #7d7d7d;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-right: -1px;
}

.site--content .schoolguidecast--support3 ul li:last-child .box:last-child {
    margin-bottom: 0
}

.site--content .schoolguidecast--support3 ul li:first-child .box {
    margin-bottom: 0
}

.site--content .schoolguidecast--support3 ul li .box table {
    float: left;
    width: 47%
}

.site--content .schoolguidecast--support3 ul li .box table tr td {
    padding: 15px 10px;
    font-size: 12px
}

.site--content .schoolguidecast--support3 ul li .box table tr:last-child td {
    padding-top: 0;
}

.site--content .schoolguidecast--support3 ul li:first-child .box table tr td {
    padding: 17px 10px 17px;
}

.site--content .schoolguidecast--support3 ul li .box table tr td:first-child {
    width: 30%
}

.site--content .schoolguidecast--support3 ul li:first-child .box table {
    float: none;
    width: 100%
}

.site--content .schoolguidecast--support3 ul li .box img {
    float: left;
    width: 53.003%;
    z-index: -1;
    position: relative;
}

.site--content .schoolguidecast--support3 ul li:first-child .box img {
    float: none;
    width: 100%
}

.site--content .schoolguidecast--support3 ul li .box table td font {
    color: #bbdbf3
}
.site--content .schoolguidecast--support3 span.font-all{
    font-size: 14px;
}
.site--content .title-dev .below-text.add-space{
    margin-bottom: 33px;
}
.site--content .schoolguidecast--support4 {
    position: relative;
    margin-bottom: 47px;
}

.site--content .schoolguidecast--support4 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.site--content .schoolguidecast--support4 ul li {
    width: 35%;
    float: left;
    text-align: center
}

.site--content .schoolguidecast--support4 ul li:nth-child(2) {
    width: 30%
}

.site--content .schoolguidecast--support4 ul li .box {
    text-align: left;
    border-radius: 5px;
    background: #efe1c5;
    margin: 20px 0 10px;
}

.site--content .schoolguidecast--support4 ul li .box:last-child {
    margin: 20px 0 0
}

.site--content .schoolguidecast--support4 ul li .box img {
    width: 100%
}

.site--content .schoolguidecast--support4 ul li .box h3 {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: #8a5d2c;
    font-weight: 600;
    position: relative;
    padding-left: 28px;
}
.site--content .schoolguidecast--support4 ul li .box h3:before{
    position: absolute;
    content: "";
    top: 48%;
    left: 18px;
    transform: translateY(-50%);
    width: 6px;
    border-left: 5px solid #8a5d2c;
    height: 33.5%;
}

.site--content .schoolguidecast--support4 .note {
    background: #efeeec;
    padding: 20px 50px;
    text-align: center;
    margin-top: 30px
}

.site--content .schoolguidecast--support4 .note h5 {
    margin: 0;
    color: #aa8646;
    font-size: 18px;
    font-weight: bold
}

.site--content .schoolguidecast--support4 .note h5 span {
    display: block;
    font-size: 14px;
    margin: 10px 0
}

.site--content .schoolguidecast--support4 .note p {
    margin: 0
}
.site--content .schoolguidecast--support4 ul li .box img{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.site--content .schoolguidecast--practice .title-dev .below-text,
.site--content .schoolguidecast--qualification .title-dev .below-text{
    margin-bottom: 25px;
}
.site--content .steps-title.step01-dev{
    background-image: url(../images/icons/step01-icon.png);
}
.site--content .steps-title.step02-dev{
    background-image: url(../images/icons/step02-icon.png);
}
.site--content .steps-title.step03-dev{
    background-image: url(../images/icons/step03-icon.png);
}
.site--content .steps-title.step04-dev{
    background-image: url(../images/icons/step04-icon.png);
}
.site--content .steps-title.step01-dev .small-text,
.site--content .steps-title.step01-dev .medium-text,
.site--content .steps-title.step01-dev .big-text{
    color:#b06549;
}
.site--content .steps-title.step02-dev .small-text,
.site--content .steps-title.step02-dev .medium-text,
.site--content .steps-title.step02-dev .big-text{
    color:#5c8aa8;
}
.site--content .steps-title.step03-dev .small-text,
.site--content .steps-title.step03-dev .medium-text,
.site--content .steps-title.step03-dev .big-text{
    color:#598480;
}
.site--content .steps-title.step04-dev .small-text,
.site--content .steps-title.step04-dev .medium-text,
.site--content .steps-title.step04-dev .big-text{
    color:#9e8a61;
}
.site--content .steps-title {
    padding: 25px 0px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    margin-top: 12px;
    padding-bottom: 25px;
    padding-top: 20px;
}
.site--content .steps-title .small-text{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0px;
}
.site--content .steps-title .medium-text{
    padding: 0;
    margin-top:10px;
    font-size: 26px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.site--content .steps-title .big-text{
    font-size: 40px;
    margin: 5px 0;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.site--content .font-text00,
.site--content .title-dev .below-text{
    font-size: 16px;
}
.site--content .font-text01{
    font-size: 14px;
}
.site--content .department--about {
    position: relative;
    margin-bottom: 47px;
}

.site--content .department--about .title-dev p {
    margin: 10px;
    margin-top: 20px;
}

.site--content .department--about .title-dev p:last-child {
    margin-bottom: 0;
    font-size: 16px;
}

.site--content .department--about .intro {
    position: relative;
    background: #eeeadd
}

.site--content .department--about .intro img {
    float: left;
    width: 60%
}

.site--content .department--about .intro .content {
    position: absolute;
    right: 0;
    width: 40%;
    padding: 20px 40px 0;
}

.site--content .department--about .intro .content p {
    margin: 0;
    padding: 0 5px;
    line-height: 1.75;
}

.site--content .department--about .intro .content .head {
    padding: 0 5px 20px;
    border-bottom: 1px solid #111;
    margin-bottom: 20px
}

.site--content .department--about .intro .content .head h4,
.site--content .department--about .intro .content .head h5 {
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
}

.site--content .department--about .intro .content .head h4 {
    font-size: 18px;
}

.site--content .department--about .intro .content .head h4 p {
    margin: 0 0 10px;
    padding-left: 0px;
}

.site--content .department--about .intro .content .head h4 span {
    font-size: 30px;
    font-weight: bold;
    margin-right: 10px
}

.site--content .department--about .intro .content .head h5 {
    font-size: 16px;
    padding: 0 0 3px 5px
}

.full--container ._intro._intro-department,
.site--content .department--about ._intro {
    margin-top: 47px;
    color: #fff;
    position: relative
}

.full--container ._intro._intro-department:before,
.site--content .department--about ._intro:before {
    content: "";
    position: absolute;
    background: #033d58;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department ul,
.site--content .department--about ._intro ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.full--container ._intro._intro-department ul li,
.site--content .department--about ._intro ul li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.full--container ._intro._intro-department ul li .content,
.site--content .department--about ._intro ul li .content {
    margin: 20px auto 40px;
    display: inline-block;
}

.full--container ._intro._intro-department ul li .content h5,
.site--content .department--about ._intro ul li .content h5 {
    margin: 0 0 20px;
    padding: 15px 0;
    font-size: 26px;
    font-weight: bold;
    position: relative;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.full--container ._intro._intro-department ul li .content h5:before,
.site--content .department--about ._intro ul li .content h5:before {
    content: "";
    position: absolute;
    background: url(../images/border-top2.png) top center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department ul li .content h5:after,
.site--content .department--about ._intro ul li .content h5:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-top2.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department ul li .content p,
.site--content .department--about ._intro ul li .content p {
    margin: 0;
    font-size: 16px;
}

.full--container ._intro._intro-department ul li .content p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content .department--about2 {
    position: relative;
    margin-bottom: 47px;
}

.site--content .department--about2 .title-dev p {
    margin: 10px;
    margin-top: 20px;
}

.site--content .department--about2 .title-dev p:last-child {
    margin-bottom: 0;
    font-size: 16px;
}

.site--content .department--about2 .intro {
    position: relative;
    background: #eeeadd
}

.site--content .department--about2 .intro img {
    float: right;
    width: 60%
}

.site--content .department--about2 .intro .content {
    position: absolute;
    left: 0;
    width: 40%;
    padding: 20px 40px 0;
}

.site--content .department--about2 .intro .content p {
    margin: 0;
    padding: 0 5px;
    line-height: 1.75;
}

.site--content .department--about2 .intro .content .head {
    padding: 0 5px 20px;
    border-bottom: 1px solid #bc686f;
    margin-bottom: 20px
}

.site--content .department--about2 .intro .content .head h4,
.site--content .department--about2 .intro .content .head h5 {
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
}

.site--content .department--about2 .intro .content .head h4 {
    font-size: 18px;
}

.site--content .department--about2 .intro .content .head h4 p {
    margin: 0 0 10px;
    padding-left: 0px;
}

.site--content .department--about2 .intro .content .head h4 span {
    font-size: 32px;
    font-weight: bold;
    margin-right: 10px
}

.site--content .department--about2 .intro .content .head h5 {
    font-size: 16px;
    padding: 0 0 3px 5px
}

.full--container ._intro._intro-department2,
.site--content .department--about2 ._intro {
    margin-top: 47px;
    margin-bottom: 75px;
    color: #fff;
    position: relative
}

.full--container ._intro._intro-department2:before,
.site--content .department--about2 ._intro:before {
    content: "";
    position: absolute;
    background: #c47380;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department2 ul,
.site--content .department--about2 ._intro ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.full--container ._intro._intro-department2 ul li,
.site--content .department--about2 ._intro ul li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.full--container ._intro._intro-department2 ul li .content,
.site--content .department--about2 ._intro ul li .content {
    margin: 20px 0 40px
}

.full--container ._intro._intro-department2 ul li .content h5,
.site--content .department--about2 ._intro ul li .content h5 {
    margin: 0 0 20px;
    padding: 15px 0;
    font-size: 26px;
    font-weight: bold;
    position: relative;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.full--container ._intro._intro-department2 ul li .content h5:before,
.site--content .department--about2 ._intro ul li .content h5:before {
    content: "";
    position: absolute;
    background: url(../images/border-top2.png) top center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department2 ul li .content h5.longer:before{
  background: url(../images/border-top2-longer.png) top center no-repeat;
}

.full--container ._intro._intro-department2 ul li .content h5:after,
.site--content .department--about2 ._intro ul li .content h5:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-top2.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.full--container ._intro._intro-department2 ul li .content h5.longer:after{
  background: url(../images/border-top2-longer.png) bottom center no-repeat;
}

.full--container ._intro._intro-department2 ul li .content p,
.site--content .department--about2 ._intro ul li .content p {
    margin: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 16px;
}

.site--content .hotelinner--occupation {
    position: relative;
    margin-bottom: 47px;
}
.full--container ._intro.link-dev ul li a{
    color:#fff;
    display: inline-block;
    margin: 0 auto;
}
.full--container ._intro.link-dev ul li a:hover{
    opacity: 1;
}
.full--container ._intro.link-dev ul li a:hover img{
    opacity: 1 !important;
}
.full--container ._intro.link-dev ul li a:hover .content{
    opacity: 0.75 !important;
}
.site--content .hotelinner--occupation .title-dev h2 {
    font-size: 23px;
    margin: 0 0 60px;
    padding: 0 0 15px;
    color: #5b4f85;
    font-weight: bold;
    position: relative;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content .bridalcoordinator--class .title-dev .hotel-iconed-title.hit-02,
.site--content .hotelinner--class .title-dev .hotel-iconed-title.hit-02,
.site--content .hotelinter--class .title-dev .hotel-iconed-title.hit-02{
    margin-top: 30px;
}
.site--content .hotelinner--occupation .title-dev h2:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-bottom2.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site--content .hotelinner--occupation .title-dev h2.h3-rep,
.site--content .hotelinner--occupation .title-dev h3 {
    background: url(../images/icons/people.png) no-repeat left center;
    padding-left: 45px;
}

.site--content .hotelinner--occupation ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .hotelinner--occupation ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .hotelinner--occupation ul li .box {
    border: 1px solid #b5b5b5;
    box-shadow: 10px 10px 0px 0px rgba(239, 238, 236, 1);
    border-radius: 5px;
    background: #5b4f85;
}

.site--content .hotelinner--occupation ul li .box img.mainimg {
    width: 100%
}

.site--content .hotelinner--occupation ul li .box p.title {
    text-align: center;
    margin: 20px;
}

.site--content .hotelinner--class {
    position: relative;
    margin-bottom: 47px;
    text-align: center
}

.site--content .hotelinner--class.hotelinner--calendar{
    margin-bottom: 60px;
}

.site--content .hotelinner--class .title-dev h2.h3-rep,
.site--content .hotelinner--class .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
}

.site--content .hotelinner--lesson {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}

.site--content .hotelinner--lesson .margin-bottom {
    margin-bottom: 0px
}

.site--content .hotelinner--lesson .title-dev {
    margin-top: 0
}

.site--content .hotelinner--lesson .title-dev h2.h3-rep,
.site--content .hotelinner--lesson .title-dev h3 {
    background: url(../images/icons/book.png) no-repeat left center;
    padding-left: 50px;
}

.site--content .hotelinner--lesson ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.site--content .hotelinner--lesson ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .hotelinner--lesson ul li .box {
    border-top: 15px solid #8f82bc;
    background: #fff;
}

.site--content .hotelinner--lesson ul li .box img {
    width: 100%
}

.site--content .hotelinner--lesson ul li .box .content {
    padding: 22px
}

.site--content .hotelinner--lesson ul li .box .content p:first-child {
    color: #6a5aa0;
    font-size: 18px;
    font-weight: 600
}

.site--content .hotelinner--lesson ul li .box .content p:last-child {
    margin-bottom: 0
}

.hotel--full {
    background: url(../images/hotelinner--lesson-full.png) no-repeat right center #fff;
    margin: 0
}

.hotel--full .wrap {
    padding: 30px 0
}

.hotel--full .wrap p {
    font-size: 24px;
    font-weight: bold;
}

.hotel--full .wrap p:first-child {
    font-size: 18px;
    font-weight: normal;
    margin: 0
}

.hotel--full .wrap p:first-child + p{
    margin-bottom: 15px;
}

.hotel--full .button a {
    padding: 15px 50px;
    display: inline-block;
    color: #fff;
    margin: 0px 0 0;
    border-radius: 3px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}

.footer--courses {
    position: relative;
    background: #efeeec;
    padding: 35px 0 47px;
}

.footer--courses .title-dev {
    margin-top: 0
}

.footer--courses .title-dev h2.h3-rep ,
.footer--courses .title-dev h3 {
    background: url(../images/icons/info.png) no-repeat left center;
    padding-left: 35px;
}

.footer--courses ul {
    margin: 0 -30px;
    padding: 0;
    list-style: none;
}

.footer--courses ul li {
	float: left;
    width: 32%;
    background: white;
    margin-bottom: 2%;
    margin-right: 2%;
}
.footer--courses ul li:nth-child(3n){
	margin-right: 0;
}

.footer--courses ul li a {
    color: black;
    display: block;
    padding: 20px;
    box-sizing: border-box;
}
.footer--courses ul li a .coursename{
	margin-top: 20px;
}
.footer--courses ul li a img {
    width: 100%
}
.footer--courses ul li a:hover{
	color: black;
}

.site--content .hotelinter--occupation {
    position: relative;
    margin-bottom: 47px;
}

.site--content .hotelinter--occupation .title-dev h2 {
    font-size: 23px;
    margin: 0 0 60px;
    padding: 0 0 15px;
    color: #43724F;
    font-weight: bold;
    position: relative;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content .hotelinter--occupation .title-dev h2:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-bottom3.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site--content .hotelinter--occupation .title-dev h2.h3-rep ,
.site--content .hotelinter--occupation .title-dev h3 {
    background: url(../images/icons/people.png) no-repeat left center;
    padding-left: 45px;
}

.site--content .hotelinter--occupation ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .hotelinter--occupation ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .hotelinter--occupation ul li .box {
    border: 1px solid #b5b5b5;
    box-shadow: 10px 10px 0px 0px rgba(239, 238, 236, 1);
    border-radius: 5px;
    background: #43724F;
}

.site--content .hotelinter--occupation ul li .box img.mainimg {
    width: 100%
}

.site--content .hotelinter--occupation ul li .box p.title {
    text-align: center;
    margin: 20px;
}

.site--content .hotelinter--class {
    position: relative;
    margin-bottom: 47px;
    text-align: center
}

.site--content .hotelinter--class .title-dev h2.h3-rep ,
.site--content .hotelinter--class .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
}

.site--content .hotelinter--lesson {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}

.site--content .hotelinter--point {
    position: relative;
    background: #efeeec;
    padding: 0px 0 20px;
    margin-top: -20px;
}

.site--content .hotelinter--lesson .margin-bottom {
    margin-bottom: 47px
}

.site--content .hotelinter--lesson .title-dev {
    margin-top: 0
}

.site--content .hotelinter--lesson .title-dev h2.h3-rep ,
.site--content .hotelinter--lesson .title-dev h3 {
    background: url(../images/icons/book.png) no-repeat left center;
    padding-left: 50px;
}

.site--content .hotelinter--lesson ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.site--content .hotelinter--lesson ul li {
    width: 33.3333%;
    display: inline-block;
    padding: 0 20px;
    vertical-align: top
}

.site--content .hotelinter--lesson ul li .box {
    border-top: 15px solid #43724F;
    background: #fff;
    text-align: left;
}

.site--content .hotelinter--lesson ul li .box img {
    width: 100%
}

.site--content .hotelinter--lesson ul li .box .content {
    padding: 22px
}

.site--content .hotelinter--lesson ul li .box .content p:first-child {
    color: #43724F;
    font-size: 18px;
    font-weight: 600
}

.site--content .hotelinter--lesson ul li .box .content p:last-child {
    margin-bottom: 0
}

.hotel--full2 {
    background: url(../images/hotelinter--lesson-full.png) no-repeat left center #c4e1f6;
    margin: 0
}

.hotel--full2 .wrap {
    padding: 20px 0
}

.hotel--full2 .wrap .pull-right {
    width: 60%;
    position: relative;
    padding: 8px 140px 8px 30px;
}

.hotel--full2 .wrap .pull-right span {
    position: absolute;
    left: -40px;
    top: 0;
    color: #fff;
    display: inline-block;
    background: #43724F;
    padding: 13px 3px;
    border-radius: 50px;
    font-weight: bold;
}

.hotel--full2 .wrap .pull-right p {
    margin: 0;
}

.hotel--full2 .wrap .pull-right p:first-child {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
}

.hotel--blank {
    padding: 20px;
    background: #fff
}

.site--content .bridalplanner--occupation {
    position: relative;
    margin-bottom: 47px;
}

.site--content .bridalplanner--occupation .title-dev h2 {
    font-size: 23px;
    margin: 0 0 60px;
    padding: 0 0 15px;
    color: #b87f85;
    font-weight: bold;
    position: relative;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content .bridalplanner--occupation .title-dev h2:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-bottom4.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site--content .bridalplanner--occupation .title-dev h3.h3-rep,
.site--content .bridalplanner--occupation .title-dev h3 {
    background: url(../images/icons/people.png) no-repeat left center;
    padding-left: 45px;
}

.site--content .bridalplanner--occupation ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .bridalplanner--occupation ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .bridalplanner--occupation ul li .box {
    border: 1px solid #b5b5b5;
    box-shadow: 10px 10px 0px 0px rgba(239, 238, 236, 1);
    border-radius: 5px;
    background: #e5abb1;
}

.site--content .bridalplanner--occupation ul li .box img.mainimg {
    width: 100%
}

.site--content .bridalplanner--occupation ul li .box p.title {
    text-align: center;
    margin: 20px;
}

.site--content .bridalplanner--class {
    position: relative;
    margin-bottom: 47px;
    text-align: center
}

.site--content .bridalplanner--class .title-dev h2.h3-rep,
.site--content .bridalplanner--class .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
}

.site--content .bridalplanner--lesson {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}

.site--content .bridalplanner--lesson .margin-bottom {
    margin-bottom: 0px
}

.site--content .bridalplanner--lesson .title-dev {
    margin-top: 0
}

.site--content .bridalplanner--lesson .title-dev h2.h3-rep,
.site--content .bridalplanner--lesson .title-dev h3 {
    background: url(../images/icons/book.png) no-repeat left center;
    padding-left: 50px;
}

.site--content .bridalplanner--lesson ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.site--content .bridalplanner--lesson ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .bridalplanner--lesson ul li .box {
    border-top: 15px solid #e5abb1;
    background: #fff;
}

.site--content .bridalplanner--lesson ul li .box img {
    width: 100%
}

.site--content .bridalplanner--lesson ul li .box .content {
    padding: 22px
}

.site--content .bridalplanner--lesson ul li .box .content p:first-child {
    color: #c6979c;
    font-size: 18px;
    font-weight: 600
}

.site--content .bridalplanner--lesson ul li .box .content p:last-child {
    margin-bottom: 0
}

.bridal--full {
    background: url(../images/bridalplanner--lesson-full.png) no-repeat right center #fff;
    margin: 0
}

.bridal--full .wrap {
    padding: 20px 0
}

.bridal--full .wrap p {
    font-size: 24px;
    font-weight: bold;
}

.bridal--full .wrap p:first-child {
    font-size: 18px;
    font-weight: normal;
    margin: 0
}

.bridal--full .button a {
    padding: 15px 50px;
    display: inline-block;
    color: #fff;
    margin: 20px 0 0;
    border-radius: 5px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}

/*.bridal--courses {
    position: relative;
    background: #efeeec;
    padding: 0 0 47px;
}*/

.bridal--courses .title-dev {
    margin-top: 0
}

.bridal--courses .title-dev h2.h3-rep,
.bridal--courses .title-dev h3 {
    background: url(../images/icons/info.png) no-repeat left center;
    padding-left: 35px;
}

.bridal--courses ul {
    margin: 0 -30px;
    padding: 0;
    list-style: none;
}

.bridal--courses ul li {
    padding: 0 5px;
    float: left;
    width: 33.3333%
}

.bridal--courses ul li a {
    display: block
}

.bridal--courses ul li a img {
    width: 100%
}

.site--content .bridalcoordinator--occupation {
    position: relative;
    margin-bottom: 47px;
}

.site--content .bridalcoordinator--occupation .title-dev h2 {
    font-size: 23px;
    margin: 0 0 60px;
    padding: 0 0 15px;
    color: #ec9e50;
    font-weight: bold;
    position: relative;
    line-height: 35px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.site--content .bridalcoordinator--occupation .title-dev h2:after {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    background: url(../images/border-bottom5.png) bottom center no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site--content .bridalcoordinator--occupation .title-dev h3 {
    background: url(../images/icons/people.png) no-repeat left center;
    padding-left: 45px;
}

.site--content .bridalcoordinator--occupation ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.site--content .bridalcoordinator--occupation ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .bridalcoordinator--occupation ul li .box {
    border: 1px solid #b5b5b5;
    box-shadow: 10px 10px 0px 0px rgba(239, 238, 236, 1);
    border-radius: 5px;
    background: #ec9e50;
}

.site--content .bridalcoordinator--occupation ul li .box img.mainimg {
    width: 100%
}

.site--content .bridalcoordinator--occupation ul li .box p.title {
    text-align: center;
    margin: 20px;
}

.site--content .bridalcoordinator--class {
    position: relative;
    margin-bottom: 60px;
    text-align: center
}

.site--content .bridalcoordinator--class .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
}

.site--content .bridalcoordinator--lesson {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}

.site--content .bridalcoordinator--lesson .margin-bottom {
    margin-bottom: 0px
}

.site--content .bridalcoordinator--lesson .title-dev {
    margin-top: 0
}

.site--content .bridalcoordinator--lesson .title-dev h3 {
    background: url(../images/icons/book.png) no-repeat left center;
    padding-left: 50px;
}

.site--content .bridalcoordinator--lesson ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

.site--content .bridalcoordinator--lesson ul li {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.site--content .bridalcoordinator--lesson ul li .box {
    border-top: 15px solid #fab870;
    background: #fff;
    min-height: 435px;
}

.site--content .bridalcoordinator--lesson ul li .box img {
    width: 100%
}

.site--content .bridalcoordinator--lesson ul li .box .content {
    padding: 22px
}

.site--content .bridalcoordinator--lesson ul li .box .content p:first-child {
    color: #ec9e50;
    font-size: 18px;
    font-weight: 600
}

.site--content .bridalcoordinator--lesson ul li .box .content p:last-child {
    margin-bottom: 0
}

.site--content .admission--links {
    position: relative;
    margin: 47px 0 0
}

.site--content .admission--links .box {
    border: 1px solid #a0a0a0;
}

.site--content .admission--links ul {
    margin: 0 20px;
    padding: 0;
    list-style: none;
}

.site--content .admission--links ul li {
    float: left;
    width: 33.3333%;
    padding: 10px;
}

.site--content .admission--links ul li a {
    position: relative;
    display: block;
}

.site--content .admission--links ul li a img {
    width: 100%
}

.site--content .admission--links ul li a span {
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0
}

.site--content .admission--links ul li:nth-child(1) a span {
    background: #e26e78
}

.site--content .admission--links ul li:nth-child(2) a span {
    background: #ff9928
}

.site--content .admission--links ul li:nth-child(3) a span {
    background: #a1ca53
}

.site--content .admission--links ul li:nth-child(4) a span {
    background: #72befe
}

.site--content .admission--links ul li:nth-child(5) a span {
    background: #aa89bd
}

.site--content .admission--links ul li:nth-child(6) a span {
    background: #ba9c66
}

.site--content .admission--links ul li:nth-child(7) a span{
    background: #DD6402
}


.site--content .admission--links ul li ol {
    list-style: disc;
    margin: 20px 10px;
    min-height: 130px;
    display: block;
}

.site--content .admission--links ul li ol li {
    float: none;
    width: 100%;
    padding: 3px;
}

.site--content .admission--links ul li ol li a {
    color: #222;
    display: inline
}

.admission--pdf {
    position: relative;
    margin: 67px 0 80px;
}

.admission--pdf .title-dev h2 {
    background: url(../images/icons/pencil.png) no-repeat left center;
    padding-left: 45px;
    line-height: 33px;
    margin: 0 0 10px;
    display: inline-block;
    font-weight: bold;
}

.admission--pdf .button {
    text-align: center
}

.admission--pdf .button a {
    padding: 15px 50px;
    display: inline-block;
    margin: 10px auto 0;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
    font-size: 18px
}

.admission--pdf img {
    position: absolute;
    top: 0px;
    right: 150px
}

.site--content .admission_recruit--wanted {
    position: relative;
    margin-bottom: 47px;
}

.site--content .admission_recruit--wanted table {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.site--content .admission_recruit--wanted table tr th {
    border: 1px solid #bf9c3b;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #bf9c3b;
    padding: 5px;
}
.site--content .admission_recruit--wanted table tr th:first-child{
    width: 20%;
}
.site--content .admission_recruit--wanted table tr th:nth-child(3){
    width: 15%;
}
.site--content .admission_recruit--wanted table tr th:last-child{
    width: 15%;
}
.site--content .admission_recruit--wanted table tr {
    border: 1px solid #bf9c3b
}

.site--content .admission_recruit--wanted table tr td {
    border: 1px solid #bf9c3b;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    padding: 20px;
}

.site--content .admission_recruit--wanted table tr td h5 {
    margin: 0;
    padding: 0;
    color: #bf9c3b;
}

.site--content .admission_recruit--wanted table tr td.align-left {
    text-align: left
}

.site--content .admission_recruit--wanted table tr td.colored {
    background: #f5f0e2
}

.site--content .admission_recruit--wanted table tr td.br-3rd-cell {
    padding-left: 15px; 
    padding-right: 15px; 
}

.site--content .admission_recruit--wanted table tr td p {
    margin: 0;
    font-size: 14px;
}

.site--content .admission_recruit--wanted table tr td p span {
    font-size: 30px;
}

.site--content .admission_recruit--flow {
    position: relative;
    margin-bottom: 47px;
}

.site--content .admission_recruit--flow ul {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

.site--content .admission_recruit--flow ul li {
    float: left;
    width: 50%;
    padding: 0 15px;
    text-align: center;
}
.site--content .admission_recruit--flow ul li.rec-arrow{
    padding: 15px;
    text-align: center;
}

.site--content .admission_recruit--flow ul li.rec-arrow img{
    display: block;
    margin: 0 auto;
}

.site--content .admission_recruit--flow ul li:last-child table td {
    padding: 152.5px 20px;
    min-height: 505px;
}

.site--content .admission_recruit--flow ul li i {
    color: #bf9c3b;
    font-size: 50px
}

.site--content .admission_recruit--flow table {
    width: 100%
}

.site--content .admission_recruit--flow table tr th {
    border: 1px solid #bf9c3b;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #bf9c3b;
    padding: 5px;
}

.site--content .admission_recruit--flow table tr td {
    border: 1px solid #bf9c3b;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    padding: 20px;
}

.site--content .admission_recruit--flow table tr td .note {
    font-size: 14px;
}

.admission--menu {
    border-top: 1px solid #c8bfa5;
    padding: 40px 0;
}

.admission--menu ul {
    margin: 0 -3px;
    padding: 0;
    list-style: none;
}

.admission--menu ul li {
    float: left;
    width: 14.2%;
    padding: 0 3px
}

.admission--menu ul li a {
    display: block;
    border: 1px solid #bf9c3b;
    background: #bf9c3b;
    padding: 2.5px 10px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
}

.admission--menu ul li a:hover,
.admission--menu ul li.active a {
    background: #f5f0e2;
    color: #bf9c3b;
}
.site--content .admission .inner-note{
    font-size: 12px;
    color: #222;
    margin: 0px;
    margin-top: 20px;
    font-weight: normal;
}
.site--content .admission table.margin-bottom {
    margin-bottom: 47px
}

.site--content .admission table {
    width: 100%
}

.site--content .admission table tr th {
    border: 1px solid #bf9c3b;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #bf9c3b;
    padding: 5px;
}

.site--content .admission table tr td {
    border: 2px solid #bf9c3b;
    vertical-align: top;
    padding: 20px;
}
.site--content .admission table.expense-quad-table{
    border: 2px solid #bf9c3b !important;
}
.site--content .admission table.expense-quad-table tr td{
    border: 1px solid #bf9c3b !important;
    vertical-align: middle !important;
}
.site--content .admission table.expense-quad-table tr td:nth-child(1){
    padding-top: 26px;
    padding-right: 20px;
    padding-left: 20px;
}
.site--content .admission table.expense-quad-table tr td:nth-child(3),
.site--content .admission table.expense-quad-table tr td:nth-child(4){
    font-size: 16px !important;
}
.site--content .admission table.expense-quad-table tr td:nth-child(4){
    font-size: 22px !important;
    padding-right: 20px;
    padding-left: 20px;
}
.site--content .admission table.expense-quad-table tr td.sum{
    font-size: 22px !important;
    color: #bf9c3b;
}
.site--content .admission table tr:last-child td{
    border-bottom: 2px solid #bf9c3b;
}

.site--content .admission table tr td:first-child {
    color: #bf9c3b;
    font-size: 18px;
    font-weight: bold;
    border-right: 0;
    padding-left: 40px;
    padding-top: 16px;
}

.site--content .admission table tr td:last-child {
    border-left: 0
}

.site--content .admission table tr td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%
}

.site--content .admission table tr td ul li {
    display: table-cell;
    vertical-align: middle;
    color: #222;
    font-size: 14px;
    font-weight: normal
}

.site--content .admission table tr td ul li:first-child {
    padding: 20px 40px;
    width: 40%;
    background: #f5f0e2;
    border-right: 3px solid #fff;
}

.site--content .admission table tr td ul li:last-child {
    padding: 20px;
    width: 60%;
    background: #efeeec;
    border-left: 2px solid #fff;
}

.site--content .admission table tr td ul.text-center li {
    text-align: center;
    padding: 0;
    background: none;
}

.site--content .admission table tr td ul.text-center li i {
    color: #bf9c3b;
    font-size: 30px
}

.site--content .admission table tr td ul.text-center li img.arrow-down{
    margin: 10px auto;
    display: block;
    text-align: center;
}

.site--content .admission table tr td .font-normal {
    font-weight: normal;
    color: #222;
    font-size: 14px;
}

.site--content .admission table .inner-table tr th {
    font-size: 14px;
    border: 0;
    text-align: left
}

.site--content .admission table .inner-table tr td {
    border: 0;
    text-align: left;
    font-size: 14px;
    padding: 5px;
    color: #222;
    font-weight: normal
}

.site--content .admission table .inner-table tr td:first-child {
    text-align: center;
    width: auto;
}

.site--content .admission table .inner-table tr .text-center {
    text-align: center
}

.site--content .admission table .inner-table tr:nth-of-type(odd) {
    background: #f5f0e2
}

.site--content .admission table .inner-table2 tr th {
    font-size: 14px;
    text-align: center;
    color: #222;
    background: #f5f0e2
}

.site--content .admission table .inner-table2 tr td {
    text-align: center;
    font-size: 14px;
    padding: 5px;
    color: #222;
    font-weight: normal
}

.site--content .admission table .inner-table3 tr td {
    vertical-align: middle;
    padding: 5px;
    font-size: 14px;
    color: #222;
    font-weight: normal
}

.site--content .admission table .inner-table3 tr td{
    border: 1px solid #bf9c3b;
    width: auto;
    border-left: 0;
}
.site--content .admission table tr th.center,
.site--content .admission table tr td.center{
    text-align: center !important;
}
.site--content .admission table .inner-table3 tr td:last-child {
    border-right: 0
}

.site--content .admission table .inner-table3 tr td div {
    display: inline-block;
    width: 45%
}

.site--content .admission table .inner-table3.selection_mxdp_table{
    display: table;
    width: 100%;
    max-width: 500px;
}

.site--content .admission table tr td p.ntitle-o-bg{
    margin-bottom: 15px;
    margin-top: 5px;
}

.site--content .admission table tr td.bordered-lr{
    border-left: 2px solid #bf9c3b;
    border-right: 2px solid #bf9c3b;
}

#study-support-text{
	margin: 2rem 0;
}
#study-support-formula{
	margin: 2rem;
	margin-bottom: 60px;
}
#study-support-formula span{
	background-color: #bf9c3b;
	padding: 1rem;
	border-radius: 1rem;
	color: white;
	font-weight: bold;
	font-size: 18px;
}
#shogakukin-simulator{
	border: 2px solid black;
	padding: 2rem;
	margin-bottom: 50px;
}
#shogakukin-simulator a:hover{
	color: #337ab7;
}
#jasso table th,
#jasso table td{
	font-size: 14px !important;
	vertical-align: middle;
	padding: 1rem;
}
#jasso #jasso-flowchart{
	float:left;
	width: 100%;
}
#jasso #jasso-flowchart div{
	float: left;
	width: 48%;
}
#jasso #jasso-flowchart div:first-child{
	margin-right: 4%;
}
#loan table{
	margin-bottom: 50px;
}
#loan table th{
	text-align: center;
	color: #222;
	padding: 5px;
	background: #f5f0e2;
	border: 1px solid #bf9c3b;
	font-size: 14px;
	padding: 10px;
}
#loan table td{
	border: 1px solid #bf9c3b;
	text-align: center;
	font-size: 16px;
	color: black;
	font-weight: normal;
	font-size: 14px;
	padding: 10px;
}
@media only screen and (max-width: 767px){
	#study-support-formula{
		margin: 0;
		margin-bottom: 3rem;
	}
	#study-support-formula span{
		margin: 5px 0;
		display: inline-block;
		font-size: 14px;
		padding: 5px;
	}
	#jasso #jasso-flowchart div{
		width: 100%;
	}
	#jasso #jasso-flowchart div:first-child{
		margin-right: 0;
	}
}

.site--content .admission.admission_expense .inner-table2-1 {
    margin: 20px 0 10px 0;
}
.site--content .admission.admission_expense .inner-table2-1 th{
    font-size: 14px;
}
.site--content .admission.admission_expense .inner-table2-1 tr:last-child td{
    border-bottom: 1px solid #bf9c3b;
}
.site--content .admission.admission_expense .inner-table2-1 tr td{
    border: 1px solid #bf9c3b;
    text-align: center;
    font-size: 16px;
    color: black;
    font-weight: normal;
}
.site--content .admission.admission_expense .exp-slider-table{
    margin-bottom: 0;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table{
    margin: 20px 0;
    min-width: auto;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box1 th{
    font-size: 14px;
    border-left: 2px solid #f5f0e2;
    border-right: 2px solid #f5f0e2;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box1 th:first-child{
    border-left: 2px solid #bf9c3b;
    width: 30%;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box1 th:last-child{
    border-right: 2px solid #bf9c3b;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box1 td{
    font-size: 18px;
    text-align: center;
    color: #bf9c3b;
    vertical-align: middle;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box1 td:last-child{
    font-weight: bold;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 th{
    font-size: 14px;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 td{
    color: black;
    font-size: 18px !important;
    font-weight: normal; !important;
    text-align: center;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 tr:nth-child(1) th:first-child{
    border-left: 2px solid #bf9c3b;
    border-right: 2px solid #f5f0e2;
    width: 30%;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 tr:nth-child(1) th:last-child{
    border-bottom: 2px solid #f5f0e2;
    border-right: 2px solid #bf9c3b;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 tr:nth-child(2) th:nth-child(1){
    border-right: 2px solid #f5f0e2;
}
.site--content .admission.admission_expense .exp-slider-table .box-table table.box2 tr:nth-child(2) th:last-child{
    border-left: 2px solid #f5f0e2;
    border-right: 2px solid #bf9c3b;
}
.site--content .admission .inner-table2-1 tr th {
    font-size: 18px;
    text-align: center;
    color: #222;
    padding: 5px;
    background: #f5f0e2;
}

.site--content .admission .inner-table2-1 tr td {
    text-align: center;
    font-size: 18px;
    padding: 30px 0;
    color: #bf9c3b;
    font-weight: bold;
}

.site--content .admission .inner-table2-1 tr td div {
    font-weight: normal;
    font-size: 18px;
    color: #222
}

.site--content .admission .inner-table2-1 tr td p {
    font-size: 14px;
    margin: 0
}

.site--content .admission .inner-table2-1 tr td p:last-child {
    font-weight: normal;
    font-size: 12px;
    color: #222
}

.site--content .admission.admission_expense .box-table {
    border: 2px solid #bf9c3b;
    padding: 20px;
    margin: 20px 0 47px;
}

.site--content .admission.admission_expense .box-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.site--content .admission.admission_expense .box-table ul li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
    color: #bf9c3b;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.site--content .admission.admission_expense .box-table ul li span {
    display: block;
    font-size: 12px
}

.site--content .admission ._table h4 {
    background: #f5f0e2;
    text-align: center;
    color: #bf9c3b;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0
}

.site--content .admission ._table h4 span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px
}

.site--content .admission ._table .bordless {
    width: auto
}

.site--content .admission ._table .bordless tr th,
.site--content .admission ._table .bordless tr td {
    border: 0;
    background: none;
    text-align: left;
    font-size: 18px;
    padding: 5px;
}

.site--content .admission ._table .bordless tr td {
    padding: 5px 20px
}

.site--content .admission ._table .bordless tr th {
    color: #bf9c3b;
}

.site--content .admission .table2 tr {
    background: #f5f0e2
}

.site--content .admission .table2 tr:nth-of-type(odd) {
    background: #e6e0d1
}

.site--content .admission .table2 tr th,
.site--content .admission .table2 tr td {
    border: 0;
    vertical-align: middle;
}

.site--content .admission .table2 tr td,
.site--content .admission .table2 tr td:first-child {
    color: #222;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 15px;
}

.site--content .admission .table2 tr td.strong {
    font-weight: bold
}

.site--content .admission .table2 tr td.big {
    font-size: 18px;
}

.site--content .admission .table2.table-school_support tr td:nth-child(2) {
    width: 36%
}

.site--content .admission.admission_dormitory .table3 tr th,
.site--content .admission.admission_dormitory .table3 tr td {
    border: 1px solid #bf9c3b;
    vertical-align: middle;
}

.site--content .admission.admission_dormitory .table3 tr td {
    color: #222;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    padding: 15px;
}

.site--content .admission.admission_dormitory .table3 tr td:first-child {
    color: #222;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: #f5f0e2
}

.site--content .admission.admission_dormitory .table3 tr td.strong {
    font-weight: bold
}

.site--content .admission.admission_dormitory .table3 tr td.big {
    font-size: 18px;
}

.site--content .admission.admission_dormitory .table3 tr td.big span {
    display: block;
    font-size: 14px;
    font-weight: normal
}

.site--content .admission.admission_dormitory .table3 tr td.center {
    text-align: center
}

.site--content .admission.admission_dormitory .table3 tr td img {
    width: 100%;
}

.site--content .admission.admission_dormitory .note {
    margin: 10px 0 30px;
    font-size: 12px;
}

.site--content .admission.admission_dormitory .dormitory--info {
    margin-bottom: 47px;
    padding: 15px 20px 20px;
    background: #efeeec;
}

.site--content .admission.admission_dormitory .dormitory--info h5 {
    border-bottom: 1px solid #bf9c3b;
    margin: 0 0 20px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

.site--content .admission.admission_dormitory .dormitory--info td {
    border: 0;
    padding: 10px;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.site--content .admission.admission_dormitory .dormitory--info td p {
    color: #222;
    margin: 0;
}

.site--content .admission.admission_dormitory .dormitory--info td:first-child p:first-child {
    font-size: 16px;
    font-weight: bold
}

.site--content .admission.admission_dormitory .dormitory--info td:last-child {
    text-align: center
}

.site--content .admission.admission_dormitory .dormitory--info td:last-child p:first-child {
    font-size: 27px;
    font-weight: bold
}

.site--content .admission .table4 th,
.site--content .admission .table4 td {
    border: 0;
}

.site--content .admission .table4 td {
    background: #f5f0e2;
    padding: 20px;
    vertical-align: top;
    border-bottom: 3px solid #fff;
}

.site--content .admission .table4 td:first-child {
    background: #e6e0d1;
    color: #222;
    text-align: left;
    width: 25%;
}

.site--content .admission .table4 td:first-child span {
    display: block;
    font-size: 14px
}

.site--content .admission .table4 td a {
    color: #bf9c3b;
    font-weight: bold
}

.site--content .admission .table4 td p {
    margin: 0
}

.site--content .admission .table4 td img {
    margin: 10px 0
}

.site--content .admission .table4 td ._note {
    font-size: 12px
}

.site--content .access--map {
    margin: 47px 0 67px;
    text-align: center;
}

.site--content .access--map iframe {
    width: 80%;
    height: 450px;
    margin: 0 auto 47px;
    display: block;
}

.site--content .access--map h5 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #bf9c3b
}

.site--content .access--map p {
    font-size: 16px
}


/******** MOBILE ********/

.sp-view .site--navigation h1 {
    margin: 0;
    /*padding: 20px 0;*/
    padding:10px 0;
    text-align: center;
    /*border-bottom: 1px solid #c8bfa5;*/
    position: relative;
}

.sp-view .site--navigation h1 img {
    width: 35%;
}

.sp-view .site--navigation button {
    position: absolute;
    top: 50%;
    margin: -23px 0 0;
    right: 20px;
    font-size: 40px;
    color: #bf9c3b;
    padding: 0;
}

.sp-view .site--navigation .menu {
    position: relative
}

.sp-view .site--navigation .menu ul.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -1px;
    right: 0;
    width: 90%;
    background: #fff;
    border-top: 1px solid #c8bfa5;
    z-index: 1;
}

.sp-view .site--navigation .menu ul.navigation li {
    border-bottom: 1px solid #c8bfa5;
    border-left: 1px solid #c8bfa5;
    z-index: 1
}

.sp-view .site--navigation .menu ul.navigation li a {
    display: block;
    padding: 10px 10px 10px 35px;
    color: #33312a;
    font-size: 18px;
}

.sp-view .site--navigation .menu ul.navigation li.m1 a {
    background: url(../images/navigation/icon1.png) no-repeat 10px center;
}

.sp-view .site--navigation .menu ul.navigation li.m2 a {
    background: url(../images/navigation/icon2.png) no-repeat 10px center;
}

.sp-view .site--navigation .menu ul.navigation li.m3 a {
    background: url(../images/navigation/icon3.png) no-repeat 10px center;
}

.sp-view .site--navigation .menu ul.navigation li.m4 a {
    background: url(../images/navigation/icon4.png) no-repeat 10px center;
}

.sp-view .site--navigation .menu ul.navigation li.m5 a {
    background: url(../images/navigation/icon5.png) no-repeat 10px center;
}

.sp-view .site--navigation .menu ul.navigation li.m6 a {
    background: url(../images/navigation/icon6.png) no-repeat 10px center;
}

.sp-view .site--navigation ul.buttons {
    margin: 0;
    padding: 0;
    list-style: none
}

.sp-view .site--navigation ul.buttons li {
    float: left;
    width: 33.3333%;
    padding: 2px;
}

.sp-view .site--navigation ul.buttons li a {
    font-size: 18px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 10px 0;
}

.sp-view .site--navigation ul.buttons li a i {
    margin-right: 10px
}

.sp-view .site--navigation ul.buttons li:nth-child(1) a {
    background: url(../images/icons/angle-right.png) no-repeat 95% center #be9c3b;
}

.sp-view .site--navigation ul.buttons li:nth-child(2) a {
    background: url(../images/icons/angle-right.png) no-repeat 95% center #e26e78;
}

.sp-view .site--navigation ul.buttons li:nth-child(3) a {
    background: url(../images/icons/angle-right.png) no-repeat 95% center #043d58;
}

.sp-view .site--navigation ul.buttons li:nth-child(1) a,
.sp-view .site--navigation ul.buttons li:nth-child(2) a,
.sp-view .site--navigation ul.buttons li:nth-child(3) a{
    background-size: 7px;
}

.nlabel {
    font-size: 18px !important;
    font-weight: normal !important;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 8px 15px;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  float: right;
  outline: transparent; }
  .hamburger:hover {
    opacity: 0.7; }
  @media screen and (max-width: 767px) {
    .hamburger {
      display: inline-block; } }

.hamburger--box {
  width: 40px;
  height: 28px;
  display: inline-block;
  position: relative; }

.hamburger--inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger--inner, .hamburger--inner:before, .hamburger--inner:after {
    width: 40px;
    height: 4px;
    background-color: #bf9c3b;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger--inner:before, .hamburger--inner:after {
    content: "";
    display: block; }
  .hamburger--inner:before {
    top: -10px; }
  .hamburger--inner:after {
    bottom: -10px; }

.custom--extra {
  display: block;
  top: 29px;
  margin-top: -2px; }
  .custom--extra {
    width: 40px;
    height: 4px;
    background-color: #bf9c3b;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }

.hamburger--slider .hamburger--inner {
  top: 5px; }
  .hamburger--slider .hamburger--inner:before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger--inner:after {
    top: 20px; }
.hamburger--slider.is--active .hamburger--inner {
  top: 8px;
  transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is--active .hamburger--inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is--active .hamburger--inner:after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
.hamburger--slider.is--active .custom--extra {
  transform: rotate(0) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.video--banner{ 
    position:relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.video--banner img{ 
    display: none; 
    width:100%;
}
.video--banner #myVideo { 
    width:100%; 
    height:100%;
}
.video--banner .button { 
    position: absolute; 
    bottom: 80px; 
    color: #f1f1f1; 
    width: 100%; 
    padding: 20px;
    text-align: right; 
}
.video--banner .button #myBtn { 
    width: 200px; 
    font-size: 18px; 
    padding: 10px; 
    border: none; 
    background: #bf9c3b; 
    color: #fff; 
    cursor: pointer; 
}
.video--banner .button #myBtn:hover { 
    background: #a98933; 
    color: #fff; 
}
.site--content .admission table .inner-table2.selection-sub-table1{
    table-layout: fixed;
    width: 100%;
}
.site--content .admission table .inner-table2.selection-sub-table1 tr th,
.site--content .admission table .inner-table2.selection-sub-table1 tr td{
    vertical-align: middle;
}
.site--content .admission table .inner-table2.selection-sub-table1 tr td{
    border-bottom: 1px solid #bf9c3b;
    border: 1px solid #bf9c3b;
    width: 20%;
}
.site--content .admission table .inner-table2.selection-sub-table1 tr td:first-child,
.site--content .admission table .inner-table2.selection-sub-table1 tr td:last-child{
    border: 1px solid #bf9c3b;
}


.site--content .admission table.expense-solo tr td{
    border-bottom: 0px !important;
}
.site--content .admission table.expense-solo2 tr td{
    border-bottom: 0px !important;
}

.site--content .admission table.expense-solo2 tr:not(:first-child) td, 
.site--content .admission table.expense-solo2 tr:not(:last-child) td{
    border-bottom: 0px !important;
    border-top: 0px !important;
}
.site--content .admission table.expense-solo tr td:first-child{
    padding-left: 20px;
}
.expense-wtitle{
    padding: 9px !important
}
.expense-ytitle{
    padding: 10px !important;
}

.site--content .admission table.dormitory_table tr td.padded{
    padding-left: 40px;
}

.dorm_solo_link{
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
}
.dorm_solo_link2{
    margin-bottom: 0px;
}
.site--content .admission table.expense-solo3 tr:not(:first-child) td, 
.site--content .admission table.expense-solo3 tr:not(:last-child) td{
    border-bottom: 4px solid #fff !important;
    border-top: 0px !important;
}
.site--content .admission .table4 td img.loan-banner-img{
    display: block;
    margin: 15px 0;
}

.site--content .admission_recruit--wanted table tr td h5.wanted-title{
    font-size: 18px;
}
.site--content .admission_recruit--wanted table,
.site--content .admission_recruit--flow table.rec-table{
    border-left: 2px solid #bf9c3b !important;
    border-right: 2px solid #bf9c3b !important;
    border-bottom: 2px solid #bf9c3b !important;
}

.site--content .admission_recruit--flow table.rec-table.rec-table-singles{
     border-left: 2px solid #bf9c3b !important;
    border-right: 2px solid #bf9c3b !important;
    border-top: 2px solid #bf9c3b !important;
    border-bottom: 2px solid #bf9c3b !important;
}
.site--content .admission_recruit--wanted table tr td.br-bot{
    border-bottom: 2px solid #bf9c3b !important;
}
.site--content .admission_recruit--flow table.rec-table.rec-table-singles.single-line tr td{
    line-height: 100% !important;
    padding: 40.8px 20px !important;
}
.rec-2f-tab{
    display: block;
    padding-left: 20px;
}

.site--content .admi-dev .title-dev h2{
    margin: 0 0 10px;
    display: inline-block;
    font-weight: bold;
    font-size:24px;
}

.department-persona-box{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 320px;
    height: 520px;
    margin: 0 auto;
}
.department-persona-box.dpb-01{
    background-image: url(../images/department_persona/hotel_off.png);
}
.department-persona-box.dpb-01:hover{
    background-image: url(../images/department_persona/hotel_on.png);
}

.department-persona-box.dpb-02{
    background-image: url(../images/department_persona/inter-h_off.png);
}
.department-persona-box.dpb-02:hover{
    background-image: url(../images/department_persona/inter-h_on.png);
}

.department-persona-box.dpb-03{
    background-image: url(../images/department_persona/bridal-p_off.png)
}
.department-persona-box.dpb-03:hover{
    background-image: url(../images/department_persona/bridal-p_on.png)
}

.department-persona-box.dpb-04{
    background-image: url(../images/department_persona/bridal-c_off.png)
}
.department-persona-box.dpb-04:hover{
    background-image: url(../images/department_persona/bridal-c_on.png)
}
.video--banner .slick-box{
    width: 100%;
    display: none;
}
.video--banner .slick-box .slider-slide img.has-link{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.video--banner .slick-box .slider-slide img.has-link:hover{
    cursor: pointer;
    opacity: 0.75;
}
.slick-slide img{
    width:100%;
    max-width:100%;
}
.slick-list{
    padding: 0px !important;
}

/* oc page style start */
.site--content .oc--top{ 
     background-size:cover; }
.oc--breadcrumbs{
    position: absolute;
}
.site--content .oc--top .level1{ position: relative; }
.site--content .oc--top .level1 img{ width: 100%; margin: -42px 0 0; }
.site--content .oc--top .level1 p{ font-size:18px; position: absolute; width: 30%; z-index:1; top:10%; right:10%; }
.site--content .oc--top .level2{ position: relative; margin-top:-100px }
.site--content .oc--top .level2 img{ width: 100%; }
.site--content .oc--top .level2 .circle{ position: absolute; width: 300px; z-index:1; top:8%; left:38%; }
.site--content .oc--top .level2 .circle p{ font-size: 18px }
.site--content .oc--top .level2 .circle p:first-child{ font-size: 30px; font-weight: bold }
.site--content .oc--top .level3{ position: relative; margin-top:-280px }
.site--content .oc--top .level3 img{ width: 100%; }
.site--content .oc--top .level3 .circle{ position: absolute; width: 326px; z-index:1; top:25%; right:33%; }
.site--content .oc--top .level3 .circle p{ font-size: 18px; text-align:right; }
.site--content .oc--top .level3 .circle p:first-child{ font-size: 30px; font-weight: bold }
.site--content .oc--top .level4{ position: relative; margin-top:-100px }
.site--content .oc--top .level4 img{ width: 100%; }
.site--content .oc--top .level4 .circle{ position: absolute; width: 400px; z-index:1; top:15%; left:44%; }
.site--content .oc--top .level4 .circle p{ font-size: 18px }
.site--content .oc--top .level4 .circle p:first-child{ font-size: 30px; font-weight: bold }
.site--content .oc--top .level5{ position: relative; margin-top:-115px }
.site--content .oc--top .level5 img{ width: 100%; }
.site--content .oc--top .level5 .circle{ position: absolute; width: 326px; z-index:1; top:45%; right:20%; }
.site--content .oc--top .level5 .circle p{ font-size: 18px; }
.site--content .oc--top .level5 .circle p:first-child{ font-size: 30px; font-weight: bold }
.site--content .oc--top .level5 .menu{ position:absolute; background: #fff; border: 1px solid #dcdcdc; padding: 20px; top:5%; left:10%; width:420px; }
.site--content .oc--top .level5 .menu h5{ margin: 0 0 20px; font-size:24px; font-weight: bold; border-bottom: 2px solid #dcdcdc; padding-bottom: 10px; text-align: center }
.site--content .oc--top .level5 .menu h5 span{ font-size: 14px; margin-left: 5px }
.site--content .oc--top .level5 .menu ul{ margin: 0; padding: 0; display: inline-block; width:50%; list-style: none; vertical-align:top }
.site--content .oc--top .level5 .menu ul li a{ color: #222 }

.site--content .oc--consultation{ position: relative; margin: 47px 0 }
.site--content .oc--consultation:before{ background: #c3737f; position:absolute; top: 50px; bottom:50px; left:0; right:0; content:"" }

.site--content .oc--consultation .image--contsultation{
    display: inline-block;
    width: 47.33333%;
    padding: 0 20px;
}
.site--content .oc--consultation img{width: 100%;}
.site--content .oc--consultation .content{ 
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 0 20px;
    width: 47.33333%;
 }
.site--content .oc--consultation .content h5{ margin: 0; padding: 0 0 0 75px; font-size: 34px; font-weight: bold; background:url(../images/icons/meeting.png) no-repeat left top; } 
.site--content .oc--consultation .content p{ margin: 20px 0 0; font-size: 18px; }

.site--content .oc--metting{ position: relative; margin-bottom: 47px }
.site--content .oc--metting .title-dev h3{ background:url(../images/icons/walking.png) no-repeat left center; padding: 12px 0 12px 45px; }
.site--content .oc--metting .button{ text-align: center }
.site--content .oc--metting .button a{ 
    padding: 10px 0; 
    display: inline-block; 
    margin: 0 auto; 
    color: #fff; 
    border-radius: 3px; 
    text-align: center; 
    background:url(../images/icons/angle-right.png) no-repeat 95% center #1e7dc6; 
    font-size:24px;
    font-weight: bold;  
    max-width: 496px;
    width: 100%;
 }

.site--content .oc--schedule{ width: 90%; position: relative; margin: 0 auto 47px; border: 3px solid #e5e5e5; padding: 30px 20px; }
.site--content .oc--schedule .title-dev{ margin: 0 0 20px }
.site--content .oc--schedule .title-dev h3{ background:url(../images/icons/calendar.png) no-repeat left center; padding-left: 35px; }
.site--content .oc--schedule ul{ list-style: none; margin: 0; padding: 0 }

.site--content .oc--schedule table.event-schedule{

}
.site--content .oc--schedule table.event-schedule td{
	padding: 10px;
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
	font-size: 15px;
}
.site--content .oc--schedule table.event-schedule{

}


.site--content .oc--schedule {
    width: 90%;
    position: relative;
    margin: 0 auto 47px;
    border: 3px solid #e5e5e5;
    padding: 30px 20px;
}
.site--content .oc--schedule .title-dev h3 {
    background: url(../images/icons/calendar.png) no-repeat left center;
    padding-left: 35px;
}
.site--content .oc--schedule ul{
	padding: 0;
	margin: 0;
}
.site--content .oc--schedule > ul{
}
.site--content .oc--schedule .event-schedule li{
	list-style-type: none;
	font-size: 15px;
}
.site--content .oc--schedule .event-schedule li div{
	padding: 2px;
}
.site--content .oc--schedule .event-schedule > li{
	display: flex;
    align-items: center;
    border: 1px solid #d2d2d2;
	padding: 20px;
	margin-bottom: 10px;
}
.site--content .oc--schedule .event-schedule > li:nth-child(odd){
    background: aliceblue;
}
.site--content .oc--schedule .event-schedule .date{
	width: 12%;
	font-size: 1.7rem;
    color: #1e7dc6;
    font-weight: bold;
}
.site--content .oc--schedule .event-schedule .schedule{
	width: 68%;
}
.site--content .oc--schedule .event-schedule .link{
	width: 20%;
	text-align: right;
	font-size: 13px;
}
.site--content .oc--schedule .event-schedule .schedule ul li{
	display: flex;
    align-items: center;
}
.site--content .oc--schedule .event-schedule .schedule ul li:not(:first-child){
    border-top: 1px solid #d2d2d2;
    margin-top: 1rem;
    padding-top: 1rem;
}
.site--content .oc--schedule .event-schedule .schedule ul li .title{
	width: 60%;
}
.site--content .oc--schedule .event-schedule .schedule ul li .time{
	width: 40%;
}
.site--content .oc--schedule .event-schedule a{
	color: #fff;
	transform: translateY(-50%);
	padding: 3px 25px;
	border-radius: 3px;
	background: url(../images/icons/angle-right.png) no-repeat 95% center #1e7dc6;
}

.site--content .oc--footerlinks{ background: #efeeec; padding: 40px 0; position: relative; }
.site--content .oc--footerlinks ul{ list-style: none; margin:0; padding:0 }
.site--content .oc--footerlinks ul li{ float: left; padding:15px; width: 50% }
.site--content .oc--footerlinks ul li .box{ background: #fff; padding: 20px 40px; border-radius: 5px; }
.site--content .oc--footerlinks ul li .box h5{ margin:0 0 20px; padding: 0; font-size: 24px; font-weight: bold; text-align: center; }
.site--content .oc--footerlinks ul li .box h5 img{ margin: 0 15px }
.site--content .oc--footerlinks ul li .box p{ margin: 0 0 20px; min-height: 90px; }
.site--content .oc--footerlinks ul li .box .button{ text-align: center; }
.site--content .oc--footerlinks ul li .box .button a{ color: #fff; padding:10px; width: 80%; border-radius: 3px; display:block; margin: 0 auto; font-size: 16px; }
.site--content .oc--footerlinks ul li:first-child .box .button a{background:url(../images/icons/angle-right.png) no-repeat 95% center #bf9c3b; }
.site--content .oc--footerlinks ul li:last-child .box .button a{background:url(../images/icons/angle-right.png) no-repeat 95% center #c47380; }
.oc--marginnone{
    margin-bottom: 0;
}
/* oc page style end */

a.linkcolor{ color: #222; }


/* ---------- add ---------- */

/* for course*/
.course-title-logo{
	margin-top: 20px;
	text-align: center;
}
.site--content .castwell--course-index ul{
	padding: 0;
}
.site--content .castwell--course-index ul li {
    float: left;
    width: 33.33333%;
    padding: 0 10px;
    color: #fff;
    text-align: center;
}
.site--content .castwell--course-index .button a {
    padding: 5px 50px;
    display: inline-block;
    margin: 39px auto 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    background: url(../images/icons/angle-right.png) no-repeat 95% center;
}
.site--content .castwell--course-index .airline .button a {
	background-color: #88B5D3;
}
.site--content .castwell--course-index .hotel .button a {
	background-color: #EBA3B4;
}
.site--content .castwell--course-index .communication .button a {
	background-color: #FF6E00;
}

@media screen and (max-width: 767px) {
	.site--content .castwell--course-index ul li {
		width: 50%;
		margin-bottom: 30px;
		min-height: 380px;
	}
	.site--content .castwell--course-index .button a{
		padding: 5px 15px;
		font-size: 14px;
	}
}
.site--content .hotelinner--occupation ul li .box p.title,
.site--content .hotelinter--occupation ul li .box p.title,
.site--content .bridalplanner--occupation ul li .box p.title
{
  background: url(../images/occupation-title.png) bottom center no-repeat;
  width: 100%;
  height: 43px;
  margin: 20px 0;
  padding-top: 12px;
  font-weight: bold;
}
.site--content .hotelinner--occupation ul li .box p.title{
  color: #5b4f85;
}
.site--content .hotelinter--occupation ul li .box p.title{
  color: #43724F;
}
.site--content .bridalplanner--occupation ul li .box p.title{
  color: #b87f85;
}
.site--content .bridalplanner--lesson ul li .box .content {
    min-height: 220px;
}

/* for department*/
.castwell--department-title{
    position: relative;
    margin-bottom: 60px;
}
.castwell--department-title p:nth-child(2){
	position: absolute;
    width: 40%;
    top: 28%;
    left: 50%;
}
.castwell--department-title p:nth-child(3){
	text-align: center;
	font-size: 18px;
	margin-top: 40px;
}
.castwell--course-message{
	float: left;
	width: 100%;
	margin: 120px 0;
	border: 1px solid;
	padding: 30px;
}
.castwell--course-teacher{
	float: left;
	width: 40%;
	padding: 0 50px;
}
.castwell--course-comment{
    width: 60%;
	float: left;
}
.castwell--course-teacher img{
	width: 80%;
}


.oc--intro{
	margin-top: 50px;
	text-align:center;
}
.oc--intro p:nth-child(2) img{
	width: 600px;
}
.oc--intro div img:nth-child(1){
	float: left;
	width: 400px;
	margin-right: 30px;
}
.oc--intro div img:nth-child(2), .oc--intro div img:nth-child(3){
	width: 300px;
}
.oc--intro div img:nth-child(3){
	padding-top: 44px;
}
.oc--intro div img:nth-child(4){
	width: 600px;
}
.oc--experience li{
	float: left;
	width: 49%;
	list-style-type: none;
	margin-bottom: 20px;
}
.oc--experience li:nth-child(odd){
	margin-right: 2%;
}
.oc--experience-lead {
	margin-top: 70px;
	margin-bottom: 30px;
}
.oc--experience-lead p:nth-child(1){
	float: left;
	font-size: 30px;
	margin-right: 50px;
	margin-left: 160px;
}

.site--content .schoolguidecast--support .title-dev h2.h3-rep, .site--content .schoolguidecast--support .title-dev h3{
	background: none;
	padding: 0;
	margin-bottom: 20px;
}
.site--content .schoolguidecast--support .title-dev h3{
	width: 80%;
}
.site--content .schoolguidecast--support .title-dev .step-image{
	width: 70%;
	margin: 40px 0;
}
.site--content .steps-title{
	display: block;
}
.site--content .steps-title.step01-dev, .site--content .steps-title.step02-dev, .site--content .steps-title.step03-dev, .site--content .steps-title.step04-dev{
	background-image: none;
}
.site--content .steps-title img.step{
	width: 10%;
	margin-bottom: 20px;
}
.site--content .steps-title img.title{
	width: 60%;
}
.site--content .schoolguidecast--qualification ul li{
	width: 50%;
	position: relative;
}
.site--content .schoolguidecast--qualification .title span{
	background-color: #51B0C9;
	color: white;
	font-size: 12px;
	padding: 4px;
	margin-left: 10px;
}
.rate{
	position: absolute;
	width: 120px;
	top: -50px;
}
.site--content .schoolguidecast--qualification ul li p.rate2{
	float: left;
	width: 80px;
	margin-right: 20px;
}
.site--content .schoolguidecast--qualification ul{
	margin-top: 50px;
}
.site--content .schoolguidecast--qualification ul li p.rate + p, .site--content .schoolguidecast--qualification ul li p.rate2 + p{
	margin-top: 40px;
}
.site--content .schoolguidecast--qualification ul li.top2 .title{
	text-align: left;
    padding-left: 140px;
}
.site--content .schoolguidecast--qualification ul li p.rate2 + p{
	overflow: hidden;
}
.site--content .schoolguidecast--support2 ul li .box p{
	margin: 20px;
}
.site--content .schoolguidecast--support2 ul li .box p font {
	color: #bbdbf3;
	margin-right: 10px;
}
.site--content .schoolguidecast--support2 ul li .box p.visit{
	font-size: 11px;
}
.site--content .schoolguidecast--support2 ul li .box .box-inner{
	min-height: 160px;
}
.site--content .schoolguidecast--support3 table td{
	padding: 20px;
	vertical-align: top;
}
.site--content .schoolguidecast--support3 table td:first-child{
	width: 40%;
}
.site--content .schoolguidecast--support3 table td:first-child img{
	border-radius: 8px;
}
.site--content .schoolguidecast--support3 table p{
	margin: 20px 0;
}
.site--content .schoolguidecast--support3 table p.company{
	font-size: 11px;
}
.site--content .schoolguidecast--special-course ul{
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.site--content .schoolguidecast--special-course ul li{
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}
.site--content .schoolguidecast--special-course ul li p:first-child{
    border-top: 1px solid #dca58c;
    border-bottom: 1px solid #dca58c;
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 15px 0;
    font-weight: 600;
    margin-bottom: 25px;
}
.site--content .schoolguidecast--special-course ul li p:first-child:after{
	content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #dca58c;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
}
.site--content .schoolguidecast--student-voice {
	margin-top: 90px;
}
.site--content .schoolguidecast--student-voice img.title{
    width: 30%;
    position: absolute;
    top: -50px;
}
.site--content .schoolguidecast--student-voice p.title{
    font-size: 16px;
	color: #51B0C9;
	font-weight: bold;
}
.site--content .schoolguidecast--student-voice p.point{
	text-align: center;
}
.site--content .schoolguidecast--student-voice .photo{
	margin-top: 20px;
	text-align:center;
}
.site--content .schoolguidecast--student-voice .from{
	text-align: center;
}
.site--content .schoolguidecast--student-voice .photo img{
	width: 80%;
}
.site--content .schoolguidecast--student-voice table{
	border: 2px solid #51B0C9;
    border-radius: 10px;
    width: 100%;
    
}
.site--content .schoolguidecast--student-voice table td:nth-child(1){
	width: 50%;
}
.site--content .schoolguidecast--student-voice table ul{
	padding: 0;
	list-style-type:none;
}
.site--content .schoolguidecast--student-voice td{
	padding: 10px 30px;
}
.site--content .schoolguidecast--support3 .note {
    background: #efeeec;
    padding: 20px 50px;
    text-align: center;
    margin-top: 30px;
}
.site--content .schoolguidecast--support3 .note h5 {
    margin: 0;
    color: #aa8646;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
.site--content .schoolguidecast--support3 .note h5 span {
	font-size: 70%;
}
.schoolguidefacility ul{
	margin-top: 50px;
}
.schoolguidefacility li{
	float: left;
	width: 48%;
	list-style-type: none;
	min-height: 480px;
}
.schoolguidefacility li p:nth-child(1){
	border-top: 2px solid #aa8646;
	color: #aa8646;
	font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}
.schoolguidefacility li:nth-child(odd){
	margin-right: 2%;
}
.schoolguidefacility li:nth-child(even){
	margin-left: 2%;
}
.schoolguideprofile--message .message-area{
	position: absolute;
	top: 130px;
	width: 48%;
	left: 500px;
	background-color: rgba( 255, 255, 255, 0.45 );
	padding: 2rem 4rem;
}
.schoolguideprofile--message .message p{
	margin: 20px 0;
}
.schoolguideprofile h3{
	width: 100%;
}
.schoolguideprofile--profile{
	margin: 100px 0;
}
.schoolguideprofile--profile img{
	float: left;
	width: 40%;
}
.schoolguideprofile--profile .profile-text{
	float: right;
	width: 55%;
	padding: 20px;
}
.schoolguideprofile--history{
	margin-bottom: 100px;
}
.schoolguideprofile--history img{
	float: right;
	width: 40%;
	margin-bottom: 10px;
}
.schoolguideprofile--history table{
	width: 55%;
	float: left;
	border-top: 1px solid #ccc;
}
.schoolguideprofile--history table th, .schoolguideprofile--history table td{
	border-bottom: 1px solid #ccc;
	padding: 7px;
}
.schoolguideprofile--greeting{
	margin-bottom: 100px;
}
.schoolguideprofile--greeting img{
	float: right;
	width: 40%;
	margin-bottom: 10px;
}
.schoolguideprofile--greeting .greeting-text{
	width: 55%;
	float: left;
}
.schoolguideprofile--greeting .greeting-text .sign{
	text-align: right;
	margin-top: 3rem;
}

.schoolguideprofile--profile  .button a{
    padding: 8px 50px;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
    border-radius: 3px;
    text-align: center;
    background: url(../images/icons/angle-right.png) no-repeat 95% center #033d58;
}
.course-calendar-notice{
	margin-top: 20px;
}
.course-calendar-notice span{
	display: inline-block;
	width: 2rem;
}
.course-calendar-special span.hotel{
	background-color: #DEDCE7;
}
.course-calendar-special span.international-hotel{
	background-color: #DAE0D7;
}
.course-calendar-special span.bridal{
	background-color: #F7E5E8;
}

/* ホテルコース詳細 */
.site--content .hotelinner--voice {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}
.hotelinner--voice ul{
	padding: 0;
	background: #fff;
	float: left;
}
.hotelinner--voice ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 42px;
}
.hotelinner--voice ul li:first-child{
}
.hotelinner--voice ul li img{
	width: 100px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}
.hotelinner--voice ul li p:nth-of-type(2){
	padding-top: 20px;
	border-top: 2px dotted black;
	clear: both;
}
.hotelinner--voice h3 img{
    width: 300px;
    position: absolute;
    left: -30px;
    top: -30px;
}
.hotelinner--point ul {
	padding: 0;
}
.hotelinner--point ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 0 30px;
}
.hotelinner--point ul li ul li{
	width: 100%;
}
.hotelinner--point ul li h3{
	text-align: center;
}
.hotelinner--point ul li:nth-child(1) h4{
	border-bottom: 1px solid #aa8646;
	text-align: center;
	padding: 10px 0;
	color: #aa8646;
}
.hotelinner--point ul li:nth-child(1) li{
	margin-bottom: 10px;
}
.hotelinner--point ul li:nth-child(2) li{
	padding: 0;
}
.hotelinner--point ul li:nth-child(2) h3{
	font-size: 18px;
	background-color: #5b4f85;
	color: white;
	padding: 5px;
	border-radius: 6px;
}
.hotelinner--point ul li:nth-child(2) li{
	margin: 5px;
}

/* 国際ホテルコース詳細 */
.site--content .hotelinter--voice {
    position: relative;
    padding: 40px 0 50px 0;
    background: #efeeec;
}
.hotelinter--voice ul{
	padding: 0;
	background: #fff;
	float: left;
}
.hotelinter--voice ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 42px;
}
.hotelinter--voice ul li:first-child{
}
.hotelinter--voice ul li img{
	width: 100px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}
.hotelinter--voice ul li p:nth-of-type(2){
	padding-top: 20px;
	border-top: 2px dotted black;
	clear: both;
}
.hotelinter--voice h3 img{
    width: 300px;
    position: absolute;
    left: -30px;
    top: -30px;
}
.hotelinter--studypoint ul {
	padding: 0;
}
.hotelinter--studypoint ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 0 30px;
}
.hotelinter--studypoint ul li ul li{
	width: 100%;
}
.hotelinter--studypoint ul li h3{
	text-align: center;
}
.hotelinter--studypoint ul li:nth-child(1) h4{
	border-bottom: 1px solid #aa8646;
	text-align: center;
	padding: 10px 0;
	color: #aa8646;
}
.hotelinter--studypoint ul li:nth-child(1) li{
	margin-bottom: 10px;
}
.hotelinter--studypoint ul li:nth-child(2) li{
	padding: 0;
}
.hotelinter--studypoint ul li:nth-child(2) h3{
	font-size: 18px;
	background-color: #43724F;
	color: white;
	padding: 5px;
	border-radius: 6px;
}
.hotelinter--studypoint ul li:nth-child(2) li{
	margin: 5px;
}

/* ホテルブライダルコース詳細 */
.bridal--point ul {
	padding: 0;
}
.bridal--point ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 0 30px;
}
.bridal--point ul li ul li{
	width: 100%;
}
.bridal--point ul li h3{
	text-align: center;
}
.bridal--point ul li:nth-child(1) h4{
	border-bottom: 1px solid #aa8646;
	text-align: center;
	padding: 10px 0;
	color: #aa8646;
}
.bridal--point ul li:nth-child(1) li{
	margin-bottom: 10px;
}
.bridal--point ul li:nth-child(2) li{
	padding: 0;
}
.bridal--point ul li:nth-child(2) h3{
	font-size: 18px;
	background-color: #e5abb1;
	color: white;
	padding: 5px;
	border-radius: 6px;
}
.bridal--point ul li:nth-child(2) li{
	margin: 5px;
}
.bridal--pickup{
	margin-top: 40px;
}
.bridal--pickup .wrap {
	background-color: white;
	padding: 40px;
}
.bridal--pickup h4 img{
	width: 60%;
}
.bridal--pickup p {
	text-align: center;
	padding: 10px 0;
}
.bridal--pickup h5 {
	text-align: center;
	font-size: 18px;
	color: #e5abb1;
	border-bottom: 2px dotted #e5abb1;
	padding-bottom: 20px;
	font-weight: bold;
}
.site--content .bridal--voice {
    position: relative;
    background: #efeeec;
    padding: 40px 0 20px;
}
.bridal--voice ul{
	padding: 0;
	background: #fff;
	float: left;
}
.bridal--voice ul li{
	width: 50%;
	float: left;
	list-style-type: none;
	padding: 42px;
}
.bridal--voice ul li:first-child{
}
.bridal--voice ul li img{
	width: 100px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}
.bridal--voice ul li p:nth-of-type(2){
	padding-top: 20px;
	border-top: 2px dotted black;
	clear: both;
}
.bridal--voice h3 img{
    width: 300px;
    position: absolute;
    left: -30px;
    top: -30px;
}



/* 情報公開 */
#disclosure{
	margin-bottom: 100px;
}
#disclosure ul{
	margin-bottom: 2rem;
	margin-left: 0.5rem;
}
#disclosure ul li{
	margin: 0.5rem 0;
	font-size: 95%;
	list-style-type: disc;
	margin-left: 1rem;
}
#disclosure a:hover{
	color: #337ab7;
}

/* 時間割 */
.timetable{
	width: 60%;
}

@media screen and (max-width: 767px) {
.castwell--department-title{
    margin: 40px 0;
}
.castwell--department-title p:nth-child(2){
    top: 15%;
    left: 45%;
    color: white;
    width: 50%;
    font-size: 12px;
}
.castwell--department-title p:nth-child(3){
	text-align: left;
	font-size: 14px;
	margin-top: 20px;
}
.castwell--course-message{
    margin: 20px 0;
}
.castwell--course-teacher{
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
.castwell--course-comment{
    width: 100%;
}
.site--content .castwell--information .outer-box, .site--content .castwell--blog .outer-box{
	padding: 40px 20px;
}

.site--content .castwell--documentary {
	padding-top: 20px;
}
.site--content .castwell--documentary h2 img {
	width: 100%;
}
.site--content .castwell--documentary ul {
	padding: 0;
}
.site--content .castwell--documentary ul li{
	width: 100%;
}
.site--content .castwell--documentary ul li:nth-child(1){
	margin-right: 0;
	margin-bottom: 30px;
}


.oc--intro p:nth-child(2) img{
	width: 100%;
    margin-left: 0;
}

.oc--intro div img:nth-child(1){
	width: 100%;
	margin-right: 0;
	float: none;
}
.oc--intro div img:nth-child(2), .oc--intro div img:nth-child(3){
	width: 48%;
}
.oc--intro div img:nth-child(3){
	padding-top: 24px;
}
.oc--experience-lead p:nth-child(1){
	margin-left: 0;
	float: none;
	text-align: center;
	margin-right: 0;
}
.oc--experience ul{
	padding: 0;
}
.oc--experience li{
	width: 100%;
}
.oc--experience li:nth-child(odd){
	margin-right: 0;
}

.site--content .schoolguidecast--qualification ul li{
	width: 95%;
}
.site--content .schoolguidecast--qualification ul li p.rate{
	width: 100px;
	top: -40px;
}
.site--content .schoolguidecast--qualification ul li.top2 .title{
    padding-left: 110px;
}
.site--content .schoolguidecast--qualification ul li p.rate + p, .site--content .schoolguidecast--qualification ul li p.rate2 + p{
	margin-top: 25px;
}
.site--content .steps-title img.step{
	width: 20%;
}
.site--content .schoolguidecast--support .title-dev .step-image{
	width: 100%;
	margin: 10px 0;
}

.site--content .schoolguidecast--support2 ul li:nth-child(1) .box .img_con {
    background: url(../images/schoolguidecast--training1.png) center;
}
.site--content .schoolguidecast--support2 ul li:nth-child(2) .box .img_con {
    background: url(../images/schoolguidecast--training2.png) center;
}
.site--content .schoolguidecast--support2 ul li:nth-child(3) .box .img_con {
    background: url(../images/schoolguidecast--training3.png) center;
}
.site--content .schoolguidecast--support2 ul li:nth-child(4) .box .img_con {
    background: url(../images/schoolguidecast--training4.png) center;
}
.site--content .schoolguidecast--support3 table td{
	display: block;
}
.site--content .schoolguidecast--special-course ul li{
	width: 100%;
}
.site--content .schoolguidecast--student-voice td{
	display: block;
	padding: 10px;
}
.site--content .schoolguidecast--student-voice img.title{
    width: 50%;
    position: absolute;
    top: -30px;
}
.site--content .schoolguidecast--student-voice table td:nth-child(1){
	width: 100%;
}
.site--content .schoolguidecast--support3 table td:first-child{
	width: 100%;
}
.site--content .schoolguidecast--support3 .note {
    padding-left: 10px;
    padding-right: 10px;
}
.schoolguidefacility ul{
	width: 100%;
	padding: 0;
}
.schoolguidefacility li{
	min-height: unset;
	width: 100%;
}
.schoolguidefacility li:nth-child(odd), .schoolguidefacility li:nth-child(even){
	margin: 0 0 30px 0;
}
.schoolguideprofile--profile{
	margin: 30px 0;
}
.schoolguideprofile--message .message{
	padding: 0;
}
.schoolguideprofile--message .message-area{
	position: unset;
	width: 100%;
	padding: 2rem 0;
}
.schoolguideprofile--profile img, .schoolguideprofile--profile .profile-text{
	width: 100%;
}
.schoolguideprofile--history img, .schoolguideprofile--history table{
	width: 100%;
	border-top: 0px;
}
.schoolguideprofile--history table th, .schoolguideprofile--history table td{
	display: block;
	border-bottom: 0px;
}
.schoolguideprofile--profile .profile-text{
	padding: 20px 0;
}
.schoolguideprofile--greeting img{
	width: 100%;
}
.schoolguideprofile--greeting .greeting-text{
	width: 100%;
}
.course-calendar-notice, .course-calendar-special {
	text-align: left;
}

/* ホテルコース詳細 */
.hotelinner--voice ul li{
	width: 100%;
	padding: 22px;
}
.hotelinner--voice h3 img{
	width: 200px;
	left: 10px;
	top: -10px;
}
.hotelinner--point ul li{
	width: 100%;
	padding: 0;
}

/* 国際ホテルコース詳細 */
.hotelinter--voice ul li{
	width: 100%;
	padding: 22px;
}
.hotelinter--voice h3 img{
	width: 200px;
	left: 10px;
	top: -10px;
}
.hotelinter--studypoint ul li{
	width: 100%;
	padding: 0;
}

/* ホテルブライダルコース詳細 */
.bridal--point ul li{
	width: 100%;
	padding: 0;
}
.bridal--pickup{
	padding: 15px;
	margin-top: 10px;
}
.bridal--pickup h4 img{
	width: 90%;
}
.bridal--pickup h5 {
	font-size: 16px;
}
.bridal--pickup .wrap {
	padding: 15px;
}
.bridal--pickup p {
	text-align: left;
}
.bridal--voice ul li{
	width: 100%;
	padding: 22px;
}
.bridal--voice h3 img{
	width: 200px;
	left: 10px;
	top: -10px;
}


/* 時間割 */
.timetable{
	width: 100%;
}


}



.only-sp{
	display: none;
}
.only-pc{
	display: block;
}
@media screen and (max-width: 767px) {
	.only-sp{
		display: block;
	}
	.only-pc{
		display: none;
	}
}


#for-company .form-table tr td:first-child{
	font-size: 14px;
}
#for-company .form-table #confirm-button{
	margin-right: 1rem;
}
#for-company .qualification{
	margin-top: 20px;
}
#for-company .qualification .right{
	text-align: right;
}
#for-company .qualification table{
	margin-bottom: 50px;
}
#for-company .qualification table tr th{
	background-color: white;
	font-size: 14px;
	color: #010002;
}
#for-company .qualification table tr td{
	border: 1px solid #bf9c3b
}

@media only screen and (max-width: 767px){
	#for-company input[type="text"], 
	#for-company textarea {
	    width: auto;
	}
	#for-company .qualification table th,
	#for-company .qualification table td{
		float: left;
		width: 100%;
	}
	#for-company .form-table th,
	#for-company .form-table td{
		float:left;
		width: 100%;
		border: 0;
		padding: 5px 0;
		margin: 5px 0;
		text-align: left;
	}
}


/*
 * 2022 新パンフレット対応
 */

.course--title .title-dev{
	position: relative;
	height: 680px;
	margin-bottom: 160px;
}
.course--title .title-dev .photo .caption{
	position: absolute;
	top: 340px;
	color: white;
	left: 80px;
	font-size: 2.4rem;
	width: 400px;
	text-align: left;
	text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
	line-height: 4rem;
}
.course--title .title-dev .cousename{
	font-size: 3rem;
	line-height: 1.4;
	font-weight: bold;
	text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px, white -1px -1px 10px;
}
.course--title .title-dev .summary{
	position: absolute;
	height: 368px;
	text-align: left;
	bottom: 0;
	padding-left: 40px;
	margin-left: 40px;
	padding-top: 150px;
}
.course--title.hotel .title-dev .summary{
	border-left: 5px solid #EBA3B4;
	padding-top: 120px;
}
.course--title.airline .title-dev .summary{
	border-left: 5px solid #88B5D3;
}
.course--title.communication .title-dev .summary{
	border-left: 5px solid #FF6E00;
}

.course--title .title-dev .summary h2{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.course--title .title-dev .summary h2 span{
	font-size: 1.7rem;
	margin-right: 1rem;
}
.course--title .title-dev .summary h2 span::before{
	content: "｜";
}
.course--title .title-dev .summary h2 span::after{
	content: "｜";
}
.course--occupation{
	position: relative;
	height: 400px;
	margin-bottom: 100px;
}
.course--occupation.transfer{
	height: auto;
	padding-top: 10px;
}
.course--occupation h3{
	position: absolute;
	top: -80px;
	z-index: 1;
	left: -40px;
}
.course--occupation h3 img{
	width: 160px;
}
.course--occupation ul.occupation-index {
	float: left;
	width: 930px;
	position: relative;
	top: -40px;
	left: 120px;
}
.course--occupation.transfer ul.occupation-index {
	top: 0;
}

.course--occupation ul.occupation-index li {
	float: left;
	width: 30%;
	margin-right: 4%;
	list-style-type: none;
}
.course--occupation ul.occupation-index li:last-child{
	margin-right: 0;
}
.course--occupation ul.occupation-index li .title{
	margin: 2rem 0;
	font-size: 1.8rem;
}
.course--occupation .occupation-others{
	display: flex;
	position: absolute;
	left: 160px;
	border-top: 1px dashed;
	padding-top: 30px;
}
.course--occupation.transfer .occupation-others{
	position: relative;
	padding-top: 10px;
	border-top: 0;
}
.course--occupation .occupation-others p{
	width: 200px;
}
.course--occupation.transfer .occupation-others p{
	width: 100px;
}
.course--occupation .occupation-others ul{
	padding: 0;
}
.course--occupation .occupation-others ul li {
	float: left;
	list-style-type: none;
	margin-right: 1rem;
}
.course--occupation.hotel .occupation-others ul li::before{
	content: "●";
	color: #EBA3B4;
}
.course--occupation.airline .occupation-others ul li::before{
	content: "●";
	color: #88B5D3;
}
.course--occupation.communication .occupation-others ul li::before{
	content: "●";
	color: #FF6E00;
}
.course--occupation .occupation-title {
	position: relative;
	margin-top: 20px;
	left: 160px;
	font-weight: bold;
}


.course--point2{
	text-align: center;
}
.course--point2 ul{
	float: left;
	width: 100%;
}
.course--point2 ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	list-style-type: none;
}
.course--point2 ul li:last-child{
	margin-right: 0;
}
.course--point2 ul li .icon{
	text-align: center;
}
.course--point2 ul li .icon img{
	width: 100px;
}
.course--point2 ul li p{
	text-align: left;
}
.course--point2 ul li h4{
	margin: 3rem 0;
    background: url(../images/course--point-line.png) no-repeat center bottom;
    padding-bottom: 3rem;
	line-height: 1.4;
}
.course--point{
	position: relative;
}
.course--point p.text{
    position: absolute;
    bottom: 60px;
    font-size: 2.4rem;
    color: white;
    left: 50px;
    text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
    line-height: 4rem;
}
.course--point2 h3{
    position: relative;
    top: -50px;
    margin: 0;
}
.course--point2 h3 img{
    border-radius: 20px;
    padding: 40px;
    width: 400px;
}


.course--point2.hotel h3 img{
    background: #FCEFF2;
}
.course--point2.airline h3 img{
    background: #EAF1F8;
}
.course--point2.communication h3 img{
    background: #EEF3E8;
}



.course--point2 ul{
	position: relative;
	top: -40px;
}

.course--class{
	padding-bottom: 30px;
}
.course--class div.flex-box{
	display: flex;
	margin: 50px 0;
}
.course--class div.flex-item{
	padding: 20px;
}
.course--class .certification{
	width: 40%;
}
.course--class .timetable{
	width: 60%;
}
.course--class .timetable table{
	background-color: black;
	border-collapse: initial;
	border-spacing: 1px;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 1rem;
}
.course--class .timetable table th,
.course--class .timetable table td{
	background-color: white;
	padding: 12px 8px;
	text-align: center;
	font-size: 1.1rem;
}
.course--class.hotel .timetable table td.specialty{
	background: #EBA3B4;
	color: white;
	font-weight: bold;
}
.course--class.hotel .timetable p span.specialty{
	color: #EBA3B4;
}
.course--class.airline .timetable table td.specialty{
	background: #88B5D3;
	color: white;
	font-weight: bold;
}
.course--class.communication .timetable table td.specialty{
	background: #FF6E00;
	color: white;
	font-weight: bold;
}
.course--class.communication .timetable p span.specialty{
	color: #FF6E00;
}

.course--class h3{
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: normal !important;
}
.course--class.hotel h3{
	border-bottom: 3px solid #EBA3B4;
}
.course--class.airline h3{
	border-bottom: 3px solid #88B5D3;
}
.course--class.communication h3{
	border-bottom: 3px solid #FF6E00;
}



.course--class .certification ul{
	padding: 0;
}
.course--class .certification li{
	list-style-type: none;
	padding-bottom: 10px;
}
.course--class.hotel .certification li span{
	color: #EBA3B4;
}
.course--class.hotel .certification li::before{
	content: "●";
	color: #EBA3B4;
}
.course--class.airline .certification li span{
	color: #88B5D3;
}
.course--class.airline .certification li::before{
	content: "●";
	color: #88B5D3;
}
.course--class.communication .certification li span{
	color: #FF6E00;
}
.course--class.communication .certification li::before{
	content: "●";
	color: #FF6E00;
}



.course--class .lesson{
	margin-bottom: 100px;
}
.course--class .lesson ul{
	float: left;
	padding: 0;
}
.course--class .lesson ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	list-style-type: none;
	padding: 20px 0;
	min-height: 480px;
}
.course--class.hotel .lesson ul li{
	background: #FCEFF2;
}
.course--class.airline .lesson ul li{
	background: #EAF1F8;
}
.course--class.communication .lesson ul li{
	background: #EEF3E8;
}

.course--class .lesson ul li .img_con{
	margin: 20px 0;
}
.course--class.hotel .lesson ul li:last-child .img_con{
	text-align: center;
    font-size: 1.8rem;
    color: #EBA3B4;
    font-weight: bold;
}

.course--class .lesson ul li p:nth-child(1){
	text-align: center;
	font-size: 1.6rem;
}
.course--class .lesson ul li p:nth-child(3){
	padding: 0 20px;
}
.course--class .lesson ul li:last-child{
	margin-right: 0;
}

.course--voice{
	position: relative;
}
.course--voice h3{
	position: absolute;
	top: -76px;
	width: 300px;
	left: 0;
}
.course--voice h4{
	line-height: 1.6;
}
.course--voice ul{
	display: flex;
	padding: 0;
	align-items: center;
}
.course--voice div ul:nth-of-type(2){
	border: 0;
}
.course--voice ul li{
	padding: 20px;
	list-style-type: none;
	color: white;
}
.course--voice ul li.message{
	width: 75%;
	margin-top: 40px;
}
.course--voice ul li.photo{
	width: 25%;
	position: absolute;
	right: 0;
	bottom: -20px;
	text-align: center;
}
.course--voice ul li.photo img{
	margin-bottom: 10px;
}
.course--voice ul li.message p{
	padding: 10px 0;
}
.course--class.hotelinter .lesson ul li:last-child{
	border: 2px solid #FF6E00;
}
.course--class.hotelinter .lesson ul li:last-child p:nth-child(1){
	color: #FF6E00;
}
.course--class.hotelinter .lesson ul li:last-child .img_con{
	padding: 20px;
	font-size: 1.6rem;
}
.course--class.hotelinter .lesson ul li:last-child .img_con img{
	width: 160px;
	float: right;
}
@media only screen and (max-width:767px){
	.course--title .title-dev .photo .caption{
		left: 0;
		width: 100%;
		top: 120px;
		font-size: 1.6rem;
		padding-left: 100px;
		padding-left: 100px;
		line-height: 1.2;
	}
	.course--title .title-dev{
		height: auto;
		margin-bottom: 60px !important;
	}
	.course--occupation h3{
		position: relative;
		left: 0;
	}
	.course--occupation ul.occupation-index {
		width: 100%;
		left: 0;
		padding: 0;
	}
	.course--occupation ul.occupation-index li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.course--occupation,
	.course--occupation.transfer{
		height: auto;
	}
	.course--occupation ul.occupation-index li .title{
		margin: 10px 0;
	}
	.course--occupation .occupation-others{
		position: relative;
		left: 0;
		flex-flow: column;
		padding-bottom: 30px;
	}
	.course--occupation .occupation-title{
		left: 0;
	}
	.course--title .title-dev .summary{
		position: relative;
		height: auto;
		top: -20px;
		margin-left: 5px;
		padding-top: 50px;
		padding-left: 20px;
	}
	.course--point2 h3 img{
		padding: 20px;
		width: 200px;
	}
	.course--point2 ul{
		padding: 0;
	}
	.course--point2 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.course--class div.flex-box{
		flex-flow: column;
	}
	.course--class .certification,
	.course--class .timetable{
		width: 100%;
	}
	.course--class .lesson ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.course--voice h3 {
		top: -46px;
		width: 200px;
		left: 30px;
	}
	.course--voice ul{
		flex-flow: column;
	}
	.course--voice ul li.message,
	.course--voice ul li.class{
		width: 100%;
	}
	.course--voice ul li.photo{
		display: none;
	}
	.course--class{
		padding-bottom: 0px;
	}
	.course--class h3{
		font-size: 1.8rem;
		padding-bottom: 10px;
	}
	.course--point p.text{
		font-size: 1.6rem;
		left: 20px;
		line-height: 1.2;
		bottom: 40px;
	}
	.course--point2 ul li p{
		padding: 0 30px;
	}
	.course--class div.flex-item{
		padding: 0;
	}
	.course--voice ul li{
		padding: 10px;
	}
	.course--occupation h3{
		top: -50px;
	}
	.course--occupation h3 img{
		width: 120px;
	}
	.course--title.hotelbridal .title-dev .summary{
		padding-top: 0;
	}
	.course--title .title-dev .cousename{
		font-size: 2rem;
		padding: 0;
	}
	.course--title .title-dev .summary h2{
		flex-flow: column;
		align-items: flex-start;
		font-size: 2.2rem;
	}
	.course--title .title-dev .summary h2 span{
		margin-bottom: 5px;
	}	
	.course--title .title-dev .summary h2 span::before,
	.course--title .title-dev .summary h2 span::after {
	    content: "";
	}
	.site--content .title-dev p{
	}
}



.schoolguidecast--support .title-dev h2{
	width: 100%;
	margin-top: 40px;
}
.schoolguidecast--support .step-box{
	display: flex;
	align-items: center;
}
.schoolguidecast--support .step-box-photo{
	flex-basis: 58%;
	padding: 0 10px;
}
.schoolguidecast--support .step-box-summary{
	flex-basis: 42%; 
	text-align: left;
	padding: 30px;
	box-sizing: border-box;
	color: white;
}
.schoolguidecast--support .step-box.step1{
	background: #75B9C6;
}
.schoolguidecast--support .step-box.step2{
	background: #E8828F;
}
.schoolguidecast--support .step-box.step3{
	background: #96C568;
}
.schoolguidecast--support .step-box.step4{
	background: #EBCC5E;
}
.schoolguidecast--support .steptitle{
	display: flex;
	padding: 30px 0;
	align-items: center;
	font-size: 1.5rem;
}
.schoolguidecast--support .steptitle div{
	padding-left: 200px;
}
.schoolguidecast--support .steptitle img{
	width: 180px;
	position: absolute;
}
.schoolguidecast--support .steptitle p{
	margin-bottom: 0;
}
.schoolguidecast--support .stepname{
	margin-top: 10px;
	font-size: 3rem;
}
.schoolguidecast--support .schoolguidecast--qualification2 ul{
	margin-top: 50px;
	padding: 0;
}
.schoolguidecast--support  .schoolguidecast--qualification2 ul li{
	float: left;
	width: 48%;
	list-style-type: none;
	margin-right: 4%;
	margin-bottom: 30px;
}
.schoolguidecast--support .schoolguidecast--qualification2 ul li:nth-child(2n){
	margin-right: 0;
}
.schoolguidecast--support .site--content h3{
	font-size: 2.5rem;
	margin-top: 2rem;
	margin-bottom: 20px;
	font-weight: normal;
}
.schoolguidecast--support .site--content.step01 h3{
}
.schoolguidecast--support .site--content.step02 .hotel h3{
	color: #E8828F;
}
.schoolguidecast--support .site--content.step02 .airline h3{
	color: #88B5D3;
}
.schoolguidecast--support .site--content.step02 .communication h3{
	color: #FF6E00;
}
.schoolguidecast--support .site--content.step03 h3 {
	color: #96C568;
}
.schoolguidecast--support .site--content.step03 .schoolguidecast--parttimejob h3{
	color: white;
}
.schoolguidecast--support .site--content.step04 h3 {
	color: #EBCC5E;
	font-weight: bold;
}
.schoolguidecast--support .schoolguidecast--qualification2 ul li .title{
	color: #75B9C6;
	font-size: 1.6rem;
	padding-bottom: 5px;
}
.schoolguidecast--support .schoolguidecast--qualification2 ul li .title span{
	color: white;
	display: inline-block;
	float: right;
	background: #D03034;
	font-size: 1.3rem;
	padding: 0 1rem;
	margin-top: 3px;
}
.schoolguidecast--support .schoolguidecast--qualification2 ul li .photo{
	margin-bottom: 20px;
}
.schoolguidecast--support .site--content .title-dev{
	margin-top: 0;
}
.schoolguidecast--support .site--content .title-dev .below-text{
	font-size: 1.4rem;
}
.schoolguidecast--support .schoolguidecast--special-course2 ul{
	margin-top: 50px;
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--special-course2 ul li{
	float: left;
	width: 32%;
	list-style-type: none;
	margin-right: 2%;
	margin-bottom: 30px;
}
.schoolguidecast--support .schoolguidecast--special-course2 ul li:nth-child(3n){
	margin-right: 0;
}
.schoolguidecast--support .schoolguidecast--special-course2 ul li .title{
	color: #75B9C6;
	font-size: 1.6rem;
	padding-bottom: 5px;
	text-align: center;
}
.schoolguidecast--support .schoolguidecast--special-course2 ul li .photo{
	margin-bottom: 10px;
}
.schoolguidecast--support .note{
	background: #eee;
	padding: 30px;
	margin: 30px 0;
}
.schoolguidecast--support .note .others{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.schoolguidecast--support .note .category{
	font-weight: bold;
    background: white;
	padding: 10px 0;
}
.schoolguidecast--support .note .company-list{
	text-align: left;
	margin-bottom: 2rem;
}
.schoolguidecast--support .step-outline{
	display: flex;
	align-items: center;
}
.schoolguidecast--support .step-outline div:nth-child(2){
	text-align: left;
}
.schoolguidecast--support .step-outline div:nth-child(2) p:nth-child(1){
	font-size: 3rem;
}
.schoolguidecast--support .step-outline div:nth-child(2) span.number{
	font-size: 6rem;
	padding: 0 10px;
	font-style: italic;
}
.schoolguidecast--support .step-index ul{
	float: left;
	padding: 0;
}
.schoolguidecast--support .step-index ul li{
	float: left;
	width: 25%;
	list-style-type:none;
}
.schoolguidecast--support #step01,
.schoolguidecast--support #step02,
.schoolguidecast--support #step03,
.schoolguidecast--support #step04{
	margin-bottom: 40px;
}
.schoolguidecast--support .step01 .wrap.box{
	border: 2px solid #75B9C6;
	padding: 40px;
	margin-bottom: 40px;
}
.schoolguidecast--support .training-box{
	padding: 20px 40px;
}
.schoolguidecast--support .schoolguidecast--training .wrap{
	margin-bottom: 40px;
}
.schoolguidecast--support .schoolguidecast--training .wrap.hotel{
	border: 2px solid #E8828F;
}
.schoolguidecast--support .schoolguidecast--training .wrap.airline{
	border: 2px solid #88B5D3;
}
.schoolguidecast--support .schoolguidecast--training .wrap.communication{
	border: 2px solid #FF6E00;
}
.schoolguidecast--support .flex-box{
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}
.schoolguidecast--support .flex-box img{
}
.schoolguidecast--support .training-box .summary{
	flex: 1;
}
.schoolguidecast--support .training-box .photo{
	flex: 1;
}
.schoolguidecast--support .training-box .place{
	border-top: 1px dashed;
	padding-top: 1rem;
	margin-top: 30px;
	padding-top: 30px;
}
.schoolguidecast--support .training-box .place img{
	width: 40%;
}
.schoolguidecast--support .training-box .lead-text{
	color: #E8828F;
	margin-bottom: 2rem;
	font-size: 1.8rem;
}
.schoolguidecast--support .training-title{
	font-size: 2.5rem;
	margin-top: 2rem;
	margin-bottom: 20px;
	font-weight: normal;
	text-align: center;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 2rem;	
}
.schoolguidecast--support .hotel .training-title{
	color: #E8828F;
	border-bottom: 1px solid #E8828F;
}
.schoolguidecast--support .airline .training-title{
	color: #88B5D3;
	border-bottom: 1px solid #88B5D3;
}
.schoolguidecast--support .communication .training-title{
	color: #FF6E00;
	border-bottom: 1px solid #FF6E00;
}

.schoolguidecast--support .training-box.training02{
	display: block;
	text-align: center;
}
.schoolguidecast--support .training-box .training02-box{
	display: flex;
	gap: 40px;
}
.schoolguidecast--support .training-box .training02-box>div{
	flex: 1;
	text-align: left;
}
.schoolguidecast--support .training-box .training02-area{
	color: white;
	padding: 0;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.schoolguidecast--support .hotel .training-box .training02-area{
	background: #E8828F;
}
.schoolguidecast--support .airline .training-box .training02-area{
	background: #88B5D3;
}
.schoolguidecast--support .communication .training-box .training02-area{
	background: #FF6E00;
}

.schoolguidecast--support .training-box .training02-photo{
	margin: 2rem 0;
}
.schoolguidecast--support .training-box .training02-box ul{
	padding: 0;
}
.schoolguidecast--support .training-box .training02-box li{
	list-style-type: none;
}
.schoolguidecast--support .step03 .wrap.box {
	border: 2px solid #96C568;
	padding: 40px;
	margin-bottom: 40px;
}
.schoolguidecast--support .schoolguidecast--internship ul{
	float: left;
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--internship ul li{
	float: left;
	width: 50%;
	padding: 20px;
	list-style-type: none;
}
.schoolguidecast--support .schoolguidecast--internship ul li h4{
	font-size: 1.4rem;
	padding-bottom: 5px;
	background-color: #96C568;
	color: white;
	padding: 5px;
	text-align: center;	
}
.schoolguidecast--support .schoolguidecast--internship ul li img{
	margin-bottom: 20px;
}
.schoolguidecast--support .schoolguidecast--internship .others{
	padding: 20px;
	border-top: 1px dashed;
}
.schoolguidecast--support .schoolguidecast--internship .others h4{
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.schoolguidecast--support .schoolguidecast--internship .others h4 span{
	color: #96C568;
	font-size: 1.8rem;
}
.schoolguidecast--support .step04 .wrap.box {
	border: 2px solid #EBCC5E;
	padding: 40px;
	margin-bottom: 40px;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.interview{
	float: left;
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.interview li{
	float: left;
	width: 50%;
	padding: 20px;
	list-style-type: none;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.interview li h4{
	font-size: 1.4rem;
	padding-bottom: 5px;
	background-color: #EBCC5E;
	color: white;
	padding: 5px;
	text-align: center;	
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.interview li h4 span{
	display: inline-block;
	background: white;
	color: #EBCC5E;
	float: left;
	padding: 0 10px;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.interview li img {
	margin-bottom: 20px;
}
.schoolguidecast--support .schoolguidecast--informal-offer{
	text-align: center;
}
.schoolguidecast--support .schoolguidecast--informal-offer h3{
}
.schoolguidecast--support .schoolguidecast--informal-offer p.ratio{
	font-size: 4rem;
	font-weight: bold;
	line-height: 0.5;
	color: #EBCC5E;
	margin-top: 20px;
	display: inline-block;	
}
.schoolguidecast--support .schoolguidecast--informal-offer p.summary{
	margin-top: 40px;
	width: 60%;
	margin: 0 auto;
	padding: 20px 0;
}
.schoolguidecast--support .schoolguidecast--informal-offer p.ratio span{
	font-size: 1.3rem;
	color: black;
	padding-top: 20px;
	display: inline-block;
}
.schoolguidecast--support .schoolguidecast--employment-results{
	text-align: center;
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
}
.schoolguidecast--support .schoolguidecast--employment-results ul{
	column-count: 3;
	flex-direction: column;
}
.schoolguidecast--support .schoolguidecast--employment-results ul li{
	text-align: left;
	margin-right: 1rem;
}
.schoolguidecast--support .schoolguidecast--carrersupport h4{
	text-align: center;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box{
	background: #75B9C6;
	color: white;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul{
	float: left;
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li{
	float: left;
	list-style-type: none;
	padding: 40px;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li h4{
	margin-top: 20px;
}
.schoolguidecast--support .schoolguidecast--step1-voice .title-dev{
	display: flex;
	align-items: center;
}
.schoolguidecast--support .schoolguidecast--step1-voice .title-dev h3{
	flex-basis: 50%;
}
.schoolguidecast--support .schoolguidecast--step1-voice .title-dev div{
	text-align: right;
	flex-basis: 50%;
}
.schoolguidecast--support .schoolguidecast--step1-voice .title-dev .lead-text{
	font-size: 3rem;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:first-child{
	width: 40%;
	border-right: 1px dashed white;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:last-child{
	width: 60%;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li .staffbox{
	display: flex;
	margin-top: 20px;
}
.schoolguidecast--support .schoolguidecast--step1-voice .box ul li .staffbox div:first-child{
	width: 80%;
	padding-right: 20px;
}
.schoolguidecast--support .schoolguidecast--step2-voice .box{
	background: #E8828F;
	color: white;
}
.schoolguidecast--support .schoolguidecast--step2-voice ul{
	float: left;
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--step2-voice ul li{
	float: left;
	list-style: none;
	padding: 20px;
}
.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(1),
.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(2){
	width: 41%;
}
.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(3){
	width: 18%;
}
.schoolguidecast--support .schoolguidecast--paid-internship{
}
.schoolguidecast--support .schoolguidecast--paid-internship ul{
	padding: 0;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul li{
	list-style-type: none;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart ul{
	float: left;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart li{
	float: left;
	width: 25%;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart li h4{
	font-size: 1.4rem;
	text-align: center;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart li>div:nth-child(1){
	background: #96C568;
	color: white;
	padding: 0 1rem;
	border-left: 1px solid white;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart li:nth-child(2) div:nth-child(1){
	border-left: 0;
}
.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart div.small-block{
	padding: 4px;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-session{
	display: flex;
	background: #96C568;
	padding: 20px;
	color: white;
	align-items: center;
	margin-bottom: 40px;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-session div:first-child{
	flex-basis: 70%;
	padding-right: 20px;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-session div:last-child{
	flex-basis: 30%;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-session h4{
	font-size: 1.8rem;
}
.schoolguidecast--support .schoolguidecast--paid-internship .lead-text{
	font-size: 1.6rem;
	color: #96C568;
	margin-bottom: 20px;
	padding: 0 40px;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup div:first-child{
	flex-basis: 70%;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup div:last-child{
	flex-basis: 30%;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup>div>div{
	display: flex;
	align-items: center;
}
.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup h4{
	color: #96C568;
}
.schoolguidecast--support .schoolguidecast--parttimejob .box{
	background: #96C568;
	color: white;
}
.schoolguidecast--support .schoolguidecast--parttimejob .box h4{
	color: #96C568;
}
.schoolguidecast--support .schoolguidecast--parttimejob h3{
	color: white;
}
.schoolguidecast--support .parttimejob-session{
	display: flex;
	background: white;
	padding: 20px;
	color: black;
	margin-bottom: 40px;
}
.schoolguidecast--support .parttimejob-session h4{
	border-bottom: 2px solid #96C568;
    padding: 10px 0;
    margin-bottom: 20px;
}
.schoolguidecast--support .parttimejob-session ul{
	padding-left: 0;
	float: left;
	width: 50%;
}
.schoolguidecast--support .parttimejob-session li{
	list-style-type: none;
}
.schoolguidecast--support .parttimejob-session>div:nth-child(1){
	padding-right: 40px;
	flex-basis: 60%;
}
.schoolguidecast--support .parttimejob-session>div:nth-child(2){
	flex-basis: 40%;
}
.schoolguidecast--support .parttimejob-session .small-text{
	font-size: 1.2rem;
}
.schoolguidecast--support .schoolguidecast--parttimejob .lead-text{
	font-size: 1.6rem;
	margin-bottom: 20px;
	padding: 0 40px;
}
.schoolguidecast--support .parttimejob-income{
	background: white;
	padding: 20px;
	color: black;
}
.schoolguidecast--support .parttimejob-exmaple{
	display: flex;
	align-items: center;
}
.schoolguidecast--support .parttimejob-exmaple p{
	text-align: center;
	padding: 0 10px;
}
.schoolguidecast--support .parttimejob-exmaple p:last-child{
	background: #96C568;
	color: white;
	border-radius: 10px;
	margin-left: 50px;
	padding: 0 50px;
}
.schoolguidecast--support .parttimejob-exmaple .big-text{
	font-size: 2rem;
}
.schoolguidecast--support .parttimejob-exmaple .green-text{
	color: #96C568;
}
.schoolguidecast--support .parttimejob-exmaple h4{
	width: 200px;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.flowchart{
	float: left;
	padding: 0;
	margin-top: 40px;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.flowchart li{
	list-style-type: none;
	float: left;
	width: 25%;
	padding: 4px;
}
.schoolguidecast--support .schoolguidecast--carrersupport ul.flowchart li h4{
	font-size: 1.4rem;
	text-align: center;
}
@media only screen and (max-width:767px){
	.schoolguidecast--support .title-dev h2{
		margin-bottom: 40px;
	}
	.schoolguidecast--support .step-outline{
		flex-direction: column-reverse;
	}
	.schoolguidecast--support .step-outline div:nth-child(2) p:nth-child(1) {
		font-size: 2rem;
		text-align: center;
	}
	.schoolguidecast--support .step-outline div:nth-child(2) span.number{
		font-size: 4rem;
	}
	.schoolguidecast--support .steptitle div {
		padding-left: 140px;
		font-size: 1.2rem;
	}
	.schoolguidecast--support .stepname{
		font-size: 1.8rem;
		margin-top: 0;
	}
	.schoolguidecast--support .training-box .summary{
		padding-right: 0;
	}
	.schoolguidecast--support .training-box{
		flex-direction: column-reverse;
		padding: 20px;
	}
	.schoolguidecast--support .flex-box,
	.schoolguidecast--support .training-box .training02-box{
		flex-direction: column;
	}
	.schoolguidecast--support .training-box .training02-box>div{
		padding: 0;
	}
	.schoolguidecast--support .schoolguidecast--internship ul li{
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
		float: none;
	}
	.schoolguidecast--support .site--content h3{
		font-size: 2rem;
	}
	.schoolguidecast--support .step03 .wrap.box{
		padding: 20px;
	}
	.schoolguidecast--support .step01 .wrap.box{
		padding: 20px;
	}
	.schoolguidecast--support .step04 .wrap.box{
		padding: 20px;
	}

	.schoolguidecast--support .schoolguidecast--qualification2 ul li{
		margin-right: 0;
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--qualification2 ul li .title{
		font-size: 1.5rem;
	}
	.schoolguidecast--support .schoolguidecast--qualification2 ul li .title span{
		margin-top: 0;
	}
	.schoolguidecast--support .schoolguidecast--special-course2 ul li{
		margin-right: 0;
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--internship .others{
		padding-left: 0;
		padding-right: 0;
	}
	.schoolguidecast--support .schoolguidecast--internship .others h4 span{
		display: block;
		margin-bottom: 2rem;
	}
	.schoolguidecast--support .schoolguidecast--carrersupport ul.interview li{
		margin-right: 0;
		width: 100%;
		padding: 0;
	}
	.schoolguidecast--support .schoolguidecast--employment-results ul{
		column-count: 1;
	}
	.schoolguidecast--support .steptitle img{
		width: 130px;
	}
	.schoolguidecast--informal-offer{
		margin: 50px 0;
	}
	.schoolguidecast--informal-offer p.summary{
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--paid-internship .internship-session{
		flex-direction: column-reverse;
	}
	.schoolguidecast--support .schoolguidecast--paid-internship .lead-text{
		padding: 0;
	}
	.schoolguidecast--support .schoolguidecast--paid-internship ul.flowchart li{
		width: 50%;
	}
	.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup{
		flex-direction: column;
	}
	.schoolguidecast--support .schoolguidecast--paid-internship .internship-pickup>div>div{
		flex-direction: column;
	}
	.schoolguidecast--support .parttimejob-session {
		flex-direction: column-reverse;
	}
	.schoolguidecast--support .parttimejob-exmaple {
		flex-direction: column;
	}
	.schoolguidecast--support .parttimejob-exmaple h4 {
		width: auto;
	}
	.schoolguidecast--support .parttimejob-exmaple p:last-child{
		margin-left: 0;
	}
	.schoolguidecast--support .schoolguidecast--carrersupport ul.flowchart li{
		width: 50%;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .title-dev{
		flex-direction: column;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .title-dev div{
		text-align: left;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .box ul li{
		padding: 0;
		margin-bottom: 40px;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:first-child,
	.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:last-child{
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:first-child{
		padding-bottom: 20px;
		border-bottom: 1px dashed white;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .title-dev .lead-text{
		font-size: 2rem;
	}

	.schoolguidecast--support .schoolguidecast--step2-voice ul li{
		padding: 20px;
	}
	.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(1),
	.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(2){
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--step2-voice ul li:nth-child(3){
		display: none;
	}
	.schoolguidecast--step1-voice .title-dev img,
	.schoolguidecast--step2-voice .title-dev img{
	    width: 200px;
	}
	.schoolguidecast--support .schoolguidecast--step1-voice .box ul li:first-child{
		border-right: 0;
	}
	.schoolguidecast--support .schoolguidecast--parttimejob .lead-text{
		padding: 0;
	}
}

/**
 * 学校概要
 */
.schoolguideprofile--message .image-top img{
	width: 100%;
	height: 298px;
	object-fit: cover;
}
.schoolguideprofile--message .image-bottom img{
	width: 100%;
	height: 325px;
	object-fit: cover;
}
.schoolguideprofile--message .message-box{
	height: 300px;
	background-image: url(../images/schoolguide-profile-main02.jpg);
	background-size: cover;
}
.schoolguideprofile--message .message-box .wrap{
	position: relative;
}
.schoolguideprofile--message .message-box .image-text{
	position: absolute;
	top: -240px;
	width: 600px;
}
.schoolguideprofile--message .message-box .message ul{
	float: left;
	padding: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	height: 300px;
}
.schoolguideprofile--message .message-box .message ul li{
	float: left;
	width: 50%;
	list-style-type: none;
}
@media only screen and (max-width:767px){
	.schoolguideprofile--message .message-box{
		background-size: auto;
	}
	.schoolguideprofile--message .message-box,
	.schoolguideprofile--message .message-box .message ul{
		height: auto;
	}
	.schoolguideprofile--message .message-box .image-text{
		width: 300px;
	}
	.schoolguideprofile--message .message-box .message ul{
		flex-direction: column;
		padding-top: 80px;
	}
	.schoolguideprofile--message .message-box .message ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.schoolguideprofile--message .image-top img,
	.schoolguideprofile--message .image-bottom img{
		height: auto;
	}
	.schoolguideprofile--message .message-box .image-text {
		position: absolute;
		top: -80px;
	}
}


#registerform .form-table tr td label{
	font-weight: normal;
}

.under-construction{
	text-align: center;
	padding: 100px 0 100px 0;
}


.castwell--department-title2{
	margin: 50px 0;
}
.castwell--department-title2 ul{
	float: left;
	display: flex;
	align-items: center;
	padding: 0;
}
.castwell--department-title2 ul li{
	list-style-type: none;
}
.castwell--department-title2 ul li:first-child{
	float: left;
	width: 60%;
}
.castwell--department-title2 ul li:first-child img{
	width: 100%;
}
.castwell--department-title2 ul li:last-child{
	float: left;
	width: 40%;
}
.castwell--department-title2 ul li:last-child p:nth-child(1){
	font-size: 4rem;
	text-align: center;
	margin-bottom: 20px;
}
.castwell--department-title2 ul li:last-child p:nth-child(1) span{
	border-bottom: dotted 2px;
	padding-bottom: 8px;
	padding-bottom: 3rem;
    display: inline-block;
    line-height: 5rem;
}
.castwell--department-title2 ul li:last-child p:nth-child(2){
	font-size: 2.2rem;
	text-align: center;
}
.castwell--department-title2 ul li:last-child p:nth-child(3){
	font-size: 1.4rem;
	text-align: center;
}
.castwell--department-title2 ul li:last-child p:nth-child(4){
	text-align:left;
	padding-left: 60px;
	padding-right: 40px;
	margin-top: 50px;
    font-size: 1.5rem;
}
.castwell--course-index2{
	padding: 40px 0;
}
.castwell--course-index2 h2{
	text-align: center;
    margin-bottom: 60px;
}
.castwell--course-index2 ul{
	padding: 0;
}
.castwell--course-index2 ul li{
	list-style-type: none;
	float: left;
	margin-bottom: 50px;
}
.castwell--course-index2 ul li{
	float: left;
}
.castwell--course-index2 ul li a{
	display: flex;
	align-items: center;
	color: black;
	background: white;
	padding: 20px;
}
.castwell--course-index2 ul li a:hover{
	opacity: 1;
}
.castwell--course-index2 ul li a div:first-child img{
    width: 100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    height: auto;
    vertical-align: bottom;
}
.castwell--course-index2 ul li a:hover div:first-child img{
/*	-webkit-transform: scale(1.2);*/
/*	-moz-transform: scale(1.2);*/
/*	-o-transform: scale(1.2);*/
/*	-ms-transform: scale(1.2);*/
/*	transform: scale(1.2);*/
/*	opacity: 0.8;*/
	opacity: .60;
}
.castwell--course-index2 ul li div:first-child{
	float: left;
	width: 50%;
	overflow: hidden;
}
.castwell--course-index2 ul li div:first-child img{
	width: 100%;
}
.castwell--course-index2 ul li div:last-child{
	float: left;
	width: 50%;
	padding: 40px;
}
.castwell--course-index2 ul li .coursename{
	font-size: 2.2rem;
	padding-bottom: 1rem;
	margin-bottom: 30px;
}
.castwell--course-index2 ul li .coursename-jp{
	font-size: 2.2rem;
}
.hotel .coursename{
	border-bottom: 3px solid #EBA3B4;
}
.airline .coursename{
	border-bottom: 3px solid #88B5D3;
}
.communication .coursename{
	border-bottom: 3px solid #FF6E00;
}


@media only screen and (max-width:767px){
	.castwell--department-title2{
		margin-top: 20px;
	}
	.castwell--department-title2 ul{
		flex-direction: column;
	}
	.castwell--department-title2 ul li:first-child{
		width: 100%;
		margin-bottom: 20px;
	}
	.castwell--department-title2 ul li:last-child{
		width: 100%;
	}
	.castwell--department-title2 ul li:last-child p:nth-child(4){
		margin-top: 20px;
		padding: 0 5rem;
		padding-bottom: 2rem;
	}
	.castwell--course-index2 ul li a{
		flex-direction: column;
	}
	.castwell--course-index2 ul li div:first-child{
		width: 100%;
	}
	.castwell--course-index2 ul li div:last-child{
		width: 100%;
		padding: 0;
	}
	.castwell--course-index2 ul li .coursename {
		font-size: 1.8rem;
		padding-bottom: 0.5rem;
		margin-bottom: 1rem;
		margin-top: 2rem;
	}
	.castwell--course-index2 ul li .coursename-jp {
		font-size: 1.8rem;
	}
	.castwell--course-index2 {
		padding: 40px 0;
	}
}

@media only screen and (max-width:767px){
	.castwell--department-title2 ul li:last-child p:nth-child(1){
		font-size: 2rem;
	}
	.castwell--department-title2 ul li:last-child p:nth-child(4){
		padding: 10px;
	}
	.castwell--department-title2 ul li:last-child p:nth-child(2) {
    	font-size: 1.8rem;
	}
	.footer--courses ul{
		margin: 0;
		padding: 10px;
	}
	.footer--courses ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.footer--courses ul li a{
		display: flex;
		align-items: center;
		padding: 0;
	}
	.footer--courses ul li a div:first-child{
		width: 40%;
	}
	.footer--courses ul li a div:last-child{
		width: 60%;
		padding: 0 20px;
	}
	.footer--courses ul li a .coursename{
		display: none;
	}
	.footer--courses ul li a .coursename-jp{
		margin: 0;
	}
}


.schoolguidecast--support .schoolguidecast--training .wrap.abroad {
    border: 2px solid #E8828F;
    padding: 20px 40px;
}
.schoolguidecast--support .schoolguidecast--training .abroad .title-dev h3{
	color: #E8828F;;
}
.schoolguidecast--support .schoolguidecast--training .abroad .title-dev .below-text{
	padding: 0 180px;
}
.schoolguidecast--support .schoolguidecast--training .abroad .about{
	display: flex;
	gap: 50px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.schoolguidecast--support .schoolguidecast--training .abroad .about div:first-child{
	width: 30%;
	text-align: center;
	font-size: 1.6rem;
	color: white;
	background: #E8828F;
	padding-top: 20px;
}
.schoolguidecast--support .schoolguidecast--training .abroad .about div:last-child{
	width: 70%;
}
.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college{
	display: flex;
	gap: 100px;
	justify-content: center;
}
.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college table{
	border-top: 1px dotted;
}
.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college table th,
.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college table td{
	border-bottom: 1px dotted;
	padding: 5px;
}
.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college .title{
	color: #E8828F;
	font-weight: bold;
	text-align: center;
}
@media only screen and (max-width:767px){

	.schoolguidecast--support .schoolguidecast--training .abroad .title-dev .below-text{
		padding: 0;
	}
	.schoolguidecast--support .schoolguidecast--training .wrap.abroad{
		padding: 20px;
	}
	.schoolguidecast--support .schoolguidecast--training .abroad .about{
		flex-direction: column;
	}
	.schoolguidecast--support .schoolguidecast--training .abroad .about div:first-child,
	.schoolguidecast--support .schoolguidecast--training .abroad .about div:last-child{
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college{
		flex-direction: column;
		gap: 20px;
	}
}
.schoolguidecast--support .site--content.step04 .university h4{
	color: #EBCC5E;
	font-size: 2.2rem;
	margin-top: 2rem;
	margin-bottom: 20px;
	font-weight: bold;
}
.schoolguidecast--support .site--content.step04 .university .support{
	display: flex;
	gap: 50px;
	margin-bottom: 80px;
}
.schoolguidecast--support .site--content.step04 .university .support div:first-child{
	text-align: left;
	width: 70%;
}
.schoolguidecast--support .site--content.step04 .university .support div:last-child{
	width: 30%;
}
.schoolguidecast--support .site--content.step04 .university .support div:first-child h4{
	text-align: left;
}
.schoolguidecast--support .site--content.step04 .university .flowchart{
	display: flex;
	gap: 50px;
	margin-bottom: 80px;
	align-items: center;
}
.schoolguidecast--support .site--content.step04 .university .flowchart div:first-child{
	text-align: left;
	width: 50%;
}
.schoolguidecast--support .site--content.step04 .university .flowchart div:last-child{
	width: 50%;
}
.schoolguidecast--support .site--content.step04 .university .point{
	display: flex;
	margin-bottom: 80px;
	gap: 50px;
	list-style-type: none;
	padding: 0;
}
.schoolguidecast--support .site--content.step04 .university .point li{
	background: #EBCC5E;
	padding: 20px;
}
.schoolguidecast--support .site--content.step04 .university .point li .title{
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 20px;
}
.schoolguidecast--support .site--content.step04 .university .point li .title div:first-child{
	color: white;
	font-size: 4rem;
}
.schoolguidecast--support .site--content.step04 .university .point li .title div:last-child{
	font-size: 1.6rem;
}
.schoolguidecast--support .site--content.step04 .university .results{
	list-style-type: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 120px;
	padding: 0;
}
.schoolguidecast--support .site--content.step04 .university .voice{
	background: #FAF1D3;
	display: flex;
	gap: 50px;
	align-items: center;
	margin-bottom: 20px;
	padding: 30px 50px;
	position: relative;
}
.schoolguidecast--support .site--content.step04 .university .voice div:first-child{
	width: 65%;
	text-align: left;
}
.schoolguidecast--support .site--content.step04 .university .voice div:last-child{
	width: 35%;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 20px;
}
.schoolguidecast--support .site--content.step04 .university .voice .title{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.schoolguidecast--support .site--content.step04 .university .voice .voice-image{
	position: absolute;
	top: -100px;
}
@media only screen and (max-width:767px){
	.schoolguidecast--support .site--content.step04 .university .support,
	.schoolguidecast--support .site--content.step04 .university .flowchart,
	.schoolguidecast--support .site--content.step04 .university .point,
	.schoolguidecast--support .site--content.step04 .university .voice{
		flex-direction: column;
	}
	.schoolguidecast--support .site--content.step04 .university .support div:first-child,
	.schoolguidecast--support .site--content.step04 .university .support div:last-child,
	.schoolguidecast--support .site--content.step04 .university .flowchart div:first-child,
	.schoolguidecast--support .site--content.step04 .university .flowchart div:last-child,
	.schoolguidecast--support .site--content.step04 .university .voice div:first-child{
		width: 100%;
	}
	.schoolguidecast--support .site--content.step04 .university .voice div:last-child{
		display: none;
	}
	.schoolguidecast--support .site--content.step04 .university .voice .voice-image {
		top: -80px;
		left: 0;
	}
	.schoolguidecast--support .site--content.step04 .university .voice{
		padding: 20px;
	}
	.schoolguidecast--support .schoolguidecast--training .abroad .schedule-college table{
		width: 100%;
	}
	.schoolguidecast--support .schoolguidecast--training .abroad .about div:first-child{
		padding-bottom: 20px;
	}

}
a.textlink:hover{
	color: #337ab7;
	opacity: 1;
}



#blog-opencampus ul.photos{
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#blog-opencampus ul.photos li{
	margin: 1%;
	text-align: center;
}
#blog-opencampus ul.photos li img{
	max-height: 200px;
}
#blog-opencampus .schedule{
    display: flex;
    gap: 50px;
    align-items: center;
    margin-bottom: 60px;
    border-bottom: 2px solid #ff00ff;
    border-top: 2px solid #ff00ff;
    padding: 40px 0;
}
#blog-opencampus .schedule .photo img{
	width: 50%;
}
#blog-opencampus .schedule .text{
	padding: 50px;
	background: white;
	position: absolute;
	left: 470px;
}
    
#blog-opencampus .program-block {
    border: 1px solid;
    padding: 20px;
    margin-bottom: 50px;
}
#blog-opencampus .photo-text-box{
	display: flex;
    gap: 5%;
    align-items: center;
}
#blog-opencampus .photo-text-box .photo{
	width: 40%;
}
#blog-opencampus .photo-text-box .photo img{
	width: 100%;
}
#blog-opencampus .photo-text-box .text{
	width: 55%;
}
@media screen and (max-width: 767px) {
	#blog-opencampus ul.photos,
	#blog-opencampus .photo-text-box{
		flex-direction: column-reverse;
	}
	#blog-opencampus .schedule .photo img,
	#blog-opencampus .photo-text-box .photo,
	#blog-opencampus .photo-text-box .text{
		width: 100%;
	}
	#blog-opencampus .schedule{
		gap: 0;
	}
	#blog-opencampus .schedule .text{
		padding: 10px;
		left: 0;
        position: relative;
	}
}
#blog-opencampus .program-block .title{
	margin-bottom: 1rem;
	color: orange;
	font-size: 2.2rem;
	font-weight: bold;
}
#blog-opencampus .globalfair{
}
#blog-opencampus .globalfair .title{
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 40px;
	color: red;
	font-weight: bold;
	border-bottom: 2px solid;
	padding-bottom: 1rem;
}
#blog-opencampus .globalfair .photo-box{
	display: flex;
}
#blog-opencampus .globalfair .photo-box .photo{
	width: 40%;
}
#blog-opencampus .globalfair .photo-box .text{
	width: 60%;
}
#blog-opencampus .entry-btn{
	display: inline-block;
	background: red;
	color: white;
	padding: 5px 20px;
	font-size: 1.4rem;
}