@charset "UTF-8";
@media screen and (max-width: 640px) {
  #contCommon {
    font-size: 90%;
    line-height: 22px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 500;
    box-sizing: content-box;
    /*--------------------cont--------------------*/
  }
  #contCommon .wrapGray {
    background: #f0f0df;
    padding: 20px 0;
  }
  #contCommon .wrapYel {
    background: #f4f64e;
    padding: 20px 0;
  }
  #contCommon .baseCont {
    padding: 20px 15px;
    margin: 0 0 20px;
    background: #ffffff;
  }
  #contCommon tbody {
    display: inline-table;
    width: 100%;
  }
  #contCommon tr {
    display: table-row;
  }
  #contCommon th, #contCommon td {
    display: table-cell;
  }
  #contCommon h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(0.03deg);
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
  }
  #contCommon h3 span {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(0.03deg);
    font-size: 1.75rem;
    line-height: 2.45rem;
    font-weight: bold;
    color: #0c95e5;
  }
  #contCommon h4 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(0.03deg);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
  }
  #contCommon h4 span {
    color: #0c95e5;
  }
  #contCommon a {
    color: #0c95e5;
    text-decoration: none;
    text-decoration: underline;
  }
  #contCommon a:hover, #contCommon a:active, #contCommon a:focus {
    color: #1a2b70;
    text-decoration: none;
  }
  #contCommon .desTxt {
    margin: 0 auto 20px;
  }
  #contCommon .desTxt.tL {
    text-align: left;
  }
  #contCommon .desTxt_imp {
    width: 90%;
    margin: 0 auto 30px;
    padding: 3%;
    text-align: center;
  }
  #contCommon .desTxt_imp.Red {
    border: 2px solid #df1112;
  }
  #contCommon .desTxt_imp.Red strong {
    color: #df1112;
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #contCommon .desTxt_imp.Nvy {
    border: 2px solid #1a2b70;
  }
  #contCommon .desTxt_imp.Nvy strong {
    color: #1a2b70;
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #contCommon .imgCnt {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }
  #contCommon .imgCnt img {
    margin: 0 0 5px;
  }
  #contCommon .imgCnt.iBig {
    max-width: 900px;
    width: 100%;
  }
  #contCommon .contLine {
    border-bottom: 1px solid #e8e8cd;
    padding: 0 0 20px;
    margin: 0 auto 20px;
  }
  #contCommon .contLine.lDot {
    border-bottom: 1px dotted #000000;
  }
  #contCommon .contColor {
    padding: 15px;
  }
  #contCommon .contColor.Gray {
    background: #f8f8f0;
  }
  #contCommon .Video {
    text-align: center;
  }
  #contCommon .Video dl {
    margin: 10px 0 0;
  }
  #contCommon .tableCnt table {
    margin: 0 auto 30px;
    border: 2px solid #1a2b70;
  }
  #contCommon .tableCnt table td {
    padding: 3%;
    border: 1px solid #1a2b70;
    text-align: center;
  }
  #contCommon .tableCnt table th {
    color: #ffffff;
    padding: 3%;
    background: #1a2b70;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #1a2b70;
  }
  #contCommon .tableCnt table .tdTxt_l {
    text-align: left;
  }
  #contCommon a img:hover {
    opacity: 0.8;
  }
  #contCommon span.br_sp:after {
    content: "\a";
    white-space: pre;
  }
  #contCommon #bk_contTop {
    border-top: 5px solid #1a2b70;
    background: url(../../img/bk_contTop.gif) repeat-x top;
  }
  #contCommon #contTop.base {
    width: 100%;
  }
  #contCommon .btnLink ul li {
    width: 100%;
    background: #4e9c4e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #4e9c4e), color-stop(0, #0a810a));
    background: -webkit-linear-gradient(top, #4e9c4e 0%, #0a810a 100%);
    background: -moz-linear-gradient(top, #4e9c4e 0%, #0a810a 100%);
    background: -o-linear-gradient(top, #4e9c4e 0%, #0a810a 100%);
    background: -ms-linear-gradient(top, #4e9c4e 0%, #0a810a 100%);
    background: linear-gradient(top, #4e9c4e 0%, #0a810a 100%);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 1px 1px 0px 1px #cccccc;
  }
  #contCommon .btnLink ul li:first-child {
    margin: 0 0 10px 0;
  }
  #contCommon .btnLink ul li:hover {
    background: #4e9c4e;
  }
  #contCommon .btnLink ul li a {
    display: block;
    padding: 5%;
    background: url(../../img/bk_check.png) no-repeat right center;
    background-size: 40%;
    position: relative;
    text-align: left;
  }
  #contCommon .btnLink ul li a:after {
    content: "";
    display: inline-block;
    background: url(../../img/icon_w_sdw.png);
    background-size: 100%;
    width: 33px;
    height: 33px;
    margin: 0 0 0 10px;
    vertical-align: bottom;
  }
  #contCommon .btnLink ul li a img {
    max-width: 353px;
    width: 80%;
  }
  #contCommon .btnLink ul li.btnExp {
    background: #e25858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e25858), color-stop(0, #930f0f));
    background: -webkit-linear-gradient(top, #e25858 0%, #930f0f 100%);
    background: -moz-linear-gradient(top, #e25858 0%, #930f0f 100%);
    background: -o-linear-gradient(top, #e25858 0%, #930f0f 100%);
    background: -ms-linear-gradient(top, #e25858 0%, #930f0f 100%);
    background: linear-gradient(top, #e25858 0%, #930f0f 100%);
  }
  #contCommon .btnLink ul li.btnExp:hover {
    background: #e25858;
  }
  #contCommon .btnLink ul li.btnExp a {
    background: url(../../img/bk_sakura.png) no-repeat right top;
    background-size: 40%;
  }
  #contCommon .btnLink ul li.btnDoctor {
    background: #f3a70b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f3a70b), color-stop(0, #b07805));
    background: -webkit-linear-gradient(top, #f3a70b 0%, #b07805 100%);
    background: -moz-linear-gradient(top, #f3a70b 0%, #b07805 100%);
    background: -o-linear-gradient(top, #f3a70b 0%, #b07805 100%);
    background: -ms-linear-gradient(top, #f3a70b 0%, #b07805 100%);
    background: linear-gradient(top, #f3a70b 0%, #b07805 100%);
  }
  #contCommon .btnLink ul li.btnDoctor:hover {
    background: #f3a70b;
  }
  #contCommon .btnLink ul li.btnDoctor a {
    background: url(../../img/bk_doctor.png) no-repeat right top;
  }
  #contCommon .btnLink ul li.btnMailform {
    background: #374da4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #374da4), color-stop(0, #1a2b70));
    background: -webkit-linear-gradient(top, #374da4 0%, #1a2b70 100%);
    background: -moz-linear-gradient(top, #374da4 0%, #1a2b70 100%);
    background: -o-linear-gradient(top, #374da4 0%, #1a2b70 100%);
    background: -ms-linear-gradient(top, #374da4 0%, #1a2b70 100%);
    background: linear-gradient(top, #374da4 0%, #1a2b70 100%);
  }
  #contCommon .btnLink ul li.btnMailform:hover {
    background: #374da4;
  }
  #contCommon .btnLink ul li.btnMailform a {
    background: url(../../img/bk_mail.png) no-repeat right top;
  }
  #contCommon #partResult li {
    margin: 0 0 10px 0;
    position: relative;
  }
  #contCommon #partResult li:nth-child(3n) {
    margin-right: 0;
  }
  #contCommon #partResult li a {
    display: block;
    color: #1a2b70;
    border: 2px solid #1a2b70;
    height: 100%;
    font-weight: bold;
  }
  #contCommon #partResult li a:hover {
    opacity: 0.7;
  }
  #contCommon #partResult li dt {
    font-size: 1rem;
    line-height: 1.4rem;
    display: inline-block;
    width: 84%;
    color: #1a2b70;
    padding: 10px;
  }
  #contCommon #partResult li dt span {
    color: #df1112;
  }
  #contCommon #partResult li dd {
    font-size: 1rem;
    display: inline-block;
    background: #1a2b70;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
  }
  #contCommon #partResult li dd:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_w.png) center no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: 50% 0 0;
  }
  #contCommon #allResult ul {
    margin: 0 0 20px;
  }
  #contCommon #allResult li {
    margin: 0 0 10px 0;
    padding: 0 0 30px;
    background: #ffffff;
    font-size: 1rem;
    line-height: 1.4rem;
    position: relative;
    text-align: left;
  }
  #contCommon #allResult li a {
    display: block;
    height: 100%;
    text-decoration: none;
  }
  #contCommon #allResult li a:hover {
    opacity: 0.7;
  }
  #contCommon #allResult li dl {
    padding: 10px;
  }
  #contCommon #allResult li dt {
    height: 135px;
    margin: 0 0 10px;
    overflow-y: hidden;
  }
  #contCommon #allResult li dd {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #000000;
  }
  #contCommon #allResult li dd strong {
    font-weight: bold;
    display: block;
    margin: 0 0 5px;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #1a2b70;
  }
  #contCommon #allResult li dd.btnDetail {
    font-size: 1rem;
    line-height: 1.4rem;
    background: #1a2b70;
    color: #ffffff;
    width: 100%;
    padding: 6px 0 0 0;
    height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #contCommon #allResult li dd.btnDetail:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_w.png) center no-repeat;
    background-size: 100%;
    margin: 0 0 -3px 5px;
  }
  #contCommon #allResult .passVideo dt {
    height: auto;
    overflow-y: auto;
  }
  #contCommon #allResult .passVideo dt p {
    text-align: center;
    border-bottom: 1px solid #f8f8f0;
    padding: 10px 0;
  }
  #contCommon #allResult .passVideo dd a {
    color: #ffffff;
  }
  #contCommon #allResult .passVideo dd a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_w.png) center no-repeat;
    background-size: 100%;
    margin: 0 0 -2px 5px;
  }
  #contCommon #allResult .passVideo dd.btnDetail:after {
    background: none;
  }
  #contCommon #allResult .passVideo:hover {
    opacity: 0.8;
  }
  #contCommon #contClass {
    padding: 30px 0;
  }
  #contCommon #contClass p {
    text-align: center;
    margin: 2% 0 0;
  }
  #contCommon #contClass ul {
    margin: 2% 0 0;
  }
  #contCommon #contClass li {
    font-size: 1.125rem;
    line-height: 1.575rem;
    margin: 0 0 10px 0;
    border: 2px solid #1a2b70;
    position: relative;
    box-sizing: border-box;
  }
  #contCommon #contClass li:nth-child(5) {
    margin: 0;
  }
  #contCommon #contClass li a {
    display: block;
    padding: 1rem 5%;
    height: 100%;
    color: #1a2b70;
    font-weight: bold;
    text-decoration: none;
  }
  #contCommon #contClass li:hover {
    opacity: 0.8;
    background: #f2fafe;
  }
  #contCommon #contClass li .triangle {
    border-top: 15px solid transparent;
    border-right: 15px solid #0c95e5;
    position: absolute;
    bottom: 4px;
    right: 4px;
  }
  #contCommon #contClass li:nth-child(2) .triangle {
    border-top: 15px solid transparent;
    border-right: 15px solid #e50c44;
  }
  #contCommon #contClass li:nth-child(3) .triangle {
    border-top: 15px solid transparent;
    border-right: 15px solid #e5870c;
  }
  #contCommon #contClass li:nth-child(4) .triangle {
    border-top: 15px solid transparent;
    border-right: 15px solid #a50ce5;
  }
  #contCommon #contClass li:nth-child(5) .triangle {
    border-top: 15px solid transparent;
    border-right: 15px solid #0a810a;
  }
  #contCommon #contNavi h3 {
    text-align: left;
    margin: 0 0 10px;
    background: url(../../img/icon_open.png) no-repeat left 240px bottom 3px;
    background-size: 25px;
  }
  #contCommon #contNavi ul {
    font-size: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #contCommon #contNavi ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contNavi #contNavmenu, #contCommon #contNavi #contPasslist {
    display: none;
  }
  #contCommon #contNavi #navSub li {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #f4f64e;
  }
  #contCommon #contNavi #navSub li a {
    display: block;
    text-align: left;
    background: #1a2b70;
    color: #ffffff;
    padding: 10px 15px;
    text-decoration: none;
  }
  #contCommon #contNavi #navSub li a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_w.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 12px;
    right: 10px;
  }
  #contCommon #contNavi #navSub li a:hover {
    background: #4d68d6;
  }
  #contCommon #contNavi .navCont.baseCont {
    padding: 0;
    margin: 0;
  }
  #contCommon #contNavi .navCont li {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 100%;
    position: relative;
  }
  #contCommon #contNavi .navCont li li {
    display: block;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: left;
    border-bottom: 2px solid #f4f64e;
  }
  #contCommon #contNavi .navCont li li a {
    color: #000000;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
  }
  #contCommon #contNavi .navCont li li a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_b.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 12px;
    right: 10px;
  }
  #contCommon #contNavi .navCont li li a:hover {
    color: gray;
  }
  #contCommon #contNavi .navCont li.btnClose a {
    border: 2px solid #000000;
    text-align: center;
    background: #f4f64e;
  }
  #contCommon #contNavi .navCont li.btnClose a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/icon_close_mini.png) center no-repeat;
    background-size: 100%;
    position: inherit;
    margin: 0 0 -2px 0;
  }
  #contCommon #contNavi #navPass li {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    margin: 0 0 2px 0;
    box-sizing: border-box;
    background: #ffffff;
    padding: 5px;
  }
  #contCommon #contNavi #navPass li a {
    display: block;
    color: #000000;
    text-decoration: none;
  }
  #contCommon #contNavi #navPass li dt {
    width: 48px;
    float: left;
    margin: 0 5px 0 0;
  }
  #contCommon #contNavi #navPass li dd {
    text-align: left;
  }
  #contCommon #contNavi #navPass li dd:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/icon_b.png) center no-repeat;
    background-size: 100%;
    margin: 0 0 -2px 5px;
  }
  #contCommon #contNavi #navPass li :hover {
    opacity: 0.8;
  }
  #contCommon #contNavi #open_contPass {
    border-top: 1px dotted #000000;
    margin: 20px 0 10px;
    padding: 20px 0 0;
  }
  #contCommon #contNavi .btnClose {
    width: 100%;
  }
  #contCommon #contNavi .btnClose a {
    display: block;
    border: 2px solid #000000;
    padding: 7px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    background: #f4f64e;
  }
  #contCommon #contNavi .btnClose a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/icon_close_mini.png) center no-repeat;
    background-size: 100%;
    position: inherit;
    margin: 0 0 -2px 5px;
  }
  #contCommon .contMail {
    padding: 30px 0;
  }
  #contCommon .contMail h4 {
    margin: 0 0 5px;
  }
  #contCommon .contMail .desTxt span {
    color: red;
  }
  #contCommon .contMail .mail {
    /*メルマガ*/
    box-sizing: border-box;
    padding: 20px 10px;
    margin: 0 0 1px;
    background: #ebf6fd;
  }
  #contCommon .contMail .mail h4 {
    color: #1a2b70;
    text-align: center;
  }
  #contCommon .contMail .mail p {
    margin: 0 0 10px;
  }
  #contCommon .contMail .mail .formMail .f_text {
    width: 94%;
    margin: 0 auto;
  }
  #contCommon .contMail .mail .formBtn {
    text-align: center;
    margin: 3% 0;
  }
  #contCommon .contMail .mail .formBtn .f_btn {
    width: 100%;
    display: block;
    background: #1a2b70;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #1a2b70), color-stop(0, #243b99));
    background: -webkit-linear-gradient(top, #1a2b70 0%, #243b99 100%);
    background: -moz-linear-gradient(top, #1a2b70 0%, #243b99 100%);
    background: -o-linear-gradient(top, #1a2b70 0%, #243b99 100%);
    background: -ms-linear-gradient(top, #1a2b70 0%, #243b99 100%);
    background: linear-gradient(top, #1a2b70 0%, #243b99 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 10px 16%;
  }
  #contCommon .contMail .mail .formBtn .f_btn:hover {
    background: #1a2b70;
  }
  #contCommon .contMail .mail.mL {
    /*ライン*/
    background: #def3e1;
  }
  #contCommon .contMail .mail.mL h4 {
    color: #379b44;
  }
  #contCommon .contMail .mail.mL dl {
    padding: 0 0 10px;
  }
  #contCommon .contMail .mail.mL .btnLine {
    margin: 0 auto;
  }
  #contCommon .contMail .mail.mL .btnLine a {
    display: block;
    background: #47be56;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #47be56), color-stop(0, #379b44));
    background: -webkit-linear-gradient(top, #47be56 0%, #379b44 100%);
    background: -moz-linear-gradient(top, #47be56 0%, #379b44 100%);
    background: -o-linear-gradient(top, #47be56 0%, #379b44 100%);
    background: -ms-linear-gradient(top, #47be56 0%, #379b44 100%);
    background: linear-gradient(top, #47be56 0%, #379b44 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3% 0;
    text-align: center;
  }
  #contCommon .contMail .mail.mL .btnLine a:hover {
    background: #379b44;
  }
  #contCommon .contMail .mail.mL .btnLine a img {
    max-width: 292px;
    width: 70%;
  }
  #contCommon .contMail .bnGuide {
    margin: 20px 0 0;
  }
  #contCommon #contCommentary {
    /*慶應大学小論文の過去問題解説*/
  }
  #contCommon #contCommentary .txtSpc {
    /* 吹き出し */
    max-width: 530px;
    width: 100%;
    padding: 2%;
    margin: 0 auto 2%;
    background: #0c95e5;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #ffffff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(0.03deg);
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
  }
  #contCommon #contCommentary .txtSpc span {
    color: #f4f64e;
  }
  #contCommon #contCommentary .txtSpc:after {
    content: "▼";
    color: #0c95e5;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -14px;
    left: 0;
  }
  #contCommon #contLesson {
    /*慶應義塾大学 各学部共通小論文対策授業*/
  }
  #contCommon #contLesson .contLesson03 ul {
    font-size: 0;
  }
  #contCommon #contLesson .contLesson03 ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contLesson .contLesson03 table {
    max-width: 620px;
    width: 100%;
  }
  #contCommon #contLesson .contLesson03 li {
    margin: 0 0 10px 0;
  }
  #contCommon #contPresent ul {
    font-size: 0;
  }
  #contCommon #contPresent ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contPresent li {
    width: 48%;
    margin: 0 3% 20px 0;
    font-size: 0.875rem;
    line-height: 1.225rem;
    text-align: left;
  }
  #contCommon #contPresent li:nth-child(2n) {
    margin-right: 0;
  }
  #contCommon #contPresent li dd {
    margin: 10px 0 0;
  }
  #contCommon #contPresent li dt {
    position: relative;
  }
  #contCommon #contPresent li dt:after {
    content: "";
    background: url(../../img/icon_big.png);
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    bottom: 7px;
    right: 7px;
  }
  #contCommon #contPresent li dt:before {
    content: "";
    background: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    box-shadow: 0px 0px 3px 1px #9e9e9e;
  }
  #contCommon #contGuideintr ul {
    font-size: 0;
  }
  #contCommon #contGuideintr ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contGuideintr li {
    width: 32%;
    margin: 0 2% 2% 0;
    font-size: 0.875rem;
    line-height: 1.225rem;
    position: relative;
  }
  #contCommon #contGuideintr li:nth-child(3n) {
    margin-right: 0;
  }
  #contCommon #contGuideintr li:after {
    content: "";
    background: url(../../img/icon_big.png);
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    bottom: 7px;
    right: 7px;
  }
  #contCommon #contGuideintr li:before {
    content: "";
    background: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    box-shadow: 0px 0px 3px 1px #9e9e9e;
  }
  #contCommon #contGuideintr li.maximg {
    width: 100%;
    text-align: center;
  }
  #contCommon #contGuideintr li.maximg img {
    max-width: 430px;
    width: 100%;
  }
  #contCommon #contGuideintr dl dt {
    background: #f4f64e;
    padding: 7px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(0.03deg);
    font-size: 1.125rem;
    line-height: 1.575rem;
    font-weight: bold;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    margin: 0 0 20px;
    box-shadow: 1px 1px 0px 1px #cccccc;
  }
  #contCommon #contGuideintr dl dt:after {
    content: "▼";
    display: block;
    color: #f4f64e;
    width: 100%;
    position: absolute;
    bottom: -18px;
    left: 0;
    text-shadow: 1px 2px 0px #cccccc;
  }
  #contCommon #contGuideintr dl li:nth-child(3n) {
    margin-right: 2%;
  }
  #contCommon #contGuideintr dl li:nth-child(4n) {
    margin-right: 0;
  }
  #contCommon #contSound ul {
    font-size: 0;
  }
  #contCommon #contSound ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contSound li {
    width: 49%;
    margin: 0 2% 2% 0;
    font-size: 0.875rem;
    line-height: 1.225rem;
  }
  #contCommon #contSound li:nth-child(2) {
    margin-right: 0;
  }
  #contCommon #contCramschool a:hover {
    opacity: 0.8;
  }
  #contCommon #contCramschool .doctor {
    background: #0c95e5;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 7px 10px;
    margin: 0 0 2%;
  }
  #contCommon #contCramschool .btnLink {
    text-align: center;
  }
  #contCommon #contCourse th, #contCommon #contCourse td {
    padding: 2%;
    text-align: left;
    vertical-align: middle;
  }
  #contCommon #contCourse th {
    width: 60%;
  }
  #contCommon #contCourse td {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #contCommon #contCourse .btnLink {
    text-align: center;
  }
  #contCommon #contStep .bnGuide, #contCommon #contDangerous .bnGuide {
    text-align: center;
  }
  #contCommon #contStep .bnGuide img, #contCommon #contDangerous .bnGuide img {
    margin: 0 0 2%;
  }
  #contCommon #contStep .baseLine {
    padding: 0;
  }
  #contCommon #contDangerous dt {
    background: #df1112;
    color: #ffffff;
    font-weight: bold;
  }
  #contCommon #contDangerous dt, #contCommon #contDangerous dd {
    padding: 7px 10px;
  }
  #contCommon #contHow li {
    margin: 0 0 2% 0;
    border: 2px solid #1a2b70;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #1a2b70;
    padding: 10px 10px 10px 30px;
    color: #1a2b70;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    position: relative;
  }
  #contCommon #contHow li span {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #df1112;
  }
  #contCommon #contHow li:nth-child(1):before {
    content: "";
    background: url(../../img/icon_01.png);
    width: 25px;
    height: 21px;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #contCommon #contHow li:nth-child(2):before {
    content: "";
    background: url(../../img/icon_02.png);
    width: 25px;
    height: 21px;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #contCommon #contHow li:nth-child(3):before {
    content: "";
    background: url(../../img/icon_03.png);
    width: 25px;
    height: 21px;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #contCommon #contSpecial .contSpecial02 img {
    max-width: 790px;
    width: 100%;
  }
  #contCommon #contAbout .contAbout01 dt {
    max-width: 150px;
    width: 30%;
    margin: 0 auto 10px;
  }
  #contCommon #contAbout .contAbout01 p {
    padding: 15px;
    margin: 2% 0 0;
    background: #f8f8f0;
  }
  #contCommon #contAbout .contAbout01 p img {
    margin: 0 5px 0 0;
    float: left;
    max-width: 95px;
    width: 20%;
  }
  #contCommon #contAbout .contAbout03 li, #contCommon #contAbout .contAbout05 li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #contCommon #contAbout .contAbout06 .Video_Yt {
    text-align: center;
  }
  #contCommon #contAbout .contAbout06 .Video_Yt img {
    vertical-align: top;
  }
  #contCommon #contBook .coution {
    color: #df1112;
  }
  #contCommon #contBook li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #contCommon #contBook li {
    margin: 0 0 10px;
  }
  #contCommon #contBook li li {
    margin: 0;
  }
  #contCommon #contMetc ul {
    font-size: 0;
  }
  #contCommon #contMetc ul li {
    display: inline-block;
    vertical-align: top;
  }
  #contCommon #contMetc dl {
    margin: 0 0 3%;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: left;
  }
  #contCommon #contMetc dt {
    background: #0c95e5;
    padding: 7px 10px;
    color: #ffffff;
    margin: 0 0 5px;
  }
  #contCommon #contMetc .contMetc01 li li {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 100%;
    text-align: left;
  }
  #contCommon #contMetc .contMetc01 li li:before {
    content: url(../../img/icon_file.png);
    position: relative;
    margin: 0 5px 0 0;
    top: 5px;
  }
  #contCommon #contMetc .contMetc01 li li.iconMovie:before {
    content: url(../../img/icon_movie.png);
    position: relative;
    margin: 0 5px 0 0;
    top: 2px;
  }
  #contCommon #contMetc .contMetc01 dd ul {
    margin: 0 0 5%;
  }
  #contCommon #contMetc .contMetc01 dd li {
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: left;
  }
  #contCommon #contMetc .contMetc01 dd li:before {
    content: url(../../img/icon_file.png);
    position: relative;
    margin: 0 5px 0 0;
    top: 5px;
  }
  #contCommon #contMetc .contMetc02 li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #contCommon #contMetc .contMetc02 li li {
    width: 100%;
  }
  #contCommon #contMetc .contMetc02 li li:before {
    content: url(../../img/icon_file.png);
    position: relative;
    margin: 0 5px 0 0;
    top: 5px;
  }
  #contCommon #contAsap li {
    margin: 0;
  }
  #contCommon #contTecnic ul {
    margin: 0 0 3%;
  }
  #contCommon #contTecnic li {
    margin: 0 0 20px 0;
  }
  #contCommon #contTecnic li dt {
    background: #0c95e5;
    padding: 7px 10px;
    color: #ffffff;
    margin: 0 0 2%;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: left;
  }
  #contCommon #contTecnic #contSub {
    display: none;
  }
  #contCommon #contTecnic #contSub dt {
    border: 2px solid #1a2b70;
    padding: 7px 10px;
    color: #1a2b70;
    margin: 0 0 3%;
  }
  #contCommon #contTecnic #contSub dd {
    padding: 0 0 3%;
    margin: 0 0 3%;
    border-bottom: 1px dotted #000000;
  }
  #contCommon #contTecnic #contSub dd img {
    margin: 2% 2% 2% 0;
  }
  #contCommon #contTecnic #contSub dd:last-child {
    border-bottom: none;
  }
  #contCommon #contTecnic #contSub dd.contSub01 {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.575rem;
    text-align: center;
  }
  #contCommon #contTecnic #contSub dd.contSub01 img {
    max-width: 150px;
  }
  #contCommon #contTecnic #contSub dd.contSub01 p {
    text-align: left;
  }
  #contCommon #contTecnic #contSub .contSub01 {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
  }
  #contCommon #contTecnic #contSub .contSub01 img {
    display: inline-block;
    max-width: 150px;
  }
  #contCommon #contTecnic #contSub .contSub01 p {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  #contCommon #contTecnic #contSub .closeBtn {
    background: #f8f8f0;
    text-align: center;
    margin: 0 0 50px;
  }
  #contCommon #contTecnic #contSub .closeBtn a {
    display: block;
    padding: 2%;
    color: #000000;
  }
  #contCommon #contTecnic #contSub .closeBtn a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/icon_close_mini.png) center no-repeat;
    background-size: 100%;
    margin: 0 0 -2px 3px;
  }
  #contCommon #contTecnic #contSub .red {
    color: #df1112;
    font-weight: bold;
    text-decoration: underline;
  }
  #contCommon #contTecnic #contSub strong {
    font-weight: bold;
  }
  #contCommon #sideNav {
    position: fixed;
    bottom: 10px;
    right: 5px;
  }
  #contCommon #sideNav .btnLineside a {
    width: 35px;
    display: block;
    background: #31ae36;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  #contCommon #sideNav .btnPagetop {
    margin: 10px 0 0;
  }
  #contCommon #sideNav .btnPagetop a {
    display: block;
    color: #ffffff;
    font-size: 0.5rem;
    line-height: 0.7rem;
    padding: 3px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
  }
  #contCommon #sideNav .btnPagetop a:before {
    content: "▲";
    display: block;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  #contCommon #sideNav .btnPagetop a:hover {
    opacity: 0.8;
  }
  #contCommon #contMeansure {
    text-align: center;
    margin: 0 0 50px;
  }
  #contCommon #contMeansure #bk_meansure {
    border-top: 5px solid #1a2b70;
  }
  #contCommon #contMeansure .heading {
    background: #f8f8f0;
    font-size: 1.125rem;
    line-height: 1.575rem;
    padding: 20px;
    font-weight: bold;
    margin: 0 0 30px;
    position: relative;
  }
  #contCommon #contMeansure .heading:after {
    content: "▼";
    font-size: 30px;
    display: block;
    color: #f8f8f0;
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 0;
    text-align: center;
  }
  #contCommon #contMeansure .heading span {
    background: linear-gradient(transparent 70%, #f4f64e 30%);
  }
  #contCommon #contMeansure #boxMeansure01 .desTxt {
    margin: 0 0 20px;
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #contCommon #contMeansure #boxMeansure01 .desTxt span {
    padding: 0 0 5px;
    background: url(../../img/measures_line_wave.png) bottom repeat-x;
    background-size: 50px;
  }
  #contCommon #contMeansure #boxMeansure01 .boxLed {
    border: 2px solid #e64c4c;
    padding: 10px;
  }
  #contCommon #contMeansure #boxMeansure01 .boxLed span {
    color: #e64c4c;
  }
  #contCommon #contMeansure #boxMeansure02 dl {
    margin: 30px 0 20px;
    position: relative;
  }
  #contCommon #contMeansure #boxMeansure02 dt {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -105px;
  }
  #contCommon #contMeansure #boxMeansure02 dt img {
    width: 210px;
  }
  #contCommon #contMeansure #boxMeansure02 dd {
    border: 2px solid #4aaec3;
    padding: 10px;
  }
  #contCommon #contMeansure #boxMeansure02 dd ul {
    margin: 20px auto 0;
    text-align: left;
  }
  #contCommon #contMeansure #boxMeansure02 dd li {
    margin: 0 0 6px;
  }
  #contCommon #contMeansure #boxMeansure02 dd li:before {
    content: "";
    display: inline-block;
    background: url(../../img/meansures_icon_check.png) no-repeat;
    background-size: 19px;
    width: 19px;
    height: 18px;
    margin: 0 5px -3px 0;
  }
  #contCommon #contMeansure #boxMeansure03 dd span {
    text-decoration: underline;
  }
}