@charset "utf-8";

@font-face {
    font-family: pageico;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/icoset.woff) format("woff"),url(fonts/icoset.ttf) format("truetype");
}


a {
  outline: none;
}

/* ========================================*/
#container {
  width: auto !important;
}

#innerBox {
  width: auto !important;
}

#dokugaku_boki1q {
  width: auto;
  padding: 0;
  margin: 5px 0 15px 0;
  z-index: 1;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 1.2em;
}

#dokugaku_boki1q .inner {
  width: auto;
  min-width: auto;
  max-width: auto;
}

/* ========================================*/

.notes_info02{
  background:#de0000;
  width:800px;
  max-width:100%;
  margin:0 auto;
  padding:1px;
  text-align:center;
  color:#fff;
  font-size:24px;
  font-size:2.4rem;
}
.notes_info02 h4{
  padding:1%;
}
.notes_info02 p{
  background:#fff;
  padding:3% 5%;
  color:#000;
}
.notes_info02 a{
  color:#de0000;
  text-decoration:underline;
}
.winSP .notes_info02 h4{
  font-size:4vw;
}
.winSP .notes_info02 h4 img{
  width:6vw;
}


.notes_shipping{
  background:#de0000;
  max-width:100%;
  margin:0 auto;
  padding:1px;
  color:#fff;
}
.notes_shipping h4{
  padding:1%;
  position:relative;
}
.notes_shipping h4 img{
  position:absolute;
  left:1%;
  top:50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);  
}
.notes_shipping h4 span{
  font-size:20px;
  font-size:2rem;
  display:inline-block;
  margin-left:120px;
  width:calc(100% - 120px);
}
.notes_shipping .notes_shipping_inner{
  background:#fff;
  padding:3% 5%;
  color:#000;
}
.winSP .notes_shipping h4 img{
  width:15%;
}
.winSP .notes_shipping h4 span{
  font-size:3vw;
  margin-left:20%;
  width:80%;
}


/*
 wide use
========================================================= */
.wp-1024 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}
.isDeviceTB .wp-1024,
.winSP .wp-1024 {
  margin-right: 1%;
  margin-left: 1%;
}

.spt25 {
  margin-top: 25px !important;
}

.spt50 {
  margin-top: 50px !important;
}

.fsz12 {
  font-size: 12px !important;
}

.title-line {
  text-align: center;
  background: #213795;
  padding: 10px 1%;
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
}
.title-line img {
  margin-top: 16px;
}
.winSP .title-line {
  font-size: 24px;
  font-size: 2.4rem;
}

a.alpha img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.colPNK{
  color:#ee0032 !important;
}
.colYLW{
  color:#fff800 !important;
}

.nolink{
  pointer-events:none;
}


/* clearfix */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf {
  *zoom: 1;
}

.cf:after {
  clear: both;
}

/* head
--------------------------------------------------------- */
.head {
  background: #ffffff url("image/1809/head_bg.png") center top no-repeat;
  background-size: cover;
  text-align: center;
}

.head_content {
  position: relative;
  width:100%;
  max-width:1200px;
  margin: 0 auto;
}
.head_content h1 {
  padding-top: 20px;
}

.head_content .course_box {
  position: absolute;
  bottom:18px;
  left:7%;
  font-size:0;
  background:#fff;
  border:1px solid #213795;
  border-radius:5px;
  width:55%;
}
.head_content .course_box ul *{
  display:inline-block;
}
.head_content .course_box ul li{
  width:calc((100% - 1px) / 2);
}
.head_content .course_box ul li:not(:last-child){
  border-right:1px solid #213795;
}
.head_content .course_box img {
 max-width: 100%;
 border-radius:5px;
}

.winSP .head_content .course_box {
  position: relative;
  bottom:0;
  left:0;
  border-left:0;
  border-right:0;
  border-radius:0;
  margin-bottom:5px;
  width:100%;
}

.winSP .head_content .course_box img {
  border-radius:0;
 }

/* boki1q-section
--------------------------------------------------------- */
.boki1q-section .title-bg {
/*  min-width: 1024px;*/
/*  min-height: 125px;*/
  background: url("image/1809/boki1_ttl_bg.gif") left top repeat-x;
  background-size: auto 100%;
  border-top: 8px solid #213795;
}
.boki1q-section .title-bg ul {
	padding: 25px 0;
	text-align: center;
}
.boki1q-section .title-bg ul li {
	display: inline-block;
	max-width: 249px;
	width: 24%;
	vertical-align:top;
}
.boki1q-section .title-bg ul li a{
	display: block;
	width: 100%;
	height:5em;
	background:#eb0154;
	color:#fff;
	border-radius:5px;
	position:relative;
}
.boki1q-section .title-bg ul li a:hover{
  background:#8e0032;
}
.boki1q-section .title-bg ul li a:before{
  content:"";
  width:16px;
  height:16px;
  background:url(/dokugaku/boki1q/image/2004/img_arr_01.png)no-repeat 100%/contain;
  position:absolute;
  top:50%;
  right:5%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.boki1q-section .title-bg ul li a span{
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  display:inline-block;
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.winSP .boki1q-section .title-bg ul {
	padding: 5px 1% 0;
}
.winSP .boki1q-section .title-bg ul li {
	width: 49%;
	margin-bottom: 5px;
}
.winSP .boki1q-section .title-bg ul li a{
  height:3em;
}
.winSP .boki1q-section .title-bg ul li a:before{
  width:7%;
  right:3%;
}
.winSP .boki1q-section .title-bg ul li a span{
  font-size:4vw;
}

.boki1q-section .bg-grid {
  background: url("image/course_bg.png") left top repeat;
/*  min-width: 1024px;*/
  padding-top: 37px;
}
.boki1q-section .bg-grid-pb37 {
  padding-bottom: 37px;
}
.boki1q-section .boki1q-main {
/*  text-align: center;*/
}
.boki1q-section .boki1q-main h2 {
  font-size: 40px;
  font-size: 4.0rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.boki1q-section .boki1q-main h3 {
  margin-top: 30px;
  color: #213795;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
}
.boki1q-section .boki1q-main h3 span {
  font-weight: bold;
}
.winSP .boki1q-section .boki1q-main h2 {
  font-size: 30px;
  font-size: 3.0rem;
}
.winSP .boki1q-section .boki1q-main h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

.teach-guidebook {
  border: dashed 1px #000;
}
.teach-guidebook dl {
  margin: 20px;
}
.teach-guidebook dl dt {
  display: inline-block;
  vertical-align: top;
  max-width: 19%;
}
.teach-guidebook dl dd {
  display: inline-block;
  vertical-align: top;
}
.teach-guidebook dl dd {
  width: 60%;
  margin: 0 2%;
}
.teach-guidebook dl dd:nth-child(3) {
  width: auto;
  margin: 0;
  max-width: 19%;
}
.teach-guidebook dl dd h4 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
}

.winSP .teach-guidebook dl dt {
  display: block;
  text-align: center;
}
.winSP .teach-guidebook dl dd {
  width: auto;
}
.winSP .teach-guidebook dl dd:nth-child(3) {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.winSP .teach-guidebook dl dd h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 10px;
}

.link_btn a{
  display:inline-block;
  width:380px;
  max-width:100%;
  height:5em;
  background:linear-gradient(to bottom, #3a5280, #0f2b63);
  text-align:center;
  position:relative;
  border-radius:5px;
  box-shadow:0px 2px 0px 1px rgb(0,0,0,0.2);
}
.link_btn.pink a{
  background:linear-gradient(to bottom, #ff3b81, #eb0112);
}
.link_btn.Lblue01 a{
  background:linear-gradient(to bottom, #3be4ff, #03A9F4);
}
.link_btn.Lblue02 a{
  background:linear-gradient(to bottom, #8ba2f9, #3F51B5);
}
.link_btn a:hover{
  background:linear-gradient(to bottom, #0f2b63, #07132b);
  box-shadow:none;
}
.link_btn.pink a:hover{
  background:linear-gradient(to bottom, #de1322, #a50210);
}
.link_btn.Lblue01 a:hover{
  background:linear-gradient(to bottom, #38b5ca, #036692);
}
.link_btn.Lblue02 a:hover{
  background:linear-gradient(to bottom, #6776b1, #293575);
}
.link_btn a:before{
  content:"";
  width:12%;
  height:35px;
  background:url(/dokugaku/boki1q/image/2004/img_ico_01.png)no-repeat 100%/contain;
  position:absolute;
  top: 50%;
   left: 3%;
   -webkit-transform: translatY(-50%);
   transform: translateY(-50%);
}
.link_btn a:after{
  content:"";
  width:10%;
  height:20px;
  background:url(/dokugaku/boki1q/image/2004/img_arr_02.png)no-repeat 100%/contain;
  position:absolute;
  top: 50%;
   right: 3%;
   -webkit-transform: translatY(-50%);
   transform: translateY(-50%);
}
.link_btn a > span{
  display:inline-block;
  color:#fff;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  position:absolute;
  width:100%;
  top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.winSP .link_btn a span{
  font-size:3.5vw;
}

.textbook .link_btn{
  display:inline-block;
  margin: 0 2%;
}
.textbook .link_btn a{
  width:450px;
  max-width:100%;
}
.textbook .link_btn a:before{
  background:none;
}
.textbook .link_btn a > span{
  left:0%;
   -webkit-transform: translate(-5%, -50%);
   transform: translate(-5%, -50%);
}
.winSP .textbook .link_btn{
  display:block;
}

.webmerit h2.ttl{
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  color: #fff;
  background: #0f246a url(./image/1809/webl_bg_ttl.png) no-repeat right top;
  margin-bottom: 20px;
  padding: 7px 10px 5px 10px;
}
.webmerit .subttl{
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
}

.webmerit-notice {
  margin-top: 30px;
}
.webmerit-feature{
  float: right;
  width: 54%;
  background: url(./image/1809/bg_merit.png) repeat 0 0;
  padding: 20px;
}
.webmerit-feature .box {
  background: #FFF;
  padding: 15px;
}
.webmerit-feature .box ~ .box {
  margin-top: 20px;
}

.webmerit-feature .ttl {
  color: #1D376B;
  font-weight: bold;
  font-size:18px;
  font-size: 1.8rem;
}
.webmerit-feature .txt{
  font-size:14px;
  font-size: 1.4rem;

}
.webmerit-feature .box:nth-child(2) {
  position: relative;
}
.webmerit-feature .box:nth-child(2) .txt {
/*  width: 68%;
  font-size:14px;
  font-size: 1.4rem;*/
}
.webmerit-feature .box:nth-child(2) .txt p span {
  vertical-align: middle;
}
.webmerit-feature .box:nth-child(2) .txt p span.ib:nth-child(1) {
  width: 25%;
}
.webmerit-feature .box:nth-child(2) .txt p span.ib:nth-child(2) {
  width: 73%;
}
.webmerit-feature .type {
  width: 120px;
  position: absolute;
  top: 30px;
  right: 20px;
}
.webmerit-feature .type li {
  background: #1f61a5;
  color: #fff;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}
.webmerit-feature .type li ~ li {
  margin-top: 5px;
}
.webmerit-feature .box:nth-child(2) .caution {
  margin-top: 8px;
}

.webmerit-feature .box:nth-child(2) .caution li ~li {
  margin-top: 0;
}

.webmerit-download .DL_info{
}
.webmerit-download .DL_info span{
  display:inline-block;
  background:#e20011;
  width:1024px;
  max-width:100%;
  padding:5px 0 2px;
  font-size:22px;
  font-size:2.2rem;
}

.webmerit-exp {
  float: left;
  width: 42%;
}
.webmerit-exp dl {
  margin-top: 8px;
  margin-bottom: 8px;
}
.webmerit-exp .btn {
  padding: 0!important;
  margin: 10px 0;
}
.webmerit-exp .btn + p {
  text-align: right;
}
.webmerit-exp .caution li ~li {
  margin-top: 0;
}


.webmerit-exp .button-list{
  font-size:0;
  margin-top:10px;
}
.webmerit-exp .button-list li{
  width:50%;
  display:inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
.winSP .webmerit-exp .button-list li{
  display:block;
  width:100%;
  font-size:4vw;
}
.webmerit-exp .button-list .btn_kankyo a{
  display: block;
  background: linear-gradient(to bottom, #ffffff, #d0d0d0);
  width: 100%;
  height: 3em;
  border-radius:3px;
  position:relative;
}
.webmerit-exp .button-list .btn_kankyo a:hover{
  background: linear-gradient(to bottom, #d0d0d0, #868686);
}
.webmerit-exp .button-list .btn_kankyo a:before{
  content:"\3009";
  color:#000;
    position: absolute;
   top: 50%;
   left: 2%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.webmerit-exp .button-list .btn_kankyo a span{
  width:100%;
  display:inline-block;
  text-align:center;
  font-weight:bold;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.webmerit-exp .button-list .howto{
  text-align:right;
  vertical-align:bottom;
}
.webmerit-exp .button-list .howto a{
  display:inline-block;
  position:relative;
}
.webmerit-exp .button-list .howto a:before{
  display:inline-block;
  content:"";
  background: url(./image/2010/ico_pdf.png)no-repeat top left/100%;
  width:20px;
  height:20px;
  position:absolute;
   top: 50%;
   left: -20px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.webmerit-exp .button-list .howto a span{
  display:inline-block;
  color:#000;
  border-bottom:1px solid transparent;
  position:relative;
}
.webmerit-exp .button-list .howto a:hover span{
  border-bottom:1px solid #000;
}

.webmerit-exp .btn_taiken a{
  display:inline-block;
  background: linear-gradient(to bottom, #6a9ac9, #2a6fb1 5%, #2a6fb1 95%, #6a9ac9);
  width:100%;
  height:60px;
  border:1px solid #555;
  position:relative;
  color:#fff;
  font-size:25px;
  font-size:2.5rem;
}
.winSP .webmerit-exp .btn_taiken a{
  font-size:6vw
}
.webmerit-exp .btn_taiken a:hover{
  background: linear-gradient(to bottom, #2a6fb1, #0a2e50 5%, #0a2e50 95%, #2a6fb1);
}
.webmerit-exp .btn_taiken a:before{
  content:"\3009";
  color:#fff;
    position: absolute;
   top: 50%;
   right: 2%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.webmerit-exp .btn_taiken a span{
  width:100%;
  display:inline-block;
  text-align:center;
  font-weight:bold;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.webmerit-download .download-txt {
  display: inline-block;
  width: 65%;
  vertical-align: top;
}
.webmerit-download .download-txt .btn_app{
    max-width: 208px;
    width: 100%;
    }
.webmerit-download .download-txt .btn_app a {
    display: block;
    height: 40px;
    position: relative;
    color: #fff;
    background: linear-gradient(to bottom, #1d376b 0%, #0e192f 100%);
    -webkit-box-shadow: 0 3px 0 #d4d4d4;
    box-shadow: 0 3px 0 #d4d4d4;
    text-align: center;
}
.webmerit-download .download-txt .btn_app a:hover {
    background: linear-gradient(to bottom, #111d58 0%, #060e1f 100%);
}
.webmerit-download .download-txt .btn_app a:after {
    font-family: iconset!important;
    content: "\e90a";
    display:inline-block;
    position:absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
}
.webmerit-download .download-txt .btn_app a span{
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    width:100%;
    display:inline-block;
    position:absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.winSP .webmerit-download .download-txt .btn_app{
    margin:0 auto;
    max-width:100%;
}
@media screen and (max-width:240px) {
.winSP .webmerit-download .download-txt .btn_app a span{
    font-size:6vw;
}
}

.webmerit-download .download-img {
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.winSP .webmerit h2.ttl{
  font-size: 22px;
  font-size: 2.2rem;
  background-image: none;
}

.winSP .webmerit-notice {
  margin-top: 30px;
}
.winSP .webmerit-feature{
  float: none;
  width: 100%;
  padding:10px;
}
.winSP .webmerit-feature .box {
  padding:8px;
}
.winSP .webmerit-feature .box ~ .box {
  margin-top: 12px;
}

.winSP .webmerit-feature .ttl {
  font-size:16px;
  font-size: 1.6rem;
}
.winSP .webmerit-feature .txt{
  font-size:14px;
  font-size: 1.4rem;

}
.winSP .webmerit-feature .box:nth-child(2) .txt {
  width: 100%;
}
.winSP .webmerit-feature .box:nth-child(2) .txt p span.ib:nth-child(1) {
    width: auto;
}
.winSP .webmerit-feature .box:nth-child(2) .txt p span.ib:nth-child(2) {
    width: auto;
}
.winSP .webmerit-feature .type {
  width: 102%;
  position: static;
  display: table;
  word-spacing: -1em;
  margin-left: -2%;
  margin-top: 8px;
}
.winSP .webmerit-feature .type li {
  margin-left: 2%;
  width: 48%;
  display: inline-block;
  word-spacing: normal;
  vertical-align: top;
}
.winSP .webmerit-feature .type li ~ li {
  margin-top: 0;
}
.winSP .webmerit-feature .type li:nth-child(n+3) {
  margin-top: 5px;
}
.winSP .webmerit-feature .box:nth-child(2) .caution {
  margin-top: 8px;
}

.winSP .webmerit-feature .box:nth-child(2) .caution li ~li {
  margin-top: 0;
}
.winSP .webmerit-exp {
  float: none;
  width: 100%;
  margin-top: 15px;
}
.winSP .webmerit-download {
  margin: 10px 1%;
}
.winSP .webmerit-download .download-txt {
  display: block;
  width: auto;
}
.winSP .webmerit-download .download-img {
  display: block;
  width: 60%;
  margin: 20px auto 0 auto;
  text-align: center;
}


.boki1q-section .boki1q-taiken {
  margin-top: 40px;
  background: url("image/taiken_bg.gif") left top repeat;
  padding-bottom: 75px;
}
.boki1q-section .boki1q-taiken .title {
  position: relative;
  background-color: #213795;
  color: #fff;
  font-size: 38px;
  font-size: 3.8rem;
  margin-bottom: 50px;
  padding: 8px 1%;
  text-align: center;
}
.boki1q-section .boki1q-taiken .title:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 35px;
  top: 75%;
  left: 48%;
  background-color: #213795;
/*  border-top: 45px solid #213795;
  border-left: 15px solid tranparent;*/
  transform: rotate(45deg);
  z-index: 1;
}
.boki1q-section .boki1q-taiken h2 {
  z-index: 10;
}
.boki1q-section .boki1q-taiken .taiken h3 {
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  margin-top: 28px;
  line-height: 1;
}
.boki1q-section .boki1q-taiken .taiken h3 .colRED{
  color: #cc1a28; 
}
.boki1q-section .boki1q-taiken .taiken h3 .colBLU{
  font-size: 25px;
  font-size: 2.5rem;
}
.boki1q-section .boki1q-taiken .taiken-hr {
  background: url("image/taiken_bg_line.png") center top no-repeat;
  margin-top: 50px;
}
.winSP .boki1q-section .boki1q-taiken .title {
  font-size: 6vw;
}
.winSP .boki1q-section .boki1q-taiken .title:after {
  position: absolute;
  content: "";
  width: 3vw;
  height: 3vw;
  top: 88%;
  left: 47%;
}
.winSP .boki1q-section .boki1q-taiken .taiken h3 {
  font-size: 28px;
  font-size: 2.8rem;
}


.teach-section {
  border-top: 11px solid #213795;
  padding-bottom: 20px;
}
.teach-material {
  margin-right: auto;
  margin-left: auto;
  width: 1024px;
}
.teach-ttl{
  background: #a4d5ff;
  text-align: center;
  color: #213795;
  font-size:36px;
  border-bottom: #f2f2f2 3px solid;
  font-weight: bold;
  margin-top: 22px;
}

.teach-section .covers {
  background: #FFF;
  padding: 20px;
  font-size:15px;
  font-size: 1.5rem;
}
.teach-section .book-box {
  margin-top: 20px;
  zoom:1;
}
.teach-section .book-box:after {
  content: "";
  display: block;
  clear: both;
}
.teach-section .book-box ~ .book-box {
  margin-top: 50px;
}
.teach-section .book-box .teach-subtimtl {
  background: #d9d9d9;
  font-weight: bold;
  padding: 5px 10px;
}
.teach-section .book-box .book-box_data,
.teach-section .book-box .book-box_txt {
  margin-top: 15px;
}
.teach-section .book-box .book-box_data {
  float: left;
  width: 54%;
}
.teach-section .book-box .book-box_txt {
  float: right;
  width: 42%;
}

.teach-section .caution {
  color: #0066cc;
}
.teach-section .book-box .book-cathc dt {
  margin-top: 1.5em;
  margin-left: -.5em;
  font-weight: bold;
}
.teach-section .book-box .book-cathc dd {
  margin-top: 2px;
  font-size:14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

.teach-section .book-box .book-name {
  font-size:24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-top: 15px;
  font-weight: bold;
}
.teach-section .book-box .book-name span {
  font-size:14px;
  font-size: 1.4rem;
}
.teach-section .btn {
  padding: 0!important;
  margin-top: 10px;
  text-align: left;
}
.teach-section .btn-stage {
  margin-top: 30px;
  text-align: center;
}

.winSP .teach-section {
  margin-top: 30px;
}
.winSP .teach-ttl{
  padding: 8px;
  font-size:16px;
  font-size: 1.6rem;
}

.winSP .teach-section .covers {
  padding: 15px 8px;
  font-size:14px;
  font-size: 1.4rem;
}

.winSP #teach-curriculum .covers p img {
    max-width: 100%;
}
.winSP .teach-section .book-box {
  margin-top: 10px;
  zoom:1;
}
.winSP .teach-section .book-box ~ .book-box {
  margin-top: 30px;
}
.winSP .teach-section .book-box .teach-subtimtl {
  padding: 5px 8px;
}
.winSP .teach-section .book-box .book-box_data,
.winSP .teach-section .book-box .book-box_txt {
  float: none;
  width: 100%;
}

.winSP .teach-section .book-box .book-cathc dt {
  margin-top: 1em;
  margin-left: -.5em;
  font-weight: bold;
}

.winSP .teach-section .book-box .book-name {
  font-size:18px;
  font-size: 1.8rem;
  margin-top: 8px;
}
.winSP .teach-section .book-box .book-name span {
  font-size:12px;
  font-size: 1.2rem;
}


.detail {
	text-align: right;
}

.btnPNK {
  display: inline-block;
  border: #d12828 1px solid;
  -webkit-border-radius: 5px;
          border-radius: 5px;
background: -webkit-linear-gradient(top,  #e85c69 0%,#c5383d 100%);
background: linear-gradient(to bottom,  #e85c69 0%,#c5383d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85c69', endColorstr='#c5383d',GradientType=0 );
  color: #FFF!important;
  text-align: center;
  padding: 10px 38px 10px 20px;
  position: relative;
  font-weight: bold;
  width: 365px;
}
.btnPNK:after {
  content: "\e901";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
  font-family: iconset;
  font-size:16px;
  font-size:1.6rem;
  z-index:  2;
  font-weight: normal;
  line-height: 1;
}


.kensetsu_price {
  padding: 30px 0;
  text-align: center;
  border-top: 1px solid #213795;
}
.kensetsu_price.noborder {
  border-top: none !important;
}

.kensetsu_price h3 {
  width: auto;
  max-width: 1024px;
  margin:  10px auto 20px auto;
  padding: 10px 0;
  border: 1px solid #000;
}
.kensetsu_price h3 img {
  max-width: 70px !important;
}
.kensetsu_price .price_kensetsu {
  display: inline-block;
  width: 48%;
  max-width: 500px;
  margin: 0 0.5%;
  vertical-align: top;
  color:#343434;
}
.kensetsu_price .price_f {
  background-color: #cce3fa;
  margin-bottom: 10px;
  padding: 20px 30px;
}
.kensetsu_price .price_s {
  background-color: #9bc3e7;
  margin-bottom: 10px;
  padding: 20px 30px;
}
.winSP .kensetsu_price .price_f,
.winSP .kensetsu_price .price_s {
  padding:20px 3%;
}

.kensetsu_price .price_kensetsu .course_sub_name{
  text-align:center;
}

.kensetsu_price .price_kensetsu .course_sub_name span{
  font-weight:bold;
  margin-top:5px;
}
.kensetsu_price .price_kensetsu .course_sub_name .sub01{
  display:inline-block;
  vertical-align:bottom;
  width:34%;
  height:5.5em;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.2;
  color:#fff;
  background:#213795;
  border-radius:50%;
  position:relative;
}
.winSP .kensetsu_price .price_kensetsu .course_sub_name .sub01{
  font-size:3vw;
  width:30%;
}
.kensetsu_price .price_kensetsu .course_sub_name .sub01 span{
  width:100%;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.kensetsu_price .price_kensetsu .course_sub_name .sub02{
  display:inline-block;
  vertical-align:middle;
  text-align:left;
  width: calc(100% - 40%);
  font-size:15px;
  font-size:1.5rem;
}
.winSP .kensetsu_price .price_kensetsu .course_sub_name .sub02{
  font-size:3.5vw;

  width: calc(100% - 35%);
}
.kensetsu_price .price_kensetsu .course_sub_name .sub02 > span{
  display:block;
}
.kensetsu_price .price_kensetsu .course_sub_name .sub02 .course_lank{
  font-size:22px;
  font-size:2.2rem;
}
.kensetsu_price .price_kensetsu .course_name{
  font-weight:bold;
  font-size:35px;
  font-size:3.5rem;
  letter-spacing: -0.01em;
}
.kensetsu_price .price_kensetsu .course_name span{
  font-weight:bold;
  font-size:46px;
  font-size:4.6rem;

}
.winSP .kensetsu_price .price_kensetsu .course_name{
  font-size: 7vw;
}
.winSP .kensetsu_price .price_kensetsu .course_name span{
  font-size: 9.5vw;
}

.kensetsu_price .price_kensetsu .price_q_link {
  margin-bottom:10px;
  padding: 10px;
  border-radius: 3px;
  background-color: #ffffff;
}
.kensetsu_price .price_kensetsu .price_q_link .price_fullpack {
  font-weight:bold;
  color:#c90c0c;
  font-size:18px;
  font-size:1.8rem;
  letter-spacing:-0.08em;
  display:inline-block;
  transform: skewX(-10deg);
}
.kensetsu_price .price_kensetsu .price_q_link .price_fullpack .price{
  font-weight:bold;
  font-size:38px;
  font-size:3.8rem;
}
.winSP .kensetsu_price .price_kensetsu .price_q_link .price_fullpack{
  font-size:4vw;
}
.winSP .kensetsu_price .price_kensetsu .price_q_link .price_fullpack .price{
  font-size:8vw;
}
.kensetsu_price .price_kensetsu [class^="price"] .price_btn {
  display:block;
  background:#ff6600;
  width:90%;
  height:70px;
  margin:-5px auto 0;
  font-weight:bold;
  color:#fff;
  font-size:22px;
  font-size:2.2rem;
  position:relative;
}
.winSP .kensetsu_price .price_kensetsu  [class^="price"]  .price_btn {
  font-size:5vw;
}
.kensetsu_price .price_kensetsu [class^="price"]  .price_btn:hover{
  background:#bf4d00;
}
.kensetsu_price .price_kensetsu [class^="price"]  .price_btn:after {
  font-family: pageico!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  content: "\e902";
  position: absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.kensetsu_price .price_kensetsu [class^="price"]  .price_btn span {
  font-weight:bold;
  width:100%;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.kensetsu_price .price_kensetsu [class^="price"]  .price_btn.until {
  background:#727272;
  color:#fff;
  font-size:16px;
  font-size:1.6rem;
  pointer-events:none;
}
.kensetsu_price .price_kensetsu [class^="price"]  .price_btn.until:after {
  content:none;
}

.kensetsu_price .price_kensetsu .price_nopack{
  background:unset;
  padding:10px;
}
.kensetsu_price .price_kensetsu .price_nopack .price_btn {
  background:#ff9755;
  font-size:14px;
  font-size:1.4rem;
  height: 50px;
}
.winSP .kensetsu_price .price_kensetsu .price_nopack .price_btn {
  font-size:3vw;
}
.kensetsu_price .price_kensetsu .price_nopack .price_btn:hover{
  background:#ed853e;
}
.kensetsu_price .price_kensetsu .price_nopack .price_btn.until {
  background:#9b9999;
  color:#fff;
  font-size:14px;
  font-size:1.4rem;
  pointer-events:none;
}
.kensetsu_price .price_kensetsu .price_nopack .price_btn.until:after {
  content:none;
}

.price_kensetsu > [class^="price"] + p{
  line-height:1.2;
  padding:0 2%;
  font-size:12px;
  font-size:1.2rem;
}


.kensetsu_price .price_kensetsu strong a {
  font-weight: bold;
  text-decoration: underline;
}
.kensetsu_price .price_f strong a ,
.kensetsu_price .price_s strong a {
  color: #fffacd;
}
.kensetsu_price .price_f strong a:hover ,
.kensetsu_price .price_s strong a:hover {
  color: #615707;
}
.kensetsu_price .price_kensetsu .price_deadline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin: 15px 0;
}
.winSP .kensetsu_price .price_kensetsu .price_deadline {
  font-size:4.5vw;
}

.winSP .kensetsu_price {
  padding: 0;
}
.winSP .kensetsu_price h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.winSP .kensetsu_price .price_kensetsu {
  width: 100%;
  margin: 20px 0;
}
.winSP .kensetsu_price .price_kensetsu h4 img {
  left: 0;
}

.isDeviceTB .kensetsu_price .price_kensetsu {
  min-height: 480px;
}
.isDeviceTB .kensetsu_price .price_kensetsu p {
  margin: 0 3% 15px 3%;
}




/* sub-block
--------------------------------------------------------- */
.sub-block {
  clear: both;
  margin: 0 auto;
/*  max-width: 1024px;*/
}

.sub-block-pb {
  padding-bottom: 70px;
}

.sub-block-bd {
  border-top: 3px solid #213795;
}
.sub-block-bd h3 {
}

.sub-block-sup .inner {
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 57px;
}
.sub-block-sup h3 {
  margin-top: 54px;
  color: #f19900;
  font-size: 30px;
  font-weight: bold;
  font-size: 0;
}
.sub-block-sup .text {
  font-size: 12px;
  margin-top: 15px;
}
.sub-block-sup .fig {
  margin-top: 25px;
}

.sub-block-koshi {
  max-width: 100%;
  background: #e9f5ff;
  border-top-width: 0;
  border-top: 1px solid #213795;
}
.sub-block-koshi .inner {
  max-width: 100%;
  border-top: 1px solid #213795;
}
.sub-block-koshi .boxes {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
}
.sub-block-koshi .boxes .box {
  margin: 0 auto;
  padding: 20px 0;
}
.sub-block-koshi .box h3 {
  margin-bottom: 20px;
  text-align: left;
  font-size: 2.6rem;
  font-weight: bold;
  color: #213795;
}
.sub-block-koshi .box h3 span {
  font-size: 4.4rem;
  font-weight: bold;
}
.sub-block-koshi .box > .img_box {
  float: left;
  margin-top: 0;
  margin-right: 32px;
  margin-bottom: 20px;
}
.sub-block-koshi .box > .img_box p{
  text-align:center;
  font-weight:bold;
}
.sub-block-koshi .box > .img_box .teach_name{}
.sub-block-koshi .box > .img_box .teach_name span{
  font-size:22px;
  font-size:2.2rem;
  display:inline-block;
  margin:5px 5px 0;
}
.sub-block-koshi .box > .img_box .genre{
  background:#213795;
  color:#fff;
  padding:2px;
}
.sub-block-koshi .box > .text {
  overflow: hidden;
  font-size: 14px;
}
.sub-block-koshi .box > .text p {
  max-width: 650px;
  line-height: 1.9;
}


.winSP .sub-block-koshi {
  padding-bottom: 30px;
}
.winSP .sub-block-koshi .boxes {
  margin-top: 0;
}
.winSP .sub-block-koshi h3 {
  padding-top: 30px;
  text-align: center;
}
.winSP .sub-block-koshi h3 span {
  display: block;
  font-size: 30px;
}
.winSP .sub-block-koshi .box > .img_box {
  display: block;
  float: none;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  max-width: 208px;
}

.isDeviceTB .sub-block {
  padding-left: 3%;
  padding-right: 3%;
}

.isDeviceTB .sub-block-koshi {
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}
.isDeviceTB .sub-block-koshi .boxes {
  margin-top: 40px;
}
.isDeviceTB .sub-block-koshi .box h3 span {
  display: block;
}

/*=====================================*/
/* apply-flow */
/*=====================================*/
#apply_flow .title {
  font-size: 36px;
  font-size: 3.6rem;
  background-color: #213795;
  color: #fff;
  padding: 10px 1%;
}
.apply-flow .inner {
  max-width: 1024px;
}
.apply-flow .flow {
  display: table;
  width: 102%;
  word-spacing: -1em;
  margin-left: -2%;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f9781;
}
.apply-flow .flow > li {
  word-spacing: normal;
  display: inline-block;
  vertical-align: top;
  border: #1c899f 1px solid;
  padding: 10px 10px 120px 10px;
  text-align: center;
  width: 23%;
  margin-left: 2%;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: auto 117px;
       -o-background-size: auto 117px;
          background-size: auto 117px;
}
.apply-flow .flow .ttl {
  margin-right: -10px;
  margin-bottom: 10px;
}
.apply-flow .flow > li:nth-child(4) .ttl{
  margin-right: 0;
}
.apply-flow .flow .ttl img {
  max-width: 240px;
}
.apply-flow .flow > li:nth-child(4) .ttl img {
  max-width: 100%;
}
.apply-flow .flow p ~ p {
  margin-top: 1em;
}
.apply-flow .flow > li:nth-child(1) {
  background-image: url(/dokugaku/boki1q/image/1809/flow01_img.png);
}
.apply-flow .flow > li:nth-child(2) {
  background-image: url(/dokugaku/boki1q/image/1809/flow02_img.png);
}
.apply-flow .flow > li:nth-child(3) {
  background-image: url(/dokugaku/boki1q/image/1809/flow03_img.png);
}
.apply-flow .flow > li:nth-child(4) {
  background-image: url(/dokugaku/boki1q/image/1809/flow04_img.png);
}
.apply-flow .flow .colRED {
  color: #c00;
}
.apply-flow .flow .colGRY {
  color: #707070;
}
.apply-flow .flow .caution li {
  margin-top: 0;
}
.apply-flow .flow > li:nth-child(2) .ib + p {
  margin-top: 1.3em;
}
.apply-notes {
  font-size: 14px;
  font-size: 1.4rem;
}

.flow + p {
  margin-top: 30px;
}
.flow + p + div {
  margin-top: 50px;
}

.winSP #apply_flow .title {
  font-size: 24px;
  font-size: 2.4rem;
}
.winSP .apply-flow .flow {
  display: block;
  width: 100%;
  margin-left: 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.winSP .apply-flow .flow > li {
  display: block;
  border: #333 1px solid;
  padding: 10px 90px 10px 10px;
  width: 100%;
  margin-left:0;
  background-position: 97% 5%;
  -webkit-background-size: auto 58px;
       -o-background-size: auto 58px;
          background-size: auto 58px;
}
.winSP .apply-flow .flow > li ~ li {margin-top: 10px;}
.winSP .apply-flow .flow .ttl {
  margin-right: -10px;
  margin-bottom: 10px;
  text-align:left;

}
.winSP .apply-flow .flow .ttl img {
  width: auto;
  height: 30px;
}
.winSP .apply-flow .flow p ~ p {
  margin-top: .5em;
}
.winSP .apply-flow .flow .caution li {
  margin-top: 0;
}
.winSP .apply-flow .flow .caution.colRED {
  font-size: 12px!important;
  font-size: 1.2rem!important;
}
.winSP .apply-flow .flow > li:nth-child(1) {
  padding-right: 10px;
}
.winSP .apply-flow .flow > li:nth-child(2) .ib + p {
  margin-top: .5em;
}
.winSP .apply-flow .flow > li:nth-child(3) {
  padding-right: 60px;
}

.winSP .apply-flow .btn {
  width: 100%;
  margin-top: 10px;
}

.isDeviceTB .apply-flow .flow > li {
  background-size: contain;
}
.isDeviceTB .apply-flow .flow .ttl img {
  width: 117%;
}
.isDeviceTB .apply-flow .flow > li:nth-child(4) .ttl img {
  width: 100%;
}
.isDeviceTB .apply-flow .flow li:last-child .ttl {
  margin-left: 5px;
  margin-right: 5px;
}
.isDeviceTB .apply-flow .flow li:last-child .ttl img {
/*  width: auto;*/
}


/*=====================================*/
/* otoku */
/*=====================================*/
.sub-block-otoku {
  background: #e6f5fe url("image/waribiki_bg.jpg") center top no-repeat;
}
.sub-block-otoku .inner {
  text-align: center;
}
.sub-block-otoku h3 {
  color: #cf1118;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  padding-top: 60px;
}
.sub-block-otoku p {
  line-height: 2;
}
.sub-block-otoku img {
  margin-top: 40px;
}

.sub-block-text {
  background: #ec1d2e;
  padding: 25px 0 20px;
  text-align: center;
}
.winSP .sub-block-otoku h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
.winSP .sub-block-otoku p {
  line-height: 1.6;
}

/*=====================================*/
/* faq */
/*=====================================*/
#faq {
  border-top:3px solid #404f84;
  padding: 30px 0 60px;
}

#faq .title {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
    color: #213795;
}

.faq-list {
  border-bottom: 1px solid #404f84;
  margin-top: 30px;
}


.faq-list dt {
  border-top: 1px solid #404f84;
  position: relative;
  color: #213795;
  font-weight: bold;
  padding: 8px 90px 8px 48px;
  font-size: 18px;
  font-size: 1.8rem;
}

.faq-list dt i {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 8px;
  left: 12px;
}

.faq-list dd {
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #404f84;
  position: relative;
}

.faq-list dd i {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 20px;
  left: 33px;
}
.faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 15px 10px 15px 65px;
  background-color: #edf7ff;
  color: #213795;
}

.winSP #faq {
  padding: 20px 0 30px;
  border-top-width: 5px;
}
.winSP #faq .title {
  font-size: 24px;
  font-size: 2.4rem;
}

.winSP .faq-list {
  margin-top: 20px;
}


.winSP .faq-list dt {
  padding: 8px 10px 8px 24px;
  font-size: 15px;
  font-size: 1.5rem;
}

.winSP .faq-list dt i {
  width: 20px;
  height: 20px;
  top: 6px;
  left: 0px;
}
.winSP .faq-list dt:after {
  -webkit-background-size: auto 14px;
       -o-background-size: auto 14px;
          background-size: auto 14px;
  width: 54px;
  height: 14px;
  top: 10px;
  right: 0px;}

.winSP .faq-list dd {
  font-size: 13px;
  font-size: 1.3rem;
}

.winSP .faq-list dd i {
  width: 20px;
  height: 20px;
    top: 14px;
    left: 5px;
}
.winSP .faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 9px 10px 10px 32px;
}

.induction-title {
  margin: 80px 1% 0 1%;
  background: url("image/induction_line.png") center bottom no-repeat;
  background-size: contain;
  padding-bottom: 37px;
  text-align: center;
  position:relative;
}
.induction-title .induction_ttl_L {
  display:inline-block;
  vertical-align:bottom;
}
.winSP .induction-title .induction_ttl_L {
  position:absolute;
  width:20%;
  top:-18%;
}
.induction-title .induction_ttl_R {
  display:inline-block;
}
.induction-title .induction_ttl_R .induction_ttl_sub{
  display:block;
  font-size:20px;
  font-size:2rem;
  text-align:left;
}
.induction-title .induction_ttl_R .induction_ttl_sub .ib{
  border:1px solid #213795;
  color:#213795;
  font-weight:bold;
  padding:2px 5px;
}
.induction-title .induction_ttl_R .induction_ttl_sub .ib .colPNK{
  color:#f60068 !important;
  font-weight:bold;
}
.induction-title .induction_ttl_R .induction_ttl_main{
  display:block;
  font-size:30px;
  font-size:3rem;
  font-weight:bold;
}
.induction-title .induction_ttl_R .induction_ttl_main .ib{
  font-size:44px;
  font-size:4.4rem;
  font-weight:bold;
  vertical-align:bottom;
}
.induction-title .induction_ttl_R .induction_ttl_main .ib .colBLE{
  font-weight:bold;
  color:#213795 !important;
}

.winSP .induction-title .induction_ttl_R .induction_ttl_sub{
  font-size:3vw;
  text-align: right;
}
.winSP .induction-title .induction_ttl_R .induction_ttl_main{
  font-size:5vw;
  line-height:1.2;
  margin-top:2%;
}
.winSP .induction-title .induction_ttl_R .induction_ttl_main .ib{
  white-space: nowrap;
  display:block;
  font-size:9vw;
}

.induction-box {
  margin-top: 30px;
}

.induction-box-full {
  border: 1px dotted #cc1a28;
  background-color: #fafbeb;
  padding: 30px 0;
  text-align:center;
}
.winSP .induction-box-full {
  padding:3%;
}






.induction-box-full .price-text{
  width:auto;
  display:inline-block;
  text-align:left;
}

.induction-box-full .price-text span{
  font-weight:bold;
  vertical-align:bottom;
}
.induction-box-full .price-text .ib,
.induction-box-full .price-text .price_fullpack .price{
  font-size:30px;
  font-size:3rem;
}
.winSP .induction-box-full .price-text .ib{
  display:block;
  text-align:center;
  line-height:1;
}
.induction-box-full .price-text .price_fullpack{
  font-size:20px;
  font-size:2rem;
}
.induction-box-full .price-text .colPNK{
  color:#f60080 !important;
}
.winSP .induction-box-full .price-text .ib,
.winSP .induction-box-full .price-text .price_fullpack .price{
  font-size:7vw;
}
.winSP .induction-box-full .price-text .price_fullpack{
  font-size:4vw;}

.induction-box-full .price_btn_box{
  width:30%;
  display:inline-block;
}
.winSP .induction-box-full .price_btn_box{
  width:100%;
  margin:10px auto 0;
  display:block;
  text-align:center;
}

.induction-box-full .price_btn{
  display:block;
  background:#c90c0c;
  width:100%;
  height:70px;
  margin:-5px auto 0;
  font-weight:bold;
  color:#fff;
  font-size:22px;
  font-size:2.2rem;
  position:relative;
}
.winSP .induction-box-full .price_btn{
  font-size:5vw;
}
.induction-box-full .price_btn:hover{
  background:#960000;
}
.induction-box-full .price_btn:after {
  content:"\FF1E";
  position: absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.induction-box-full .price_btn span {
  font-weight:bold;
  width:100%;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.induction-box-full .price_btn.until{
  background:#d1d1d1;
  color:#555;
  font-size:16px;
  font-size:1.6rem;
  border:1px solid #555;
  pointer-events:none;
}
.induction-box-full .price_btn.until:after {
  content:none;
}



.closing {
  text-align: center;
  margin: 0 1%;
  margin-top: 35px;
}

.apply-list li {
  text-indent: -1em;
  padding-left: 1em;
}

#TB_iframeContent {
  margin: 0 !important;
}




/*1017.html*/
.boki1q-main-notice {}
.boki1q-main-notice .note {
  font-weight: bold;
  color: #cf1118;
  float: left;
  width: 460px;
  padding-top: 12px;
  line-height: 1.7;
}
.boki1q-main-notice .notice-ttl {
  font-size: 18px;
  font-weight: bold;
}
.boki1q-main-notice .notice-lead {
  font-size: 18px;
  font-weight: bold;
  padding-left: 1em;
}
.boki1q-main-notice .notice-area {
  width: 540px;
  float: right;
  font-size: 12px;
}
.boki1q-main-notice .notice-area dt {
  color: #fff;
  font-weight: bold;
  background: #cd282f;
  text-align: center;
  padding: 3px 0 1px 5px;

}
.boki1q-main-notice .notice-area dd {
  background: #fff6f8;
  border: 1px solid #cd282f;
  padding: 5px 10px;
}

/*201908*/
.info_red{
	color:#c90c0c;
	margin:0;
	padding:0 0 20px 0;
	font-size:20px;
	font-size:2.0rem;
	text-align:center;
	font-weight:bold;
}
.info_red span{
	font-size:16px;
	font-size:1.6rem;
	display:block;
	font-weight:bold;
}
.head_content p{
	padding-top:20px;
}

.info-box-full {
    border: 1px dotted #cc1a28;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
	margin-top:30px;
}
.winSP .head_content p{
	padding-top:0;
}
.winSP .info_red{
	padding:0 2%;
}
.isDeviceTB .webmerit h2.ttl{
	background-size: auto 100%;
	background-position: right -35% bottom 0;
}