@charset "utf-8";
/* @import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');

/*
Theme Name: Mediacross 2015
Theme URI:
Description: The 2015 default theme for Mediacross.
Author: Mediacross
Author URI: http://medi-cro.jp/
Version: 2015.1
*/

/*------------------------------------------------------------------------------------------------  Reset and Utility.css  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
 input, textarea,{margin: 0;padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0; width: 100%;}
caption, th{text-align: left;}
a:focus {outline:none;}
img {
    vertical-align: middle;
    max-width: 100%;
}

.clearfix {min-height: 1px;}
.clearfix::after,
.time_list ul li::after,
.time_list ul li .time_cont::after{content: "."; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{clear:both;}

/*------------------------------------------------------------------------------------------------  HTML,Body,Anchor*/

/* @media screen and (min-width: 63em) {
@font-face {
    font-family: 'NotoSansJP-DemiLight';
    src: url('./font/NotoSansJP-DemiLight.woff');
}
} */
@media screen and (min-width: 63em) {
@font-face {
    font-family: 'NotoSansJP-DemiLight';
    src: url('./font/NotoSansJP-DemiLight.woff');
}
}
html {
    font-size: 62.5%;
    font-family: 'Noto Sans Japanese', "NotoSansJP-DemiLight","游ゴシック","YuGothic","メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS Gothic", "MS ゴシック", monospace, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html > body {
    background-color: #fff;
    font-size: 14px;
    line-height: 1.6;
    color: #484848;
}
a:link,
a:visited {
  text-decoration: none;
  color:#00aebb;
}
a:hover,
a:active {
  text-decoration: underline;
}

html,body{
    height: 100%;
}

#wrapper{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#ga{
    position:absolute;
    top:0;
    right:0;
    z-index:9999;
    color:#f00;
}

#test{
    position:fixed;
    top:0;
    left:0;
    background-color: #aaa;
    z-index: 100;
}

/*------------------------------------------------------------------------------------------------  text  */
.txtC{text-align:center;}.txtL{text-align:left;}.txtR{text-align:right;}
.red{color:red}
.floatL{float:left;}.floatR{float:right;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.border{text-decoration:underline;}
.ind{text-indent: 1em;}
.indent{text-indent: -1em;padding-left: 1em;}
.crucial-info {
    color: #f00;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .indent_110__pc {
        display: block;
        padding-left: 110px!important;
    }
}
/*------------------------------------------------------------------------------------------------  parts  */
.bold{font-weight: bold;}

/*space px*/
.ma0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}.mt5{margin-top: 5px !important;}.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt25{margin-top: 25px !important;}.mt30{margin-top: 30px !important;}.mt35{margin-top: 35px !important;}.mt40{margin-top: 40px !important;}.mt45{margin-top: 45px !important;}.mt50{margin-top: 50px !important;}.mt100{margin-top: 100px !important;}
.mr0{margin-right: 0 !important;}.mr5{margin-right: 5px !important;}.mr10{margin-right: 10px !important;}.mr15{margin-right: 15px !important;}.mr20{margin-right: 20px !important;}.mr25{margin-right: 25px !important;}.mr30{margin-right: 30px !important;}.mr35{margin-right: 35px !important;}.mr40{margin-right: 40px !important;}.mr45{margin-right: 45px !important;}.mr50{margin-right: 50px !important;}.mr100{margin-right: 100px !important;}
.mb0{margin-bottom: 0 !important;}.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb15{margin-bottom: 15px !important;}.mb20{margin-bottom: 20px !important;}.mb25{margin-bottom: 25px !important;}.mb30{margin-bottom: 30px !important;}.mb35{margin-bottom: 35px !important;}.mb40{margin-bottom: 40px !important;}.mb45{margin-bottom: 45px !important;}.mb50{margin-bottom: 50px !important;}.mb100{margin-bottom: 100px !important;}.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}.ml10{margin-left: 10px !important;}.ml15{margin-left: 15px !important;}.ml20{margin-left: 20px !important;}.ml25{margin-left: 25px !important;}.ml30{margin-left: 30px !important;}.ml35{margin-left: 35px !important;}.ml40{margin-left: 40px !important;}.ml45{margin-left: 45px !important;}.ml50{margin-left: 50px !important;}.ml100{margin-left: 100px !important;}.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}.pt10{padding-top: 10px !important;}.pt15{padding-top: 15px !important;}.pt20{padding-top: 20px !important;}.pt25{padding-top: 25px !important;}.pt30{padding-top: 30px !important;}.pt35{padding-top: 35px !important;}.pt40{padding-top: 40px !important;}.pt45{padding-top: 45px !important;}.pt50{padding-top: 50px !important;}.pt100{padding-top: 100px !important;}
.pr0{padding-right: 0 !important;}.pr5{padding-right: 5px !important;}.pr10{padding-right: 10px !important;}.pr15{padding-right: 15px !important;}.pr20{padding-right: 20px !important;}.pr25{padding-right: 25px !important;}.pr30{padding-right: 30px !important;}.pr35{padding-right: 35px !important;}.pr40{padding-right: 40px !important;}.pr45{padding-right: 45px !important;}.pr50{padding-right: 50px !important;}.pr100{padding-right: 100px !important;}
.pb0{padding-bottom: 0 !important;}.pb5{padding-bottom: 5px !important;}.pb10{padding-bottom: 10px !important;}.pb15{padding-bottom: 15px !important;}.pb20{padding-bottom: 20px !important;}.pb25{padding-bottom: 25px !important;}.pb30{padding-bottom: 30px !important;}.pb35{padding-bottom: 35px !important;}.pb40{padding-bottom: 40px !important;}.pb45{padding-bottom: 45px !important;}.pb50{padding-bottom: 50px !important;}.pb100{padding-bottom: 100px !important;}.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px !important;}.pl10{padding-left: 10px !important;}.pl15{padding-left: 15px !important;}.pl20{padding-left: 20px !important;}.pl25{padding-left: 25px !important;}.pl30{padding-left: 30px !important;}.pl35{padding-left: 35px !important;}.pl40{padding-left: 40px !important;}.pl45{padding-left: 45px !important;}.pl50{padding-left: 50px !important;}.pl100{padding-left: 100px !important;}.pl110{padding-left: 110px !important;}

/*space em*/
.mb1{margin-bottom:1em !important;}.mb2{margin-bottom:2em !important;}.mb3{margin-bottom:3em !important;}.mb4{margin-bottom:4em !important;}


@media screen and (max-width: 440px) {
    .pl1e__sp {
        padding-left: 1em;
    }
}
/*------------------------------------------------------------------------------------------------  input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select{
    font-size: 14px;
    padding: 4px 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    vertical-align: baseline;
    border-radius: 4px;
    font-size: 14px;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #00196C;
    background-color: #F9FAFF;
}
textarea{
    width: 400px;
}

input[type="radio"],input[type="checkbox"]{
    vertical-align: middle;
    margin: 0 2px 0 1em;
}

span.wpcf7-list-item{
    margin: 0 1em 0 0 !important;
}

input[type="submit"]{
    background-color: #8DD43A;
    position: relative;
    font-size: 14px;
    padding: 6px 20px;
    text-align: center;
    border-color: #72B51B;
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 4px;
    color: #fff;
}
input[type="submit"]:hover{
    background-color: #A7E05C;
}
input[type="submit"]:focus{
    border-width: 2px 0 0;
}
input[type="submit"][disabled="disabled"]{
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}

label{
    display: inline-block;
}
/* ------------------------------------------------------------------------------  list */
.disc > li {
    list-style-type: disc!important;
    margin-left: 1.5em;
}
.kome > li {
    margin-left: 1em;
    position: relative;
}
.kome > li::before {
    content: "※";
    position: absolute;
    left: -1em;
}
.no-disc-list {
    list-style-type: none;
}
.list-nostyle li {
    list-style-type: none!important;
    margin: 0!important;
}
.list-nostyle__mb10 {
    margin-bottom: 10px;
}
.list-nostyle__license > li {
    margin-bottom: 10px!important;
}
.list-nostyle__license > li:last-child {
    margin-bottom: 0!important;
}
/* ------------------------------------------------------------------------------  wrap,box */
#contents{
    font-size: 14px;
}
.inner,
.inner2{
    padding: 0 1em;
}
.rbr {display: none;}
@media screen and (min-width: 441px) {
    .res-br__sp {
        display: none;
    }
}
@media screen and (min-width: 63em) {
    #header,
    #gnav ul,
    #footer,
    #slider_news,
    #breadCrumb ol,
    .inner,
    #pagetitle,
    .page-about #sec02,
    .contact_box{
        max-width: 990px;
        margin-right: auto;
        margin-left: auto;
    }
    .inner2{
        max-width: 800px;
        margin-right: auto;
        margin-left: auto;
    }
    .rbr {display: inherit;}
}

/* ------------------------------------------------------------------------------  common */
.square li{
    list-style-type: square;
    margin-left: 1.2em;
}
.lmb li{margin-bottom: 0.5em;}
.lmb li:last-child{margin-bottom: 0;}

.linkbtn,
.tab li,
.prev-next a{
    background-color: #fff;
    border: 1px solid #00aebb;
    border-radius: 0.4em;
    color: #00aebb;
    display: inline-block;
    font-weight: bold;
    padding: 0.7em 4em;
    font-size: 14px !important;
}
.linkbtn:hover,
.tab li.active,
.prev-next a:hover{
    text-decoration: none;
    background-color: #00aebb !important;
    color: #fff !important;
}

.tab li:hover{
    text-decoration: none;
    color: #fff;
}

.outlink span{
    background: url('images/icon_ol.png') left center no-repeat;
    padding-left: 12px;
    font-size: 11px;
}

.active {display: block;}
.tabpanel{}

.tab{text-align: center;}
.tab li{
    cursor: pointer;
    margin: 0 0.5em 0.5em;
}

/* loading */
#loadwrap{
    position: relative;
}
#loadingbody{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 1000;
}

/* ------------------------------------------------------------------------------  header */
#header_wrap{height: auto;}
#header{
    padding: 1em;
    position: relative;
    text-align: center;
}
#header a{color: #333;}
#header #description{
    font-size: 11px;
    margin-bottom: 1em;
}
#header #logo{
    padding: 0 0 1em;
}
#header #logo span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0.2em;
}
#header #logo img,#footer #footer_logo img{max-width: 278px;}
#header #tel{}
#header #social{}
#header #social img{max-width: 30px;}
#header #changetxt{display: none;}
#header .outlink{display: none;}

.togmenu {
    display: none;
}
.menubtn {
    display: block;
    font-weight: bold;
    background-color: #00AEBB;
    color: #fff;
    z-index: 100;
    position: relative;
    padding: 0.8em 1em;
}
.menubtn span{
    background: url('images/menu_icon.png') 0 0 no-repeat;
    background-size: contain;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2.5em;
}

#gnav{
    z-index: 90;
    width: 100%;
}
#gnav ul{}
#gnav ul li{
    border-top: 1px solid #aaa;
    float: none;
}
#gnav ul li a{
    margin-top: 0;
    display: block;
    font-weight: bold;
    padding: 7px 20px;
    text-decoration: none;
    box-sizing: border-box;
}
#gnav ul li.stay{
    background: none;
}
/*#gnav ul li a:hover{background-color: #a7ebf0;}*/
#gnav ul li a.stay{background-color: #eaeff2;}




@media screen and (min-width: 63em) {
    #header_wrap{
        height: 166px;
        background: url('images/header_bg.png') 0 0 repeat-x;
    }
    #header{
        padding: 25px 0 0;
        text-align: left;
    }
    #header #description{
        position: absolute;
        top: 0;
        line-height: 25px;
        color: #fff;
        margin-bottom: 0;
    }
    #header #logo{
        line-height: 98px;
        padding: 0;
    }
    #header #logo span{
        background: url('images/logo_span_bg.png') left center no-repeat;
        display: inline-block;
        text-indent: -9999px;
        width: 146px;
        padding-top: 0;
        vertical-align: top;
    }
    #header #tel,#header #social,#header #changetxt,#header .outlink{
        display: block;
        position: absolute;
    }
    #header #tel{
        right: 270px;
        top: 60px;
    }
    #header #social{
        right: 0;
        top: 80px;
    }
    #header #changetxt{
        right: 120px;
        top: 79px;
        box-sizing: border-box;
        background: url('images/textsize_bg.png') left center no-repeat;
        border-top: 1px solid #ddd;
        height: 25px;
        padding-left: 66px;
        width: 130px;
    }
    #header #changetxt span{
        display: inline-block;
        cursor: pointer;
        margin-right: 3px;
    }
    #header .outlink{
        right: 0;
        top: 32px;
    }

    .menubtn {
        display: none;
    }
    .togmenu {
        display: block;
    }
    #gnav{border-top: 3px solid #cdd4d8;}
    #gnav.follow {
        background-color: #fff;
        border-bottom: 1px solid #cdd4d8;
        position: fixed;
        top: 0;
    }
    #gnav ul li{
        float: left;
        border: none;
    }
    #gnav ul li a{
        background: url('images/gnavi.png') 0 0 no-repeat;
        height: 40px;
        display:inline-block;
        text-indent: -9999px;
    }
    #gnav ul li#gnav1 a{background-position: 0 0; width: 104px;}
    #gnav ul li#gnav2 a{background-position: -104px 0; width: 147px;}
    #gnav ul li#gnav3 a{background-position: -251px 0; width: 131px;}
    #gnav ul li#gnav4 a{background-position: -382px 0; width: 162px;}
    #gnav ul li#gnav5 a{background-position: -544px 0; width: 174px;}
    #gnav ul li#gnav6 a{background-position: -718px 0; width: 144px;}
    #gnav ul li#gnav7 a{background-position: -862px 0; width: 128px;}
    #gnav ul li.stay{}

    #gnav .gnav-txt-menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#gnav .gnav-txt-menu li {
    border-right: 1px solid #ececec;
    border-bottom: #ececec;
    float: none!important;
    font-weight: 700;
    text-align: center;
    width: calc(100% / 6);
    height: 40px;
}
#gnav .gnav-txt-menu li:last-child {
    border-left: 1px solid #ececec;
}
#gnav .gnav-txt-menu li a {
    background: none;
    color: #444;
    display: block;
    text-indent: 0;
    text-align: center;
    /* text-shadow: 1px 1px 3px #808080; */
    width: 100%!important;
    height: 100%;
}
#gnav .gnav-txt-menu li a:hover{
    background-color: #a7ebf0;
}

}
/* ------------------------------------------------------------------------------  footer */
#footer{
    text-align: center;
    padding: 2em 1em 3em;
}
#footer a{color: #666;}
#footer #footer_logo{}
#footer #footer_link{
    border-top: 3px solid #ececec;
    font-size: 13px;
    padding: 1em 0 2em;
}
#footer #footer_link li{
    display: inline-block;
    padding-right: 0.6em;
}
#footer #footer_link li::after{
    content: "/";
    padding-left: 0.6em;
    color: #999;
}
#footer #footer_link li:last-child{
    padding-right: 0;
}
#footer #footer_link li:last-child::after{
    content: "";
    padding-left: 0;
}
#footer .outlink{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    padding: 0.3em 2em;
}
.policyBtn {
    font-size: 11px;
    text-align: center;
}
#copy{
    font-size: 11px;
    color: #999;
    text-align: center;
    padding: 1em;
    line-height: 1.2;
}

#page_top{
    display: block;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index:950;
}
#policyArea{
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    background-attachment: fixed;
    z-index: 500;
}
#policyArea .policyBox {
    z-index: 9999;
    width: 700px;
    height: 75%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    margin: auto;
    padding: 1rem 1rem 5rem 2rem;
    overflow: hidden;
}
#policyArea .inner {
    max-height: 100%;
    overflow-y: scroll;
}
#policyArea p {
    margin-bottom: 4rem;
}
#policyArea .closedBtn {
    margin-top: 1em;
    text-align: right;
}
#policyArea .closedBtn img {
    cursor: pointer;
}
@media screen and (min-width: 63em) {
}
/* ------------------------------------------------------------------------------  sidebar */
/* ------------------------------------------------------------------------------  breadCrumb */
#breadCrumb{
    color: #fff;
    background-color: #cad0d4;
    box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.3) inset;
    font-size: 11px;
    margin-bottom: 1em;
    padding: 0.8em 0;
}
#breadCrumb ol{
    display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* justify-content: center; */
}
#breadCrumb li:not(:last-child)::after {
    content: ">";
    margin: 0 0.3em;
}
#breadCrumb li a{color: #fff;}

/* ------------------------------------------------------------------------------  home */
#main_image{
    background-image: url('images/image_top.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    /* height: 240px; */
    overflow: hidden;
    padding: 0 2em;
    text-align: center;
}
#main_image .inner{position: relative;}
#main_image .image_top_txt{
    padding: 1em 0 2em;
}
#main_image .btn01{
    display: block;
    padding-bottom: 1em;
    margin: auto;
}

#slider_news {font-weight: bold;padding: 0 1em;}
#slider_news a{color: #333; font-weight: bold;}
#slider_news a.cat_link{
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 0.5em 0 0;
}
#slider_news ul{width: auto;}
#slider_news ul li{line-height: 2.5em;}
#slider_news ul li .date{
    font-size: 12px;
    font-weight: bold;
    margin-right: 1em;
}

#slider_staff ul li{
    position: relative;
}
#slider_staff .bluebox{
    background-color: rgba(0,175,236,0.8);
    width: 100%;
    text-align: center;
    padding: 1em 0;
    position: absolute;
    bottom: 0;
    font-size: 14px !important;
}
#slider_staff .bluebox span.syoku{
    display: block;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.5em;
}
#slider_staff .bluebox span.miru{
    border-radius: 0.3em;
    background-color: #fff;
    display: inline-block;
    color: #00AFEC;
    padding: 0.25em 1em;
}
.borderEffect {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 340px;
    z-index: 1000;
    border:0 solid rgba(236,236,236,0.8);
}
/* hover */
.borderEffect,
.bluebox,
span.miru,
span.syoku{
    -weblit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#slider_staff a:hover .borderEffect{
    border-width: 10px;
}
#slider_staff a:hover .bluebox{background-color: rgba(255,255,255,0.8);}
#slider_staff a:hover .bluebox span.syoku{color: #00AFEC;}
#slider_staff a:hover .bluebox span.miru{
    background-color: #00AFEC;
    color: #fff;
}

.home #contents section{
    padding: 3em 2em;
    margin-bottom: 0;
}
.home #contents section#sec03{padding: 3em 0;}
.home #contents section:nth-child(odd){background-color: #ececec;}
.home #contents section .title{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 1em;
}
.home #contents section#sec02 img,
.home #contents section#sec04 img{margin-bottom: 1em;}
.home #contents section .floatbox{text-align: center;}
.home #contents section .floatbox.textbox{text-align: left;}

.home_link li{
    float: left;
    width: 50%;
}
.home #contents section .home_link li{width: 50%;}
.home_link li a{
    display: block;
    height: 7.5em;
    text-align: center;
    color: #fff;
}
.home_link li a span{
    font-weight: bold;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home_link li:nth-child(1) a{background-color: #f7ab00;}
.home_link li:nth-child(2) a{background-color: #45b035;}
.home_link li:nth-child(3) a{background-color: #00afec;}
.home_link li:nth-child(4) a{background-color: #e9546b;}

.btn-know {
    display: block;
    /* overflow: hidden; */
    margin: auto;
    height: 172px;
    width: 283px;
    position: relative;
    right: 30px;
}
.btn-know-1 {
    display: block;
    margin: 2px 0 0 auto;
}
.btn-know-2 {
    position: absolute;
    left: 0;
    top: 100%;
}
.btn-know-1b {
    display: block;
    margin: 2px 0 0 auto;
}
.btn-know-2b {
    position: absolute;
    left: 10px!important;
    top: 100%;
}
@media screen and (max-width: 480px) {
    .btn-know-1b {
        display: block;
        margin: 2px 0 0 auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .btn-know-2b {
        position: absolute;
        left: 10px!important;
        bottom: 0;
    }
}

.home-bnr-wrap {
    padding: 20px;
}
.home-bnr-splist li {
    margin-bottom: 20px;
}
.home-bnr-splist li:last-child {
    margin-bottom: 0;
}
.home-bnr-wrap a {
    display: block;
    text-align: center;
}

@media screen and (min-width: 63em) {
    #main_image,
    #main_image .inner {
        height: 480px;
    }
    #main_image .image_top_txt{
        position: absolute;
        left: 0;
        top: 205px;
        padding: 0;
    }
    #main_image .btn01{
        position: absolute;
        right: 0;
        top: 30px;
        padding: 0;
    }
    #main_image .btn02{
        position: absolute;
        right: 0;
        top: 120px;
        padding: 0;
    }

    #slider_news a.cat_link{
        float: left;
        line-height: 2.5em;
        width: 80px;
        border-bottom: none;
        padding: 0;
    }
    #slider_news .bx-wrapper{
        float: left;
        width: 90%;
    }

    .home #contents section#sec01,.home #contents section#sec05{padding: 5em 2em;}
    .home #contents section#sec01 p{
        padding: 0 11em;
    }
    .home #contents section .title{
        font-size: 30px;
    }
    .home #contents section .floatbox{
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
    .home #contents section#sec04 .floatbox{float: right;}
    .home #contents section .floatbox.textbox{
        padding: 2em 4em;
    }
    .home #sec02 .textbox-message {
        width: 85%;
        margin: auto;
        padding: 2em 4em;
    }

    .home_link li{
        width: 25%;
    }

    .btn-know {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.close-btn.text {
    background:url(svg/icon_arrow.svg) no-repeat 2px 49% /7px 13px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding-left: 20px;
}
.close-btn.text:hover {
    color: #e70000;
}
.close-btn.batsu {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.new_graduates_movie-box {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-out;
}
.new_graduates_movie-box.on {
    opacity: 1;
    visibility: visible;
}
.new_graduates_movie-box.off {
    opacity: 0;
    visibility: hidden;
}
.new_graduates_movie-box .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    padding: 40px 40px 0;
    z-index: 100;
}
.new_graduates_movie-box h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.new_graduates_movie-box ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.new_graduates_movie-box li {
    text-align: center;
    width: 48%;
}
.new_graduates_movie-box iframe {
    width: 100%;
}
.new_graduates_movie-box a {
    font-size: 14px;
}
@media screen and (min-width: 44em),print {
    .new_graduates_movie-box .inner {
        width: 650px;
        height: 360px;
        margin: auto;
        padding: 40px;
    }
}
@media screen and (max-width: 44em) {
    .new_graduates_movie-box .inner {
        width: 90%;
        height: 350px;
        margin: auto;
        padding: 45px 20px 0;
    }
}

@media screen and (min-width: 44em){
    .graduates-movie-list a {
        display: block;
        /* z-index: 2; */
    }
    .movie-bnr-box {
        display: flex;
            justify-content: center;
    }
    .new_graduates_movie_bnr {
        margin-right: 20px;
    }
    .graduates-movie-1,
    .graduates-movie-2 {
        position: relative;
    }
    .graduates-movie-1:before,
    .graduates-movie-2:before {
        content: url(images/btn_play_gray.png);
        display: block;
        margin: auto;
        width: 78px;
        height: 50px;
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
    }
    .graduates-movie-1:hover:before,
    .graduates-movie-2:hover:before {
        content: url(images/btn_play_red.png);
        display: block;
        margin: auto;
        width: 78px;
        height: 50px;
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
    }
}
@media screen and (max-width: 44em) {
    .graduates-movie-list a {
        display: block;
    }
    .graduates-movie-1,
    .graduates-movie-2 {
        position: relative;
    }
    .graduates-movie-1:before,
    .graduates-movie-2:before {
        content: '';
        background: url(images/btn_play_red.png);
        background-size: contain;
        display: inline-block;
        width: 50px;
        height: 32px;
        margin: auto;
        position: absolute;
        top: 25px;
        right: 0;
        left: 0;
    }
    .new_graduates_movie_bnr {
        text-align: center;
        margin-bottom: 20px;
    }
    .guide_movie_bnr {
        text-align: center;
    }
}


/* ------------------------------------------------------------------------------  page */
#pagetitle{
    background-color: #00aebb;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    margin-bottom: 2em;
    box-sizing: border-box;
}

#contents section{margin-bottom: 4em;}

.title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1em;
}
.title02{
    background-color: #ececec;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 0.6em 1em;
}
.title03{
    text-align: center;
    margin: 0 auto 2em;
}
.title03 span{
    box-sizing: border-box;
    background-color: #f7ab00;
    border-radius: 0.5em;
    display: inline-block;
    font-weight: bold;
    min-width: 220px;
    padding: 1em 2em;
}
.title04{
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px solid #cad0d4;
    margin-bottom: 1.5em;
    padding: 0 0 0.2em;
    position: relative;
}
.title04::after{
    content: "";
    background-color: #00aebb;
    width: 40%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.table01{
    border-top: 1px dotted #ccc;
}
.table01 th,.table01 td{
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 0.6em 1em;
    vertical-align: middle;
}
.table01 th{
    background-color: #eee;
}
.table01 td {}
.table01 td > li {
    list-style-type: disc;
    margin-left: 1.2em;
    position: relative;
}
.table01 .no-disc-list li {
    list-style-type: none;
    margin-bottom: .6em;
}
.etc-text {
    display: block;
    text-align: right;
}
@media screen and (min-width: 45em) {
    .etc-text {
        position: absolute;
        left: 385px;
        bottom: 0;
    }
}
.annotation{
    font-size: 12px;
    margin: 2em 0;
}
.annotation li{margin-bottom: 0.5em;}
.annotation li:last-child{margin-bottom: 0;}

.contact_box{
    padding: 2em;
    background-color: #ECECEC;
    box-sizing: border-box;
}

.rikunavi{
    width: 240px;
    height: 50px;
    background: url('images/entry_riku.png') left bottom no-repeat;
    display: inline-block;
    text-indent: -9999px;
}
.rikunavi-link {
    text-align: center;
    margin-bottom: 40px;
}
.rikunavi-link p {
    font-size: 11px;
}
.rikunavi-btn {
    margin-bottom: 30px;
}
@media screen and (min-width: 36em) {
    .rikunavi-link {
        width: 380px;
        margin: 0 auto 40px;
    }
    .rikunavi-btn {
        float: left;
        width: 240px;
        margin-right: 40px;
        margin-bottom: 0;
    }
    .rikunavi-qr {
        float: left;
        width: 100px;
    }
}
.blue_box {
    display: inline-block;
    color: #00aebb;
    font-size: 18px !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4rem;
    padding: 0.7em 4em;
    background-color: #fff;
    border: 3px solid #00aebb;
    border-radius: .4em;
}
@media screen and (min-width: 36em) {
    .table01 th,.table01 td{
        display: table-cell;
    }
    .table01 col.th{width: 20%;}
    .table01 col.td{width: 80%;}
}
@media screen and (min-width: 63em) {}

/* ------------------------------------------------------------------------------  page about */
.page-about #contents section img,
.page-about_test #contents section img{
    display: block;
    margin: 0 auto;
}
.page-about h2.title,
.page-about_test h2.title{
    font-size: 32px;
    text-align: center;
}

.page-about #sec01,
.page-about_test #sec01{
    background-color: #e5f7fd;
    padding: 3em 0;
}
.page-about #sec01 .title br,
.page-about_test #sec01 .title br{display: none;}

.page-about #sec02 .inner,
.page-about_test #sec02 .inner{
    padding: 2em 1em;
    background-color: #ececec;
    box-sizing: border-box;
}

.box_abc{}
.box_abc img{padding: 1em 0;}
.box_abc #bt01{background-color: #00afec;}
.box_abc #bt02{background-color: #e9546b;}
.box_abc #bt03{background-color: #45b035;}
.box_title{
    font-size: 18px;
    font-weight: bold;
    padding: 1em 0;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1em;
}

.boaderbox{padding: 3em 0;}
.boaderbox:nth-child(odd){background-color: #ececec;}

@media screen and (min-width: 63em) {
    .page-about #sec01 .title br,
    .page-about_test #sec01 .title br{display: block;}
    .page-about #sec01 p,
    .page-about_test #sec01 p{
        width: 500px;
        margin: 0 auto;
    }
    .page-about #sec02 .inner,
    .page-about_test #sec02 .inner{padding: 2em 35px;}
    .box_abc{
        width: 290px;
        float: left;
        margin-right: 25px;
    }
    .box_abc:last-child{margin-right: 0;}
}

/* ------------------------------------------------------------------------------  page message */
.page-message #sec01{
    background-color: #f6f6f6;
    padding: 3em 0;

}
.page-message #sec01 .inner{position: relative;}
.message{}
.message .mes_title{margin-bottom: 1em;}
.message .mes_title img{max-width: 288px;}
.message .mes_img{
    float: right;
    margin-bottom: 1em;
    max-width: 166px;
}
.mes_photo{
    display: block;
    margin: 0 auto;
    max-width: 320px;
}

@media screen and (min-width: 63em) {
    /*
    .message {
        width: 510px;
        float: left;
    }
    .message .mes_title{
        float: left;
        max-width: 288px;
        margin-bottom: 3em;
    }
    */
    .message .mes_title {
        text-align: center;
        margin-bottom: 3em;
    }
    .mes_photo{
        position: absolute;
        bottom: -3em;
        right: 0;
    }
}

/* ------------------------------------------------------------------------------  page chousa */
.chousa_area li{margin-bottom: 2em;}
.chousa_area li{}
.chousa_area li h3{}
.chousa_area li dl{
    background-color: #ccc;
    padding: 1em;
}
.chousa_area li dl dt{}
.chousa_area li dl dd{}

@media screen and (min-width: 36em) {
    .chousa_area li{
        float: left;
        width: 50%;
    }
    .chousa_area li dl {margin-right: 1em;}
    .chousa_area li dl dt,
    .chousa_area li dl dd{display: inline-block;}
    .chousa_area li dl dt{width: 40%;}
    .chousa_area li dl dd{width: 60%;}
}
@media screen and (min-width: 63em) {
    .chousa_area li{
        width: 25%;
    }
}

/* ------------------------------------------------------------------------------  page syunin */
.keirekisho{
    text-align: center;
}
.keirekisho img{
    display: block;
    margin: 1em auto;
}
.saiyo-test-detail {
    padding-left: 4.5em;
    text-indent: -1em;
    display: block;
}
@media screen and (min-width: 63em) {
    .keirekisho img{
        display: inline;
        margin: 0 1em 0 0;
    }
}

/* ------------------------------------------------------------------------------  page office */
#freewall{
    margin: 0 auto;
    width: 96%;
}
.fimg {
    display: inline-block;
}
.fws1{max-width: 480px;}
.fws2{max-width: 240px;}
.fws3{max-width: 120px;}

/* ------------------------------------------------------------------------------  page faq */
.faq_list{}
.faq_list dt{
    cursor: pointer;
    background: url('images/faq_q.png') 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 20px 2px 40px;
    margin-bottom: 2em;
    position: relative;
}
.faq_list dt::after{
    content: "";
    background: url("images/ac_p.png") 0 0 no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 5px;
}
.faq_list dt.open::after{
    background: url("images/ac_m.png") 0 0 no-repeat;
    background-size: 16px;
}
.faq_list dd{
    background: url('images/faq_a.png') 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 0 2px 40px;
    margin-bottom: 2em;
}

/* ------------------------------------------------------------------------------  page know */
/* know-main */
.know-main {
    background: url(images/know_main.png) repeat 50% 50%;
    margin: 0 auto 30px;
    max-width: 990px;
    width: 100%;
    position: relative;
}
.know-main-inner {
    background: rgba(255,255,255,.95);
    margin: auto;
    padding: 0 30px;
    max-width: 580px;
}
.know-main-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
}
.know-main-inner span {
    background: #fff100;
}
/* know-thumb */
.know-thumb {
    margin: 0 auto 30px;
    padding: 0 15px;
    max-width: 990px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


.know-thumb li {
    width: 100%;
    max-width: 310px;
}
.know-thumb a {
    display: block;
    position: relative;
}
.know-thumb-title {
    background-color: rgba(0,175,236,.8);
    color: rgba(255,255,255,1);
    font-weight: 700;
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .2s ease;
}
.know-thumb a:hover .know-thumb-title {
    background-color: rgba(255,255,255,.8);
    color: rgba(0,175,236,1);
}
/* know-faq */
.know-faq-title {
    background-color: #00afec;
    box-sizing: border-box;
    color: #fff;
    margin: 0 auto 30px;
    padding: 15px;
    max-width: 990px;
}
.know-faq-title-sub {
    font-weight: 700;
    margin: 0 0 10px;
}
.know-faq-title-main {
    font-size: 20px;
    font-weight: 700;
}
.know-faq-box {}
.know-faq-box-title {
    text-align: center;
    padding: 20px 0 30px;
}
.know-faq-box-title-post {
    border-bottom: 4px solid;
    color: #00afec;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 0 0 5px 0;
}
.know-faq-box-title-text {
    font-size: 20px;
    font-weight: 700;
    padding: 8px 0 0;
}
.know-faq-list {padding: 0;}
.know-faq-list dt {
    margin: 0 0 10px;
}
.know-faq-list dd {
    margin: 0 0 30px;
}
.know-faq-list-a {
    color: #00afec;
    margin: 0 0 15px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.know-faq-list-a::before {
    content: "A";
    font-size: 24px;
    font-weight: 700;
    width: 40px;
}
.a-inner {
    box-sizing: border-box;
    border-left: 2px solid;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 20px;
    width: calc(100% - 40px);
}
.know-faq-title-2 {
    background: #eee;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 15px;
    margin: 0 0 20px;
}
.know-faq-list-2-title {
    margin: 0 0 10px;
}
.know-faq-list-2 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;

    padding: 0 0 10px;
}
.know-faq-list-2 li {
    border-bottom: 1px dotted #00afec;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 0 0 20px 60px;
    position: relative;
}
.know-faq-list-2 li::before {
    border-right: 2px solid;
    box-sizing: border-box;
    content: "A";
    color: #00afec;
    font-size: 24px;
    font-weight: 700;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.know-faq-list-2 li {width: 100%;}
.know-faq-list-2-img {margin: 0 0 30px;}
.know-post-list {
    padding: 10px 0 0;
}
.know-post-list li {
    background: #ffdaea;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 7px 8px 0;
    padding: 2px 20px;
}
.know-faq-gallery {
    padding: 0 0 60px;
}
.know-faq-gallery li {padding: 0 2px;}
@media screen and (max-width: 35.9em) {
    .know-thumb__2picts li {
        margin-bottom: 30px;
    }
    .know-thumb__2picts li:last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 36em) {
    .know-main,
    .know-thumb,
    .know-faq-title {margin: 0 auto 60px;}
    /* know-main */
    .know-main-title {font-size: 24px;}
    .know-main-inner {width: 100%;}
    .know-main-inner p {line-height: 2.4;}
    /* know-thumb */
    .know-thumb {
        justify-content: space-between;
        padding: 0;
    }
    .know-thumb__2picts {
        justify-content: center;
    }
    .know-thumb__2picts li {
        margin-right: 30px;
    }
    .know-thumb__2picts li:last-child {
        margin-right: 0;
    }
    .know-thumb li {width: 31%;}
    .know-thumb-title {font-size: 1.8rem;}
    /* know-faq */
    .know-faq-title {
        background: url(images/know_title.png) no-repeat 100% 50%;
        padding: 35px 40px;
    }
    .know-faq-title-main {font-size: 24px;}
    .know-faq-box-title-text {font-size: 28px;}
    .know-faq-list dd {padding: 0 35px;}
    .a-inner {font-size: 18px;}

    .know-faq-title-2 {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        padding: 20px;
        margin: 20px 0 30px;
    }
    .know-faq-list-2 {justify-content: space-between;}
    .know-faq-list-2 li {width: 47%;}
    .know-faq-list-2 li.full {width: 100%;}
    .know-faq-gallery {padding: 20px 0 120px;}
}
@media screen and (min-width: 63em) {
    /* know-main */
    .know-main {height: 630px;}
    .know-main-inner {
        box-sizing: border-box;
        padding: 60px 70px;
        height: 520px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }
    /* know-faq */
    .know-faq-box-title {text-align: left;}
    .know-faq-box-title-post {padding: 0 0 5px 100px;}
    .know-faq-box-title-text {padding: 8px 100px 0;}
    .know-faq-list {padding: 0 70px;}
    .know-post-list {padding: 10px 0 0 100px;}
    .know-post-list-text {padding: 0 0 0 100px;}

    .know-faq-list-2 {padding: 0 100px 10px;}
    .know-faq-list-2-title {padding: 0 70px;}
}
/* ------------------------------------------------------------------------------  page shinsotsu */
.rikunavi-link-wrap__qr img {
    width: 100px;
    height: 100px;
}
.rikunavi-link-wrap p {
    font-size: 11px;
    text-align: center;
}
@media screen and (min-width: 441px) {
    .rikunavi-link-wrap {
        display: flex;
            justify-content: center;
            align-items: flex-end;
        margin-bottom: 40px;
    }
    .rikunavi-link-wrap__bnr {
        margin-right: 40px;
    }
    .rikunavi-link-wrap__bnr img {
        width: 100px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 440px) {
    .rikunavi-link-wrap {
        margin-bottom: 40px;
    }
    .rikunavi-link-wrap__bnr {
        margin-bottom: 30px;
    }
    .rikunavi-link-wrap__bnr img,
    .rikunavi-link-wrap__qr img {
        display: block;
        margin: 0 auto;
    }
    .rikunavi-link-wrap__bnr img {
        width: 100px;
        height: auto;
        margin-bottom: 10px;
    }
    .rikunavi-link-wrap__qr img {
        width: 147px;
        height: 147px;
    }
}

/* ------------------------------------------------------------------------------  category */
.post_list{}
.post_list li{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.post_list li h3{margin-bottom: 1em;}
.post_list li h3 a{
    color: #333;
    font-weight: bold;
}
.post_list li .pl_date{
    margin-right: 1em;
}
.post_list li .pl_content{
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 1em;
}

@media screen and (min-width: 63em) {}

/* ------------------------------------------------------------------------------  single */
.jtitle{
    border-bottom: 1px solid #00afec;
    color: #00afec;
    font-size: 18px;
    font-weight: bold;
}

.main_box{
    background-color: #00afec;
    margin-bottom: 3em;
    text-align: center;
}
.main_field{
    background: url("images/job_interview.png") no-repeat center 3em;
    background-size: 95px 18px;
    color: #fff;
    padding: 8em 0 1em;
    position: relative;
}
.main_field::before{
    border-top: 1px dotted #fff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 6em;
    width: 100%;
}
.main_field h2{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
.main_field h2 .name_r{
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
}

.prof_box{}
.prof_box .profile{
    border-color: #00afec;
    border-style: solid;
    border-width: 0 5px 5px;
    color: #00afec;
    margin-bottom: 2em;
}
.prof_box .profile h3{
    background-color: #00afec;
    padding: 0.4em 1em;
    margin-bottom: 2em;
}
.prof_box .profile h3 img{height: 32px;}
.prof_box .profile p{
    color: #00afec;
    font-size: 18px;
    font-weight: bold;
    padding: 0 1em 0.25em;
}
.prof_box .profile ul{
    font-size: 12px;
    padding: 0 1.5em 2em;
}

.prof_box .photo_ga{
    border-color: #00afec;
    border-style: dotted;
    border-width: 1px 0;
    margin-bottom: 2em;
    padding: 1em 0;
}
.prof_box .photo_ga h3{margin-bottom: 1em;}
.prof_box .photo_ga h3 img{height: 18px;}
.prof_box .photo_ga ul li{
    float: left;
    width: 33.33%;
}

.prof_box dl{
    box-sizing: border-box;
    border: 5px solid #00afec;
    padding: 1em;
    margin-bottom: 2em;
}
.prof_box dl dt{margin-bottom: 0.8em;}
.prof_box dl dd{margin-bottom: 1em;}
.prof_box dl dd:last-child{margin-bottom: 0;}


.time_list{
    position: relative;
}
.time_list ul li{
    border-bottom: 1px dotted #ddd;
    padding: 1em 0;
}
.time_list ul li .time{
    background: url('images/job_time_bg.png') 0 0 no-repeat;
    background-size: cover;
    color: #00afec;
    font-size: 12px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
}
.time_list ul li .time_cont{}
.time_list ul li .time_text{
    color: #00afec;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-left: 90px;
    padding: 0.7em 0 0;
}
.time_list img{display: none;}

.single_date{
    border-top: 1px dotted #ccc;
    color: #888;
    font-size: 12px;
    margin-top: 3em;
    padding: 0.25em 0 0;
    text-align: right;
}

.prev-next{
    padding: 4em 0 0;
    position: relative;
    text-align: center;
}
.prev-next a{
    display: inline-block;
    font-size: 12px !important;
    font-weight: normal;
    padding: 0.3em 1em;
}
.prev-next a[rel="prev"]{
    position: absolute;
    left: 0;
}
.prev-next a[rel="next"]{
    position: absolute;
    right: 0;
}

@media screen and (min-width: 63em) {
    .main_img{
        float: left;
        height: 260px;
    }
    .main_field{
        float: right;
        width: 51%;
    }
    .main_field .busyo{
        display: inline-block;
        position: relative;
        right: 0.5em;
        top: -1em;
    }

    .prof_box .profile,
    .prof_box .photo_ga{
        float: left;
        width: 450px;
    }
    .prof_box .photo_ga ul{margin-right: -15px;}
    .prof_box .photo_ga ul li{
        width: 140px;
        margin-right: 15px;
    }

    .prof_box dl{
        float: right;
        width: 500px;
    }

    .time_list img{
        display: block;
        position: absolute;
        width: 240px;
    }
    .time_list img#time_img01{
        right: 0;
        top: 20px;
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
    .time_list img#time_img02{
        right: 200px;
        top: 120px;
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
    .time_list img#time_img03{
        right: 0;
        top: 270px;
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }
}


/* BxSlider v4.1.2 http://www.woothemes.com/flexslider/
=============================================================================*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/*------------------------------------------------------------------------------------------------  shadowbox  */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading_shadow.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.bt0{bottom: 0 !important;}