@charset "utf-8";

@font-face {
    font-family: 'icomoon';
    src:  url('/assets/common/fonts/icomoon.eot');
    src:  url('/assets/common/fonts/icomoon.eot?k8z0ce#iefix') format('embedded-opentype'),
      url('/assets/common/fonts/icomoon.ttf?k8z0ce') format('truetype'),
      url('/assets/common/fonts/icomoon.woff?k8z0ce') format('woff'),
      url('/assets/common/fonts/icomoon.svg?k8z0ce#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

*{
    box-sizing: border-box;
    color: #282828;
}

html{
    /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
    font-family: 'Noto Sans JP', sans-serif, 'icomoon';
}

body{
    overflow-x: hidden;
    font-size: 16px;
}

p + p{
    margin-top: 1.5em;
}

@media (width > 767px) {
.s0 {font-size: 14px;}
.s1 {font-size: 16px;}
.s2 {font-size: 18px;}

.sp{
    display: none;
}
.img_w50_pc{
    width: 50%;
}
}
img{
    width: 100%;
}

.tc_g{
    color: #00998d;
}

.textR{
    text-align: right;
}
.textC{
    text-align: center!important;
}
.mB0{
    margin-bottom: 0!important;
}
.mB40{
    margin-bottom: 40px!important;
}
.mB20{
    margin-bottom: 20px!important;
}
.mT0{
    margin-top: 0!important;
}
.mT10{
    margin-top: 10px!important;
}
.mT20{
    margin-top: 20px!important;
}
.mT40{
    margin-top: 40px!important;
}
.mT60{
    margin-top: 60px!important;
}
.mT100{
    margin-top: 100px!important;
}
/* -------------------------------------------------- */

[class^="n_icon_"] {
    position: relative;
    padding-right: 25px;
    text-indent: 0;
}

/* .n_icon_pdf{

} */
.n_icon_blank::after  {
    content: "";
    width: 1.7em;
    height: 1.7em;
    content: "\e901";
    color: #514540;
    font-size: 1.3em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    bottom: -0.4em;
    margin-left: 5px;
}

.n_icon_pdf::after {
    content: "";
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    /* background-image: url(/assets/common/images/icon_pdf_r.png); */
    content: "\e900";
    font-size: 1.3em;
    color: #dd4b4b;
    background-size: cover;
    position: absolute;
    /* right: 0; */
    top: auto;
    bottom: 0;
    margin-left: 5px;
}

.n_icon_xlsx::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    content: "\e902";
    color: #6cba5a;
    font-size: 1.3em;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}
.n_icon_docx::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    content: "\e903";
    color: #568cc5;
    font-size: 1.3em;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}

/* -------------------------------------------------- */
/* パンくず */
.bread_list{
    padding: 15px 30px;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffefde;
    margin: 20px 0 0;
}
.bread_list li:not(:last-child){
    position: relative;
    padding-right: 30px;
    color: #282828;
}
.bread_list li a{
    color: #282828;
    text-decoration: none;
}
.bread_list li a:hover{
    text-decoration: underline;
}
.bread_list li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border: 1px solid;
    border-color: #282828 #282828 transparent transparent;
    transform: rotate(45deg);
}
/* パンくず */
/* -------------------------------------------------- */

.content_h1_wrap{
    padding: 50px 0 40px;
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto 40px;
}
.content_h1{
    font-size: 2em;
}
.content_h1_wrap::before{
    content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-color: #ff7627;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
/* -------------------------------------------------- */
.contents_wrap_r2 .content_h1_wrap::before{
    background-color: #ff7627;
}
.contents_wrap_r2 .co_hl2::before{
background-color: #ff7627;
}
/* -------------------------------------------------- */

.inner{
    width: 90%;
    max-width:1000px;
    margin: 0 auto;
    /* padding: 0 0 60px; */
}

/* -------------------------------------------------- */

.co_block{
    margin: 60px 0 0;
}

.co_block_inner{
    padding: 0 30px;
}

/* .co_block_inner>.tbl_01:first-child:not(.tbl_head){
    margin-top: -40px;
} */

.co_hl2{
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
    border-bottom: 1px #282828 solid;
    margin: 0 0 40px;
}
.co_hl2::before{
    content: "";
    display: block;
    width: 10px;
    height: 40px;
    background-color: #ff7627;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.co_hl2:has(a){
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}
.co_hl2 a{
    font-size: 0.8em;
    margin-left: auto;
    padding-right: 1.8em;
    font-weight: normal;
    /* text-decoration: none; */
    /* display: block; */
}
.co_hl2 a[class^="n_icon_"]{
    padding-right: 3.3em;
}
.co_hl2 a:hover{
    text-decoration: none;
}

.co_hl2 a::before {
    content: "";
    margin: 0.2em 0.3em 0 0;
    width: 1.1em;
    height: 1.1em;
    background-image: url(/assets/common/images/link_f_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 99%;
    display: inline-block;
    position: absolute;
    right: 0;
}
/* -------------------------------------------------- */

.co_hl2_bg{
    background-color: #00998d;
    border-radius: 7px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 1.5em;
    transition: all 0.2s;
}
.co_hl2_bg:hover{
    opacity: .8;
}

.co_hl2_bg_text{
    text-align: center;
    margin: 25px 0 0;
}
/* -------------------------------------------------- */
.co_hl3{
    background-color: #dd5a5a;
    color: #fff;
    padding: 10px 35px;
    margin: 0 0 20px;
}
/* -------------------------------------------------- */
.co_hl3_2{
    background-color: rgb(255 193 187 / 40%);
    color: #371f12;
    padding: 8px 20px; 
    margin: 0 0 40px; 
    font-size: 1.5em;
    position: relative;
}
* + .co_hl3_2{
    margin-top: 75px;
}


.co_hl3_2:has(a){
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}
.co_hl3_2 a{
    font-size: 0.8em;
    font-weight: normal;
    margin-left: auto;
    padding-right: 1.8em;
    /* text-decoration: none; */
    /* display: block; */
}
.co_hl3_2 a:hover{
    text-decoration: none;
}

.co_hl3_2 a::before {
    content: "";
    margin: 0.2em 01em 0 0;
    width: 1.1em;
    height: 1.1em;
    background-image: url(/assets/common/images/link_f_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 99%;
    display: inline-block;
    position: absolute;
    right: 0;
}

/* -------------------------------------------------- */

.li_num_c{
    margin: 30px 0 0;
}
.li_num_c>li{
    text-indent: -1em;
    padding-left: 1em;
}
.li_num_c>li:not(:last-child){
    margin: 0 0 5px;
}



/* -------------------------------------------------- */
/* トップへ戻る */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    /* background-color: #c2271d; */
    background-image: url(/assets/common/images/btn_page_top.png);
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    width: 60px;
    height: 60px;
    /* opacity: 0.5; */
}

/* -------------------------------------------------- */

.text_img_01{
    display: flex;
    gap: 0 45px;
    margin: 40px 0 60px;
}
.text_img_01_r{
    width: 225px;
}
.text_img_01_l{
    flex: 1;
}

/* -------------------------------------------------- */

* + .link_list01{
    margin: 20px 0 0;
}
/* .link_list01 + *:not(.co_hl3_2){
    margin: 20px 0 0;
} */
.link_list01 li{
    /* display: flex; */
    position: relative;
    padding-left: 1.3em;
    text-indent: 0;
}
.link_list01 li:not(:last-child){
    margin: 0 0 10px;
}
.link_list01 li a{
    flex: 1;
    text-decoration: none;
    position: relative;
}
.link_list01 li a:hover{
    text-decoration: underline;
}
.link_list01 li::before{
    content: "";
    margin: 0.2em 0.3em 0 0;
    width: 1.1em;
    height: 1.1em;
    background-image: url(/assets/common/images/link_f_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 99%;
    display: inline-block;
    position: absolute;
    left: 0;
}
.link_list01 li a::before{
    display: none;
}
.link_list01 li a[target="_blank"]{
    padding-right: 22px;
}
.link_list01 li a[target="_blank"]::after  {
    content: "";
    width: 1.7em;
    height: 1.7em;
    content: "\e901";
    color: #514540;
    font-size: 1.3em;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    bottom: -0.4em;
    margin-left: 5px;
}
.link_list01 li a[href$=".pdf"]::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    
    content: "\e900";
    color: #dd4b4b;
    font-size: 1.3em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}
.link_list01 li a[href$=".xlsx"]::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    content: "\e902";
    color: #6cba5a;
    font-size: 1.3em;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}
.link_list01 li a[href$=".docx"]::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    content: "\e903";
    color: #568cc5;
    font-size: 1.3em;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}
/* -------------------------------------------------- */
*:not(.block_type2) + .block_type2{
    margin: 35px 0 0;
}
.block_type2{
    display: flex;
    border-top: 2px #999999 dotted;
    border-bottom: 2px #999999 dotted;
}
.block_type2 + .block_type2{
    border-top: none;
}
.bt2_hl{
    padding: 30px 30px;
    text-align: left;
    width: 25%;
    font-size: 1.1em;
    align-self: center;
    font-weight: bold;
}
.bt2_inner{
    flex: 1;
    padding: 30px 10px 30px 0;
}
.bt2_img{
    padding: 30px 10px 30px 30px;
}
.bt2_img img{
    width: auto;
}

/* -------------------------------------------------- */
.tbl_01{
    width: 100%;
}
*+.tbl_01{
    margin: 10px 0 0;
}
.tbl_01 + *{
    margin: 75px 0 0;
}
.tbl_01 thead th{
    background-color: rgb(247 208 166 / 40%);
    padding: 10px 0;
    text-align: center;
    /* font-size: 1.1em; */
    font-weight: normal;
}
.tbl_01 thead tr:first-child{
    border-top: none;
    border-bottom: none;
}
.tbl_01 thead tr{
    border: none;
}
.tbl_01 tr{
    border-bottom: 2px #999999 dotted;
}
.tbl_01 tr:first-child{
    /* border-top: 2px #999999 dotted; */
}
.tbl_01 tr > *{
    border-right: 2px solid #fff;
}
.tbl_l_head.tbl_01 tr:first-child th{
    border-top: 2px #fff solid;
}
.tbl_l_head.tbl_01 th{
    background-color: rgb(247 187 168 / 40%);
    border-right: 18px #fff solid;
    border-bottom: 2px #fff solid;
}
.tbl_01 th{
    padding: 30px 30px;
    text-align: left;
    /* width: 25%; */
    /* font-size: 1.1em; */
}
.tbl_01 td{
    padding: 30px 10px 30px 0;
}
.tbl_01 p a{
    position: relative;
    padding-left: 1.5em;
    /* display: block; */
    text-decoration: none;
    font-weight: bold;
}
.tbl_01 p a:hover{
    text-decoration: underline;
}
.tbl_01 a{
    position: relative;
}
.tbl_01 a:not(.no_b, .co_btn)::before {
    position: absolute;
    content: "";
    /* -webkit-transform: rotate(45deg)translate(0, -50%); */
    /* transform: rotate(45deg)translate(0, -50%); */
    /* border-top: 3px solid #dd5a5a;
    border-right: 3px solid #dd5a5a; */
    background-image: url(/assets/common/images/link_f_01.svg);
    left: 0;
    /* top: 12px; */
    margin: 0.2em 0.3em 0 0;
    width: 1.1em;
    height: 1.1em;
}
.tbl_01 td *+ul{
    margin: 20px 0 0;
}

/* -------------------------------------------------- */
.list_num{
    padding-left: 1.5em;
}
.list_num > li{
    list-style:decimal;
}
.list_num > li:not(:last-child){
    margin: 0 0 10px;
}
* + .list_bs{
    margin: 1.5em 0 0;
}
.list_bs{
    padding-left: 1.5em;
}
.list_bs > li{
    list-style: disc;
    text-indent: 0;
}
li>ul{
    /* padding-left: 1.5em; */
    margin: 10px 0 0;
}
/* -------------------------------------------------- */

.list_num_cube{
    counter-reset: cl_number 0; 
}
.list_num_cube>li{
    counter-increment: cl_number 1;
    text-indent: -2.5em;
    padding-left: 2.5em;
}
.list_num_cube>li:not(:last-child){
    margin: 0 0 1.5em;
}

.list_num_cube>li::before{
    content: counter(cl_number) " "; 
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    text-indent: 0;
    background-color: #ff7627;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}


/* -------------------------------------------------- */

.anchor_link_list_wrap{
    background-color: #f6f6f5;
    padding: 15px 15px;
    margin:  30px 0 0;
}
.anchor_link_list{
    display: flex;
    gap: 30px 30px;
    justify-content: center;
    flex-wrap: wrap;
}
.anchor_link_list li a{
    text-decoration: none;
    border: 2px #ff7627 solid;
    background-color: #fff;
    line-height: 1;
    border-radius: 25px;
    padding: 5px 20px 5px 37px;
    position: relative;
    display: block;
}
.anchor_link_list li a::before {
    content: "";
    /* margin: 4px 5px 0 0; */
    width: 15px;
    height: 15px;
    background-image: url(/assets/common/images/link_f_02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
}

/* -------------------------------------------------- */
.co_btn_wrap{
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
.co_btn_flex{
    display: flex;
    justify-content: center;
    gap: 0 35px;
    /* margin:  80px 0; */
}
* + .co_btn_wrap{
    /* margin: 35px 0 0; */
    margin-top: 20px;
}
.co_btn_flex .co_btn_wrap{
    margin-top: 0px;
}
.co_btn{
    position: relative;
    margin: 0 auto;
    background-color: #ff7627;
    /* text-align: center; */
    text-decoration: none;
    color: #fff;
    width: fit-content;
    padding: 5px 60px;
    min-width: 300px;
    min-height: 60px;
    border: 1px #fff solid;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
    
}
.co_btn.btn_disable{
    pointer-events: none!important;
    background-color: #ddd!important;
    color: #333333!important;
    border: 1px #333333 solid!important;
}
.co_btn.btn_disable::before{
    border-top: 2px solid #333333!important;
    border-right: 2px solid #333333!important;
}
.co_btn.co_btnw100{
    width: 80%;
}
.co_btn.cbt_tbl01{
    width:170px;
    min-width: auto;
    min-height: 45px;
    padding: 5px 30px;
    text-indent: -1em;
    margin: 0;
}
.co_btn:hover{
    /* opacity: 0.8; */
    background-color: #fff;
    color: #ff7627;
    border: 1px #ff7627 solid;
}
.co_btn.co_btn2:hover{
    /* opacity: 1; */
    background-color:#dd5a5a;
    color: #fff;
    border: 1px #fff solid;
}
.co_btn2{
    background-color: #fff;
    color: #dd5a5a;
    border: 1px #dd5a5a solid;
}

.co_btn[target="_blank"]{
    padding-right:4.7em!important;
}
.co_btn[target="_blank"]::after  {
    content: "";
    width: fit-content;
    height: fit-content;
    content: "\e901";
    font-size: 1.1em;
    /* color: #514540; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2.3em;

    transform: translate(0, -50%);
    /* margin-left: 10px; */
}
.co_btn[href$=".pdf"]::after {
    content: "";
    width: 1.3em;
    height: 1.4em;
    font-size: 1.3em;
    content: "\e900";
    /* color: #dd4b4b; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 2em;
    margin-left: 5px;
}
.co_btn[href$=".xlsx"]::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    font-size: 1.3em;
    content: "\e902";
    color: #6cba5a;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}
.co_btn[href$=".docx"]::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    font-size: 1.3em;
    content: "\e903";
    color: #568cc5;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 0;
    margin-left: 5px;
}

.co_btn2.co_btn::before{
    border-top: 2px solid #dd5a5a;
    border-right: 2px solid #dd5a5a;
}
.co_btn::before {
    position: absolute;
    content: "";
    vertical-align: middle;
    right: 1.7em;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg)translate(0, -50%);
    transform: rotate(45deg)translate(0, -50%);
}
.co_btn2.co_btn:hover::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.co_btn:hover::before {
    border-top: 2px solid #dd5a5a;
    border-right: 2px solid #dd5a5a;
}
/* -------------------------------------------------- */

.ix_btn_t2{
    background-size: 300% 100%;
    /* background: rgb(208,72,29); */
    /* background: linear-gradient(90deg, rgba(208,72,29,1) 0%, rgba(178,40,29,1) 100%); */
    /* background-image: linear-gradient(to right, rgba(208,72,29,1), rgba(178,40,29,1), rgba(208,72,29,1), rgba(178,40,29,1)); */
    text-align: center;
    text-decoration: none;
    /* color: #fff; */
    font-weight: bold;
    width: 100%;
    max-width: 260px;
    height: 50px;
    border: 1px #dd5a5a solid;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    box-shadow: 5px 5px 9px -1px rgba(0, 0, 0, 0.5);
}

.ix_btn_t2:hover{
    /* opacity: 1; */
    background-color:#dd5a5a;
    color: #fff;
    border: 1px #fff solid;
}

.ix_btn_t2[href$=".pdf"]{
    position: relative;
    text-indent: -2em;
}
.ix_btn_t2[href$=".pdf"]::after{
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    /* background-image: url(/assets/common/images/icon_pdf_p.png); */
    content: "\e900";
    color: #dd4b4b;
    font-size: 1.5em;
    background-size: cover;
    position: absolute;
    right: 15px;
    font-weight: normal;
    text-indent: 0;
}
.ix_btn_t2[href$=".pdf"]:hover::after{
    color: #fff;
}

/* -------------------------------------------------- */

.img_col01{
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
.img_col01>div{
    flex: 1;
}


/* -------------------------------------------------- */

.list_sq_num>li{
    padding-left: 43px;
    counter-increment : num 1;
    text-indent: -43px;
}

.list_sq_num>li:not(:last-child){
    margin: 0 0 15px;
}
.list_sq_num>li.lsn_m40{
    margin-bottom: 40px;
}
.list_sq_num>li::before{
    content: counter(num);
    width: 27px;
    height: 27px;
    margin-right: 16px;
    background-color: #ff7627;
    color: #fff;
    display: inline-block;
    text-indent: 0;
    text-align: center;
    line-height: 27px;
    font-weight: bold;
    position: relative;
    top:0px;
}

/* -------------------------------------------------- */

.note_list01_wrap{
    border: 2px #cccccc solid;
    padding: 22px 34px;
    margin: 60px 0 0;
}
.note_list01 li{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 0.88em;
}
.note_list01 li:not(:last-child){
    margin: 0 0 5px;
}
.note_list01 li::before{
    content: "※";
    /* margin-right: 0.5em; */
}

* + .note_list01{
    margin: 30px 0 0;
}
.note_list01 + * {
    margin: 30px 0 0;
}
/* -------------------------------------------------- */

.t_in_flex{
    display: flex;
    justify-content: space-between;
}

/* -------------------------------------------------- */
.huge_text_wrap + *{
    margin-top: 10px;
}
.huge_text{
    font-size: 1.3em;
    color: #dd5a5a;
    font-weight: bold;
}
.pick_text{
    font-size: 0.9em;
    background-color: #ff7627;
    color: #fff;
    border-radius: 5px;
    padding: 5px 5px;
    line-height: 1;
    margin-right: 7.5px;
    display: inline-block;
    min-width: 60px;
    text-align: center;
}
[data-status="start"] .pick_text{
    background-color: #ff7627;
}
[data-status="end"] .pick_text{
    background-color: #333333;
}
[data-status="soon"] .pick_text{
    background-color: #6cbb5a;

}
[data-status="before"] .pick_text{
    background-color: #568dc6;
}
[data-status="cancel"] .pick_text{
    background-color: #fff;
    border: 2px solid #333333;
    color: #333333;
    font-weight: bold;
}
[data-status="extension"] .pick_text{
    background-color: #fff;
    border: 2px solid #ff7627;
    color: #ff7627;
    font-weight: bold;
}

/* -------------------------------------------------- */

.ss_01{
    border-bottom: 1px dotted #ccc9a3;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 18px;
    padding-bottom: 18px;

}
.ss_01 dt {
    width: 35%;
    padding-right: 12px;
    font-weight: bold;
}
.ss_01 dd {
    padding-left: 12px;
    width: calc(65% - 13px);
}
* + .ss_01{
    margin-top: 40px;
}
/* -------------------------------------------------- */

.box_flex02_wrap{
    display: flex;
    justify-content: space-between;
}
.box_flex02{
    border: 2px solid #f15a28;
    border-radius: 15px;
    overflow: hidden;
    width: 35%;
}
.box_flex02:nth-child(2){
    border: 2px solid #009d9f;
    width: 63%;
}
.box_flex02 ._hl_01{
    font-size: 1.4em;
    background-color: #f15a28;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    /* border-radius: 15px 15px 0 0; */
}
.box_flex02:nth-child(2) ._hl_01{
    background-color: #009d9f;
}
.box_flex02 ._b_inner{
    padding: 20px 20px;

}
.box_flex02 ._b_inner h4{
    color: #f15a28;
    margin-bottom: 10px;
}
.box_flex02 ._b_inner h4:not(:first-child){
    margin-top: 20px;
}
.box_flex02:nth-child(2) ._b_inner h4{
    color: #009d9f;
}
/* -------------------------------------------------- */

.num_r_list{
	counter-reset: listnum; 
	list-style: none;
}

* + .num_r_list{
margin: 40px 0 0;
}

.p_icon01{
    background-color: #ff7627;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 0.56em;
    font-weight: normal;
    line-height: 1.1;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -0.2em;
    
}
.p_icon01[data-tag="free"]{
    background-color: #333333;
}
.p_icon01[data-tag="paid"]{
    background-color: #fff;
    color: #333333;
    border: 2px solid #333333;
    font-weight: bold;
}
.num_r_list>li{
    position: relative;
    padding: 5px 0 10px;
    padding-left: 3.4em;
    font-size: 1.6em;
    color: #ff7627;
    font-weight: bold;
}
.num_r_list>li:not(:last-child){
    margin: 0 0 40px;
}
.num_r_list>li::before{
	counter-increment: listnum;
	content: "0"counter(listnum);
	position: absolute;
	font-size: 1.8em;
	left: 0;
	top: 0;
	line-height: 1;
	color: #ff7627;
	font-weight: bold;
	display: block;
	height: 100%;
	border-right: 1px solid #ff7627;
	padding-right: 0.2em;
}
.num_r_list>li > *:not(.p_icon01){
    font-size: 0.6em;
    margin-top: 10px;
}

.sub_hl{
    color: #ff7627;
    font-size: 0.7em;
    margin: 10px 0 0;
}

.t_in_01{
    /* text-indent: -1.5em;
    padding-left: 1.5em; */
    display: flex;
    gap: 0 10px;
}

.dr_list{
    padding: 0;
    /* font-size: 0.6em; */
}

.dr_list> li:not(:last-child){
    margin: 0 0 10px;
}
.dr_list> li{
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.dr_list> li::before{
    content: "●";
    color: #ff7627;
    margin-right: 0.5em;
    
}

.dr_list_hit> li{
font-size: 1.2em;
font-weight: bold;
}
.dr_list_hit> li span{
    display: block;
    font-size: 0.85em;
    text-indent: 0;
    font-weight: normal;
}
.dr_list_hit{
    width: fit-content;
    margin:  0 auto;
}
/* -------------------------------------------------- */

.faq_accordion_wrap{
    margin: 0 0 75px;
}
.faq_accordion{
    border-radius: 10px;
    background-color: #f4f4f4;
}
.faq_accordion_hide{
    display: none;
}
.faq_accordion:not(:last-child) {
    margin: 0 0 25px;
}
.faq_accordion_link{
    display: block;
    padding: 28px 23px 28px;
    color: #1a1a1a;
    text-decoration: none;
    position: relative;
}

.faq_accordion_link::after, .faq_accordion_link::before {
    content: "";
    width: 25px;
    height: 4px;
    background-color: #00001c;
    position: absolute;
    right: 35px;
    top: calc(50% - 2px);
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.faq_accordion_link::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faq_accordion_link.fa_active::after{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.faq_accordion_child{
    padding: 0 23px 28px;
    position: relative;
    display: none;
}

.faq_icon{
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
    display: block;
}
.faq_icon.faq_icon_q{
    /* font-size: 1.4em; */
    font-weight: bold;
}
.faq_icon.faq_icon_a{
    /* font-size: 1.2em; */
    color: #666666;
}
.faq_icon.faq_icon_a::before{
    content: "A";
    color: #d73f08;
}
.faq_icon.faq_icon_a a{
    color: #d73f08;
    text-decoration: none;
    position: relative;
    padding-right: 22px;
}
.faq_icon.faq_icon_a a[target="_blank"]::after {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    background-image: url(/assets/common/images/external_link_icon.svg);
    background-size: cover;
    position: absolute;
    right: 0;
    top: calc(50% - 9px);
}
.faq_icon.faq_icon_a a:hover{
    text-decoration: underline;
}
.faq_text{
    font-size: 1.4em;
}
.faq_icon_a p{

}
.faq_icon::before{
    content: "Q";
    /* color: #2554ba; */
    font-size: 2.3em;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -15%);
    font-family: 'Roboto', sans-serif;
}
.faq_icon_q{
    display: flex;
    align-items: center;
}

/* -------------------------------------------------- */
* + .tbl_02{
    margin: 60px 0 0;
}
.tbl_02 th{
    background-color: #fce5dd;
    padding: 20px 20px;
    border-right: 4px solid #fff;
}

.tbl_02 td{
    background-color: #fdf1ee;
    padding: 20px 20px;
}
.tbl_02 tr:not(:last-child){
    border-bottom: 4px solid #fff;
}

/* -------------------------------------------------- */

.tb_video{
    display: flex;
    gap: 0 2%;
    flex-wrap: wrap;
}
.tb_video>li{
    width: 49%;
    /* flex: auto; */
}
.tb_video>li iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
.tb_video>li>div{
    font-size: 0.9em;
    margin:5px 0 0 ;
}

/* -------------------------------------------------- */

.hit_h{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
}
.fc_red{
    color: #d73f08;
}

/* -------------------------------------------------- */
.hit_logo_wrap{
    /* display: flex; */
    gap: 0 20px;
}
.hit_logo_wrap>p{
    flex: 1;
}
.hit_logo{
    margin-left: auto;
    width: 275px;
    text-align: right;
}
.hit_logo img{
    width: 100%;
}
/* -------------------------------------------------- */
.proj_stat_active{
    background-color: #fce4dc;
}
.proj_stat{
    text-align: center;
}
/* -------------------------------------------------- */

* + .temp_img{
margin-top: 20px;
}

.temp_img + *{
    margin-top: 20px;
    }

/* -------------------------------------------------- */

.section_block{
    margin: 80px 0 0 ;
}
.section_block.s_b_2{
    margin: 50px 0 0 ;
}


.section_block_col2{
        background-color: #fff;
            border: 2px solid #ff7627;
    border-radius: 10px;
    padding: 40px 40px;
        margin: 50px 0 0;
}

.new_kv_wrap{
    margin: 0 0 60px;
    text-align: center;
        background-color: #fcecdd;
}
.new_kv_wrap img{
    max-width: 1200px;
}

/* .contents_wrap_r.contents_wrap_r2{
padding: 0;
background: none;
} */

.topics_wrap.topics_wrap2{
    background-color: #ffefde;
}

.tophl01{
    text-align: center;
    font-weight: bold;
    font-size: 2.4em;
    color: #fff;
    background-color: #ff7627;
    padding: 10px 0;
    line-height: 1;
}
.tophl02{
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    color: #ff7627;
    /* background-color: #ff7627;  */
    margin: 60px 0 20px;
}
.tophl02:first-child{
margin-top: 0;
}
.tophl03{
    font-weight: bold;
    font-size: 1.6em;
    color: #414141;
    /* background-color: #ff7627;  */
    margin: 0 0 10px;
}

.section-box{
    border: 2px #ff7627 solid;
    padding: 20px 40px;
    margin: 0 0 40px;
}

.trial_block{
    display: flex;
    gap: 0 2%;
    margin: 40px 0 0;
    background-color: #ffdeca;
    padding: 20px;
}
.tb_l{
    width: 55%;
}
.tb_r{
    width: 43%;
}

.itbb-hl{
    /* background-color: #ff7627; */
    border-radius: 10px;
    /* color: #fff; */
    /* padding: 10px 10px; */
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 10px;
}
.img-text-btn-block{
    display: flex;
    align-items: center;
    gap: 0 2%;
}
.itbb-bg{
    /* border: 2px #ff7627 solid; */
    background-color: #f7f2ea;
    border-radius: 10px;
    padding: 20px;
    margin: 40px 0 0;
}
.itbb-l{
    width: 77%;
    position: relative;
    z-index: 2;
}
.itbb-l .square_btn{
    margin: 20px auto 0;
}
.itbb-r{
    width: 42%;
    position: absolute;
        top: -20px;
    left:95%;
    z-index: -1;
}
.tco_wrap{
    text-indent: -4em;
    padding-left: 4em;
}
.tco{
    color: #ff7627;
    font-weight: bold;
}

.co_btn.co_btncol2{
    background-color: #ff7627;
}
.co_btn.co_btncol2:hover{
    background-color: #fff;
    color: #ff7627;
        border: 1px #ff7627 solid;
}


.box_flex01.box_flex01_col2{
    border-color: #ff7627;
}
.box_flex01.box_flex01_col2 ._hl_01{
background-color: #ff7627;
}
.box_flex01_col2 .ix_file_f1_col:first-child{
margin: 0;
}

.content_h1_wrap_col2{
    /* padding: 0 0 40px; */
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto 40px;
}
/* .content_h1_wrap_col2::before{
    content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-color: #ff7627;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
} */


.band_box_wrap {
    padding: 0 0 40px;
    position: relative;
    background-color: #ffefde;
}
.band_box_wrap_inner{
    padding: 0px 40px 0;
}
.band_box_wrap_inner>h3{
    text-align: center;
}
.band_box_wrap_inner>p{
   margin: 0 0 40px;
}
.band_box_hl{
    text-align: center;
    margin: 0 0 50px;
    background-color: #ff7627;
    padding: 20px 0;
    position: relative;

}
.band_box_hl>*{
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    display: block;
    width: fit-content;
    margin:  0 auto;
    position: relative;
}
.band_box_hl::before{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #ff7627;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}

.band_box_col03_wrap{
    display: flex;
    justify-content: center;
    
}
.band_box_col03{
    width: 31.5%;
}
.band_box_col03 a{
    display: block;
        transition: .2s ease-in-out;
}
.band_box_col03 a:hover{
    opacity: 0.5;
}

.square_btn_colm2{
    display: flex;
    gap: 0 40px;
    justify-content: center;
}
.square_btn_colm2 .square_btn{
    margin: 0;
}
.square_btn{
        text-align: center;
    width: 100%;
    max-width: 340px;
    margin: 20px auto 0;
}
.square_btn.sq_b_long{
    max-width: 740px;
}
.square_btn>a{
    background-size: 300% 100%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background-color: #ff7627;
    color: #fff;
    height: 50px;
    border: 1px #ff7627 solid;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s ease-in-out;
    box-shadow: 5px 5px 9px -1px rgba(0, 0, 0, 0.5);
    position: relative;
    text-indent: -1.5em;
    
}
.square_btn.square_btn2>a{
    border-radius: 50px;
}
.square_btn.btn_reverse>a{
    background-color: #fff;
     border: 1px #ff7627 solid;
     color: #ff7627;
     text-indent: 0;
}
.square_btn.sbt_noactive>a{
    background-color: #fff;
     border: 1px #ff7627 solid;
     color: #ff7627;
     pointer-events: none;
     text-indent: 0;
}
.square_btn>a:hover{
    background-color: #fff;
    color: #ff7627;
}

.square_btn.btn_reverse>a:hover{
    background-color: #ff7627;
    color: #fff;
}

.square_btn>a::before {
    position: absolute;
    content: "";
    vertical-align: middle;
    right: 7%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
}

.square_btn.btn_reverse>a::before{
    border-top-color: #ff7627;
    border-right-color: #ff7627;
}
.square_btn.btn_reverse>a:hover::before{
    border-top-color: #fff;
    border-right-color: #fff;
}

.square_btn>a:hover::before {
    border-top-color: #ff7627;
    border-right-color: #ff7627;
}


.note_fs01{
    font-size: 1.2em;
    font-weight: bold;
}
.note_fs02{
    font-size: 0.8em;
}

.h-t-flex_wrap{
    margin: 25px 0 0;
}
.h-t-flex{
    display: flex;
}
.h-t-flex:not(:last-child){
    margin: 0 0 10px;
}
.h-t-flex span:nth-child(1){
    width: 6.5em;
}
.h-t-flex span:nth-child(2){
    flex: 1;
}

/* -------------------------------------------------- */

/* body{
    background-color: #f6f0eb;
} */

.h_logo{
    margin: 0 0 20px;
    width: 130px;
}
.h_logo img{
    width: auto;
    max-width: 100%;
    transform: translate(-7%, -4%);
}
.h_c_text01{
    margin: 0 0 10px;
}
.h_c_logo{
    /* border-bottom: 1px #000 solid; */
    padding: 0 0 10px;
    margin: 0 0 20px;
}
.h_c_logo img{
    width: 200px;
    max-width: 100%;
    padding-right: 10px;
}

.nav_list li a{
    text-decoration: none;
    color: #000;
    /* display: block; */
}
.nav_list li a:hover{
    text-decoration: underline;
}
.nav_list2{
    margin: 20px 0 0;
}
.nav_list2.nav_list li a{
    font-size: 0.9em;
    text-decoration: underline;
}
.nav_hit{
    max-width: 205px;
    margin: 25px 0 0;
    border: 1px #000 solid;
}
.nav_hit a{
    transition: all 0.2s;
}
.nav_hit a:hover{
    opacity: .6;
}
.nav_list>li:not(:last-child){
    margin: 0 0 15px;
}

.menu_left{
    /* position: sticky; */
    /* top: 0px; */
    padding: 10px 0 20px;
}
.head_menu{
    /* padding: 20px 20px 15px; */
    /* background-color: #fff; */
}
.fs_h{
    margin: 0 0 15px;
} 
.font_size{
    border-top: 1px solid #c8c8c8;
    margin-right: 10%;
    padding-top: 20px;
    margin-top: 20px;
}
.textresizer{
    display: flex;
    gap: 0 10px;
}
.textresizer li a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #c8c8c8 solid;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 13px;
    color: #465028;
    text-decoration: none;
}
.textresizer li a.textresizer-active{
    background-color: #ff5500;
    color: #fff;
    border: 1px #ff5500 solid;
}

.contents_wrap{
    /* margin-left: calc(100vw - ); */
    display: flex;
    /* max-width: 1920px; */
    margin: 0 auto;
    background-color: #fff;
}

.contents_wrap_l{
    /* width: 16%; */
    width: 250px;
    max-width: 250px;
    min-width: 160px;
    padding-left: 20px;
    box-shadow: 11px 0px 15px 0px rgb(0 0 0 / 2%);
    z-index: 20;
    height: 100vh;
    position: sticky;
    top: 0px;
    overflow-y: scroll;
}
.contents_wrap_l::-webkit-scrollbar{
    width: 8px;
 }
 .contents_wrap_l::-webkit-scrollbar-track{
    /* background-color: #f7f7f7; */
    border-radius: 10px;
 }
 .contents_wrap_l::-webkit-scrollbar-thumb{
    background-color: #e6e6e6;
    border-radius: 10px;
 }
.contents_wrap_r{
    flex: 1;
    /* background-image: url(/assets/common/images/content_dec.svg), url(/assets/common/images/content_dec.svg); */
    border-top: 20px solid #ff7627;
    background-repeat: repeat no-repeat;
    padding: 0 0 0;
    background-size: auto 20px;
    background-position: left top,left bottom;
    position: relative;
}
/* .contents_wrap_r::before{
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(/assets/common/images/content_dec.svg);
    position: fixed;
    top: 0;
    left: 250px;
} */
.contents_wrap_r_inner{
    padding: 0 0px 40px;
}
.kv_wrap{
    position: relative;
    overflow: hidden;
    padding: 0 0 60px;
    margin: 0 0 60px;
    background-image: url(/assets/index/images/kv_bg.png);
}
.kv_img_top{
    /* position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0); */
    /* min-width: 1700px; */
}
.kv_text{
    position: relative;
    z-index: 10;
    /* position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0); */
}


.sch {
    margin: 30px 0 0;
}

.search_container {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding: 3px 10px;
    border-radius: 5px;
    height: 35px;
    width: 170px;
    overflow: hidden;
    border: 1px solid #c8c8c8;
    background-color: #fff;
}

.search_container input[type="submit"] {
    cursor: pointer;
    border: none;
    background: none;
    color: #3879D9;
    position: absolute;
    width: 50px;
    height: 100%;
    right: 0;
    top: 0px;
    outline: none;
    background-image: url(/assets/common/images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.search_container input[type="text"] {
    border: none;
    width: 100%;
    height: 27px;
    font-size: 1em;
}

/* -------------------------------------------------- */

.topics_wrap{
    background-color: #f3f3f3;
    max-width: 1100px;
    margin: 0 auto;
}

.ix_tp_fl{
    display: flex;
    padding: 30px 0;
    align-items: center;
    margin: 0 0 40px;
}

.ix_tp_hl{
    /* margin: 0 50px; */
    width: 175px;
    text-align: center;
    font-weight: bold;
}

.ix_tp_list{
    flex: 1;
    padding-right: 75px;
}

.ix_tp_line{
    display: flex;
    gap: 0 35px;
    padding: 15px 0;
    
    border-bottom: 1px #999999 dashed;
}
.ix_tp_line:nth-child(1){
    border-top: 1px #999999 dashed;
}

.ix_tp_date{
    color: #535353;
}

/* -------------------------------------------------- */
.box_flex01_wrap{
    display: flex;
    gap: 0 2%;
    margin: 60px 0;
}
.box_flex01{
    border: 1px solid #dd5a5a;
    /* padding: 20px 20px; */
    width: 49%;
    position: relative;
}
.box_flex01 ._hl_01{
    background-color: #dd5a5a;
    color: #fff;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}
.box_flex01 ._b_inner{
    padding: 30px 30px;
}
.box_flex01 ._b_inner.btn_on{
    padding: 30px 30px 80px;
}
.box_flex01 .co_btn_wrap{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}
/* -------------------------------------------------- */
.ix_ab_wrap{
    padding: 30px 30px;
    background-color: #f6f6f5;
}
.ix_ab_hl{
    text-align: center;
    margin: 0 0 25px;
    font-size: 1.5em;
    font-weight: bold;
}
.ix_ab_img{
    text-align: center;
}
.ix_ab_img img{
    
    width: auto;
    max-width: 80%;
}
.ix_ab_text{
    margin: 0 auto 40px;
    width: 80%;
    max-width: 1080px;
}
.ix_ab_img2{
    position: relative;
    margin: 0 0 0;
}
.ix_ab_img2 .ix_btn_wrap{
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
.ix_btn{
    position: relative;
    margin: 0 auto;
    background-size: 300% 100%;
    /* background: rgb(208,72,29); */
    /* background: linear-gradient(90deg, rgba(208,72,29,1) 0%, rgba(178,40,29,1) 100%); */
    /* background-image: linear-gradient(to right, rgba(208,72,29,1), rgba(178,40,29,1), rgba(208,72,29,1), rgba(178,40,29,1)); */
    background-color: #dd5a5a;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 310px;
    height: 60px;
    border: 1px #fff solid;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    moz-transition: background-position .4s ease-in-out;
    -o-transition: background-position .4s ease-in-out;
    -webkit-transition: background-position .4s ease-in-out;
    transition: background-position .4s ease-in-out;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
.ix_btn:hover{
    background-position: 100% 0;
}

.ix_btn::before {
    position: absolute;
    content: "";
    vertical-align: middle;
    right: 10%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg)translate(0, -50%);
    transform: rotate(45deg)translate(0, -50%);
}



/* -------------------------------------------------- */

.ix_file_flex01{
    /* display: flex; */
    gap: 60px 6%;
    flex-wrap: wrap;
    justify-content: center;
}
.ix_file_f1_col{
    display: flex;
    align-items: center;
    /* width: 47%; */
    /* min-width: 470px; */
    background-color: #fff;
    /* border: 1px solid #c8c8c8; */
    border-radius: 5px;
    gap: 0 6%;
    /* padding: 15px 15px; */
    position: relative;
}
.ix_file_f1_col:first-child{
    margin: 0 0 40px;
}
.ix_file_f1_cr.ix_file_f1_w180{
    width: 180px;
}
.ix_file_f1_cl{
    flex: 1;
    /* padding-right: 138px; */
}
.ix_file_f1_cr{
    width: 120px;
    /* position: absolute; */
    /* right: 15px;
    bottom: 15px; */
    /* margin-top: -40px; */
}
.ix_file_f1_cr img{
    /* border: 1px #000 solid; */
    box-shadow: 5px 5px 9px -1px rgb(0 0 0 / 14%);
}

.ix_file_text{
    margin: 0 0 0;
    letter-spacing: -0.03em;
}
.ix_file_text+.ix_btn_wrap_t2{
    margin: 20px 0 0;
}
.ix_btn_wrap_t2 .co_btn{
    padding: 5px 30px;
    min-width: auto;
    margin: 20px auto 0;
}




.ix_file_hl{
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -0.03em;
}

/* -------------------------------------------------- */

.ix_plan_wrap{
    margin: 65px 0 0;
    /* background: rgb(208,72,29); 
    background: linear-gradient(90deg, rgba(208,72,29,1) 0%, rgba(178,40,29,1) 100%); */
    padding: 0 0 50px;
    position: relative;
    background-color: rgb(247 187 168 / 20%);
}
.ix_plan_wrap_inner{
    position: relative;
    z-index: 2;}

.ix_plan_wrap::before{
    /* content: ""; */
    display: block;
    /* width: calc(100% + (((100vw - 100%) / 2) - 125px)); */
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, #ffffff 0%, #ff9a99 100%);
    /* z-index: -1; */
    top: 0;
    left: 0;
}
.ix_plan_img01{
    text-align: center;
    margin: 0 0 50px;
    background-color: #dd5a5a;
    padding: 20px 0;
    position: relative;

}
.ix_plan_img01>span{
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    display: block;
    width: fit-content;
    margin:  0 auto;
    position: relative;
}
.ix_plan_img01>span::before, .ix_plan_img01>span::after{
    content: "";
    display: block;
    position: absolute;
    top:0;
    background-color: #fff;
    height: 40px;
    width: 1px;
}
.ix_plan_img01>span::before{
    left: -40px;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
}
.ix_plan_img01>span::after{
    right: -40px;
    -webkit-transform: rotate(215deg);
    transform: rotate(215deg);
}


.ix_plan_img01::before{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #dd5a5a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}

.ix_plan_img01 img{
    width: auto;
    max-width: 100%;
}
.ix_plan_img02{
    text-align: center;
    margin: 0 auto 40px;
    width: 80%;
    background-color: #fff;
}
.ix_plan_img02 a{
    transition: all 0.2s;
}
.ix_plan_img02 a:hover{
    opacity: .6;
}
.ix_plan_img02 img{
    width: auto;
    max-width: 100%;
}
.ix_plan_text{
    text-align: center;
    color: #660b00;
    font-weight: bold;
}
.ix_plan_text a{
    color: #660b00;
}
.ix_plan_text a:hover{
    color: #000;
}
/* -------------------------------------------------- */

.ix_col03_wrap{
    display: flex;
    justify-content: space-between;
    margin: 0 30px 40px;
}
.ix_col03{
    width: 31.5%;
}
.ix_col03>a{
    transition: opacity .2s ease-in-out;
    text-decoration: none;
}
.ix_col03>a:hover{
opacity: 0.5;
}
.ix_col03_img{
    margin: 0 0 20px;
}
.ix_col03_link{
    margin: 0 0 10px;
    text-decoration: underline;
}
.ix_col03_text{
    text-decoration: none;
}

/* -------------------------------------------------- */
.nl_border{
    border-top: 1px solid #c8c8c8;
    margin-right: 10%;
    padding-top: 20px;
    margin-top: 20px;
}
.nl_border li a{
    text-decoration: none!important;
}
.nl_border li span{
    background-color: #ff7627;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
}
/* -------------------------------------------------- */
.testmarketing{
    border-top: 1px solid #c8c8c8;
    margin-right: 10%;
    padding-top: 20px;
    margin-top: 20px;
}
/* -------------------------------------------------- */
.t-about-wrap{
	margin: 0 0 50px;
}
/* -------------------------------------------------- */
.guide_cate{
    text-align: right;
    font-weight: bold;
    margin: 0 0 10px;
}
.guide_cate span{
    padding-left: 30px;
    display: inline-block;
    position: relative;
}
.guide_cate span:not(:last-child){
    margin-right: 15px;
}
.guide_cate span::before{
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    /* background-color: #e9536b;  */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.guide_cate span:nth-child(1)::before{
    /* background-color: #e9536b; */
    background-image: url(/assets/project/image/cate_icon_01.svg);
}
.guide_cate span:nth-child(2)::before{
    /* background-color: #00959a; */
    background-image: url(/assets/project/image/cate_icon_02.svg);
}
.guide_cate span:nth-child(3)::before{
    /* background-color: #f39800; */
    background-image: url(/assets/project/image/cate_icon_03.svg);
}
.p_ta_target{
    
}
[data-project^="target_"] .p_ta_target span{
    display: block;
    width: 25px;
    height: 25px;
    /* background-color: #e9536b; */
    background-image: url(/assets/project/image/cate_icon_01.svg);
}
[data-project^="target_"] .p_ta_target span:nth-child(2){
    /* background-color: #00959a; */
    background-image: url(/assets/project/image/cate_icon_02.svg);
}
[data-project^="target_"] .p_ta_target span:nth-child(3){
    /* background-color: #f39800; */
    background-image: url(/assets/project/image/cate_icon_03.svg);
}
[data-project="target_a"] .p_ta_target span:not(:nth-child(1)){
    display: none;
}
[data-project="target_b"] .p_ta_target span:not(:nth-child(2)){
    display: none;
}
[data-project="target_c"] .p_ta_target span:not(:nth-child(3)){
    display: none;
}
[data-project="target_ab"] .p_ta_target span:not(:nth-child(3)){
    /* background-color: #e9536b; */
}
[data-project="target_ab"] .p_ta_target span:nth-child(3){
    display: none;
}
[data-project="target_ac"] .p_ta_target span:nth-child(2){
    display: none;
}
[data-project="target_bc"] .p_ta_target span:nth-child(1){
    display: none;
}
.p_ta_target{
    display: flex;
    gap: 0 10px;
    justify-content: center;
}

/* -------------------------------------------------- */
.project_filter{
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.project_f_title{
    color: #ff7627;
    margin-bottom: 5px;
    font-size: 1.2em;
    font-weight: bold;
}
/* .project_f_col{
    display: flex;
    gap: 0 20px;
} */
.project_f_tag{
    display: block;
    margin-bottom: 5px;
}
.project_f_pull{
    width: 200px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid #ff7627 ;
}
/* -------------------------------------------------- */
.support_box_list_wrap{
    background-color: #ffefdf;
    padding: 20px 40px 40px;
width: 90%;
    max-width: 1000px;
    margin: 0 auto 40px;
}
.support_box_list_wrap h2{
    font-size: 2em;
    text-align: center;
    margin: 0 0 32px;
    
}
.support_box_list{
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
}
.support_box{
    width: calc(100% / 3 - 40px * 2 /3);
    background-color: #fff;
    border: 2px solid #ff7627;
    border-radius: 10px;
    
    text-align: center;
}
.support_box>a{
    padding: 20px 10px 15px;
    display: block;
    transition: all 0.2s;
        text-decoration: none;
}
.support_box>a:hover{
    opacity: .5;
}

.support_box h3{
    font-size: 1.4em;
    color: #ff7627;
    margin: 0 0 10px;
    height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* -------------------------------------------------- */
.in_text{
    margin-left: 1em;
}
.katakana_indnt>li:first-child{
    margin-top: 0.5em;
}
.katakana_indnt>li{
    text-indent: -1.9em;
    padding-left: 1.9em;
        margin: 0 0 0.5em;
}
/* -------------------------------------------------- */

/* SP--------------------------------------------------
-------------------------------------------------- */
@media (width <= 767px) {


    body{
        font-size: 14px;
    }

    .pc{
        display: none;
    }
    header .h_logo{
        padding: 10px 0 0 10px;
        margin: 0 0;
    }

    header{
        position: sticky;
        top: 0;
        /* height: 60px; */
        z-index: 100;
        background-color: #fff;
        /* background-image: url(/assets/common/images/content_dec.svg); */
        background-repeat: repeat no-repeat;
        padding: 0 0 0;
        background-size: auto 20px;
        background-position: left top;
    }
    .l-header__toggleBtn {
        display: block;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute;
        /* top: calc(50% + 10px); */
        top: 50%;
        z-index: 11;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 5vw;
        z-index: 11;
        width: 20px;
        height: 19px;
      }
      .l-header__toggleBtn span {
        position: absolute;
        width: 20px;
        height: 3px;
        background: #333;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        left: 0;
      }
      .l-header__toggleBtn span:nth-child(1) {
        top: 0;
      }
      .l-header__toggleBtn span:nth-child(2) {
        top: 8px;
      }
      .l-header__toggleBtn span:nth-child(3) {
        top: 16px;
      }
      .l-header__toggleBtn.js-action {
        right: 5vw;
      }
      .l-header__toggleBtn.js-action span {
        width: 23px;
        height: 3px;
      }
      .l-header__toggleBtn.js-action span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }
      .l-header__toggleBtn.js-action span:nth-child(2) {
        background-color: rgba(255, 255, 255, 0);
      }
      .l-header__toggleBtn.js-action span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }

/* -------------------------------------------------- */
.inner{
    padding: 0 20px 60px;
    /* padding: 0 20px 0; */
    width: auto;
}
.inner.f-parts-kari{
padding: 0 0 0;
}
/* -------------------------------------------------- */
.co_block_inner{
    padding: 0 15px;
}

.co_hl2 {
    padding-left: 20px;
    margin: 0 0 20px;
}
.co_hl2::before{
    width: 8px;
    height: 30px;
}

/* -------------------------------------------------- */

.co_block{
    margin: 40px 0 0;
}


/* -------------------------------------------------- */
/* パンくず */
.bread_list{
    /* display: block; */
    padding: 15px 20px;
    margin: 0 0 0;
}
.bread_list li{
    width: fit-content;
}
.bread_list li:not(:last-child):after{
    width: 5px;
    height: 5px;
    right: 11px;
}

.bread_list li:not(:last-child){
    padding-right: 25px;
}
/* -------------------------------------------------- */
.content_h1_wrap{
    padding: 40px 0 40px;
    margin: 0 20px 40px;
    width: auto;
}
/* -------------------------------------------------- */
.pagetop{
    bottom: 0;
    right: 0;
}
/* -------------------------------------------------- */

.anchor_link_list{
    gap: 10px 10px;
    justify-content: flex-start;
}

/* -------------------------------------------------- */

.link_list01 li::before{
    /* margin: 0px 5px 0 0; */
}

/* -------------------------------------------------- */

.block_type2{
    display: block;
}
.bt2_hl{
    width: auto;
    padding: 20px 0 0;
}
.bt2_inner{
    /* border-bottom: 2px #999999 dotted; */
    padding: 20px 0 20px;
}
.bt2_img{
    padding: 0 0 20px;
}

/* -------------------------------------------------- */

.tbl_01 + *{
    margin: 45px 0 0;
}
.tbl_01 tr{
    border: none;
}
.tbl_01:not(.tbl_head) th{
    display: block;
    padding: 20px 0 0;
}
/* .tbl_01 th{
    padding: 20px 5px 20px;
} */
.tbl_01 td{
    display: block;
    border-bottom: 2px #999999 dotted;
    padding: 20px 0 20px;
}
.tbl_l_head.tbl_01 tr:first-child {

}
/* .tbl_01 td:not(:last-child){
    
} */
.tbl_l_head.tbl_01 th{
    border: none;
    padding: 20px 15px;
    margin: 20px 0 0;
}

.tbl_01 th[data-label]{
    /* margin: 20px 0 0; */
    background-color: #fff4f1;
}
.tbl_01 td[data-label],.tbl_01 th[data-label]{
    /* padding: 0; */
    /* display: flex; */
    align-items: center;
    /* border-bottom: 2px #999999 dotted; */
}
.tbl_01 td *, .tbl_01 th *{
    flex: 1;
}

.tbl_01 td[data-label]:before,.tbl_01 th[data-label]:before {
    content: attr(data-label);
    /* float: left; */
    font-weight: bold;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    background-color: #fce3db;
    padding: 14px 5px;
    width: 30%;
    text-align: center;
    align-self: stretch;
    border-right: 2px solid #fff;
  }
  .tbl_wrap{
    overflow-x: scroll;
  }
.tbl_head{
    width: 600px;
}
  .tbl_head td, .tbl_head th{
    /* padding: 0; */
    padding: 20px 10px 20px;
    /* display: flex; */
    display: table-cell;
    align-items: center;
    border-bottom: 2px #999999 dotted;
}
/* .tbl_head th {
    padding: 20px 5px 20px;
} */
  .tbl_01.tbl_head td::before, .tbl_01.tbl_head th::before{
    content: "募集企画名";
    /* float: left; */
    font-weight: bold;
    margin-right: 10px;
    display: none;
    align-items: center;
    background-color: rgba(247, 185, 166, 0.4);
    padding: 14px 5px;
    width: 30%;
    text-align: center;
    align-self: stretch;
  }
  .tbl_01.tbl_head th:nth-last-child(4)::before{
    content: "カテゴリー";
  }
  .tbl_01.tbl_head td:nth-last-child(3)::before{
    content: "企画分類";
  }
  .tbl_01.tbl_head td:nth-last-child(2)::before{
    content: "募集企画名";
  }
  .tbl_01.tbl_head td:nth-last-child(1)::before{
    content: "募集締切";
  }
  .tbl_01 p a{
    padding-left: 20px;
  }
  
/* -------------------------------------------------- */

.huge_text
{
    display: block;
    margin: 10px 0 0;
}

/* -------------------------------------------------- */

.link_list01 li a[href$=".pdf"]::after {
    width: 20px;
    height: 20px;
}

/* -------------------------------------------------- */

.text_img_01{
    display: block;
}
.text_img_01_r{
    margin: 20px auto 0;
}

/* -------------------------------------------------- */

.img_col01{
    display: block;
}
.img_col01>div:not(:last-child){
    margin:  0 0 20px;
}

/* -------------------------------------------------- */

.note_list01_wrap{
    padding: 15px 20px;
    margin: 40px 0 0;
}

/* -------------------------------------------------- */

.t_in_flex{
    display: block;
}
.t_in_flex figure{
width: 150px;
margin: 10px 0 0;
}
/* -------------------------------------------------- */

.co_btn{
    padding: 5px 20px;
}
.co_btn[target="_blank"] {
    padding-right: 4.9em!important;
}
.co_btn[target="_blank"]::after{
    right: 12%;
}

.co_btn::before{
    right: 8%;
}
.co_btn.co_btnw100{
    width:100%;
}

/* -------------------------------------------------- */

.ix_btn_t2{
    margin:  0 auto;
}
.ix_btn_t2[href$=".pdf"]::after {
    /* width: 18px;
    height: 20px;
    right: 10px; */
}

/* -------------------------------------------------- */
.co_hl3_2{
    margin: 0 0 20px;
}

* + .co_hl3_2{
    margin-top: 45px;
}

/* -------------------------------------------------- */
.ss_01{
    -webkit-flex-direction: column;
    flex-direction: column;
}
.ss_01 dt {
    width: 100%;
}
.ss_01 dd {
    padding-left: 0;
    width: 100%;
}
/* -------------------------------------------------- */

.num_r_list>li::before{
    font-size: 1.6em;
}
.num_r_list>li {
    padding-left: 2.8em;
}
/* -------------------------------------------------- */

.tbl_02 th{
    padding: 10px 10px;
}
.tbl_02 td{
    padding: 10px 10px;
}
* + .tbl_02 {
    margin: 40px 0 0;
}

/* -------------------------------------------------- */

.box_flex02_wrap{
    display: block;
}
.box_flex02{
    width: auto;
}
.box_flex02:nth-child(2){
    width: auto;
    margin: 20px 0 0;
}
/* -------------------------------------------------- */

.hit_faq_wrap{
    padding: 0 0 70px
}
.hit_faq_wrap .hit_inner{
    padding: 160px 12px 0;
}

.faq_icon::before{
    font-size: 2em;
    transform: translate(0, -8%);
}
.faq_icon{
    padding-right: 20px;
    padding-left: 25px;
}
.faq_icon.faq_icon_q{
    /* font-size: 1.3em; */
}
.faq_icon.faq_icon_a{
    padding-right: 0;
}
.faq_text{
    font-size: 1.3em;
}
.faq_accordion_link::after, .faq_accordion_link::before{
    width: 20px;
    right: 20px;
}
/* -------------------------------------------------- */

.tb_video{
    gap: 10px 2%;
}
.tb_video>li{
    width: 100%;
    flex: auto;
}

/* -------------------------------------------------- */

/* .co_block_inner>.tbl_01:first-child:not(.tbl_head){
    margin-top: 0px;
} */
/* -------------------------------------------------- */

.co_hl2 a{
    font-size: 0.7em;
}
.co_hl3_2 a{
     font-size: 0.7em;
     padding-right: 0.8em 

}
/* -------------------------------------------------- */
.hit_logo{
    margin-right: auto;
    margin-top: 20px;
}
/* -------------------------------------------------- */

* + .temp_img{
    margin-top: 15px;
    }
    
    .temp_img + *{
        margin-top: 15px;
        }
/* -------------------------------------------------- */
.section_block{
    margin: 60px 0 0;
}

.new_kv_wrap{
    margin: 0 0 60px;
}
.new_kv_wrap img{
    width: 100%;
}
.band_box_hl{
    padding: 15px 0;
        margin: 0 0 30px;
}
.content_h1_wrap_col2{
    width: auto;
}
.band_box_wrap_inner{
    padding: 0 20px;
}
.band_box_wrap_inner>p{
    margin: 0 0 20px;
}

.section_block_col2{
    padding: 20px 20px;
}

.itbb-bg{
    display: block;
}
.itbb-l{
    width: auto;
}
.itbb-r{
    position: inherit;
    left: 0;
    top: 0;
    width: 80%;
    margin: 20px auto 0;
}

.img-text-btn-block{
    display: block;
}
/* -------------------------------------------------- */
.band_box_col03_wrap{
    display: block;
}
.band_box_col03 {
    width: 60%;
    margin: 0 auto;
}
/* -------------------------------------------------- */

   .kv_img_top{
        min-width: auto;
        position: inherit;
        transform: none;
        left: auto;
    }
    .kv_wrap{
        padding: 0;
        margin: 0 0 40px;
    }
    .kv_text{
        padding: 0 20px 0;
    }

    .head_menu{
        display: none;
    }

    .contents_wrap_l{
        width: 60%;
        max-width: none;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        overflow: scroll;
        height: 100%;
        z-index: 100;
        background-color: #fff;
        -webkit-transform: translateX(-80vw);
        transform: translateX(-80vw);
        -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    }

    .contents_wrap_l.js-action{
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
    transform: translateX(0);
    padding-bottom: 15px;
    }

    .contents_wrap_r{
        /* background: none; */
        /* background-image: url(/assets/common/images/content_dec.svg); */
        border-top: 10px solid #ff7627;
        padding: 0 0 0;
        background-position: left bottom;
    }

    .contents_wrap{
        display: block;
    }

    .h_logo{
        width: 100px;
    }
    .h_logo img{
        transform: translate(-7%, -13%);
    }
    .contents_wrap_r_inner{
        padding: 0px 0px 0;
    }

    /* -------------------------------------------------- */
    .topics_wrap{
        padding: 0 20px;
    }
    .ix_tp_fl{
        display: block;
        padding: 20px 0;
        margin: 0 0 20px;
    }
    .ix_tp_hl{
        width: auto;
        text-align: left;
        margin: 0 0 10px;
    }
    .ix_tp_list{
        padding-right: 0;
    }
    .ix_tp_line{
        gap: 0 10px;
    }
    /* -------------------------------------------------- */
    
    .ix_ab_img2{
        margin: 0 0 40px;
    }

    .ix_ab_wrap{
        padding: 20px 20px;
    }
    .ix_ab_hl{
        margin: 20px 0 25px;
    }

    .ix_file_flex01{
        display: block;
    }
    .ix_file_f1_col{
        width: auto;
        min-width: auto;
        display: flex;
        align-items: center;
        gap: 0 6%;
    }
    .ix_file_f1_cl{
        padding-right: 0;
    }
    .ix_file_f1_cr{
        position: initial;
    }

    .ix_file_f1_col:first-child{
        margin: 0 0 30px;
    }

    .ix_file_hl{
        margin: 0 0 10px;
    }

    /* -------------------------------------------------- */
    .ix_plan_wrap{
        margin: 60px 0 0;
        /* padding: 25px 20px 50px; */
    }

    .ix_plan_wrap::before{
        width: 100%;
    }

    .ix_plan_img02{
        margin: 0 0 30px;
        width: 100%;
    }
    /* -------------------------------------------------- */



    .ix_plan_img01 img{
        width: 190px;
    }
    .ix_plan_img01{
        padding: 15px 0;
        margin: 0 0 20px;
    }

    /* -------------------------------------------------- */
    .co_btn_flex{
        display: block;
        margin: 40px 0;
    }
    .co_btn_wrap:not(:last-of-type){
        /* margin: 0 0 20px; */
        margin-bottom: 20px;

    }
    /* -------------------------------------------------- */
    
    .box_flex01_wrap{
        display: block;
    }
    .box_flex01{
        width: auto;
    }
    .box_flex01 ._b_inner{
        padding: 20px;
    }
    .box_flex01:not(:last-child){
        margin: 0 0 30px;
    }
    .ix_file_f1_col_re{
        display: block;
    }
    .ix_file_f1_cr.ix_file_f1_w180 {
        width: 180px;
        margin: 0 auto 20px;
    }
    /* -------------------------------------------------- */

    .ix_col03_wrap{
        display: block;
    }
    .ix_col03{
        width: auto;
    }
    .ix_col03:not(:last-child){
        margin: 0 0 20px;
    }
    /* -------------------------------------------------- */
    /* -------------------------------------------------- */
    [data-project^="target_"] .p_ta_target span{
        flex: none;
    }
    /* -------------------------------------------------- */
    .project_f_col:not(:last-child){
        margin: 0 0 10px;
    }
    .project_filter{
        display: block;
        justify-content: flex-start;
        margin: 0 0 20px;
    }
/* -------------------------------------------------- */
.support_box_list_wrap{
    padding: 20px 20px 40px;
    width: calc(100% - 40px);
}
.support_box_list{
    display: block;
}
.support_box{
    width: auto;
}
.support_box:not(:last-child){
    margin: 0 0 20px;
}
/* -------------------------------------------------- */
}