@charset "utf-8";
/* CSS Document */

/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/

*{box-sizing: border-box;}
    a {
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  text-decoration: none;
}

:root {
--fontColor:#333;
--primaryColor:#3FC61E;
--bgColor:#F0F0F0;
--grayColor:#6A6A6A;
--redColor:#DC000C;
--whiteColor:#fff;
--linkColor:#0E99F0;
--shadowColor:rgba(0, 0, 0, 0.25);
}
#PAGEBOTTOM {
padding-bottom: 0;
z-index: 999;
position: relative;
}

#column_wrapper {overflow: hidden;font-family:  "Noto Sans JP", sans-serif;font-optical-sizing: auto; font-style: normal;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;line-height: 1.8;color: var(--fontColor);max-width: 1650px;margin: auto;position: relative;}
.includeSCT .favorite{
    display: none;
}
.line_center{
    text-align: center;
}
.font_bold{
    font-weight: 600;
}

section{position: relative;padding: 4% 0;}
img {width: auto;max-width: 100%;}

#column_wrapper{
    max-width: 900px;
    margin: auto;
    padding: 16px;
}

.page-column_title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 16px;
}
#column_wrapper .box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
}
#column_wrapper h2{
    font-size: clamp(17px, 1.75vw, 28px);
    font-weight: 700;
}
#column_wrapper .dateW{
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500;
    text-align: right;
    margin-bottom: 0.5em;
}

h3{
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 700;
    margin: 2.5em auto 1.5em;
}
#sec01 h3{
    margin: 1em auto 1.5em !important;
}
.mass{
    margin: 1em auto;
}
.mass p{
    font-size: clamp(15px, 1.15vw, 18px);
}
#column_wrapper ul.p-list{
    display: flex;
    justify-content: center;
}
#column_wrapper ul.p-list > li{
    flex-basis: 43%;
    margin: 1%;
}
.grayBox{
    background: var(--bgColor);
    padding: 16px;
    color: var(--grayColor);
    margin: 5%;
}
.grayBox a {
    color: var(--grayColor);
    padding-left: 0.5em;
    font-size: clamp(12px, 0.95vw, 15px);
    transition: all .35s;
}
.mokuji h4{
    ont-size: clamp(13px, 1vw, 16px);
    font-weight: 600;
    color: var(--grayColor);
    text-align: center;
    border-bottom: 1px solid var(--grayColor);
    margin-bottom: 1em;
}
.mokuji ol{
    list-style-type: decimal;
    margin: 0 2em;
}
.mokuji li{
    margin: 10px auto 5px;
}
.mokuji ol li a{
    border-bottom: 1px solid var(--grayColor);
    display: block;
    padding-bottom: 5px;
}
.mokuji ul.ireko{
    margin-left: 1em;
}
.mokuji ul.ireko li a{
    text-indent: -2.5em;
    padding-left: 2.5em;
}

.flex2{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.flex2 li {
    flex: 46%;
    margin: 2%;
    text-align: center;
}
.flex2 li .txt {
    font-size: clamp(14px, 1.15vw, 18px);
}

.mt1{
    margin-top: 1em;
}

.flex3{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.flex3 li {
    flex: 30.333%;
    margin: 1.5%;
    text-align: center;
}
.fw500{
    font-weight: 500;
}
ul.decimal{
    list-style-type: disc;
}
.mass ul{
    padding-left: 2em;
    font-size: clamp(15px, 1.15vw, 18px);
}

#link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09{
    padding-top: 100px;
    margin-top: -100px;
}



@media (any-hover: hover) {
/*:hover はここに書く*/
    .grayBox a:hover {
        color: var(--fontColor);
    }

}


#column_wrapper .sp-cam {display: none !important;}
#column_wrapper .pad-cam {display: none !important;}
#column_wrapper .pc-cam {display: block;}






/************************************************************/@media screen and (max-width: 820px) {
  
    
#column_wrapper .pad-cam {display: block !important;}
#column_wrapper .pc-cam {display: none !important;}
#column_wrapper .sp-cam {display: none !important;}
}
    

/************************************************************/@media screen and (max-width: 700px) {
    #column_wrapper .box{
        padding: 20px 25px;
    }
    .grayBox{
        margin: 5% 0;
    }
    .mokuji ol{
        margin: 0 1.5em;
    }
    #column_wrapper ul.p-list > li {
    flex-basis: 50%;
    margin: 0%;
}
    #column_wrapper .includeSCT .cta a::before{
        right: 1em;
    }
    #column_wrapper .includeSCT .cta a{
        padding: 8px 20px 8px 10px;
    }
    
#column_wrapper .pc-cam {display: none !important;}
#column_wrapper .pad-cam {display: none !important;}
#column_wrapper .pc-pad {display: none;}
#column_wrapper .sp-cam {display: block!important;}

}