@charset "UTF-8";

.entry_main_bk{
    background: #f2f7f9!important;
    padding: 15px 0 80px;
}

.entry_main{
    max-width: 830px;
    margin:0 auto 0;
}

.title_entry{
    font-size: 2.5em;
    display: inline-block;
    width: auto;
    font-weight:400;
    line-height: 1.3em;
}

.title_entry_box{border-bottom: solid 1px #000;}

.entry_bk{
text-align: right;
margin-top: 30px;
color: #00608b;
display: inline-block;
width: auto;
}

.entry_bk::after{
    padding: 0 0 0 0.2rem;
    display: inline-block;
    width: 1rem;
    content:url('../../../common/img/icon/arrowblueR.svg');

}

dt dd{
    box-sizing: border-box;
}

dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px 0;
  }

  dt {
    display: flex;
    align-items: center;
    width: 30%;
    padding: 20px;
    background-color: #fff;
    color: #00608b;
font-size: 1rem;
  }
  
  dd {
    width: 70%;
    padding: 20px;
    background-color: #fff;
    display: flex;
  align-items: center;
  }

.entry_bt {
    display: block;
    padding: 30px;
}

.entry_bt span{
    display: inline-block;
    color: #fff;
}

.entry_bt_box{

    text-align: center;
    display: block;
    background: #00608b;
}

.entry_bt span::after{
    padding: 0 0 0.2rem;
    display: inline-block;
    width: 1rem;
    content:url('../../../common/img/icon/arrowWhiteR.svg');
    vertical-align: sub;
}

.welfare_bk{
    background: #e5eff3;
}


.welfare_box ul {
	margin:0;
	padding:0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}

.welfare_box ul li {
	background-color: #fff;
	padding:20px;
	text-align: center;
	display: inline-block;
	width: 19%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    line-height: 1.3em;
	}

    .welfare_box ul li:nth-child(5n),
    .welfare_box ul li:nth-child(10n){
        margin-right: 0;
    }

    .welfare_box ul li p{
        font-size: 0.9em;
    }

.welfare_box ul li img{
    width: 70%;
margin-bottom: 20px;
}

/* トップイメージ タイトル */

.page_head{
    padding:0;
    position: relative;
    background: #f2f7f9!important;
}

.head_img{
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    max-width: 1314px;
 margin: auto;
 background: #f2f7f9!important;
    padding: 0;
  }
  .head_img picture{
    left: 0;
    position: absolute;
    top: -50px;
    padding: 0 0 0 150px
}


.bread_box{
    display: inline-block;
margin: 0 0 30px;
}


  .page_title{
    position: absolute;
    top:190px;
    left: 10px;
    z-index: 99;
 text-align: center;
  }
  .page_title_en{
font-size: 7em;
    list-style: none;
    transform: rotate( 90deg );
    /* キーワードで指定する場合*/
transform-origin:center top;
font-family: var(--font-family-marcellus);
  }

  .page_title_jp{
    position: absolute;
    bottom: -30px;
    display: inline-block;
    left: 50%;
    margin-left: -37%;
  }

.reqt-Square:nth-child(2){
    margin-top: 20px;
}

  .reqt-Square_list:before {
    content: "■";
}

.list_entry{
display: block;    
}

.reqt-Square_list {
    padding-left: 1em;
    text-indent: -1em;
}

.reqt-Square_list-point {
    padding-left: 1em;
    text-indent: -1em;
}

.reqt-Square_list-point:before {
    content: "・";
}

.reqt-Square_list-asterisk {
    padding-left: 1em;
    text-indent: -1.2em;
}

.reqt-Square_list-asterisk:before {
    content: "＊";
}

.reqt-Square_list-circle {
    padding-left: 1em;
    text-indent: -1.1em;
}

.reqt-Square_list-circle:before {
    content: "●";
}

.reqt-Square_list-kome {
    padding-left: 1em;
    text-indent: -1.1em;
}

.reqt-Square_list-kome:before {
    content: "※";
}

.entry_main dl dd a{
    color: #00608b;
    display: block;
    width: 100%;
    position: relative;
    font-size: 1.3rem;
}

.entry_main dl dd a::after {
    padding: 0 0 0 0.2rem;
    display: inline-block;
    width: 1rem;
    content: url(../../../common/img/icon/arrowblueR.svg);
    right: 0;
    position: absolute;
}

.noentry{
    font-size: 2rem;
    text-align: center;
    margin: 20px auto;
}

.noflex{
    flex: none;
    display: block;
}

.entry_bt_main{
    margin-top: 30px;
}

.wait_txt{
    margin-top: 30px;
}


.head-border {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}

.chu{
    margin-top: 20px;
}

.reqt-Square_two{
    padding-left: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1163px) {

    .head_img{
        height: 35rem;
      }

      .head_img picture{
        left: 0px;
        position: absolute;
        top: -30px;
        width: 75rem;
    }


    .entry_main{
        margin:0 150px 0;
    }
    .breadcrumb a{
        color: #333;
        font-size: 1em;
      }

      .page_title{
        position: absolute;
        top:165px;
        left: 25px;
        z-index: 99;
     text-align: center;
      }
    
    
}

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

/*==========================================================================================
ここからSP
==========================================================================================*/

@media only screen and (max-width: 767px) {

    .title_entry{
        font-size: 1.8rem;
    }

    .entry_bk{
        margin-top: 20px;
    }

    .entry_main_bk{
   padding-top: 10px;
    }

    dt, dd{
    
        display: block;
        width: 100%;
    }

    dt{
    padding:20px 20px 0;
    }

    dd{
        padding:10px 20px 20px;
        }

        .welfare_box ul li {
            width: 49%;
            margin: 0 2% 2% 0;
        }
        .welfare_box ul li:nth-child(even){
            margin-right: 0;
        }
        .welfare_box ul li:nth-child(5n){
            margin-right: 2%;
        }
        .welfare_box ul li:nth-child(10n){
            margin-right: 0%;
        }

        .bread_box{
            left:35px;
            top:6rem;
        }

        .page_title{
            top:7rem;
            left:-5px;
            z-index: 99;
         text-align: center;
          }
        .page_title_en{
            font-size:4rem;

              }

              .page_title_jp{
                font-size: 1rem;
                margin-left: -5.3rem;
              }
            
              .head_img {
                height: 370px;
                width: 80%;
                margin-left: 20%;
              }
              .head_img picture {
                left: -90%;
                position: absolute;
                top: -20px;
                width: 54rem;
              }
        
              .noentry{
                font-size: 1.7rem;
                text-align: center;
                margin: 20px auto;
            }

            .head_img .contract_img{
                left: -115%;
                position: absolute;
                top: -20px;
                width: 55rem;
            }
    
}