@charset "UTF-8";

/*------------------------------------------------------------
	common
-------------------------------------------------------------*/
/*PC*/
.setCenter { margin: 0 auto; }
/*外部リンクボタン*/
.new-window-btn { width: 320px;}
.new-window-btn a { font-weight: bold; margin: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 18px 8px; text-decoration: none !important; color: #FFF !important; background-color: #5ba22a; border-radius: 10px; transition: all .3s ease; }
.new-window-btn a:hover { opacity: 0.7; }
.new-window-btn-Txt { font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", sans-serif; margin: 0 auto; padding: 3px 0 0 5px; font-size: 19px; line-height: 1.2em; text-align: center; }
.new-window-btn-Txt span { font-size: 16px; }
/*内部リンクボタン*/
.link-btn { width: 320px;}
.link-btn a { font-weight: bold; margin: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 18px 8px; text-decoration: none !important; color: #7b4c00 !important; background-color: #f5e9ba; border: 2px solid #7b4c00; border-radius: 10px; transition: all .3s ease; }
.link-btn a:hover { opacity: 0.7; }
.link-btn-Txt { font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", sans-serif; margin: 0 auto; font-size: 19px; }
/*小ボタン（クラス追加する）*/
.btn-small { width: 240px; }
.btn-small a { padding: 18px 8px; border-radius: 5px;  }
.btn-small .new-window-btn-Txt,.btn-small .link-btn-Txt { font-size: 16px; line-height: 1em;}
/*リンクエリアボタン（横3つ並び）*/
.btn-link-area-wrap { margin: 10px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  }
.btn-link-area { width: 200px; }
.btn-link-area a { padding: 12px 3px; border-radius: 5px; }
.btn-link-area .link-btn-Txt { font-size: 14px; }
/*非活性ボタン（クラス追加する）*/
.btn-off a { cursor: default; background-color: #898989; } 
.btn-off a .new-window-btn-Icon { display: none; }
.btn-off a:hover { opacity: 1; }
/*テキストが2行のボタン（クラス追加する）*/
.btn-2l a { padding: 8px; } 
.btn-flex { display: flex; flex-direction: row; justify-content: center; align-items: center; }

/*SP*/
@media screen and (max-width:641px) {
    .new-window-btn { margin: 0 auto; }
    .new-window-btn a { margin: 5px 0; }
    .link-btn { margin: 0 auto; }
    .link-btn a { margin: 5px 0; }
    .btn-flex { flex-direction: column; }
    .link-area-category-title { text-align: center; }
    .btn-link-area-wrap { flex-direction: column; }
    .btn-link-area { width: 80%; }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	個人受検 ｜ personal
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
	個人受検の流れ ｜ personal/apply.html
-------------------------------------------------------------*/
/*PC*/
#how-to-apply { font-size: 15px; background-color: #f7f5c9; padding: 10px; }
.how-to-apply-Txt { font-size: 20px; font-weight: bold; color: #444; }
.how-to-frame-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: wrap; }
.how-to-frame { width: 280px; display: flex; flex-direction: row; justify-content: start; align-items: center; padding: 7px; border: 1px solid #444444; background-color: #FFF; margin: 5px; }
.how-to-frame-Txt { font-size: 18px; font-weight: bold; color: #444; padding: 3px 0 0 8px; }
.how-to-frame-Txt span { font-size: 14px; font-weight: normal; }

/*SP*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	漢検CBT受検 ｜ cbt
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
	漢検CBT受検 ｜ cbt/index.html
-------------------------------------------------------------*/
/*PC*/
#cbtTest { font-size: 15px !important; line-height: 1.7em !important; color: #444; }
#cbtTest .txtBold { color: #444; }
#cbtTest h2 { background: initial; padding: 0; }
#cbtTest h2 img { width: 100%; height: calc(100% * (60 / 700)); }
#cbtTest h3 { margin: 30px 0 10px 0; color: #222;}
#cbtTest .cbtPoint { margin: 25px 0 25px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
#cbtTest .link-area { background: #fbfbf1; padding: 10px 15px; }
#cbtTest .link-area-category-title { font-size: 1.1em; font-weight: bold; }
#cbtTest .btn-flex { justify-content: start; }

/*SP*/
@media screen and (max-width:641px) {
    #cbtTest .cbtPoint { flex-direction: column; }
    #cbtTest .cbtPoint img { width: 100%; height: calc(100% * (300 / 1150)); margin: 5px 0; }
}