@charset "utf-8";

a {
  outline: none;
}

.sp_none {
    display: block;
}

.pc_none {
    display: none;
}

br.sp_none {
  display: inline-block;
}
.winSP br.sp_none {
  display: none;
}

br.pc_none {
  display: none;
}
.winSP br.pc_none {
  display: inline-block;
}

.colYEL{
  color: #e7d647 !important;
}
@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
}

.pc_none {
    display: block;
}
}
/* ========================================*/
#container {
  width: auto !important;
 font-size: 16px;
 line-height: 32px !important;
}
#container a:hover {
 text-decoration: none;
}

#innerBox {
  width: auto !important;
}

#dokugaku_kanri {
  width: auto;
  padding: 0;
  margin: 5px 0 15px 0;
  z-index: 1;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#dokugaku_kanri p {
 text-align: left;
}

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

@media screen and (max-width: 768px) {
#dokugaku_kanri p {

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

.closeinfo {
  position: relative;
  width:870px; height:200px;
  margin: 10px auto 25px auto;
  padding:30px; border:3px solid white; 
  outline: solid 5px #dc143c;
  background:#dc143c;
  color:#ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 175%;
} 

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

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

/* font */
.fsz12 {font-size: 12px !important;}
.fsz14 {font-size: 14px !important;}
.fsz16 {font-size: 16px !important;}
.fsz18 {font-size: 18px !important;}
.fsz20 {font-size: 20px !important;}
.fsz24 {font-size: 24px !important;}
.fsz28 {font-size: 28px !important;}
.fsz30 {font-size: 30px !important;}
.fsz36 {font-size: 36px !important;}
.fsz42 {font-size: 42px !important;}

@media screen and (max-width: 768px) {
 .fsz28 {font-size: 24px !important;}
 .fsz20 {font-size: 18px !important;}
 .fsz30 {font-size: 24px !important;}
 .fsz24 {font-size: 20px !important;}
}

.fwb {font-weight: bold;}

/* font_color */
.f_white {color: #FFF !important;}
.f_blk {color: #222222 !important;}
.f_red {color: #cc0000 !important;}
.f_wine {color: #6B1D2F !important;}
.f_mustard {color: #64531F !important;}
.f_navy {color: #1D506B !important;}

/* bg_color */
.bg_white {background-color: #FFF;}
.bg_red {background-color: #cc0000;}
.bg_wine {background-color: #6B1D2F;}
.bg_mustard {background-color: #64531F;}
.bg_navy {background-color: #1D506B;}
.bg_l-glay {background-color: #F8F8F8;}
.bg_m-glay {background-color: #F8F8F8;}
.bg_d-glay {background-color: #737373;}

/* bg_gradation */
.bg_grd_blk {background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(75,75,75,1) 100%);}
.bg_grd_ble {background: linear-gradient(180deg, rgba(29,80,107,1) 0%, rgba(39,122,167,1) 100%);}
.bg_grd_mstd {background: linear-gradient(180deg, rgba(100,83,31,1) 0%, rgba(135,106,19,1) 100%);}
.bg_grd_org {background: linear-gradient(180deg, rgba(174,48,0,1) 0%, rgba(255,70,0,1) 100%);}

.title-line {
  text-align: center;
  padding: 10px 0;
  background: #843947;
/*  max-width: 1024px;*/
  margin: 16px auto 0 auto;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
}


/* .apply-buttons li:first-child {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.82);
  border: 1px solid #1d506b;
 border-top: 4px solid #1d506b;
}
.apply-buttons li:last-child {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.82);
  border: 1px solid #64531f;
  border-top: 4px solid #64531f;
} */

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

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

.cf {*zoom: 1;}
.cf:after {clear: both;}


.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;
}


/* head
--------------------------------------------------------- */
.head {
  background: #e7fdff url("image/2024/main_bg.png") center top 100% no-repeat;
/*  min-width: 1024px;*/
}

.head_content {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}
.head_content .btn_faq {
  position: absolute;
  width:13%;
  top: 20px;
  right: 10%;
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(75,75,75,1) 100%);
  border-radius: 4px;
}
.head_content .btn_faq a {
    display: flex;
    justify-content: center;
    position: relative;
    height: 2.5em;
    align-items: center;
    padding: 2% 30px 2% 10%;
}
.head_content .btn_faq a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: auto;
    right: 5%;
    width: 18px;
    height: 20px;
    background: url(image/2023/arr_navi.png)no-repeat center;
    background-size: contain;
}
.head_content .apply-buttons {
}
.head_content .apply-buttons li {
  position: absolute;
  max-width: 352px;
  width: 30%;
  bottom: 3%;
  padding: 20px 0;
}
.head_content .apply-buttons .main_price_k {
  left: 20%;
}
.head_content .apply-buttons .main_price_m {
  right: 20%;
}

.head_content .apply-buttons li a.until{
  pointer-events:none;
}
.head_content .apply-buttons li a {
 position: relative;
  display: block;
  margin: 0 auto;
  max-width: 352px;
  width: 100%;
  text-align: center;
}
.head_content .apply-buttons li:first-child a:hover {
 background: #fff url("/dokugaku/kanri/image/2024/main_price_k.png")no-repeat top center / contain;
}
.head_content .apply-buttons li:last-child a:hover {
 background: #fff url("/dokugaku/kanri/image/2024/main_price_m.png")no-repeat top center / contain;
}

@media screen and (max-width: 768px) {
 .head_content .apply-buttons li {
  bottom: 0;
}
 .head_content .apply-buttons li:first-child a,
 .head_content .apply-buttons li:last-child a{

 }
}



/* base */
#contents {color: #222222;
line-height: 1.6;}
 #contents h2 {
  text-align: center;
  padding: 10px 0;
  color: #6B1D2F;
  font-size: 46px;
  font-weight: bold;
}
#contents h2 span {
 display: block;
 font-size: 28px;
 color: #222222;
}
 #contents h3 {
  font-weight: bold;
}
#contents .h_style {position: relative;
font-size: 28px;
padding-left: 25px;
margin-bottom: 30px;}

#contents .h_style::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 8px;
 height: 50%;
 background-color: #AF3C56;
}
#contents .h_style::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 8px;
 height: 50%;
 background-color: #6B1D2F;
}
#contents .h_style02 {
 border-top-left-radius: 16px;
 border-top-right-radius: 16px;
 height: 64px;
 justify-content: center;
text-align: center;
 line-height: 64px;
color: #fff;
}
#contents .h_style02.wine {
 background-color: #6B1D2F;
}
#contents .h_style02.navy {
 background-color: #1D506B;
}
#contents .h_style02.mustard {
 background-color: #64531F;
}
#contents .h_style02.red {
 background-color: #CC0000;
}
#contents .h_style04 {
     display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #e8edf0;
    border-top: solid 2px #1D506B;
    color: #1D506B;
    height: 66px;
    font-size: 20px;
    padding: 0 20px;
 margin-bottom: 10px;
 font-weight: bold;
}
#contents .h_style05 {
     display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #efede8;
    border-top: solid 2px #64531F;
    color: #64531F;
    height: 66px;
    font-size: 20px;
    padding: 0 20px;
 font-weight: bold;
}
#contents .h_style04 span,
#contents .h_style05 span {
     display: inline-block;
    margin: 0 10px;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 60px;
    font-size: 16px;
    line-height: 16px;
}

@media screen and (max-width: 768px) {
  #contents h2 {
  font-size: 32px;
  text-align: center !important;
 }
 #contents .h_style {position: relative;
font-size: 24px;
 margin-bottom: 20px;}
 #contents .h_style04,
 #contents .h_style05 {
  display: block;
  height: inherit;
  padding: 15px;
 }
 #contents .h_style04 span,
#contents .h_style05 span {
     display: table;
    margin: 0;
    padding: 10px;
    background-color: #fff;
}
 #contents .h_style02 {
  font-size: 24px;
 height: inherit;
 line-height: inherit;
  padding: 20px 0;
}
}
/* parts */
.p-l_s-c {text-align: left;}
.tleft {text-align: left;}
.pt-0 {padding-top: 0 !important;}
.m-0 {margin: 0 !important;}
.pt-LR10 {padding: 0 10px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-50 {margin-top: 50px !important;}
.mb-40 {margin-bottom: 40px !important;}
.pd-30 {padding: 30px  !important;}
.btn_syl_s {border-radius: 4px;}
.btn_syl_c {border-radius: 50px;}
.bd_b_none {border-bottom: none !important;}
.bd_r {border-bottom: solid 1px #cc0000 !important;font-weight:bold;}
.lin_h_24 {line-height: 24px !important;}
.lin_h_32 {line-height: 32px !important;}

.w_240 > img {max-width: 240px;max-height: 240px;}
.w_172 > img {max-width: 172px;max-height: 172px;}

@media screen and (max-width: 768px) {
.padLR10 {padding: 0 10px !important;}
.pd-30 {padding: 20px  !important;}
 .p-l_s-c {text-align: center !important;}
}
.flex_box.btw {
 display: flex;
 justify-content: space-between;
}
.flex_box {
 display: flex;
 align-items: center;
}
.cp_box_innre {padding: 20px;}
.cp_box_innre .cp_wrap {
 margin: auto;
}
.h_style_s {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 77px;
}
.guidebook_wrap .flex_box {
 display: flex;
 align-items: flex-start;
}


@media screen and (max-width: 768px) {
 .cp_box_innre {padding: 20px;}
 figure {text-align: center;}
 .cp_box_innre .cp_wrap {text-align: center;}
 .flex_box.btw {
 display: block;
}
.flex_box {
 display: block;
}
 .w_172 > img {max-width: 240px;max-height: 240px;}
}
.w_30 {max-width: 30%;}
/* common */
.container_innre {
 max-width: 1080px;
 margin: auto;
}
.cp-box-container {
 display: flex;
 justify-content: space-around;
}
.cp-box-container-1 {
 display: block;
}
.cp-box-1 .cp_box {
 width: 100%;
 margin: 0 auto 50px auto;
}

.cp-box-2 .cp_box {
 width: 48%;
 margin: 20px auto;
}
.cp-box-3 .cp_box {
 width: 32%;
 margin: 0 auto;
}
.cp-box-3 .arrow-right {
 margin-top:25px;
}
.cp-box-3_lst2 .cp_box {
 width: 24%;
 margin: 10px;
}
.cp-box-3_lst2 .cp_box:last-child {
 width: 48%;
 margin: 10px;
}
.cp-box-4 .cp_box {
 width: 24%;
 margin: 10px auto;
 padding: 10px;
}

@media screen and (max-width: 768px) {
 .container_innre {
 max-width: inherit;
}
 .cp-box-container {display: block;}
.cp-box-2 .cp_box,
.cp-box-3 .cp_box {
 width: 100%;
}
 .cp-box-3_lst2 .cp_box:last-child {
 width: 94%;
}
 .cp-box-2 .cp_box,.cp-box-3 .cp_box,.cp-box-3_lst2 .cp_box,.cp-box-4 .cp_box {
  width: 100%;
 }
}
/* menu
--------------------------------------------------------- */
#menu {
position:sticky;
top:0;
z-index: 1;
background-color: #6B1D2F;
}
#menu ul {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 padding: 20px 0;
}
#menu ul li {
 display: flex;
 position: relative;
 background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(75,75,75,1) 100%);
 border-radius: 4px;
 text-align: center;
 margin-left: 3px;
}
#menu ul li:nth-child(3) {
 margin-left:0;
}
#menu ul li a {
 display: flex;
 position:relative;
 height:3em;
 align-items: center;
 padding: 2% 30px 2% 10px;
}
#menu ul li a img{
 display:block;
}
#menu ul li a:hover {
 opacity: .8;
 transition: .3s;
}
 #menu ul li a::after {
 content: "";
 display:inline-block;
 position: absolute;
 top: auto;
 right: 2%;
 width: 18px;
 height: 20px;
 background: url(image/2023/arr_navi.png)no-repeat center;
  background-size:contain;
}


@media screen and (max-width: 1080px) {
#menu ul li a {
 padding: 2% 20px 2% 5px;
}
 #menu ul li a::after {
 width: 14px;
 }
 
}

/* fixed */
#menu.m_fixed {
 top: 0;
 right: 0;
	left: 0;
 z-index: 10;
 animation: DownAnime 0.5s forwards;
}

}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/* intro */
#intro {
 background-image: url(image/2022/intro_bg.png);
 background-position: center;
 background-size: cover;
 line-height: 1.8;
 padding: 80px 0;
}

@media screen and (max-width: 768px) {
 #intro {padding: 60px 0;
 height: inherit;
 }
 #intro h2 {text-align: center!important;}
}
/* type */
#type {padding: 80px 0 ;}
#type h4 {font-size: 20px;text-align: center;}
#type h4 span {
 display: inline-block;
 font-size: 16px;
 padding: 5px 15px;
 color: #fff;
 line-height: 16px;
 margin-left: 15px;
}
#type .flex_box p {
 max-width: 300px;
 margin-left: 15px;
}
#type .cp_box_innre {
 box-sizing: border-box;
 padding: 30px;
 border: solid 1px #E4E4E4;
}
#type .cp_box_innre.top {
 height: 308px;
 border-bottom: none;
}
#type .cp_box_innre.bottom {
 height: 270px;
}
#type ol {
 position: relative;
 margin: 20px auto;
 line-height: 2;
}
#type ol li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
#type ol li span {
  position: absolute;
  left: 0;
  margin: 0
}

@media screen and (max-width: 768px) {
 #type {padding: 60px 0;}
 #type .cp_box_innre.top {
 height: inherit;
 padding: 20px;
  text-align: center;
}
 #type .flex_box p {
  max-width: inherit;
  width: 100%;
  text-align: left;
  margin-left: inherit;
  margin-top: 20px;
 }
 #type .cp_box_innre.bottom {
 height: inherit;
}
}

/* schedule */
#schedule {padding: 80px 0;}

#schedule h2.curriculum {
 margin-bottom: 40px;
}
#schedule .cp_box_innre {
 border: solid 1px #E4E4E4;
 box-sizing: border-box;
}

#schedule .text_area {
 margin-left: 40px;
 height: 240px;
 text-align: left;
}
#schedule h4 span {
 font-size: 24px;
 margin: 0 5px;
}
#schedule h4.kanri {
 border-bottom: solid 1px #1D506B;
     margin-bottom: 20px;
    padding-bottom: 20px;
}
#schedule h4.mansion {
 border-bottom: solid 1px #64531F;
 margin-bottom: 20px;
    padding-bottom: 20px;
}




#schedule .course_item {
 background: #fff;
}
#schedule .course_item .guidebook {margin-bottom: 70px;background:#F8F8F8;padding-top: 0;}
#schedule .course_item .guidebook .cp_box_innre .cp_wrap {
 margin: inherit;
}
#schedule .course_item .guidebook .cp_box > p {margin-left: 20px;}
#schedule .course_item .fullpack {
 display: table;
 margin-top: 10px;
 padding: 2px 10px;
}
#schedule .course_item .price_area {
 margin: 10px 0;
}
 #schedule .course_item .price_box {
  padding: 30px;
 }

@media screen and (max-width: 768px) {
#schedule .course_item .fullpack {
 margin: 10px auto;
}
 #schedule .course_item .price_area p {
  text-align: center;
  margin: 0;
 }
 #schedule .course_item .link_area a > img.pc_none {
  width: 100%;
}
 
 #schedule .course_item .wrap_read_k .price_area .r_price {
  padding: 20px 10px ;
 }
 #schedule .course_item .price_box {
  padding: 20px 10px;
 }
}

#schedule .course_item .cp_box_innre {
 padding: 20px;
 border: none;
 background-color: inherit;
}
.course_item .cp_box_innre dl {
 max-width: 300px;
 margin-left: 20px;
}
.course_item .cp_wrap {justify-content: flex-start;}
.course_item .test_wrap {
 border: solid 1px #E4E4E4;
 padding: 20px;
}
.course_item .test_box img {margin-right: 20px;}

#schedule .book_box .cp_wrap {
 border-top: solid 1px #E4E4E4;
    margin-top: 20px;
    padding-top: 20px;
}
#schedule .s_course {
 display: flex;
}

#schedule .pack_detail {
 border: solid 1px #E4E4E4;
 line-height: 32px;
}
#schedule .pack_detail h3 {
 font-size: 20px;
 font-weight: bold;
 padding: 20px 0;
 margin-bottom: 20px;
 border-bottom: solid 1px #707070;
}


#schedule .pack_detail p.btm {
 position: relative;
 font-weight: bold;
 padding-top: 70px;
    margin-top: 30px;
}
#schedule .pack_detail p.btm::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 43px;
 background: url(image/2022/pack_detail_arrow.png) no-repeat;
 background-position: center;
}
#schedule .pack_detail p span {
 border-bottom: solid 1px #707070;
 font-weight: bold;
}
.bs_line {
 display: inline-block;
 width: 100%;
 padding: 10px;
 margin: 20px auto;
 text-align: center !important;
}
@media screen and (max-width: 768px) {
  #schedule .course_item .guidebook {padding-top: 5px;}
  #schedule .pack_detail h3 {
    padding: 20px 0 80px;
  }
 .course_item .cp_box_innre dl {
 max-width: inherit;
 margin-left: inherit;
}
}
/* accordion_area */
.read_more {
 width: 100%;
 margin: 0 auto;
 border-right: solid 1px #E4E4E4;
 border-left: solid 1px #E4E4E4;
 border-bottom: solid 1px #E4E4E4;
}

.read_more .read_content {
 padding: 0 20px;
    overflow: hidden;
    transition: all .3s ease-in;
}
.read_more .wrap_read_m {
 padding: 0 20px;
    overflow: hidden;
    transition: all .3s ease-in;
}


.list_toggle {
 text-align: center;
 padding: 20px;
 background-color: #E4E4E4;
}

.list_toggle .open_link {
 position: relative;
 display: inline-block;
 padding: 15px 50px;

}
.list_toggle .open_link:hover {
 opacity: opacity(.8);
 opacity: .8;
}

.list_toggle .open_link::after {
 content: "詳しく見る";
 display: inline-block;
}

.list_toggle .open_link::before {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 right: 3%;
 width: 24px;
 height: 100%;
 background: url(image/2022/icon_plus.png) no-repeat;
 background-position: center;
}

.list_toggle .open_link.close span {
  display: none;
}
.list_toggle .open_link.close::after {
 content: "閉じる";
 display: inline-block;
 margin-left: -1em;
}

.list_toggle .open_link.close::before {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 right: 3%;
 width: 24px;
 height: 100%;
 background: url(image/2022/icon_minus.png) no-repeat;
 background-position: center right;
}
h3.inner_price {
  font-size: 28px;
  font-weight:bold;
 }
@media screen and (max-width: 768px) {
 #schedule h2.curriculum {
 margin-bottom: 20px;
}
 #schedule .s_course {
  display: block;
 }
 #schedule .text_area {
 margin-left: inherit;
  height: inherit;
  margin-top: 25px;
}
 .read_more .read_content {
 padding: inherit;
}
 #schedule .book_box .cp_wrap {
  border-top: none;
  margin-top: inherit;
  padding-top: inherit;
  margin-left: 15px;
 }
 #schedule .book_box .cp_wrap > p {
  margin-bottom: 20px;
 }
 #schedule .book_box .cp_inner {
  display: flex;
 }
 #schedule .book_box .cp_inner img {
  width: 87px;
    height: 124px;
 }
 #schedule .cp-box-3_lst2 .cp_box:last-child .cp_inner img {
  width: 98px;
    height: 56px;
 }
 #schedule .cp-box-3_lst2 .cp_box:last-child .cp_inner {
  display: block;
  border: solid 1px #ccc;
    padding: 20px;
 }
 
h3.inner_price {
  font-size: 32px;
  text-align:center;
 }
 .course_item .cp_box_innre dl {
 margin-left: inherit;
}
}
.course_item .test_box {
 display: flex;
 margin-right: inherit;
}

@media screen and (max-width: 768px) {
  .inner_price {
  font-size: 32px;
 }
}
/* try */
#try {padding: 80px 0;}

#try h2 + p {
 text-align: center;
 margin-bottom: 50px;
}

#try .btn_browse {
 position: relative;
}
/* #try .btn_browse::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 right: 2%;
 margin: auto;
 width: 32px;
 height: 32px;
 background: url(image/2022/iconmonstr-magnifier-7.png) no-repeat;
}

#try .btn_browse a {
 display: flex;
 padding: 10px 20px;
    justify-content: center;
}
#try .btn_browse a p {
 margin: 10px 10px 10px 15px;
 text-align: center;
}
@media screen and (max-width: 768px) {
 #try .btn_browse a {
 display: flex;
 padding: 10px 20px;
    justify-content: flex-start;
}
} */

/* chokuzen */
#chokuzen {padding: 80px 0;}

#chokuzen .ckzn_flow {
 justify-content: space-around;
 align-items: inherit;
 margin: 25px auto;
}
#chokuzen .ckzn_flow .cp_box {
 position: relative;
}
#chokuzen .ckzn_flow .cp_box:first-child::before,
#chokuzen .ckzn_flow .cp_box:last-child::before{
 content: "";
 position: absolute;
 width: 0;
height: 0;
 top: 0;
 left: 0;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #6b1d2f transparent transparent transparent;
}

#chokuzen .ckzn_flow .cp_box:first-child,
#chokuzen .ckzn_flow .cp_box:last-child {
 background: #fff;
 max-width: 500px;
 width: 100%;
 padding: 20px;
 border: solid 1px #6B1D2F;
}
#chokuzen .ckzn_flow .flex_box  {
     align-items: flex-start;
}
#chokuzen .ckzn_flow .flex_box.plus_icon  {
     align-items: center;
}
#chokuzen .read_text {
 text-align: center;
}
#chokuzen .read_text span {
 display: inline-block;
 color: #fff;
 margin: 3px 10px;
 padding: 3px 10px;
 background-color: #6B1D2F;
}
#chokuzen img.c_plus {
 width: inherit;
}
#chokuzen cp_box_innre {padding: 25px;}

#chokuzen h4 {
 border-bottom: solid 1px #AF3C56;
 margin: 30px 0;
}
#chokuzen h4 > span{
 display: block;
 margin: 10px 0;
}
#chokuzen .text_area {
 max-width: 760px;
 margin-left: 20px;
}

@media screen and (max-width: 768px) {
 #chokuzen {text-align: center;}
 #chokuzen h4 {
 margin: 20px 0;
}
#chokuzen .ckzn_flow .cp_box {
  display: flex;
 }
 /* #chokuzen .text_area {
 max-width: inherit;
 margin-left: inherit;
} */
 #chokuzen .text_area p {
  text-align: left;
 }
#chokuzen h4 > span{
 display: inline-block;
 margin: 0 10px;
}
#chokuzen img.c_plus {
  margin:10px auto;
 }
}
/* challenge */
#challenge {padding: 80px 0;}
#challenge h2 {font-size: 42px;}
#challenge .h3_p {margin: 15px 0; font-size: 14px;}

#challenge .text_area {
 max-width: 640px;
 width: 100%;
 margin-left: 40px;
}

#challenge .text_area .text_area_sub {
 width: 100%;
 margin-top:40px;
 padding:10px;
 background: #f8f8f8;
}

#challenge .line_circle {
 display: flex;
    justify-content: center;
    align-items: center;
 width: 300px;
    height: 300px;
    border: solid 4px #E4E4E4;
    border-radius: 100%;
    text-align: center;
}
 #challenge .line_circle .circle_wrap img {margin-top: 20px;}

#challenge .under_arrow {
 position: relative;
 height: 80px;
 margin: 20px auto;
}
#challenge .under_arrow::after {
 content: "";
 position: absolute;
 top: 40px;
 border-bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 30px;
 background: url(image/2022/arrow_under.png) no-repeat;
 background-position: center;
}

#challenge .question_range {
 width: 100%;
 padding: 35px 30px;
 border: solid 4px #E4E4E4;
 border-radius: 16px;
}
#challenge .question_range h4 {
 font-size: 24px;}

#challenge .h_style_s + p {
 padding: 20px;
 height: 134px;
 text-align: left;
}

@media screen and (max-width: 768px) {
 #challenge h2 {font-size: 32px;}
 #challenge .question_range h4 {
 font-size: 20px;}
 #challenge .text_area {
 margin-left: inherit;
  margin-top: 20px;
}
 #challenge .question_range {
 padding: 20px 20px 20px 20px;
}
 #challenge .line_circle {
 width: 170px;
    height: 170px;
  font-size: 14px;
}
 #challenge .line_circle p {text-align: center;}
  #challenge .line_c_box {
 display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
 }
 #challenge .line_circle .circle_wrap img {width: 30%;margin-top: 10px;}

}

/* faq */
#faq {padding: 80px 0 ;}


#faq .faq_accordion p {
    font-size: 18px;
    background: url(image/2022/bt_open.png) no-repeat;
    background-position: right;
    padding-right: 0;
}
#faq .faq_accordion p.open {
 background: url(image/2022/bt_close.png) no-repeat;
 background-position: center right;
 /* padding-bottom: 30px; */
}

#faq .faq_accordion {
 background: #fff;
    padding: 30px 28px;
     margin-bottom: 30px;
    border-radius: 16px;
}
#faq .faq_accordion p span {
 color: #6B1D2F;
     font-size: 20px;
    font-weight: bold;
}
#faq .faq_accordion .ac_wrap {
 border-top: solid 1px #E4E4E4;
 margin-top:10px;
}
#faq .faq_accordion .accordion-nav {
 font-size: 16px;
 padding-top: 20px;
    margin: 20px;
 margin-top: 0;
}

#faq .faq_accordion .accordion-nav li {
 position: relative;
 text-indent: -1em;
}
#faq .faq_accordion .accordion-nav li::before {
 content: "A.";
 color: #6B1D2F;
    font-size: 20px;
    font-weight: bold;
}

.accordion-content {
    /*display: none;*/
}


.faq_accordion.open .accordion-content {
    display: block;
 transition: .3s;
}



@media screen and (max-width: 768px) {
 #faq h2 {text-align: center;}
 #faq .faq_accordion p {
   padding-right: 30%;
}
}


/* caution */
#caution {padding: 80px 0 0 0;}
.inner_caution  {margin-top: 50px;margin-bottom: 50px;}
.accordion_box h3 {
  background: url(image/2022/bt_open_01.png) no-repeat;
  background-position: top right;
}
.accordion_box h3.open {
background: url(image/2022/bt_close_02.png) no-repeat;
background-position: top right;
}
.accordion_box .bg_l-glay {
  background: url(image/2022/bt_open_01.png) no-repeat;
  background-position: center right;
  height: 3em;
  background-color: #F8F8F8;
}
.accordion_box .bg_l-glay.open {
background: url(image/2022/bt_close_02.png) no-repeat;
background-position: center right;
background-color: #F8F8F8;
}
#caution .m_read,
.inner_caution .m_read {
  padding: 25px;
  border: solid 1px #cc0000;
}
#caution .accordion_box .m_read,
.inner_caution .accordion_box .m_read {
  height: 86px;
  padding: 30px 30px 80px;
}

#caution dl .kiyaku_info h5.bg_yel,
.inner_caution dl .kiyaku_info h5.bg_yel {
    color: #000;
    display: block;
    text-align: center;
    font-size: 2rem;
    margin-top: 20px;
    background: #fffaa5;
    padding: 2% 1%;
}
#caution dl,
.inner_caution dl {
 padding: 30px;
 border: solid 1px #cc0000;
 border-top:none;
 box-sizing: border-box;
 margin:0 0 70px;
}
#caution dt,
.inner_caution dt{
	background:#f3f3f3;
	margin-top:20px;
}
#caution dt span,
.inner_caution dt span{
	display:block;
	text-align:left;
	background:#f4696a;
	width:9em;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	font-weight:bold;
	padding:2px 0 0 5px;
}
.apply-list {
	margin: 0 2%;
	font-size: 14px;
	font-size: 1.4rem;
}
.apply-list li {
	line-height: 1.8;
	text-indent: -1em;
    margin-left: 1em;
}	




.accordion_box.open .accordion-content {
  display: block;
transition: .3s;
}
@media screen and (max-width: 768px) {
#caution dl,
.inner_caution dl {
 padding: 20px;
 line-height: 24px;
 box-sizing: border-box;
}
.inner_caution  {padding:0 10px;}
.accordion_box h3 {
  background-position: bottom center;
}
.accordion_box h3.open {
  background-position: bottom center;
}
.accordion_box .bg_l-glay {
  background-position: bottom center;
  height: 7em;
  background-color: #F8F8F8;
}
.accordion_box .bg_l-glay.open {
  background-position: bottom center;
  background-color: #F8F8F8;
}
#caution .accordion_box .m_read,
.inner_caution .accordion_box .m_read {
 height: 86px;
padding: 30px 30px 150px;}
}
/* price */
#price {padding: 0}
.price_btn {
 width: 100%;
 text-align: center;
 margin: 10px auto;
}
#price .price_area {
 justify-content: center;
}
#price .price_area span {
 display: inline-block;
}

#price .price_area .fullpack {
padding: 2px 10px;
    margin-right: 10px;}

.price_btn a {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 padding: 25px;
 color: #fff;
 font-size: 24px;
}
.price_btn a::after {
 content: "";
 position: absolute;
 top: 0;
 right: 1%;
 width: 24px;
 height: 100%;
 background: url(image/2022/arrow-right-circle-fill.png) no-repeat;
 background-position: center;
}

.price_btn.btm a {
 padding: 15px;
 font-size: 18px;
}
#price .cp_wrap {
 padding: 30px;
 border-left: solid 1px #E4E4E4;
 border-right: solid 1px #E4E4E4;
}
#price .link_area {
 padding: 30px;
 text-align: center;
}
#price .link_area img{
  width: 100%;
}
@media screen and (max-width: 768px) {
 #price .cp_wrap {
 padding: 20px;
 }
 #price h3 {
  line-height: 36px;
 }
 #price .price_area {
 text-align: center;
}
 #price .price_area .fullpack {
    margin: 10px 0 0 0;}
 .price_btn a {
 font-size: 20px;
}
 .price_btn.btm a {
 font-size: 15px;
}
 #price .link_area {
 padding: 20px;
}
}




/* voice */
.voice .voice_box_wrap{
 padding:40px;
 border:1px solid #ddd;
}
.voice .voice_box_wrap h4{
 display: block;
 margin-bottom: 30px;
}
.voice .voice_box_wrap .voice_box{
 font-size:0;
 display:block;
 border-top: 1px solid #6B1D2F;
 padding: 40px 0;
}
.voice .voice_box_wrap .voice_box > *{
 display:inline-block;
 font-size:16px;
 font-size:1.6rem;
 vertical-align:top;
}
.voice .voice_box_wrap .voice_box .left_box{
 width:20%;
}
.voice .voice_box_wrap .voice_box .right_box{
 width:80%;
}




/*==========================================================================*/
/* SP*/
/*==========================================================================*/
.winSP .sp_none {
    display: none !important;
}
.winSP .pc_none {
    display: block !important;
}

.winSP .head {
  background:none;
}

.winSP .head_content .btn_faq {
  width: 25%;
  top: 5px;
  right: 3%;
}
.winSP .head_content .btn_faq a {
  height: 1.5em;
  padding: 1% 5vw 1% 3%;
}
.winSP .head_content .btn_faq a::after {
  right: 5%;
  width: 3vw;
  height: 3vw;
}




.winSP .head_content .apply-buttons
  li {
  max-width: 330px;
  width: 44%;
}
.winSP .head_content .apply-buttons .main_price_k {
  left: 5%;
}
.winSP .head_content .apply-buttons .main_price_m {
  right: 5%;
}
.winSP .head_content .apply-buttons .main_price_k
  span,
.winSP .head_content .apply-buttons .main_price_m span{
  font-size:2vw;
}

.winSP .section
  h2 {
  font-size: 36px;
  padding-left: 2%;
  padding-right: 2%;
}
/* .winSP */
.winSP #intro,
.winSP #type,
.winSP #schedule,
.winSP #try,
.winSP #chokuzen,
.winSP #challenge,
.winSP #faq,
.winSP #caution,
.winSP #price {
  padding: 20px 0;
}
.winSP #flow {
  padding: 60px 0 0 0;
}
.winSP #intro .container_innre,
.winSP #flow .container_innre,

.winTB #intro .container_innre,
.winTB #flow .container_innre,
.winTB #caution .container_innre {
  padding-left: 3%;
  padding-right: 3%;
}
@media screen and (
  max-width: 768px) {
#type,
#schedule,
#try,
#chokuzen,
#challenge,
#faq,
#caution,
#price,
#voice{
 margin: 0 3%;
}
}


/* menu */
.winSP #menu.m_fixed {
  position: fixed;
}
.winSP #menu
  ul {
 padding: 10px 0;
}
.winSP #menu
  ul li {
 display: inline-block;
  margin-left: 0.5%;
  margin-bottom:1%;
  width: 24%;
}
.winSP #menu
  ul li:first-child,.winSP #menu ul li:nth-child(7) {
 margin-left: 0;
}
.winSP #menu
  ul li a {
 height:1.5em;
  padding: 1% 15% 1% 2%;
  text-align:center;
}
.winSP #menu
  ul li a img{
 display:inline-block;
  width: 100%;
}
.winSP #menu
  ul li a::after {
 right: 2%;
  width: 10%;
  hright:100%;
}


/* voice */
.winSP .voice .voice_box_wrap{
  padding:5%;
  border:1px solid #ddd;
}
.winSP .voice .voice_box_wrap
  h4{
 margin-bottom: 5%;
}
.winSP .voice .voice_box_wrap .voice_box > *{
  display:block;
  width:100%;
}
.winSP .voice .voice_box_wrap .voice_box .left_box{
  text-align:center;
}
.winSP .voice .voice_box_wrap .voice_box .left_box > *{
  display:inline-block;
  width:60%;
  line-height:1.2;
  margin-top:10px;
}
.winSP .voice .voice_box_wrap .voice_box .right_box{
  margin-top:20px;
}








/*230929*/
.link_area.until
  a{
 display: block;
  text-align:center;
  font-size: 1.6rem;
  background: #595959;
  color: #fff !important;
  padding: 10px;
  margin-bottom: 10px;
  line-height:1.3;
  pointer-events:none;
}
.link_area.until .normal_pack
  a{
 font-size: 1.2rem;
  background: #888;
}
.link_area.until
  a img{
 display:none;
}

.winSP .link_area.until
  a{
 font-size: 4vw;
}
.winSP .link_area.until .normal_pack
  a{
 font-size: 3vw;
}
 

.winSP #caution dl .kiyaku_info h5.bg_yel,
.winSP .inner_caution dl .kiyaku_info h5.bg_yel {
  font-size: 4vw;
}



/*240209 追加*/


/*=====================================*/
/* title-bar */
/*=====================================*/
.title-bar {
    background: #1d376b;
    position: relative;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center;
}

.title-bar .ttl {
    padding: 15px 0;
    line-height: 0.8;
}

.title-bar:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #1d376b transparent transparent transparent;
    margin-left: -20px;
}

.title-bar .ttl span {
    color:#fff !important;
}
.title-bar .ttl .main {
    font-size: 3.8rem !important;
    font-weight:bol;
}
.title-bar .ttl .sub {
    font-size: 2.4rem !important;
}

.winSP .title-bar {
    font-size: 20px;
    font-size: 2.0rem;
}

.winSP .title-bar .ttl {
    padding: 12px 0;
}

.winSP .title-bar:after {
    bottom: -14px;
    border-width: 20px 15px 0 15px;
    margin-left: -10px;
}

.winSP .title-bar .ttl .main {
    font-size: 5vw !important;
}

.winSP .title-bar .ttl .sub {
    font-size: 5vw !important;
}




/*=====================================*/
/* web */
/*=====================================*/
.section-web {
    background: url(/dokugaku/kanri/image/2024/bg_section-web.png) repeat 50%;
    padding-bottom: 50px;
}

.section-web .inner {
    max-width: 1024px;
}

.section-web h3.ymark {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    background-color: #fffb97;
    color: #3e5a91;
}

.section-web .course_list {
    display: flex;
    justify-content: space-around;
    margin: 50px auto 45px auto;
}

.section-web .course_list li {
    background-color: #fff;
    padding: 15px;
    margin: 10px;
    border: solid 2px #3e5a91;
    border-radius: 30px;
    width: 330px;
}

.section-web .course_list li img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

.section-web .course_list li p {
    margin-top: 20px;
    color: #3e5a91;
    text-align: left;
    font-size: 16px;
}

.section-web .web-ttl {
    display: block;
    background: #e20011;
    padding: 2px;
    text-align: center;
}

.section-web .web-ttl-inner {
    position: relative;
    display: block;
    padding: 5px 5px 3px;
    color: #fff;
    font-size: 26px;
    font-size: 2.6rem;
}

.section-web .web-ttl-inner span {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
}

.section-web .web-ttl2-inner {
    position: relative;
    display: block;
    padding: 5px 5px 3px;
    color: #1d376b;
    font-size: 46px;
    font-size: 4.6rem;
}

.section-web .web-ttl2-inner span {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
}

.section-web .web_app_detail {
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
}

.section-web .web_app_detail .text_box {
    width: 60%;
    line-height: 2;
}

.section-web .web_app_detail .text_box p {
    margin-bottom: 30px;
}

.section-web .web_app_detail .text_box small {
    display: block;
}

.web_book_detail {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}

.web_book_detail li {
    width: 31%;
}

.web_book_detail .flex_box.point {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    background-color: #e6f3fa;
    border-left: solid 4px #447fbb;
    padding: 2rem;
    margin: 2rem auto;
}

.web_book_detail .p_ttl {
    width: 100%;
    font-size: 2rem;
}

.web_book_detail .text_area {
    text-align: left;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.web_book_detail .img_area {
    text-align: right;
    font-size: 1.2rem;
}

.web_book_detail .img_area > a {
    display: inline-block;
    margin-top: 20px;
}

.btm_link {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.btm_link .btn_taiken{
  display: inline-block;
  width:100%;
  text-align: center;
}
.btm_link .btn_taiken a{
  display:block;
  position:relative;
  border:1px solid #7898c7;
  border-radius: 5px;
  padding:4%;
  background:#7898c7;
  box-shadow: 0px 0px 5px #FFFDE7 inset;
  font-size:24px;
  font-size:2.4rem;
  color:#fff;
  text-align: center;
}
.btm_link .btn_taiken a:after{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff; 
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
}
.btm_link .btn_taiken a:hover{
  text-decoration:none;
  background:#586f91;
  box-shadow: 0px 0px 5px #d8d39e inset;
}

.btm_link .btn_taiken.until a{
  border:1px solid #3c4c63;
  background:#3c4c63;
  color:#ccc;
  pointer-events:none;
}

.btm_link._right {
    margin-right: 0;
}

.btm_link_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}



.winSP .btm_link .btn_taiken {
  display:block;
  width: 100%;
}
.winSP .btm_link .btn_taiken a{
  font-size:5vw;
}
.winSP .btm_link_row {
    flex-direction: column;
    align-items: flex-end;
}

.btm_link p {
    margin: 10px 0;
}

.btm_text {
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 2;
}

.btm_link .pdf {
    margin-top: 10px;
    display: inline-block;
    width: 50%;
}

.winSP .btm_link .pdf {
    width: auto;
}

.btm_link .pdf a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.btm_link .pdf a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    content: "";
    background: url(/dokugaku/kanri/image/2024/ico-pdf.png);
}

.btm_link .pdf a span {
    text-decoration: underline;
    color: #000;
}

.winSP .section-web .course_list {
    display: block;
}

.winSP .section-web .course_list li {
    width: 100%;
    margin: 10px 0;
}

.winSP .section-web .web_app_detail {
    display: block;
    margin: 20px auto;
}

.winSP .section-web .web_app_detail .text_box {
    width: 100%;
    line-height: 1.5;
}

.winSP .web_book_detail {
    display: block;
    margin-top: 20px;
}

.winSP .web_book_detail li {
    width: 100%;
    margin-bottom: 20px;
}

.winSP .web_book_detail li img.fst {
    width: 50%;
}

.winSP .web_book_detail .flex_box.point {
    padding: 1.5em 1em;
    margin: 1rem 0 1rem 1rem;
    width: 80%;
    height: auto;
}

.winSP .web_book_detail .sp_point {
    display: flex;
    align-items: center;
}

.web_book_detail .p_ttl {
    font-size: 1.7rem;
}

.web_book_detail .text_area {
    font-size: 1.5rem;
}

.winSP .web_book_detail .img_area {
    text-align: center;
    font-size: 1rem;
}

.winSP .web_book_detail .webbook_grid_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.winSP .web_book_detail .webbook_grid_box .text_area {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.winSP .web_book_detail .webbook_grid_box .img_area {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    margin-right: 10px;
}

.winSP .btn.line {
    float: inherit;
}

.winSP .section-web .web-ttl-inner span {
    font-size: 1.5rem;
    font-weight: normal;
}




/*=====================================*/
/* flow */
/*=====================================*/

.dokugaku-apply_area h2{
    font-size: 3.6rem;
    padding: 12px 0 8px;
    color: #fff !important;
    background: #6b1d2f;
}

.dokugaku-apply_flow {
    display: flex;
    width: calc(100% + 30px);
    margin-top: 40px;
    margin-left: -30px;
}

.dokugaku-apply_flow>.box {
    display: flex;
    flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 30px;
    padding: 15px;
    border: 1px solid #88887e;
}

.dokugaku-apply_flow>.box>.thumb {
    display: block;
    margin-top: auto;
    text-align: center;
}

.dokugaku-apply_flow>.box:last-child .title {
    padding-right: 0;
}

.dokugaku-apply_flow>.box:last-child .title:after {
    display: none;
}

.dokugaku-apply_flow .title {
    position: relative;
    padding-right: 20px;
}


.dokugaku-apply_flow .title:after {
    position: absolute;
    top: 50%;
    right: -46px;
    display: block;
    width: 200px;
    height: 28px;
    margin-top: -14px;
    content: "";
    background: url(/dokugaku/kanri/image/2024/arr_line.png) no-repeat 100%;
}


.dokugaku-apply_flow .title>span {
    font-size: 2rem;
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 5px 7px;
    text-align: center;
    color: #fff;
    background: #7E565F;
}

.dokugaku-apply_flow .txt {
    font-size: 1.4rem;
    margin-top: 15px;
    padding-bottom: 10px;
    color: #6b1d2f;
}

.dokugaku-apply_flow .txt .red {
    color: #dc0505;
}

.dokugaku-apply_flow .flow-1 .txt {
    text-align: center;
}

.dokugaku-apply_flow .flow-1 .txt .kakunin {
    margin-top: 15px;
}

.dokugaku-apply_flow .flow-1 .txt .kakunin a {
    font-size: 1.5rem;
    position: relative;
    display: block;
    padding: 12px 25px 9px 5px;
    text-align: center;
    color: #fff;
    background: #193a75;
}

.dokugaku-apply_flow .flow-1 .txt .kakunin a:hover {
    background: #153060;
}

.dokugaku-apply_flow .flow-1 .txt .kakunin a:after {
    font-family: iconset!important;
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -9px;
    content: "\e905";
    text-transform: none;
    speak: none;
}

.dokugaku-apply_flow .flow-2 .txtarea {
    text-align: center;
}

.dokugaku-apply_flow .flow-2 .txt {
    padding-right: 10px;
    padding-left: 10px;
}

.dokugaku-apply_flow .flow-2 .txt .dots {
    font-size: 1.6rem;
}

.dokugaku-apply_flow .flow-2 .txt .dots li~li {
    margin-top: 5px;
}

.dokugaku-apply_flow .border {
    border: 1px solid #7E565F;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
}

.dokugaku-apply_flow .flow-3 .txt .caution {
    font-size: 1.2rem;
}

.dokugaku-apply_flow .flow-4 .txt .bold {
    font-size: 1.6rem;
}

.dokugaku-apply_flow .flow-4 .txt .caution {
    font-size: 1.2rem;
    margin-top: 10px;
}

.dokugaku-apply_deadline {
    margin-top: 40px;
    text-align: center;
}

.dokugaku-apply_deadline>p {
    font-size: 3.4rem;
    position: relative;
    display: inline-flex;
    color: #000;
    align-items: center;
}

.dokugaku-apply_deadline>p:before {
    display: block;
    width: 103px;
    height: 81px;
    margin-right: 20px;
    content: "";
    background: url(/dokugaku/kanri/image/2024/ico_calendar.png) no-repeat 50%;
}

.dokugaku-apply_deadline>p .ttl {
    font-size: 2.2rem;
    color: #6b1d2f;
}

.dokugaku-apply_deadline+.dokugaku-red_btn {
    margin-top: 15px;
}





.winSP .dokugaku-apply_area h2{
    font-size: 2rem;
    padding: 8px 0 4px;
}

.winSP .dokugaku-apply_flow {
    display: block;
    width: 100%;
    margin-left: 0;
}

.winSP .dokugaku-apply_flow>.box {
    position: relative;
    display: block;
    width: 100%;
    margin-left: 0;
}

.winSP .dokugaku-apply_flow>.box:not(:last-child):before {
    font-family: iconset!important;
    font-size: 3rem;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    right: auto;
    bottom: -31px;
    left: 50%;
    width: auto;
    height: auto;
    margin-left: -15px;
    content: "\e904";
    text-transform: none;
    color: #7E565F;
    background: none;
    speak: none;
}

.winSP .dokugaku-apply_flow>.box+.box {
    margin-top: 20px;
}

.winSP .dokugaku-apply_flow .title {
    padding-right: 0;
}

.winSP .dokugaku-apply_flow .title:after {
    display: none;
}

.winSP .dokugaku-apply_flow>.box>.thumb {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
}

.winSP .dokugaku-apply_flow>.box:last-child:after {
    display: none;
}


.winSP .dokugaku-apply_flow .txt {
    font-size: 1.2rem;
}

.winSP .dokugaku-apply_deadline {
    margin-top: 30px;
}

.winSP .dokugaku-apply_deadline>p {
    font-size: 2.4rem;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}
.winSP .dokugaku-apply_deadline>p:before {
    width: 33px;
    height: 26px;
    margin-top: -6px;
    margin-right: 15px;
    background-size: 100% auto;
}
.winSP .dokugaku-apply_deadline>p .ttl {
    display: block;
}










.copyrightText{
    font-size: 12px;
    font-size: 1.2rem;
    width:100%;
    max-width: 1024px;
    margin: 80px auto 0;
}
.winSP .copyrightText{
    font-size: 3vw;
    width:95%;
    margin: 50px auto 0;
}