@charset "UTF-8";

/* main.css
**************************************************************************************/

/* Base
=============================================================================*/

#body-in a {
    /*fade*/
    transition: all 0.3s;
    /*opacity*/
    opacity: 1.0;
}
#body-in a:hover {
    opacity: 0.8;
    cursor: pointer;
}

@media screen and (max-width: 767px){
#body-in a {
    /*fade*/
    transition: none !important;
}
#body-in a:hover {
    opacity: 1.0 !important;
}
}

/* Bread
=============================================================================*/

div.bread-area {
    width: 1200px;
    padding: 0 0 30px 0;
    margin: 0 auto;
}
div.bread-area .bread {
    width: 547px;
    float: left;
    padding: 10px 0 0 16px;
    background:url("../../image/k18-contents-dc001.gif") no-repeat 0 13px;
}
div.bread-area .bread a {
    text-decoration: none;
    color:#006562;
}
div.bread-area .bread a,
div.bread-area .bread span {
    padding: 0 7px;
}
/*print*/
div.bread-area div.print {
    width: 282px;
    height: 44px;
    float: right;
}
div.bread-area div.print ul {
    width: 282px;
}
div.bread-area div.print ul li {
    text-indent: 101%;
    font-size: 1px;
    white-space: nowrap;
    overflow: hidden;
}
div.bread-area div.print ul li.print001 {
    width: 147px;
    height: 44px;
    float: left;
}
div.bread-area div.print ul li.print001 a {
    display: block;
    width: 147px;
    height: 44px;
    background: url("../../image/k18-print-bt001.gif") no-repeat 0 0;
    transition: none !important;
}
div.bread-area div.print ul li.print001 a:hover {
    background-position: 0 bottom;
}
div.bread-area div.print ul li.print002 {
    width: 129px;
    height: 44px;
    float: right;
}
div.bread-area div.print ul li.print002 a {
    display: block;
    width: 129px;
    height: 44px;
    background: url("../../image/k18-print-bt001.gif") no-repeat right 0;
    transition: none !important;
}
div.bread-area div.print ul li.print002 a:hover {
    background-position: right bottom;
}
@media screen and (max-width: 1279px) {
    div.bread-area {
        display: none;
    }
}
@media screen and (max-width: 767px){
    div.bread-area {
        display: none;
    }
}

div.bread-area .sns-container {
    float: left;
    display: flex;
    align-items: center;
    margin: 0 5px 0 10px;
    padding-top: 11px;
}

.sns-container .fb-share-button,
.sns-container .fb-like,
.sns-container .twitter-share-button {
    margin-right: 7px;
}
.sns-container .twitter-share-button,
.sns-container .line-it-button {
    margin-top: -3px;
}
.sns-container .fb-share-button {
    height: 24px;
    margin-top: -6px;
}

.sns-container .fb-like {
    height: 24px;
    margin-top: 2px;
    width: 80px;
    overflow: hidden;
}



/* Column（カラムレイアウト設定）
=============================================================================*/

/*カラムサイズ変更*/

/*普通の下層*/
/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float: left;}
#wrapper-under .column2-11 .column-right { float: right;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width: 438px;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:left; width: 592px;}
#wrapper-under .column2-21 .column-right { float:right; width: 284px;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:left; width: 284px;}
#wrapper-under .column2-12 .column-right { float:right; width: 592px;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:left; margin-right: 24px;}
#wrapper-under .column3 .column-center { float: left;}
#wrapper-under .column3 .column-right { float: right;}
#wrapper-under .column3 .column-box  { width: 284px;}

/*3カラム用詰め防止*/
.cms-artis .cms-artis-page .cms-border-none .column-area .column3 .column-box { padding: 0 0 1px 0 !important;}
.column3 .column-box { padding-bottom: 1px;}

@media screen and (max-width: 1279px){
/*共通*/
#wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width: 344px;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:left; width: 466px;}
#wrapper-under .column2-21 .column-right { float:right; width: 222px;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:left; width: 222px;}
#wrapper-under .column2-12 .column-right { float:right; width: 466px;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:left; margin-right: 22px;}
#wrapper-under .column3 .column-center { float: left;}
#wrapper-under .column3 .column-right { float: right;}
#wrapper-under .column3 .column-box  { width: 222px;}
}

@media screen and (max-width: 767px){/*スマフォは全て1カラムにする*/
/*共通*/
#wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float: none;}
#wrapper-under .column2-11 .column-right { float: none;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width: auto;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:none; width: auto;}
#wrapper-under .column2-21 .column-right { float:none; width: auto;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:none; width: auto;}
#wrapper-under .column2-12 .column-right { float:none; width: auto;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:none; margin-right: 0;}
#wrapper-under .column3 .column-center { float: none;}
#wrapper-under .column3 .column-right { float: none;}
#wrapper-under .column3 .column-box  { width: auto;}
}

/*under-1col*/
/*2カラム（1:1）*/
.under-1col #wrapper-under .column2-11 .column-left { float: left;}
.under-1col #wrapper-under .column2-11 .column-right { float: right;}
.under-1col #wrapper-under .column2-11 .column-left ,
.under-1col #wrapper-under .column2-11 .column-right { width: 588px;}

/*2カラム（2:1）*/
.under-1col #wrapper-under .column2-21 .column-left { float:left; width: 792px;}
.under-1col #wrapper-under .column2-21 .column-right { float:right; width: 384px;}

/*2カラム（1:2）*/
.under-1col #wrapper-under .column2-12 .column-left { float:left; width: 384px;}
.under-1col #wrapper-under .column2-12 .column-right { float:right; width: 792px;}

/*3カラム（1:1:1）*/
.under-1col #wrapper-under .column3 .column-left { float:left; margin-right: 24px;}
.under-1col #wrapper-under .column3 .column-center { float: left;}
.under-1col #wrapper-under .column3 .column-right { float: right;}
.under-1col #wrapper-under .column3 .column-box  { width: 384px;}

@media screen and (max-width: 1279px){
/*共通*/
.under-1col #wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
.under-1col #wrapper-under .column2-11 .column-left ,
.under-1col #wrapper-under .column2-11 .column-right { width: 344px;}

/*2カラム（2:1）*/
.under-1col #wrapper-under .column2-21 .column-left { float:left; width: 466px;}
.under-1col #wrapper-under .column2-21 .column-right { float:right; width: 222px;}

/*2カラム（1:2）*/
.under-1col #wrapper-under .column2-12 .column-left { float:left; width: 222px;}
.under-1col #wrapper-under .column2-12 .column-right { float:right; width: 466px;}

/*3カラム（1:1:1）*/
.under-1col #wrapper-under .column3 .column-left { float:left; margin-right: 22px;}
.under-1col #wrapper-under .column3 .column-center { float: left;}
.under-1col #wrapper-under .column3 .column-right { float: right;}
.under-1col #wrapper-under .column3 .column-box  { width: 222px;}
}

@media screen and (max-width: 767px){/*スマフォは全て1カラムにする*/
/*共通*/
.under-1col #wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
.under-1col #wrapper-under .column2-11 .column-left { float: none;}
.under-1col #wrapper-under .column2-11 .column-right { float: none;}
.under-1col #wrapper-under .column2-11 .column-left ,
.under-1col #wrapper-under .column2-11 .column-right { width: auto;}

/*2カラム（2:1）*/
.under-1col #wrapper-under .column2-21 .column-left { float:none; width: auto;}
.under-1col #wrapper-under .column2-21 .column-right { float:none; width: auto;}

/*2カラム（1:2）*/
.under-1col #wrapper-under .column2-12 .column-left { float:none; width: auto;}
.under-1col #wrapper-under .column2-12 .column-right { float:none; width: auto;}

/*3カラム（1:1:1）*/
.under-1col #wrapper-under .column3 .column-left { float:none; margin-right: 0;}
.under-1col #wrapper-under .column3 .column-center { float: none;}
.under-1col #wrapper-under .column3 .column-right { float: none;}
.under-1col #wrapper-under .column3 .column-box  { width: auto;}
}

/* Heading
=============================================================================*/

/*h1*/
#wrapper-under .h1-area {
    margin-bottom: 30px;
}
#wrapper-under .h1-area-in {
    padding: 20px 0 0 0 ;
    background:url("../../image/k18-h1-dc001.gif") #e6f2f3 repeat-x 0 0;
    width: 100%;
}
.under-1col #wrapper-under .h1-area-in {
    background:url("../../image/k18-h1-dc001-for-examinee.gif") #eaf5f1 repeat-x 0 0;
}
#wrapper-under .h1-area-in h1 {
    padding: 30px 0 39px 32px;
    font-size: 32px;
    font-weight: 400;
    color: #00a3ac;
}
.under-1col #wrapper-under .h1-area-in h1 {
    color: #00b097;
}

/*h2*/
#wrapper-under .h2-area {
    margin-bottom: 30px;
    padding-top: 15px;/*コンテンツブロックと見出しの間に余白をつける*/
}
#wrapper-under .main-contents .column-area:first-child div.h2-area:first-child {/*コンテンツの一番最初の見出しだけ余白をとる*/
    padding-top: 0;
}
#wrapper-under .h2-area-in {
    background: #00a3ac;
    padding: 11px 10px 11px 14px;
}
.under-1col #wrapper-under .h2-area-in {
    background: #00b097;
}
#wrapper-under .h2-area h2 {
    padding: 2px 0 2px 0;
    line-height: 1.4em;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
}


/*h3*/
#wrapper-under .h3-area {
    margin-bottom: 10px;
}
#wrapper-under .h3-area-in {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #00a3ac;
}
.under-1col #wrapper-under .h3-area-in {
    border-bottom: 1px solid #00b097;
}
#wrapper-under .h3-area h3 {
    line-height: 1.4em;
    padding-left: 16px;
    font-size: 18px;
    font-weight: 500;
    color: #00a3ac;
}
.under-1col #wrapper-under .h3-area h3 {
    color: #00b097;
}
@media screen and (max-width: 1279px){
/*h1*/
#wrapper-under .h1-area {
    margin-bottom: 30px;
}
#wrapper-under .h1-area-in {
    padding: 15px 0 0 0 ;
    background:url("../../image/k18-h1-dc001.gif") #e6f2f3 repeat-x 0 0/auto 15px;
    width: 100%;
}
.under-1col #wrapper-under .h1-area-in {
    background:url("../../image/k18-h1-dc001-for-examinee.gif") #eaf5f1 repeat-x 0 0/auto 15px;
}
#wrapper-under .h1-area-in h1 {
    padding: 18px 0 18px 32px;
    font-size: 28px;
    font-weight: 400;
    color: #00a3ac;
}
}

@media screen and (max-width: 767px){
/*h1*/
#wrapper-under .h1-area {
    margin-bottom: 20px;
}
#wrapper-under .h1-area-in {
    padding: 10px 0 0 0 ;
    background:url("../../image/k18-h1-dc001.gif") #e6f2f3 repeat-x 0 0/auto 10px;
}
#wrapper-under .h1-area-in h1 {
    font-size: 20px;
    padding: 14px 0 14px 20px;
}
.under-1col #wrapper-under .h1-area-in {
    background:url("../../image/k18-h1-dc001-for-examinee.gif") #eaf5f1 repeat-x 0 0/auto 10px;
}

/*h2*/
#wrapper-under .h2-area {
    margin-bottom: 10px;
}

}


/* Junction
=============================================================================*/

#wrapper-under .junction{
    padding: 0 0 40px 0;
}
#wrapper-under .junc-left {
    width: 438px;
    float: left;
}
.under-1col #wrapper-under .junc-left {
    width: 588px;
}
#wrapper-under .junc-right {
    width: 438px;
    float: right;
}
.under-1col #wrapper-under .junc-right {
    width: 588px;
}
#wrapper-under .junction .junction-h2-area {
    margin: 0 0 15px 0;
}
#wrapper-under .junction .junction-h2-area h2.junction-h2 {
    font-size: 16px;
    padding: 16px 13px 16px 16px;
    background: #72bdc3;
    color: #FFF;
    font-weight: 400;
}
.under-1col #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #94d0bb;
}
#wrapper-under .junction .junction-h2-area h2.junction-h2 a {
    display: block;
    text-decoration: none;
    color: #FFF;
    padding-right: 15px;
    background:url("../../image/k18-contents-ar002.png") no-repeat center right;
}

#wrapper-under .junction-outline-area{
    padding-bottom: 15px;
}
/*左右*/
#wrapper-under .junction-outline p.junction-outline-img {
    width: 130px;
    margin: 0 0 0 20px;
    text-align: center;
    float: right;
}
#wrapper-under .junction-outline p.junction-outline-img img {
    width: 130px;
    margin: 0;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
    width: 438px;
    margin: 0 0 10px 0;
    text-align: center;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img {
    width: 588px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 438px;
    margin: 0;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 588px;
}
#wrapper-under .junction-list-area {
    clear: both;
}
#wrapper-under ul.junction-list li {
    padding: 9px 15px 9px 14px;
    border-bottom: 1px solid #e9e9e9;
}
#wrapper-under ul.junction-list li a {
    color: #00a3ac;
    padding: 0 10px 0 0;
    display: block;
    background: url("../../image/k18-contents-ar003.png") no-repeat center right;
    text-decoration: none;
}
.under-1col #wrapper-under ul.junction-list li a {
    color: #00b097;
    background: url("../../image/k18-contents-ar003-for-examinee.png") no-repeat center right;
}

/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-h2-area {
    margin-bottom: 18px;
}
#wrapper-under .sitemap-junction .junction-wrap {
    letter-spacing: -0.4em;
    overflow: hidden;
    margin-left: -24px;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
    width: 438px;
    letter-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 24px;
}
#wrapper-under .sitemap-junction .junction-outline-area {
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#wrapper-under .sitemap-junction .junction-outline-area a {
    display: block;
    text-decoration: none;
    padding: 0 0 0 15px;
    color: #00a3ac;
    background: url("../../image/k18-contents-ar003.png") no-repeat 5px 5px;
}
#wrapper-under .sitemap-junction .junction-outline-area a:hover {
    color: #FF9900;
}
#wrapper-under .sitemap-junction .junction-list-area {
    margin-bottom: 15px;
    background-color: #e6f2f3;
    padding: 15px 15px 10px 15px;
}
#wrapper-under .sitemap-junction .junction-list-area ul li {
    padding-bottom: 5px;
}
#wrapper-under .sitemap-junction .junction-list-area ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 0 0 0 15px;
    background: url("../../image/k18-contents-ar003.png") no-repeat 0 5px;
}
#wrapper-under .sitemap-junction .junction-list-area ul li a:hover {
    color: #FF9900;
}
@media screen and (max-width: 1279px){
#wrapper-under .junc-left ,
#wrapper-under .junc-right {
    width: 344px;
}
/*under-1col*/
.under-1col #wrapper-under .junc-left ,
.under-1col #wrapper-under .junc-right {
    width: 344px;
}
/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-wrap {
    margin-left: -22px;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
    width: 344px;
    margin-left: 22px;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
    width: 344px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 344px;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img {
    width: 344px;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 344px;
}
}

@media screen and (max-width: 767px){
#wrapper-under .junction{
    padding: 0;
}
#wrapper-under .junc-left ,
#wrapper-under .junc-right {
    width: auto;
    float: none;
    margin-bottom: 30px;
}
#wrapper-under .junction-outline p.junction-outline-img {
    width: 90px;
    margin: 0 0 0 10px;
}
#wrapper-under .junction-outline p.junction-outline-img img {
    width: 90px;
}
/*under-1col*/
.under-1col #wrapper-under .junc-left ,
.under-1col #wrapper-under .junc-right {
    width: auto;
}

/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-wrap {
    margin-left: 0;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
    margin-left: 0;
    width: auto;
    display: block;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
    width: auto;
    max-width: 350px;
    margin: 0 auto 10px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 100%;
    width: 100%;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img {
    width: auto;
}
.under-1col #wrapper-under .junction-outline2 p.junction-outline-img img {
    max-width: 100%;
    width: 100%;
}
}


/* news
=============================================================================*/

#main .news-area {
    padding-bottom: 50px;
}

/*title*/
#main .news-area .title {
    position: relative;
    padding: 10px 0 0 0;
}
#main .news-area .title h2 {
    font-size: 30px;
    font-family: 'Roboto','Noto Sans Japanese','メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
}
#main .news-area .title h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #111111;
    position: absolute;
    bottom: -7px;
    left: calc(50% - 25px);
}

/*一覧*/
#main .news-area p.list-link {
    position: absolute;
    top: 42px;
    right: 30px;
}
#main .news-area p.list-link a {
    font-size: 14px;
    background-image: url("../../image/k18-lnavi-ar001.gif");
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #333;
    text-decoration: none;
}

/*RSS*/
#main .news-area .title p.rss {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 42px;
    right: 0;
}
#main .news-area p.rss a {
    width: 20px;
    height: 20px;
    display: block;
    background: url("../../image/rss-ic001.gif") no-repeat 0 0;
    text-indent: 101%;
    font-size: 1px;
    white-space: nowrap;
    overflow: hidden;
}

/*リスト*/
#main .news-area dl {
    display: table;
    width: 100%;
    padding: 15px 15px;;
    border-bottom: 1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .news-area dl dt {
    width: 6em;
    display: table-cell;
    font-weight: normal;
    padding: 0 0 0 0;
}

#main .news-area dl dd {
    width: auto;
    display: table-cell;
    line-height: 1.6em;
    padding: 0 0 0 10px;
}

/*アイコン*/
#main .news-area#information dl dt,
#main .news-area#news dl dt,
#main .news-area#keiai-topics dl dt,
.information #main .news-area dl dt,
.news #main .news-area dl dt,
.keiai-topics #main .news-area dl dt {
    width: 15em;
}
#main .news-area#information dl dt::after,
#main .news-area#news dl dt::after,
#main .news-area#keiai-topics dl dt::after,
.information #main .news-area dl dt::after,
.news #main .news-area dl dt::after,
.keiai-topics #main .news-area dl dt::after {
    background-color: #84939b;
    color: #FFF;
    width: 110px;
    padding: 2px 10px;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
}
#main .news-area dl dt.information-ic001::after {
    content: "お知らせ";
}
#main .news-area dl dt.information-ic002::after {
    content: "その他";
}
#main .news-area dl dt.news-ic001::after {
    content: "プレスリリース";
}
#main .news-area dl dt.news-ic002::after {
    content: "メディア掲載";
}
#main .news-area dl dt.news-ic003::after {
    content: "その他";
}
#main .news-area dl dt.topics-ic001::after {
    content: "イベント報告";
}
#main .news-area dl dt.topics-ic002::after {
    content: "教育・研究";
}
#main .news-area dl dt.topics-ic003::after {
    content: "学生活動";
}
#main .news-area dl dt.topics-ic004::after {
    content: "その他";
}
#main .news-area dl dt.topics-ic005::after {
    content: "教職";
}

/*important*/
.important #main .news-area dl dt::after {
    display: none;
}

/*news*/
#wrapper-under #main .news-under .rss-area {
    margin-bottom: 10px;
}
#wrapper-under #main .news-under .rss {
    float: right;
}
#wrapper-under #main .news-under .rss a {
    width: 20px;
    height: 20px;
    display: block;
    background: url("../../image/rss-ic001.gif") no-repeat 0 0;
    text-indent: 101%;
    font-size: 1px;
    white-space: nowrap;
    overflow: hidden;
}
#wrapper-under #main .news-under .news-area {
    border: none;
    margin-bottom: 30px;
}
#wrapper-under #main .news-under .news-list {
    border-top: 1px solid #CCCCCC;
}
#wrapper-under #main .news-under .news-list dl {
    padding: 15px 0;
}
#wrapper-under #main .news-under .archive-txt {
    text-align: right;
    padding-right: 36px;
}

/*blog*/
#wrapper-under .blog-area {
    margin-bottom: 40px;
}
#wrapper-under .blog-area .work-list-area {
    border-top: 1px solid #CCCCCC;
}
#wrapper-under .blog-area .blog-box {
    padding: 20px 0;
    border-bottom: 1px solid #CCCCCC;
}
#wrapper-under .blog-area .blog-box .ph-area {
    width: 200px;
    float: right;
    margin-left: 20px;
}
#wrapper-under .blog-area .blog-box dl .title {
    padding-bottom: 5px;
}
#wrapper-under .blog-area .blog-box dl .title span.no-link ,
#wrapper-under .blog-area .blog-box dl .title a {
    display: block;
    padding-left: 18px;
    background: url("../../image/contents-ar001.gif") no-repeat 0 6px;
}
#wrapper-under .blog-area .blog-box dl .title span {
    font-size: 114%;
    font-weight: bold;
}	
#wrapper-under .blog-area .blog-box dl .date {
    padding-bottom: 3px;
    color: #888888;
}
/*
#wrapper-under .blog-area .blog-box dl .date span.ic001 {
    padding-right: 60px;
    background: url("../../image/news-ic001.gif") no-repeat right top;
}
#wrapper-under .blog-area .blog-box dl .date span.ic002 {
    padding-right: 60px;
    background: url("../../image/news-ic002.gif") no-repeat right top;
}
#wrapper-under .blog-area .blog-box dl .date span.ic003 {
    padding-right: 60px;
    background: url("../../image/news-ic003.gif") no-repeat right top;
}
*/

/*pager*/
#wrapper-under ul#pagenation-area {
    padding-top: 30px;
    letter-spacing: -0.4em;
    text-align: center;
}
#wrapper-under ul#pagenation-area li {
    letter-spacing: normal;
    display: inline-block;
    padding: 0 5px;
    line-height: 1;
}
#wrapper-under ul#pagenation-area li a {
    display: block;
    padding: 10px;
    background: #eee;
}
#wrapper-under ul#pagenation-area li.on a {
    font-weight: bold;
}
#wrapper-under ul#pagenation-area li.prev a ,
#wrapper-under ul#pagenation-area li.next a {
    background: none;
}

@media screen and (max-width: 767px){
/*title*/
#main .news-area .title {
    padding: 10px 0 20px 0;
}
#main .news-area .title h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
}
#main .news-area .title h2::after {
    display: none;
}

/*一覧*/
#main .news-area p.list-link {
    position: absolute;
    top: inherit;
    border: 0;
}
/*RSS*/
#main .news-area .title p.rss {
    width: 20px;
    height: 20px;
    position: absolute;
    top: inherit;
    border: 0;
    right: 0;
}
/*リスト*/
#main .news-area dl {
    display: block;
}
#main .news-area dl dt {
    display: inline-block;
    padding: 0 55px 0 0;
}
#main .news-area dl dd {
    width: 100%;
    display: block;
    padding: 0;
}

/*blog*/
#wrapper-under .blog-area .blog-box .ph-area {
    float: none;
    margin: 0 auto 10px;
}

}

/* Anchor
=============================================================================*/

#wrapper-under div.anchor-area {
    margin-bottom: 50px;
}

#wrapper-under div.anchor-area .pageindex {
    font-size: 16px;
    padding: 0 0 0 27px;
    background:url("../../image/k18-contents-dc002.gif") no-repeat 0 5px;
    margin-bottom: 8px;
}
.under-1col #wrapper-under div.anchor-area .pageindex {
    background:url("../../image/k18-contents-dc002-for-examinee.gif") no-repeat 0 5px;
}
#wrapper-under div.anchor-area .anchor-box {
    background: #e6f2f3;
    padding: 20px 0 0 0;
}
.under-1col #wrapper-under div.anchor-area .anchor-box {
    background: #eaf5f1;
}
#wrapper-under div.anchor-area ul {
    padding: 0 30px 10px 30px;
}
#wrapper-under div.anchor-area ul li {
    padding: 0 10px 10px 17px;
    background:url("../../image/k18-contents-ar001.png") no-repeat 0 8px;
}
.under-1col #wrapper-under div.anchor-area ul li {
    background:url("../../image/k18-contents-ar001-for-examinee.png") no-repeat 0 8px;
}
#wrapper-under div.anchor-area ul li a {
    text-decoration: none;
    color: #333;
}
#wrapper-under div.anchor-area ul li a:hover {
    color: #FF9900;
}
#wrapper-under div.anchor-area ul li.clearfix {
    padding: 0;
    background: none;
}
#wrapper-under div.anchor-area ul.str02 {
    letter-spacing: -0.4em;
}
#wrapper-under div.anchor-area ul.str02 li {
    width: 33.3%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    /*box-sizing*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 767px){
#wrapper-under div.anchor-area ul.str02 li {
    width: 100%;
    display: block;
}
}


/* Text
=============================================================================*/

#wrapper-under .txt-area {
    margin-bottom: 15px;
}

/* HTML
=============================================================================*/

#wrapper-under .html-area {
    margin-bottom: 0;
}

/* List
=============================================================================*/

#wrapper-under ul.contents-list-ul ,
#wrapper-under ol.contents-list-ol {
    padding: 10px 0;
    display: table;
    width: 100%;
}
#wrapper-under ul.contents-list-ul li {
    list-style-type: disc;
    margin: 0 0 0 20px;
}
#wrapper-under ol.contents-list-ol li {
    list-style-type: decimal;
    margin: 0 0 0 32px;
}

/* Image Setup
=============================================================================*/

#wrapper-under .img-area .img { margin-bottom: 5px;}

/*リサイズなし（各カラムの幅に合わせる）*/
#wrapper-under .photo-noresize img {
    height: auto; 
}
#wrapper-under .photo-noresize p {
    text-align: center;
}

/*リンク画像ロールオーバー設定*/
#wrapper-under .img-area .img a:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

/*普通の下層*/
/*通常*/
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width: 900px;}/*1カラム*/

#wrapper-under .column2-11 .photo-noresize ,
#wrapper-under .column2-11 .photo-noresize img { max-width: 438px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .photo-noresize ,
#wrapper-under .column2-21 .column-left .photo-noresize img ,
#wrapper-under .column2-12 .column-right .photo-noresize ,
#wrapper-under .column2-12 .column-right .photo-noresize img { max-width: 592px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .photo-noresize ,
#wrapper-under .column2-21 .column-right .photo-noresize img ,
#wrapper-under .column2-12 .column-left .photo-noresize ,
#wrapper-under .column2-12 .column-left .photo-noresize img { max-width: 284px;}/*2カラム（小）*/

#wrapper-under .column3 .photo-noresize ,
#wrapper-under .column3 .photo-noresize img { max-width: 284px;}/*3カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize ,	
#wrapper-under .special-area .photo-noresize img {max-width: 850px;}/*1カラム*/

#wrapper-under .column2-11 .special-area .photo-noresize ,
#wrapper-under .column2-11 .special-area .photo-noresize img { max-width: 388px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width: 542px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width: 234px;}/*2カラム（小）*/

#wrapper-under .column3 .special-area .photo-noresize ,
#wrapper-under .column3 .special-area .photo-noresize img { max-width: 234px;}/*3カラム*/

/*リサイズされる画像に対しての設定*/
#wrapper-under .photo-small img ,
#wrapper-under .photo-normal img {
    width: 100%;
}

/*普通の下層*/
#wrapper-under .photo-small { width: 31.55%;}/*画像小の指定（サイトに合わせて調節）*/
#wrapper-under .photo-normal { width: 48.66%;}/*画像標準の指定（サイトに合わせて調節）*/

/*キャプション*/
#wrapper-under .img-area .cap { 
    font-size: 92%;
    margin-bottom: 10px;
}
#wrapper-under .img-area .cap-c { text-align: center;}
#wrapper-under .img-area .cap-l { text-align: left;}
#wrapper-under .img-area .cap-r { text-align: right;}

/*3カラム用設定*/
#wrapper-under .column3 .img-area .cap { font-size: 85%;}


@media screen and (max-width: 1279px){
/*通常*/
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width: 710px;}/*1カラム*/

#wrapper-under .column2-11 .photo-noresize ,
#wrapper-under .column2-11 .photo-noresize img { max-width: 344px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .photo-noresize ,
#wrapper-under .column2-21 .column-left .photo-noresize img ,
#wrapper-under .column2-12 .column-right .photo-noresize ,
#wrapper-under .column2-12 .column-right .photo-noresize img { max-width: 466px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .photo-noresize ,
#wrapper-under .column2-21 .column-right .photo-noresize img ,
#wrapper-under .column2-12 .column-left .photo-noresize ,
#wrapper-under .column2-12 .column-left .photo-noresize img { max-width: 222px;}/*2カラム（小）*/

#wrapper-under .column3 .photo-noresize ,
#wrapper-under .column3 .photo-noresize img { max-width: 222px;}/*3カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize ,	
#wrapper-under .special-area .photo-noresize img {max-width: 670px;}/*1カラム*/

#wrapper-under .column2-11 .special-area .photo-noresize ,
#wrapper-under .column2-11 .special-area .photo-noresize img { max-width: 304px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width: 426px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width: 182px;}/*2カラム（小）*/

#wrapper-under .column3 .special-area .photo-noresize ,
#wrapper-under .column3 .special-area .photo-noresize img { max-width: 182px;}/*3カラム*/

}

@media screen and (max-width: 767px){
/*通常*/
#wrapper-under .photo-noresize ,
#wrapper-under .photo-noresize img {max-width: 100% !important;  }/*1カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize {max-width: 100% !important;}
#wrapper-under .special-area .photo-noresize img {max-width: 100% !important;}/*1カラム*/

/*リサイズされる画像に対しての設定*/
#wrapper-under .photo-small img ,
#wrapper-under .photo-normal img {
    width: auto;
    max-width: 100%;
}
}

/*under-1col*/
/*通常*/
.under-1col #wrapper-under .photo-noresize ,	
.under-1col #wrapper-under .photo-noresize img {max-width: 1200px;}/*1カラム*/

.under-1col #wrapper-under .column2-11 .photo-noresize ,
.under-1col #wrapper-under .column2-11 .photo-noresize img { max-width: 588px;}/*2カラム（1:1）*/

.under-1col #wrapper-under .column2-21 .column-left .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-left .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-right .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-right .photo-noresize img { max-width: 792px;}/*2カラム（大）*/

.under-1col #wrapper-under .column2-21 .column-right .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-right .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-left .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-left .photo-noresize img { max-width: 384px;}/*2カラム（小）*/

.under-1col #wrapper-under .column3 .photo-noresize ,
.under-1col #wrapper-under .column3 .photo-noresize img { max-width: 384px;}/*3カラム*/

/*特設サイト*/
.under-1col #wrapper-under .special-area .photo-noresize ,	
.under-1col #wrapper-under .special-area .photo-noresize img {max-width: 1150px;}/*1カラム*/

.under-1col #wrapper-under .column2-11 .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-11 .special-area .photo-noresize img { max-width: 538px;}/*2カラム（1:1）*/

.under-1col #wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width: 742px;}/*2カラム（大）*/

.under-1col #wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width: 334px;}/*2カラム（小）*/

.under-1col #wrapper-under .column3 .special-area .photo-noresize ,
.under-1col #wrapper-under .column3 .special-area .photo-noresize img { max-width: 334px;}/*3カラム*/

/*リサイズされる画像に対しての設定*/
.under-1col #wrapper-under .photo-small img ,
.under-1col #wrapper-under .photo-normal img {
    width: 100%;
}
.under-1col #wrapper-under .photo-small { width: 32%;}/*画像小の指定（サイトに合わせて調節）*/
.under-1col #wrapper-under .photo-normal { width: 49%;}/*画像標準の指定（サイトに合わせて調節）*/

@media screen and (max-width: 1279px){
/*通常*/
.under-1col #wrapper-under .photo-noresize ,	
.under-1col #wrapper-under .photo-noresize img {max-width: 710px;}/*1カラム*/

.under-1col #wrapper-under .column2-11 .photo-noresize ,
.under-1col #wrapper-under .column2-11 .photo-noresize img { max-width: 344px;}/*2カラム（1:1）*/

.under-1col #wrapper-under .column2-21 .column-left .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-left .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-right .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-right .photo-noresize img { max-width: 466px;}/*2カラム（大）*/

.under-1col #wrapper-under .column2-21 .column-right .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-right .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-left .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-left .photo-noresize img { max-width: 222px;}/*2カラム（小）*/

.under-1col #wrapper-under .column3 .photo-noresize ,
.under-1col #wrapper-under .column3 .photo-noresize img { max-width: 222px;}/*3カラム*/

/*特設サイト*/
.under-1col #wrapper-under .special-area .photo-noresize ,	
.under-1col #wrapper-under .special-area .photo-noresize img {max-width: 670px;}/*1カラム*/

.under-1col #wrapper-under .column2-11 .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-11 .special-area .photo-noresize img { max-width: 304px;}/*2カラム（1:1）*/

.under-1col #wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width: 426px;}/*2カラム（大）*/

.under-1col #wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
.under-1col #wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
.under-1col #wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width: 182px;}/*2カラム（小）*/

.under-1col #wrapper-under .column3 .special-area .photo-noresize ,
.under-1col #wrapper-under .column3 .special-area .photo-noresize img { max-width: 182px;}/*3カラム*/

}

@media screen and (max-width: 767px){
/*通常*/
.under-1col #wrapper-under .photo-noresize ,
.under-1col #wrapper-under .photo-noresize img {max-width: 100% !important;  }/*1カラム*/

/*特設サイト*/
.under-1col #wrapper-under .special-area .photo-noresize {max-width: 100% !important;}
.under-1col #wrapper-under .special-area .photo-noresize img {max-width: 100% !important;}/*1カラム*/

/*リサイズされる画像に対しての設定*/
.under-1col #wrapper-under .photo-small img ,
.under-1col #wrapper-under .photo-normal img {
    width: auto;
    max-width: 100%;
}
}

/* Text + Photo
=============================================================================*/

#wrapper-under .txt-img-area {
    margin-bottom: 30px;
}

/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
    float: right;
    margin-left: 24px;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
    float: left;
    margin-right: 24px;
}

/*3カラム用設定*/
#wrapper-under .column3 .txt-img-area .photo-right {
    margin-left: 7px;
}
#wrapper-under .column3 .txt-img-area .photo-left {
    margin-right: 7px;
}

@media screen and (max-width: 1279px){
/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
    margin-left: 18px;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
    margin-right: 18px;
}
}

@media screen and (max-width: 767px){
/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}

/*3カラム用設定*/
#wrapper-under .column3 .txt-img-area .photo-right {
    margin-left: 0;
}
#wrapper-under .column3 .txt-img-area .photo-left {
    margin-right: 0;
}
}

/* Photo
=============================================================================*/

#wrapper-under .pat-img-area02 ,
#wrapper-under .pat-img-area {
    margin-bottom: 15px;
}

/* Photo+Photo
=============================================================================*/

#wrapper-under .pat-img-area02 {
    text-align: center;
}

#wrapper-under .pat-img-area02 .photo-left {
    float: left;
}

#wrapper-under .pat-img-area02 .photo-right {
    float: right;
}

#wrapper-under .pat-img-area02 .photo-right img ,
#wrapper-under .pat-img-area02 .photo-left img {
    max-width: 100% !important;
    /*max-width: 380px !important; キャプションに装飾をつけたい場合*/
}

#wrapper-under .pat-img-area02 .img-area-in {
    /*display: inline-block; キャプションに装飾をつけたい場合*/
}

/*普通の下層*/
/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 48.66%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 47.97%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 47.26%;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 45.77%;
}

@media screen and (max-width: 1279px){

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 48.45%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 47.63%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 46.80%;
}

/*1：1：1*/
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 45.04%;
}
}

@media screen and (max-width: 767px){

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 48%;
}
}

/*under-1col*/
/*1*/
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 49%;
}

/*1：2*/
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 48.48%;
}

/*1：1*/
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 47.95%;
}

/*1：1：1*/
.under-1col #wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 46.87%;
}

@media screen and (max-width: 1279px){

/*1*/
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 48.45%;
}

/*1：2*/
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 47.63%;
}

/*1：1*/
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 46.80%;
}

/*1：1：1*/
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 45.04%;
}
}

@media screen and (max-width: 767px){

/*1*/
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column1 .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：2*/
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：1*/
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-11 .pat-img-area02 .photo-right {
    width: 48%;
}

/*1：1：1*/
.under-1col #wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-left ,
.under-1col #wrapper-under .column3 .pat-img-area02 .photo-right {
    width: 48%;
}
}

/* Table
=============================================================================*/

#wrapper-under div.table-area {
    clear: both;
    margin: 0 0 30px 0;
}
#wrapper-under div.table-area table {
    width: 100%;
    border-top: #dadada 1px solid;
    border-right: #dadada 1px solid;
    /*ボックスモデル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
    border-left: #dadada 1px solid;
    border-bottom: #dadada 1px solid;
    padding: 8px 10px;
    font-weight: normal;
}
#wrapper-under div.table-area table th {
    background-color: #ecf5f6;
    font-weight: bold;
    vertical-align: middle;
}
.under-1col #wrapper-under div.table-area table th {
    background-color: #eff8f5;
}
#wrapper-under div.table-area table td {
    vertical-align: middle;
}
#wrapper-under div.table-area table th.title {
    text-align: right;
}
#wrapper-under div.table-area table td.align-right{
    text-align: right;
}
#wrapper-under div.table-area table td.nowrap{
    white-space: nowrap;
}
#wrapper-under div.table-area table td div.txt-wrapper {
    padding: 0 0 5px 0;
}
#wrapper-under div.table-area table td span.note-txt {
    display: block;
    padding: 0 0 3px 0;
}

/*枠無*/
#wrapper-under div.table-area table.border-none,
#wrapper-under div.table-area table.border-none th,
#wrapper-under div.table-area table.border-none td {
    border-collapse: collapse;
    border: solid #FFFFFF 1px;
}


@media screen and (max-width: 767px){
#wrapper-under div.table-area table td.nowrap{
    white-space: normal;
}
#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
    font-size: 10px;
    padding: 3px 5px;
    line-height: 1.4;
}
}


/* Flash Area
=============================================================================*/

#wrapper-under .flash-area .flash-box-sp ,
#wrapper-under .flash-area .flash-box-pc {
    display: none;/*jsで表示設定するので、初めは隠しておく*/
}
#wrapper-under .flash-area {
    margin-bottom: 30px;
    z-index: 1;
}
#wrapper-under .flash-area .flash-box-pc {
    text-align: center;
    overflow: hidden;
}
#wrapper-under .flash-area .media-size {
    background-color: #000;
    width: 490px;
    height: 430px;
}
#wrapper-under .flash-area .txt-area p {
    padding-top: 5px;
    text-align: center;
}

/*スマフォ表示*/
#wrapper-under .flash-area .flash-box-sp {
    text-align: center;
}

/*カラム数による動画の表示サイズ設定*/
#wrapper-under .column2-11 .flash-area .media-size {
    width: 352px;
    height: 309px;
}
#wrapper-under .column2-21 .column-left .flash-area .media-size ,
#wrapper-under .column2-12 .column-right .flash-area .media-size {
    width: 478px;
    height: 419px;
}
#wrapper-under .column2-21 .column-right .flash-area .media-size ,
#wrapper-under .column2-12 .column-left .flash-area .media-size ,
#wrapper-under .column3 .flash-area  .media-size {
    width: 226px;
    height: 198px;
}

@media screen and (max-width: 1279px){	
/*カラム数による動画の表示サイズ設定*/
#wrapper-under .column2-11 .flash-area .media-size {
    width: 344px;
    height: 302px;
}
#wrapper-under .column2-21 .column-left .flash-area .media-size ,
#wrapper-under .column2-12 .column-right .flash-area .media-size {
    width: 466px;
    height: 409px;
}
#wrapper-under .column2-21 .column-right .flash-area .media-size ,
#wrapper-under .column2-12 .column-left .flash-area .media-size ,
#wrapper-under .column3 .flash-area  .media-size {
    width: 222px;
    height: 195px;
}

}

@media screen and (max-width: 767px){
#wrapper-under .flash-area .media-size {
    width: 300px !important;
    height: 263px !important;
}
}


/* Video Area
=============================================================================*/

#wrapper-under .video-area {
    text-align: center;
    margin-bottom: 30px;
}
#wrapper-under .video-area video {
    max-width: 100%;
    background-color: #333333;/*スマホ時のvideoの背景色*/
}
#wrapper-under .video-area .txt-area {
    text-align: center;
}
/*videoタグに対応していないブラウザ用*/
#wrapper-under .video-area video p {
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

/* File Download
=============================================================================*/

#wrapper-under ul.download{
    margin-bottom: 30px;
}
#wrapper-under ul.download li{
    padding: 0 0 10px 30px;
    background: url("../../image/normal.gif") no-repeat 2px 2px;
}
#wrapper-under ul.download li a{
    text-decoration: none;
    color: #333;
}
#wrapper-under ul.download li a:hover{
    color: #FF9900;
}
#wrapper-under ul.download li.pdf{
    background: url("../../image/pdf.gif") no-repeat 2px 2px;
}
#wrapper-under ul.download li.xls{
    background: url("../../image/xls.gif") no-repeat 0 2px;
}
#wrapper-under ul.download li.xlsx{
    background: url("../../image/xls.gif") no-repeat 0 2px;
}
#wrapper-under ul.download li.doc{
    background: url("../../image/doc.gif") no-repeat 0 2px;
}
#wrapper-under ul.download li.docx{
    background: url("../../image/doc.gif") no-repeat 0 2px;
}

/* Plug-In
=============================================================================*/

/*pdf*/
#wrapper-under div.plugin-area {
    margin: 0 auto 30px;
    clear: both;
    border: 1px solid #dbdbdb;
}
#wrapper-under div.plugin-area-in {
    font-size: 14px;
    line-height: 1.5em;
    padding: 20px;
}
#wrapper-under div.plugin-area p.pdf-icon {
    width: 158px;
    margin: 0 0 0 10px;
    float: right;
}
#wrapper-under div.plugin-area p.pdf-icon img {
    padding: 0;
    margin: 0;
    border: none;
}
#wrapper-under div.plugin-area p.pdf-txt {
    padding: 6px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.plugin-area p.pdf-icon ,
#wrapper-under .column2-12 .column-left div.plugin-area p.pdf-icon ,
#wrapper-under .column3 div.plugin-area p.pdf-icon {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    margin: 0;
}

/* flash */
#wrapper-under div.flash-plugin-area {
    margin: 0 auto 30px;
    clear: both;
    border: 1px solid #dbdbdb;
}
#wrapper-under div.flash-plugin-area-in {
    font-size: 14px;
    line-height: 1.5em;
    padding: 20px;
}
#wrapper-under div.flash-plugin-area p.flash-icon {
    width: 158px;
    margin: 0 0 0 10px;
    float: right;
}
#wrapper-under div.flash-plugin-area p.flash-icon img {
    padding: 0;
    margin: 0;
    border: none;
}

#wrapper-under div.flash-plugin-area p.flash-txt {
    padding: 6px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.flash-plugin-area p.flash-icon ,
#wrapper-under .column2-12 .column-left div.flash-plugin-area p.flash-icon ,
#wrapper-under .column3 div.flash-plugin-area p.flash-icon {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    margin: 0;
}


/* Special Area
=============================================================================*/

#wrapper-under div.special-area {
    margin-bottom: 30px;
}
#wrapper-under div.special-area-in {
    background-color: #dcdddf;
}
#wrapper-under div.special-area .txt-img-area {
    padding: 20px 20px 15px 20px;
    margin-bottom: 0;
    background-color: #fff;
    border-left: 5px solid #dcdddf;
    border-right: 5px solid #dcdddf;
    border-bottom: 5px solid #dcdddf;
}
#wrapper-under div.special-area div.special-title-area {
    padding: 15px 20px 15px 20px;
    color: #839299;
    font-weight: 400;
    font-size: 18px;
}
#wrapper-under div.special-area div.special-title-area-in p {
    font-weight: bold;
}

/* Link Area
=============================================================================*/

#wrapper-under .link-area {
    margin-bottom: 40px;
}
#wrapper-under .link-area .link-title-area {
    margin-bottom: 20px;
}
#wrapper-under .link-area .link-title-area h2 {
    padding: 0 25px;
    font-size: 18px;
    font-weight: 400;
    background:url("../../image/k18-contents-dc003.gif") no-repeat left center;
}
.under-1col #wrapper-under .link-area .link-title-area h2 {
    background:url("../../image/k18-contents-dc003-for-examinee.gif") no-repeat left center;
}


/*base*/
#wrapper-under .link-area .str02 .link-box ul ,
#wrapper-under .link-area .str03 .link-box ul {
    letter-spacing: -0.4em;
    overflow: hidden;
}
#wrapper-under .link-area .str02 .link-box ul li ,
#wrapper-under .link-area .str03 .link-box ul li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
#wrapper-under .link-area .box-inner {
    display: table;
    width: 100%;
}
#wrapper-under .link-area .link-box ul li p.img {
    display: table-cell;
    width: 120px;
    padding-right: 15px;
    vertical-align: top;
}
#wrapper-under .link-area .link-box ul li .txt-area {
    display: table-cell;
    vertical-align: top;
    font-size: 15px;
}
#wrapper-under .link-area .link-box ul li p.sttl {
    margin-bottom: 5px;
    display: block;
    padding-left: 13px;
    background: url("../../image/k18-contents-ar003.png") no-repeat 0 6px;
    font-size: 14px;
}
.under-1col #wrapper-under .link-area .link-box ul li p.sttl {
    background: url("../../image/k18-contents-ar003-for-examinee.png") no-repeat 0 6px;
}
#wrapper-under .link-area .link-box ul li p.sttl a {
    color: #111;
    text-decoration: none;
}
#wrapper-under .link-area .link-box ul li p.sttl a:hover {
    color: #FF9900;
}

/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img {
    margin: 0 15px 3px 0;
}
#wrapper-under .link-area .str01 .link-box ul li p.img img {
    width: 120px;
}
#wrapper-under .link-area .str01 .link-box ul li {
    margin: 0 0 15px 0;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
    width: 900px;
    margin-left: -30px;
}
#wrapper-under .link-area .str02 .link-box ul li p.img {
    margin: 0 15px 3px 0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img {
    width: 120px;
}
#wrapper-under .link-area .str02 .link-box ul li {
    width: 420px;
    margin: 0 0 15px 30px;
}
.under-1col #wrapper-under .link-area .str02 .link-box ul {
    width: 1200px;
    margin-left: -30px;
}
.under-1col #wrapper-under .link-area .str02 .link-box ul li {
    width: 555px;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
    width: 900px;
    margin-left: -20px;
}
#wrapper-under .link-area .str03 .link-box ul li p.img {
    width: 80px;
    margin: 0 15px 3px 0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img {
    width: 80px;
}
#wrapper-under .link-area .str03 .link-box ul li p.txt {
    font-size: 85%;
    line-height: 1.4em;
}
#wrapper-under .link-area .str03 .link-box ul li {
    width: 280px;
    margin: 0 0 10px 20px;
}
.under-1col #wrapper-under .link-area .str03 .link-box ul {
    width: 1200px;
}
.under-1col #wrapper-under .link-area .str03 .link-box ul li {
    width: 380px;
    margin: 0 0 10px 20px;
}


@media screen and (max-width: 1279px){
/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul,
.under-1col #wrapper-under .link-area .str02 .link-box ul{
    width: 732px;
    margin-left: -22px;
}
#wrapper-under .link-area .str02 .link-box ul li,
.under-1col #wrapper-under .link-area .str02 .link-box ul li {
    width: 344px;
    margin: 0 0 15px 22px;
}
/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul ,
.under-1col #wrapper-under .link-area .str03 .link-box ul{
    width: 732px;
    margin-left: -22px;
}
#wrapper-under .link-area .str03 .link-box ul li ,
.under-1col #wrapper-under .link-area .str03 .link-box ul li{
    width: 222px;
    margin: 0 0 10px 22px;
}
}

@media screen and (max-width: 767px){
#wrapper-under .link-area .link-box ul li p.txt,
.under-1col #wrapper-under .link-area .link-box ul li p.txt{
    font-size: 12px;
}
#wrapper-under .link-area .link-box ul li p.img ,
.under-1col #wrapper-under .link-area .link-box ul li p.img{
    width: 80px;
}

/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img img ,
.under-1col #wrapper-under .link-area .str01 .link-box ul li p.img img {
    width: 80px;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul ,
.under-1col #wrapper-under .link-area .str02 .link-box ul{
    width: auto;
    margin-left: 0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img,
.under-1col #wrapper-under .link-area .str02 .link-box ul li p.img img {
    width: 80px;
}
#wrapper-under .link-area .str02 .link-box ul li ,
.under-1col #wrapper-under .link-area .str02 .link-box ul li {
    width: auto;
    margin: 0 0 15px 0;
    display: block;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul ,
.under-1col #wrapper-under .link-area .str03 .link-box ul {
    width: auto;
    margin-left: 0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img ,
.under-1col #wrapper-under .link-area .str03 .link-box ul li p.img img{
    width: 80px;
}
#wrapper-under .link-area .str03 .link-box ul li,
.under-1col #wrapper-under .link-area .str03 .link-box ul li{
    width: auto;
    margin: 0 0 15px 0;
    display: block;
}
}

/* Page Navi
=============================================================================*/

#wrapper-under .pnavi-area {
    margin-bottom: 30px;
}
#wrapper-under .pnavi-area .go-top {
    text-align: right;
}
#wrapper-under .pnavi-area .go-top a {
    color: #006562;
    text-decoration: none;
    padding: 0 17px 0 0;
    background: url("../../image/k18-contents-ar005.png") no-repeat center right;
}

/* Bottom link
=============================================================================*/

/*bottomlink*/
.bottomlink-area {
    width: 1200px;
    margin: 0 auto 25px;
}
.bottomlink-area-in {
    width: 900px;
    float: right;
}
.under-1col .bottomlink-area-in {
    width: 1200px;
}
.bottomlink {
    position: relative;
}

/*go-home*/
.bottomlink p.go-home {
    float: left;
    width: 33%;
}
.bottomlink p.go-home a {
    color: #006562;
    text-decoration: none;
    padding: 0 0 0 20px;
    background: url("../../image/k18-contents-dc004.gif") no-repeat center left;
}

/*ctop*/
.bottomlink p.ctop {
    float: left;
    position: absolute;
    top: 0;
    left: 33%;
    width: 33%;
    text-align: center;
}
.bottomlink p.ctop a {
    color: #006562;
    text-decoration: none;
    padding: 0 0 0 13px;
    background: url("../../image/k18-contents-ar004.png") no-repeat center left;
}

/*go-top*/
.bottomlink p.go-top {
    float: right;
    width: 33%;
    text-align: right;
}
.bottomlink p.go-top a {
    color: #006562;
    text-decoration: none;
    padding: 0 17px 0 0;
    background: url("../../image/k18-contents-ar005.png") no-repeat center right;
}

@media screen and (max-width: 1279px){
/*bottomlink*/
.bottomlink-area {
    width: 710px;
    margin: 0 auto 45px;
}
.bottomlink-area-in ,
.under-1col .bottomlink-area-in {
    width: auto;
    float: none;
}
}
@media screen and (max-width: 767px){
.bottomlink-area {
    width: auto;
    padding: 0 10px;
}
/*ctop*/
.bottomlink p.ctop {
    float: none;
    position: static;
    top: inherit;
    left: inherit;
    width: 100%;
    text-align: center;
}
.bottomlink p.go-home,
.bottomlink p.go-top {
    display: none;

}
}

/* Space Color
=============================================================================*/

#main .margin-b000{margin-bottom: 0 !important;}
#main .margin-b010{margin-bottom: 10px !important;}
#main .margin-b025{margin-bottom: 25px !important;}
#main .margin-b050{margin-bottom: 50px !important;}
#main .margin-b075{margin-bottom: 75px !important;}
#main .margin-b100{margin-bottom: 100px !important;}
#main .margin-b150{margin-bottom: 150px !important;}


/* 文字サイズ（HTML要素用）
=============================================================================*/

@media screen and (max-width: 767px){
.sp-fontsize-l {
    font-size: 140% !important;
}
.sp-fontsize-m {
    font-size: 120% !important;
}
.sp-fontsize-s {
    font-size: 100% !important;
}
}

/*
=============================================================================*/
.under-1col .nav-list,
.under-1col .nav-list * {
    box-sizing: border-box;
}

.under-1col .nav-list {
    width: 1200px;
    margin: 60px auto 50px;
    display: flex;
    flex-wrap: wrap;
    box-shadow:  0 0 13px #d0d0d0;
}
.under-1col .nav-list.sp {
    display: none;
}

.under-1col .nav-list-first,
.under-1col .nav-list-second {
    display: flex;
    width: 600px;
    align-items: flex-end;
    background: #ffffff;
}

.under-1col .nav-list .list-item {
    width: 150px;
    height: 150px;
    text-align: center;
    background: #ffffff;
}
.under-1col .nav-list .item {
    display: block;
    width: 100%;
    height: 100%;
    color: #111111;
    text-decoration: none;
    padding: 15px 0 12px;
}
.under-1col .nav-list .item-in {
    height: 100%;
    position: relative;
    background: url('../../image/k18-student-li001.png') repeat-y left top;
}
.under-1col .nav-list .nav-first .list-item:first-child .item-in {
    background: none;
}
.under-1col .nav-list .item span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 12px;
    line-height: 1.2;
    font-weight: 500;
}
.under-1col .nav-list .list-item008 .item span {
    bottom: 0;
    line-height: 1.4;
}
.under-1col .nav-list .list-item004 .item span span.item-small {
	bottom: -12px;
	font-size: 10px;
}

.under-1col .nav-list .list-item001 .item {
    background: url('../../image/k18-student-ic001.png') no-repeat center 26px / 66px;
}
.under-1col .nav-list .list-item002 .item {
    background: url('../../image/k18-student-ic002.png') no-repeat center 35px / 67px;
}
.under-1col .nav-list .list-item003 .item {
    background: url('../../image/k18-student-ic003.png') no-repeat center 21px / 60px;
}
.under-1col .nav-list .list-item004 .item {
    background: url('../../image/k18-student-ic004.png') no-repeat center 35px / 76px;
}
.under-1col .nav-list .list-item005 .item {
    background: url('../../image/k18-student-ic005.png') no-repeat center 31px / 87px;
}
.under-1col .nav-list .list-item006 .item {
    background: url('../../image/k18-student-ic006.png') no-repeat center 35px / 89px;
}
.under-1col .nav-list .list-item007 .item {
    background: url('../../image/k18-student-ic007.png') no-repeat center 29px / 73px;
}
.under-1col .nav-list .list-item008 .item {
    background: url('../../image/k18-student-ic008.png') no-repeat center 25px / 64px;
}


@media screen and (max-width: 1279px) {

    .under-1col .nav-list {
        width: 608px;
        margin: 40px auto 50px;
        display: block;
        box-shadow: none;
    }

    .under-1col .nav-list-first,
    .under-1col .nav-list-second {
        display: flex;
        width: auto;
        margin-bottom: 12px;
        box-shadow:  0 0 13px #d0d0d0;
    }
    .under-1col .nav-list .list-item {
        width: 156px;
        height: 148px;
        text-align: center;
    }
    .under-1col .nav-list .nav-list-second .list-item:first-child .item-in {
        background: none;
    }
}


@media screen and (max-width: 767px) {
    .under-1col .nav-list {
        display: none;
    }
    .under-1col .nav-list.sp {
        display: block;
        width: 355px;
        margin: 20px auto 43px;
    }
    .under-1col .nav-list.sp::after {
        content: '';
        display: table;
        clear: both;
    }
    .under-1col .nav-list .list-item {
        width: 113px;
        height: 107px;
        float: left;
        box-shadow:  0 0 13px #d0d0d0;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    .under-1col .nav-list .list-item:nth-child(3n) {
        margin-right: 0;
    }
    .under-1col .nav-list.sp .item-in {
        background: none;
        font-size: 12px;
    }
    .under-1col .nav-list.sp .list-item001 .item {
        background: url('../../image/k18-student-ic001.png') no-repeat center 18px / 45px;
    }
    .under-1col .nav-list.sp .list-item002 .item {
        background: url('../../image/k18-student-ic002.png') no-repeat center 18px / 60px;
    }
    .under-1col .nav-list.sp .list-item003 .item {
        background: url('../../image/k18-student-ic003.png') no-repeat center 18px / 40px;
    }
    .under-1col .nav-list.sp .list-item004 .item {
        background: url('../../image/k18-student-ic004.png') no-repeat center 22px / 55px;
    }
    .under-1col .nav-list.sp .list-item005 .item {
        background: url('../../image/k18-student-ic005.png') no-repeat center 18px / 72px;
    }
    .under-1col .nav-list.sp .list-item006 .item {
        background: url('../../image/k18-student-ic006.png') no-repeat center 18px / 69px;
    }
    .under-1col .nav-list.sp .list-item007 .item {
        background: url('../../image/k18-student-ic007.png') no-repeat center 18px / 55px;
    }
    .under-1col .nav-list.sp .list-item008 .item {
        background: url('../../image/k18-student-ic008.png') no-repeat center 18px / 48px;
    }
}


/* 経済学部
=============================================================================*/
.under-1col.economics #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-economics.gif') #e9f2f3 repeat-x 0 0;
}
.under-1col.economics #wrapper-under .h1-area-in h1 {
    color: #55b4b9;
}
.under-1col.economics #wrapper-under div.anchor-area .anchor-box {
    background: #fdfce9;
}
.under-1col.economics #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-economics.gif') no-repeat 0 5px;
}
.under-1col.economics #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-economics.png') no-repeat 0 8px;
}
.under-1col.economics #wrapper-under .h2-area-in {
    background: #55b4b9;
}
.under-1col.economics #wrapper-under .h3-area-in {
    border-bottom: 1px solid #55b4b9;
}
.under-1col.economics #wrapper-under .h3-area-in h3 {
    color: #55b4b9;
}
.under-1col.economics #wrapper-under div.table-area table th {
    background-color: #fdfce9;
}
.under-1col.economics #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #55b4b9;
}
.under-1col.economics #wrapper-under ul.junction-list li a {
    color: #55b4b9;
    background: url('../../image/category/k18-contents-ar003-for-economics.png') no-repeat center right;
}
.under-1col.economics #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-economics.gif') no-repeat 0 8px;
}
.under-1col.economics #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-economics.png') no-repeat 0 6px;
}

/* 経済学科
=============================================================================*/
.under-1col.economy #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-economy.gif') #edf6f1 repeat-x 0 0;
}
.under-1col.economy #wrapper-under .h1-area-in h1 {
    color: #62b587;
}
.under-1col.economy #wrapper-under div.anchor-area .anchor-box {
    background: #fef5ed;
}
.under-1col.economy #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-economy.gif') no-repeat 0 5px;
}
.under-1col.economy #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-economy.png') no-repeat 0 8px;
}
.under-1col.economy #wrapper-under .h2-area-in {
    background: #62b587;
}
.under-1col.economy #wrapper-under .h3-area-in {
    border-bottom: 1px solid #62b587;
}
.under-1col.economy #wrapper-under .h3-area-in h3 {
    color: #62b587;
}
.under-1col.economy #wrapper-under div.table-area table th {
    background-color: #fef5ed;
}
.under-1col.economy #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #62b587;
}
.under-1col.economy #wrapper-under ul.junction-list li a {
    color: #62b587;
    background: url('../../image/category/k18-contents-ar003-for-economy.png') no-repeat center right;
}
.under-1col.economy #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-economy.gif') no-repeat 0 8px;
}
.under-1col.economy #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-economy.png') no-repeat 0 6px;
}

/* 経営学科
=============================================================================*/
.under-1col.management #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-management.gif') #f2f4f9 repeat-x 0 0;
}
.under-1col.management #wrapper-under .h1-area-in h1 {
    color: #8999cd;
}
.under-1col.management #wrapper-under div.anchor-area .anchor-box {
    background: #f1f8ee;
}
.under-1col.management #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-management.gif') no-repeat 0 5px;
}
.under-1col.management #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-management.png') no-repeat 0 8px;
}
.under-1col.management #wrapper-under .h2-area-in {
    background: #8999cd;
}
.under-1col.management #wrapper-under .h3-area-in {
    border-bottom: 1px solid #8999cd;
}
.under-1col.management #wrapper-under .h3-area-in h3 {
    color: #8999cd;
}
.under-1col.management #wrapper-under div.table-area table th {
    background-color: #f1f8ee;
}
.under-1col.management #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #8999cd;
}
.under-1col.management #wrapper-under ul.junction-list li a {
    color: #8999cd;
    background: url('../../image/category/k18-contents-ar003-for-management.png') no-repeat center right;
}
.under-1col.management #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-management.gif') no-repeat 0 8px;
}
.under-1col.management #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-management.png') no-repeat 0 6px;
}

/* 国際学部
=============================================================================*/
.under-1col.international #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-international.gif') #fff5f5 repeat-x 0 0;
}
.under-1col.international #wrapper-under .h1-area-in h1 {
    color: #ef8888;
}
.under-1col.international #wrapper-under div.anchor-area .anchor-box {
    background: #f1f8f4;
}
.under-1col.international #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-international.gif') no-repeat 0 5px;
}
.under-1col.international #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-international.png') no-repeat 0 8px;
}
.under-1col.international #wrapper-under .h2-area-in {
    background: #ef8888;
}
.under-1col.international #wrapper-under .h3-area-in h3 {
    color: #ef8888;
}
.under-1col.international #wrapper-under .h3-area-in {
    border-bottom: 1px solid #ef8888;
}
.under-1col.international #wrapper-under div.table-area table th {
    background-color: #f1f8f4;
}
.under-1col.international #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #ef8888;
}
.under-1col.international #wrapper-under ul.junction-list li a {
    color: #ef8888;
    background: url('../../image/category/k18-contents-ar003-for-international.png') no-repeat center right;
}
.under-1col.international #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-international.gif') no-repeat 0 8px;
}
.under-1col.international #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-international.png') no-repeat 0 6px;
}

/* 国際学科
=============================================================================*/
.under-1col.inter-study #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-inter-study.gif') #faeff5 repeat-x 0 0;
}
.under-1col.inter-study #wrapper-under .h1-area-in h1 {
    color: #e079ad;
}
.under-1col.inter-study #wrapper-under div.anchor-area .anchor-box {
    background: #faf9eb;
}
.under-1col.inter-study #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-inter-study.gif') no-repeat 0 5px;
}
.under-1col.inter-study #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-inter-study.png') no-repeat 0 8px;
}
.under-1col.inter-study #wrapper-under .h2-area-in {
    background: #e079ad;
}
.under-1col.inter-study #wrapper-under .h3-area-in {
    border-bottom: 1px solid #e079ad;
}
.under-1col.inter-study #wrapper-under .h3-area-in h3 {
    color: #e079ad;
}
.under-1col.inter-study #wrapper-under div.table-area table th {
    background-color: #faf9eb;
}
.under-1col.inter-study #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #e079ad;
}
.under-1col.inter-study #wrapper-under ul.junction-list li a {
    color: #e079ad;
    background: url('../../image/category/k18-contents-ar003-for-inter-study.png') no-repeat center right;
}
.under-1col.inter-study #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-inter-study.gif') no-repeat 0 8px;
}
.under-1col.inter-study #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-inter-study.png') no-repeat 0 6px;
}

/* こども教育学科
=============================================================================*/
.under-1col.child-subject #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-child-subject.gif') #fdf5eb repeat-x 0 0;
    box-sizing: content-box;
}
.under-1col.child-subject #wrapper-under .h1-area-in h1 {
    color: #f2911b;
    box-sizing: content-box;
}
.under-1col.child-subject #wrapper-under div.anchor-area .anchor-box {
    background: #f1f7fd;
}
.under-1col.child-subject #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-child-subject.gif') no-repeat 0 5px;
}
.under-1col.child-subject #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-child-subject.png') no-repeat 0 8px;
}
.under-1col.child-subject #wrapper-under .h2-area-in {
    background: #f2911b;
}
.under-1col.child-subject #wrapper-under .h3-area-in {
    border-bottom: 1px solid #f2911b;
}
.under-1col.child-subject #wrapper-under .h3-area-in h3 {
    color: #f2911b;
}
.under-1col.child-subject #wrapper-under div.table-area table th {
    background-color: #f1f7fd;
}
.under-1col.child-subject #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #f2911b;
}
.under-1col.child-subject #wrapper-under ul.junction-list li a {
    color: #f2911b;
    background: url('../../image/category/k18-contents-ar003-for-child-subject.png') no-repeat center right;
}
.under-1col.child-subject #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-child-subject.gif') no-repeat 0 8px;
}
.under-1col.child-subject #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-child-subject.png') no-repeat 0 6px;
}

/* 教育学部
=============================================================================*/
.under-1col.education #wrapper-under .h1-area-in {
    background: url('../../image/category/k18-h1-dc001-for-education.gif') #fffae8 repeat-x 0 0;
}
.under-1col.education #wrapper-under .h1-area-in h1 {
    color: #eab60b;
}
.under-1col.education #wrapper-under div.anchor-area .anchor-box {
    background: #f5f2fa;
}
.under-1col.education #wrapper-under div.anchor-area .pageindex {
    background: url('../../image/category/k18-contents-dc002-for-education.gif') no-repeat 0 5px;
}
.under-1col.education #wrapper-under div.anchor-area ul li {
    background: url('../../image/category/k18-contents-ar001-for-education.png') no-repeat 0 8px;
}
.under-1col.education #wrapper-under .h2-area-in {
    background: #f4c21e;
}
.under-1col.education #wrapper-under .h3-area-in h3 {
    color: #c79b0c;
}
.under-1col.education #wrapper-under .h3-area-in {
    border-bottom: 1px solid #f4c21e;
}
.under-1col.education #wrapper-under div.table-area table th {
    background-color: #f5f2fa;
}
.under-1col.education #wrapper-under .junction .junction-h2-area h2.junction-h2 {
    background: #f4c21e;
}
.under-1col.education #wrapper-under ul.junction-list li a {
    color: #c79b0c;
    background: url('../../image/category/k18-contents-ar003-for-education.png') no-repeat center right;
}
.under-1col.education #wrapper-under .link-area .link-title-area h2 {
    background: url('../../image/category/k18-contents-dc003-for-education.gif') no-repeat 0 8px;
}
.under-1col.education #wrapper-under .link-area .link-box ul li p.sttl {
    background: url('../../image/category/k18-contents-ar003-for-education.png') no-repeat 0 6px;
}

/* Instagram用
=============================================================================*/
.instagram-container,
.instagram-container * {
    box-sizing: border-box;
}
.instagram-container {
    margin-bottom: 50px;
}
.instagram-container .instagram-lists {
    width: auto;
    margin-right: -12px;
}
.instagram-container .instagram-lists::after {
    content: '';
    display: table;
    clear: both;
}
.instagram-container .instagram-item {
    float: left;
    width: 190px;
    height: 190px;
    position: relative;
    overflow: hidden;
    margin: 0 12px 12px 0;
}
.instagram-container .instagram-thumbnail-wrapper {
    width: 100%;
    height: 100%;
}
.instagram-container .instagram-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.instagram-container .instagram-thumbnail {
    max-width: 350px;
}
@media screen and (max-width: 1279px) {
    .instagram-container {
        margin-bottom: 35px;
    }
    .instagram-container .instagram-lists {
        margin-right: -10px;
    }
    .instagram-container .instagram-item {
        width: 170px;
        height: 170px;
        margin: 0 10px 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .instagram-container {
        width: 355px;
        margin: 0 auto 25px;
    }
    .instagram-container .instagram-lists {
        margin-right: -15px;
    }
    .instagram-container .instagram-item {
        width: 170px;
        height: 170px;
        margin: 0 15px 14px 0;
    }

}


/* 余白（HTML要素用）
=============================================================================*/

hr.mgb-sp010 ,
hr.mgb-sp020 ,
hr.mgb-sp030 ,
hr.mgb-sp040 ,
hr.mgb-sp050 ,
hr.mgb-sp060 ,
hr.mgb-sp070 ,
hr.mgb-sp080 ,
hr.mgb-sp090 ,
hr.mgb-sp100 {
    display: block;
    height: 1px;
    border: none;
}
hr.mgb-sp010 {margin: 0 0 10px 0;}
hr.mgb-sp020 {margin: 0 0 20px 0;}
hr.mgb-sp030 {margin: 0 0 30px 0;}
hr.mgb-sp040 {margin: 0 0 40px 0;}
hr.mgb-sp050 {margin: 0 0 50px 0;}
hr.mgb-sp060 {margin: 0 0 60px 0;}
hr.mgb-sp070 {margin: 0 0 70px 0;}
hr.mgb-sp080 {margin: 0 0 80px 0;}
hr.mgb-sp090 {margin: 0 0 90px 0;}
hr.mgb-sp100 {margin: 0 0 100px 0;}

@media screen and (max-width: 767px){
hr.mgb-sp010 ,
hr.mgb-sp020 ,
hr.mgb-sp030 ,
hr.mgb-sp040 ,
hr.mgb-sp050 ,
hr.mgb-sp060 ,
hr.mgb-sp070 ,
hr.mgb-sp080 ,
hr.mgb-sp090 ,
hr.mgb-sp100 {
    display: none;
}
}

/* 本学蔵書検索（HTML要素用）
=============================================================================*/
div.opac-search-area {
    width: 100%;
    display: flex;
}
div.opac-search-area * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*opac-txt*/
div.opac-txt-box {
    padding-right: 10px;
}
div.opac-txt-box p.ph {
    float: left;
    margin: 0 10px 0 0;
    width: 56px;
}
div.opac-txt-box p.tx {
    padding: 5px 0;
}
/*opac-search-box*/
div.opac-search-box {
    background-color: #F7F7F7;
    padding: 15px 15px 10px 15px;
    position: relative;
}
div.opac-search-box p.inputs {
    display: flex;
    margin-bottom: 2px;
}
div.opac-search-box p.inputs input.opac-txt {
    width: 250px;
    height: 27px;
    margin-right: 3px;
    padding: 3px;
}
div.opac-search-box p.inputs input[type='image'] {
    width: 55px;
    height: 27px;
}
div.opac-search-box .detail-link {
    font-size: 88%;
}

@media screen and (max-width: 767px) {
div.opac-search-area {
    flex-direction: column;
}
/*opac-txt*/
div.opac-txt-box {
    padding-right: 0;
    margin-bottom: 10px;
}
div.opac-txt-box p.tx {
    padding: 0 0 0 0;
    font-size: 14px;
}
/*opac-search-box*/
div.opac-search-box p.inputs {
    justify-content: center;
}
div.opac-search-box .detail-link {
    text-align: center;
}
}