/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */



@charset "utf-8";
/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
.top_loader{
    display:none;
}
*/

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.main_img_wrap .menu {
    display: none;
}
/*
.main_img_wrap::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    pointer-events:none;
    background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.6) 20%,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0) 60%
  );
}
*/
.main_img_wrap .catch{
    width:60vw;
    max-width:800px;
    top:25%;
    left:5%;
    z-index:3;
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 820px){
.main_img_wrap{
    height: 70vh!important;
}
.main_img_wrap .catch{
    width: 44vw;
    top: 16%;
}
.main_img_wrap .tb_hide{
    display:none;
}
.main_img_wrap .d_block_tb{
    display:block;
}

}
@media screen and (max-width: 768px){

.main_img_wrap .catch {
    width: 47vw;
    top: 13%;
    left: 2%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.main_img_wrap {
    height: 50vh!important;
}

.main_img_wrap .catch {
    width: 60vw;
    top: 11%;
    left: 0%;
}
.link_type2 h3,
#top_cms .cms_title .title{
    font-feature-settings: "palt";
}
}

@media screen and (max-width:375px){
.main_img_wrap .catch{
    top: 2%;
}    
    
}


/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
header.clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .3s;
    transform: translateY(0);
}
#question{
background: #2453C9;
background: linear-gradient(rgba(36, 83, 201, 1) 0%, rgba(40, 149, 199, 1) 50%, rgba(36, 83, 201, 1) 100%);    
}
#contents .con_txt_wrap{
    z-index:1;
}
#contents .con_img{
    top:0;
    left:0;
}#contents .con2 .con_img{
    top:0;
    left:auto;
    right:0;
}
#question .txt {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom:10px;
}
#question .check {
    flex-shrink: 0;
}
#top_cms .cms_title{
    display: block;
    text-align: center;
}
#top_cms .top_cms_box{
    margin-bottom:130px;
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#contents .con_box{
    padding-bottom: calc(60vw - 20px);
}
#contents .con_img {
    height: 60vw;
    top: auto;
    bottom: 0;
}
#contents .con2 .con_img {
    top: auto;
}
#question .txt {
    width: 100%;
    margin-right: 0;
}
#question .txt:nth-of-type(5){
    margin-bottom:40px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

#contents .sp_txt{
    display:block;
}
#question .txt{
    gap: 0px;
}
#question .txt:nth-of-type(5){
    margin-bottom:30px;
}
}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.form_wrap select {
    background-color: 
 color-mix(in srgb, var(--color2) 20%, #fff);
}
/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}
@media screen and (max-width: 375px){
.contact_btn_wrap .contact_btn .editBtn1 a{
    font-size:21px!important;
}
#cms_2-g .cate_title {
        font-size: 1.5em;
    }
}