@charset "utf-8";

@media print, screen and (min-width: 1027px){
/**************************
PC用スタイル
**************************/
html body {
    overflow-x: hidden;
}
/* ヘッダ */
.Hed_bg{
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color: var(--bg1-col);
}
.Hed_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Hed_logo{}
.Hed_logo img{
    width: 250px;
}
.Hed_menu{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 570px;
}
.Hed_menu ul{
    display: flex;
    justify-content: justify-content: flex-end;
}
.Hed_menu ul li{}
.Hed_menu ul li a{
    text-decoration: none;
    font-weight: 700;
    font-size: clamp(8px, 1.21vw, 24px);
    transform: rotate(0.05deg);
    color: #313333;
    border-right: 1px solid #B8B8B8;
    padding-right: 10px;
    padding-left: 10px;
}
.Hed_menu ul li:last-of-type a{
    padding-right: 0px;
    padding-left: 10px;
    border-right: 0px;
}
.Hed_menu ul li a {
    position: relative; /*アンダーラインの位置を決めるための基準 */
}
.Hed_menu ul li a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 90%;
    height: 2px;
    background: #1c5a7e;
    bottom: -5px;
    transform: scale(0, 2);
    transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
    transition: transform 0.3s;   /*変形の時間*/
    margin-left: 5%;    
}
.Hed_menu ul li a:hover {
    color: #1c5a7e;
}
.Hed_menu ul li a:hover::after {
transform: scale(1, 2); /*ホバー後、x軸方向に1（相対値）伸長*/
}
.Hed_contact{
    display: flex;
    align-items: center;
    width: 340px;
}
.Hed_contact a{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    padding-left: 45px;
}
.Hed_contact_mail{
    width: 120px;
    background-color: var(--text1-col);
    background-image: url(../img/hed_mail_btm.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    background-size: 27px auto;
    border-radius: 10px;
    min-width: 120px;
    margin-right: 5px;
}
.Hed_contact_mail_small{
    font-size: 12px;
    font-weight: 700;
    margin-left: -17px;
    letter-spacing: 2px;
}
.Hed_contact_mail a:hover{
    background-image: url(../img/hed_mail_btm.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    background-size: 27px auto;
    border-radius: 10px;
    color: #FFED00;
    background-color: var(--text1-2-col);
    transition: background-color 0.1s linear;
    padding-left: 45px;
    filter: sepia(1%);
}
.Hed_contact_tel{
    width: 210px;
    background-color: var(--text2-col);
    background-image: url(../img/hed_tel_btm.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    background-size: 30px auto;
    border-radius: 10px;
    min-width: 210px;
}
.Hed_contact_tel_small{
    font-size: 12px;
    font-weight: 700;
    margin-left: -33px;
}
.Hed_contact_tel a{
    font-size: 26px;
    line-height: 18px;
}
.Hed_contact_tel a:hover{
    background-image: url(../img/hed_tel_btm.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    background-size: 30px auto;
    border-radius: 10px;
    color: #FFED00;
    background-color: var(--text2-2-col);
    padding-left: 45px;
    filter: sepia(1%);
    transition: background-color 0.1s linear;
}

section{
    margin-top: 90px;
}

.Main_bg00{
    background-image: url(../img/hed_bg_00.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: relative;
    z-index: 1;
    text-align: left;
}
.Main_bg01{
    background-image: url(../img/hed_bg_01.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 65% auto;
    position: relative;
    z-index: 2;
}
.Main_bg02{
    background-image: url(../img/hed_bg_02.png);
    background-repeat: no-repeat;
    background-position: 28% 1%;
    background-size: 30% auto;
    position: relative;
    z-index: 3;
}
.Main_bg03{
    background-image: url(../img/hed_bg_03.png);
    background-repeat: no-repeat;
    background-position: right 95%;
    background-size: 30% auto;
    position: relative;
    z-index: 4;
}
.Main_bg03 img{
    width: 40%;
    margin-top: 14%;
    margin-left: 1%;
    margin-bottom: 4%;
}
.Main_bg04{
    background-image: url(../img/hed_bg_04.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: relative;
    z-index: 6;
    height: 150px;
    margin-top: -150px;
}
/* ヘッダーの背景アニメーション */
.anime_txt1 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0s; 
}
.anime_txt2 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0.2s; 
}
.anime_txt3 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0.4s; 
}
@keyframes catch_anime {
  0% {
    transform: translateY(20px);
  }
   100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ページ共通 タイトル・コメント */
.Page_title1{
    width: 100%;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    text-shadow: 2px 2px 5px #FFFFFF;
    border-bottom: 1px solid #989898;
    display: block;
    padding-bottom: 10px;
}
.Page_title2{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 58px;
    color: var(--text4-col);
    position: relative;
    margin-bottom: 50px;
}
.Page_title2::after {
    border-radius: 20px;
    position: absolute; /*親要素であるaタグを基準に位置を指定*/
    left: 45%;            /*アンダーラインを各メニュー（aタグ）の左端に指定*/
    content: '';        /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーラインなので何も記載しない*/
    width: 100px;        /*アンダーラインを各aタグの幅に合わせる*/
    height: 5px;        /*アンダーラインの高さ（太さ）*/
    bottom: -10px;       /*アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています*/
    background-color: #1345AA;/*アンダーラインの色*/
}
.Page_title3{
    width: 100%;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    display: block;
    color: #3B3B3B;
}
/* ページ共通 3大安心宣言 */
.Top_declaration_bg{
    background-color: var(--bg3-col);
    padding-bottom: 350px;
    background-image: url(../img/hed_bg_05.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-top: 50px;
    margin-top: -5px;
}
.Top_declaration_bloc{}
.Top_declaration_title{
    border: 10px solid #FF0004;
    background-color: #FFFFFF;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1.5%;
    letter-spacing: 20px;
    border-radius: 100px 100px 100px 100px;
    margin-bottom: 30px;
}
.Top_declaration_title p{
    font-size: 82px;
    line-height: 102px;
    color: #A80000;
    font-weight: 700;
}
.Top_declaration_title_num{
    font-size: 142px;
    font-weight: 700;
    letter-spacing: -10px;
    vertical-align: text-top;
}
.Top_declaration_list{
    display: flex;
    justify-content: space-between;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_declaration_item{
    width: 32%;
    border: 15px solid #abdffa;
    border-radius: 200px 200px 0px 0px;
    background-color: #FFFFFF;
    padding-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
}
.Top_declaration_item_h1_title{
    width: calc(100% + 40px);
    margin-top: -50px;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 30px;
    background-color: #FFD400;
    font-size: clamp(12px, 1.9vw, 26px);
    line-height: 36px;
    color: #000000;
    font-weight: 700;
    border: 5px solid #000000;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
.Top_declaration_item_h2_title{
    font-size: clamp(38px, 2.5vw, 42px);
    line-height: 52px;
    font-weight: 700;
    color: var(--text4-col);
    margin-bottom: 20px;
}
.Top_declaration_item_txt{
    margin-bottom: 30px;
    text-align: left;
    text-align: justify;
}
.Top_declaration_item_txt p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}
/* ページ共通 新聞 */
.Top_news_bg{
    background-color: var(--bg2-col);
    height: auto;
    background-image: url(../img/hed_bg_06.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 200px;
}
.Top_news_bloc{
    border-radius: 10px 10px 10px 10px;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #F9F9F9;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    transform: translateY(-200px);
    margin-bottom: -100px;
}
.Top_news_img{
    width: 58%;
}
.Top_news_img img{
    width: 100%;
}
.Top_news_coment{
    box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, .2);
    width: 40%;
    text-align: left;
    background-color: #FFFFFF;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.Top_news_coment p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 15px;
}
.Top_news_tel_list{}
.Top_news_tel_list ul{}
.Top_news_tel_list ul li{
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}
.Top_news_point_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_point_title{
    border-radius: 10px;
    background-color: var(--text4-col);
    color: #FFFFFF;
    font-size: 52px;
    line-height: 62px;
    font-weight: 700;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.Top_news_point_coment {
    margin-bottom: 100px;
}
.Top_news_point_coment p{
    font-size: 26px;
    line-height: 50px;
    font-weight: 700;
}
.Top_news_point_bloc ul{
    text-align: left;
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_point_bloc ul li{
    font-size: 32px;
    line-height: 62px;
    font-weight: 700;
    border: 1px solid #8E8E8E;
    background-color: #FFFFFF;
    margin-bottom: 50px;
    padding-left: 10px;
}
.Top_news_point_bloc ul li:last-of-type{
    margin-bottom: 0px;
}
.Top_news_point_pointno_txt{
    border-radius: 20px;
    font-size: 24px;
    font-weight: 700;
    border: 1px solid #8E8E8E;
    position: relative;
    top: -25px;
    background-color: #FFED00;
    margin-right: 10px;
    padding-left: 40px;
    padding-bottom: 3px;
    padding-right: 20px;
    left: -25px;
    background-image: url(../img/icon_point_02.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    background-size: 27px auto;
}
/* ページ共通 4つの約束 */
.Top_promise_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../img/hed_bg_04.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_promise_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_promise_coment {
    margin-bottom: 100px;
}
.Top_promise_coment p{
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
}
.Top_promise_no_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Top_promise_no_item{
    width: 49%;
    border: 10px double var(--text4-col);
    margin-bottom: 30px;
    background-color: #FFFFFF;
}
.Top_promise_no_item_title{
    font-size: 26px;
    line-height: 46px;
    font-weight: 700;
    border-bottom: 2px dashed #C1C1C1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #FFF500;
    padding-top: 1%;
    color: #0044FF;
}
.Top_promise_no_item_coment{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    padding-right: 2%;
    padding-bottom: 1%;
    padding-left: 2%;
    text-align: justify;
}
/* ページ共通 トラブル */
.Top_trouble_bg{
    padding-top: 100px;
    padding-bottom: 200px;
    background-color: var(--bg3-col);
}
.Top_trouble_bloc{
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 20px;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--bg1-col);
}
.Top_trouble_title_main{}
.Top_trouble_title{
    width: 90%;
    border-radius: 20px;
    background-color: var(--text4-col);
    color: #FFFFFF;
    font-size: 52px;
    line-height: 62px;
    font-weight: 700;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.Top_trouble_item{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
.Top_trouble_bloc .Top_trouble_item:last-of-type{
    margin-bottom: 0px;
}
.Top_trouble_item_img{
    width: 35%;
}
.Top_trouble_item_img img{
    width: 100%;
}
.Top_trouble_item_txt_box{
    width: 60%;
    text-align: left;
}
.Top_trouble_item_title{
    font-size: 36px;
    color: var(--text5-col);
}
.Top_trouble_item_txt_box ul{}
.Top_trouble_item_txt_box ul li{
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 30px;
    background-image: url(../img/icon_trouble_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 30px;
}
.Top_trouble_item_pay_txt{
    width: 100%;
    border-radius: 20px;
    font-size: 52px;
    line-height: 80px;
    font-weight: 700;
    background-color: #C80003;
    color: var(--text7-col);
    text-align: center;
    -webkit-text-stroke: 1px var(--text7-col);
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: none;
}
.Top_trouble_item_pay_price{
    font-size: 32px;
    font-weight: 700;
    position: relative;
    top: -5px;
    color: #FFFFFF;
    margin-right: 10px;
    -webkit-text-stroke: 0px #FFFFFF;
}
/* ページ共通 お任せ！ */
.Top_leave_bg{
    padding-top: 100px;
    padding-bottom: 150px;
    background-color: var(--bg1-col);
}
.Top_leave_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_leave_title{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 58px;
    color: var(--text8-col);
    margin-bottom: 50px;
}
.Top_leave_img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.Top_leave_img img{
    width: 100%;
}
/* ページ共通 即日対応可能！ */
.Top_same_day_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bg1-col);
}
.Top_same_day_bloc{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_same_day_title{
    margin-bottom: 50px;
    background-color: #FFF000;
    padding-top: 40px;
    padding-bottom: 40px;
}
.Top_same_day_title p{
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    line-height: 80px;
    color: var(--text4-col);
}
.Top_same_day_sub_title{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 58px;
    color: var(--text8-col);
    letter-spacing: 5px;
    margin-bottom: 50px;
}
.Top_same_day_sub_txt01{
    border-radius: 20px;
    font-size: 64px;
    background-color: var(--text6-col);
    color: #FFFFFF;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 5px;
    margin-right: 10px;
    position: relative;
    bottom: -5px;
    padding-bottom: 5px;
}
.Top_same_day_sub_txt02{
    font-size: 100px;
    color: var(--text1-col);
    font-weight: 700;
    position: relative;
    bottom: -20px;
}
.Top_same_day_bg_main {
    position: relative;
    top: 0px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 38%;
    background-image: url(../img/same_day_bg_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
.Top_same_day_bg1 {
    width: 100%;
    background-image: url(../img/same_day_bg_02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.Top_same_day_coment{
    font-weight: 700;
    font-style: normal;
    font-size: 34px;
    line-height: 52px;
    color: var(--text6-col);
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_same_day_coment_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--text6-col);
}
.Top_same_day_coment_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--text3-col);
}
/* ページ共通 選ばれる理由！ */
.Top_chosen_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bg1-col);
}
.Top_chosen_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_chosen_title{
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 100px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_chosen_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    background-image: radial-gradient(circle at center, var(--text3-col) 15%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1.02em 0.5em; /* 点の間隔とサイズ調整 */
    padding-top: .2em; /* 縦方向の位置調整 */
    color: var(--text3-col);
}
.Top_chosen_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    color: var(--text6-col);
}
.Top_chosen_bloc .Top_chosen_item1:last-of-type,.Top_chosen_bloc .Top_chosen_item2:last-of-type{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.Top_chosen_item1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 100px;
    padding-bottom: 100px;
}
.Top_chosen_item2{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 100px;
    padding-bottom: 100px;
}
.Top_chosen_item_content{
    width: 47%;
}
.Top_chosen_item_img{
    width: 47%;
}
.Top_chosen_item_img img{
    width: 100%;
}
.Top_chosen_item_title{
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    line-height: 60px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    color: #3B3B3B;
    text-align: left;
}
.Top_chosen_item_coment{
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    text-align: justify;
}
/* ページ共通 どこに頼めばいいのか？ */
.Top_komarigoto_bg{
    padding-top: 0px;
}
.Top_komarigoto_bloc{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_komarigoto_bloc_bg_main {
    position: relative;
    top: 0px;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 735px;
    background-color: #fffb00;
    margin-bottom: 0px;
    background-image: url(../img/hed_bg_06.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.Top_komarigoto_bloc_bg1 {
    width: 100%;
    background-image: url(../img/komarigoto_pc_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 735px;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.Top_komarigoto_bloc_bg2 {
    width: 100%;
    background-image: url(../img/komarigoto_pc_02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 735px;
    position: absolute;
    top: 0px;
    z-index: 5;
}
.Top_komarigoto_bloc_bg3 {
    width: 100%;
    background-image: url("../img/komarigoto_pc_03.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 735px;
    position: absolute;
    top: 0px;
    z-index: 3;
}
.Top_komarigoto_bloc_bg4 {
    width: 100%;
    background-image: url("../img/komarigoto_pc_04.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 735px;
    position: absolute;
    top: 0px;
    z-index: 4;
}
.Top_komarigoto_bloc_bg5 {
    width: 100%;
    background-image: url("../img/komarigoto_pc_05.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 735px;
    position: absolute;
    top: 0px;
    z-index: 5;
}

.Top_komarigoto_bloc img{
    width: 100%;
}
/* ページ共通 実績の紹介 */
.Top_achievements_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_achievements_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_achievements_title{
  width: calc(100% + 100px);
  margin: 0 -50px;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 100px;
    color: #3B3B3B;
    letter-spacing: 2px;
}
p.Top_achievements_title{
    margin-bottom: 140px;
}
p.Top_achievements_title:last-of-type{
    margin-bottom: 40px;
}
.Top_achievements_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    background-image: radial-gradient(circle at center, var(--text3-col) 15%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1.02em 0.5em; /* 点の間隔とサイズ調整 */
    padding-top: .2em; /* 縦方向の位置調整 */
    color: var(--text3-col);
}
.Top_achievements_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    color: var(--text6-col);
}
.Top_achievements_item{
    display: flex;
    justify-content: space-between;
}
.Top_achievements_item_content{
    width: 60%;
    text-align: left;
}
.Top_achievements_item_title{
    border: 5px solid var(--text6-col);
    border-radius: 100px 20px 20px 100px;
    position: relative;
    z-index: 2;
}
.Top_achievements_item_title p{
    background-color: #FFFD00;
    display: inline-block;
    border-radius: 100px;
    padding-top: 18px;
    padding-bottom: 28px;
    width: 86px;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: var(--text6-col);
    text-align: center;
}
.Top_achievements_item_number{
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}
.Top_achievements_item_txt1{
    border-radius: 50px 20px 0px 0px;
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: var(--text6-col);
    top: -95px;
    margin-left: 10px;
    padding-left: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Top_achievements_item_txt2{
    border-radius: 0px 0px 10px 30px;
    position: relative;
    z-index: 1;
    top: -95px;
    background-color: var(--text6-col);
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    margin-left: 10px;
    padding-left: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
}
.Top_achievements_item_coment{
    position: relative;
    z-index: 1;
    top: -80px;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    padding-left: 50px;
    text-align: justify;
    padding-right: 5px;
}
.Top_achievements_item_img{
    width: 38%;
}
.Top_achievements_item_img_sp{
    display: none;
}
.Top_achievements_item_img img{
    width: 100%;
    border-radius: 20px;
}
/* ページ共通 社長あいさつ */
.Top_profile_bg{
    width: 100%;
    padding-top: 0px;
    padding-bottom: 100px;
}
.Top_profile_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_profile_bg_img{
    background-image: url(../img/hed_bg_06.png),url(../img/cp_bg.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: center bottom,center bottom;
    background-size: contain,cover;
    height: 600px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.Top_profile_title{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 -50px;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 100px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_profile_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    color: var(--text3-col);
}
.Top_profile_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    color: var(--text6-col);
}
.Top_profile_item{
    display: flex;
    justify-content: space-between;
}
.Top_profile_item_img{
    width: 40%;
}
.Top_profile_item_img img{
    width: 100%;
}
.Top_profile_item_img h3{
    border-radius: 10px 10px 10px 10px;
    font-weight: 700;
    font-style: normal;
    font-size: 34px;
    line-height: 64px;
    border: 3pt solid #FFFFFF;
    display: inline-block;
    background-color: #575757;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: -50px;
}
.Top_profile_item_coment{
    width: 58%;
    text-align: left;
}
.Top_profile_item_coment p{
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 30px;
}
.Top_profile_item_coment p:last-of-type{
    margin-bottom: 0px;
}
.Top_profile_item_coment h3{
    border-radius: 10px;
    font-size: 24px;
    line-height: 28px;
    background-color: var(--text6-col);
    color: #FFFFFF;
    font-weight: 700;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
.Top_profile_item_coment ul{}
.Top_profile_item_coment ul li{
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 44px;
    background-image: url(../img/icon_point_04.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 40px;
}
/* ページ共通 お客様の声 */
.Top_voice_bg{
    padding-top: 7%;
    background-image: url(../img/hed_bg_05.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_voice_bloc{
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #abdffa;
}
.Top_voice_box{
    border-radius: 10px;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--text4-col);
    padding-top: 50px;
    padding-bottom: 50px;
}
.Top_voice_title{
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 72px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_voice_item{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.Top_voice_box .Top_voice_item:last-of-type{
    margin-bottom: 0px;
}
.Top_voice_item_title_box{
    border-radius: 10px 10px 0px 0px;
    background-color: #FFFD00;
    display: flex;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.Top_voice_item_title_img{
    width: 15%;
    margin-right: 10px;
}
.Top_voice_item_title_img img{
    width: 100%;
}
.Top_voice_item_title_content{
    width: 85%;
    text-align: left;
}
.Top_voice_item_title_acc_txt{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    border-bottom: 1px solid var(--text4-col);
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.Top_voice_item_title_txt{
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 64px;
}
.Top_voice_item_coment{
    border-radius: 0px 0px 10px 10px;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    background-color: #FFFFFF;
    text-align: left;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: justify;
}
/* ページ共通 施工の流れ */
.Top_flow_bg{
    padding-top: 300px;
    padding-bottom: 50px;
    background-image: url(../img/hed_bg_00.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_flow_bloc{
    max-width: 1380px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.Top_flow_title{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 -50px;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 100px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_flow_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    color: var(--text3-col);
}
.Top_flow_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    color: var(--text6-col);
}
.Top_flow_list{
    display: flex;
}
.Top_flow_item{
    border: 3px solid var(--text4-col);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 10px;
    width: 230px;
    height: 80px;
}
.Top_flow_item_no{
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    border-radius: 100px;
    border: 3px solid var(--text4-col);
    background-color: #FFFD00;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: -40px;
    left: -50%;
}
.Top_flow_item_txt{
    position: relative;
    top: -40px;
    left: -0px;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
}
.Top_flow_next_box{
    width: 50px;
    padding-top: 1.3%;
    margin-right: 10px;
}
.Top_flow_next_box img{
    width: 50px;
}
/* ページ共通 Q＆A */
.Top_q_a_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_q_a_bloc{
    border-radius: 10px;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4A85B1;
    padding-top: 50px;
    padding-bottom: 50px;
}
.Top_q_a_title{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 52px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #FFFFFF;
    padding-bottom: 50px;
}
.Top_q_a_item{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 70px;
    border-bottom: 1px dotted #FFFFFF;
    padding-bottom: 30px;
}
.Top_q_a_bloc .Top_q_a_item:last-of-type{
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.Top_q_a_qtxt{
    border-radius: 10px;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}
.Top_q_a_qtxt p{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
}
.Top_q_a_qmark{
    border-radius: 50px;
    background-color: #FFFD00;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 28px;
    padding-left: 13px;
    padding-right: 13px;
    border: 3px solid #FF0004;
    padding-bottom: 5px;
    position: relative;
    left: -50px;
    top: -25px;
    margin-right: -25px;
}
.Top_q_a_atxt{}
.Top_q_a_atxt p{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    padding-left: 45px;
}
.Top_q_a_amark{
    border-radius: 50px;
    background-color: #FFFD00;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 28px;
    padding-left: 13px;
    padding-right: 13px;
    border: 3px solid #FF0004;
    padding-bottom: 5px;
    position: relative;
    left: -70px;
    margin-right: -50px;
    color: #000000;
}
/* ページ共通 マップ */
.Top_map_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_map_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.Top_map_content{
    width: 49%;
    text-align: left;
}
.Top_map_title{
    background-image: url(../img/map_title_bg.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 72px;
    padding-top: 80px;
    padding-right: 100px;
    padding-bottom: 80px;
    padding-left: 100px;
    display: inline-block;
    margin-bottom: 30px;
}
.Top_map_area{

}
.Top_map_area ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Top_map_area ul li{
    width: 45%;
    color: #4e88ae;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 72px;
    text-align: left;
}
.Top_map_area ul li:before{
    content: "";     /* 空の要素作成 */
    width: 20px;               /* 幅指定 */
    height: 20px;              /* 高さ指定 */
    display: inline-block;     /* インラインブロックにする */
    background-color: #ef9300;  /* 背景色指定 */
    border-radius: 50%;        /* 要素を丸くする */
    margin-right: 10px;        /* テキストとの距離 */
    position: relative;        /* テキストとの位置 */
    top: -7px;
}
.Top_map_img{
    width: 50%;
}
.Top_map_img img{
    width: 100%;
}
/* ページ共通 フッター問い合わせ */
.Top_Ft_contact_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #4e88ae;
}
.Top_Ft_contact_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_Ft_contact_title{
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 72px;
    margin-bottom: 30px;
}
.Top_Ft_contact_sub_coment{
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 50px;
}
.Top_Ft_contact_tel_box{
    margin-bottom: 100px;
}
.Top_Ft_contact_tel_box a{
    border-radius: 10px;
    display: block;
    background-color: var(--text2-col);
    text-decoration: none;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../img/yajirushi_off_01.png);
    background-position: 98% center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    transition: 0.1s linear;
}
.Top_Ft_contact_tel_box a:hover{
    background-color: var(--text2-2-col);
    color:  var(--text7-col);
}
.Top_Ft_contact_tel_title{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 62px;
}
.Top_Ft_contact_tel_tel_txt1{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
}
.Top_Ft_contact_tel_tel_txt2{
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    line-height: 92px;
}
.Top_Ft_contact_tel_time{
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
}
.Top_Ft_contact_pp_box{
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #FFFFFF;
    color: #3F3F3F;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -40px;
    overflow-x: scroll;
    height: 300px;
    overflow-x: hidden;
    margin-bottom: 100px;
}
.Top_Ft_contact_pp_title{
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 30px;
}
.Top_Ft_contact_pp_sub_coment{
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.Top_Ft_contact_pp_box dl{}
.Top_Ft_contact_pp_box dl dt{
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3F3F3F;
    padding-bottom: 10px;
}
.Top_Ft_contact_pp_box dl dd{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
}
.Top_Ft_contact_pp_box dl dd:last-of-type{
    margin-bottom: 0px;
}
.Top_Ft_contact_form_box{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.Top_Ft_contact_form_box dl{
    text-align: left;
}
.Top_Ft_contact_form_box dl dt{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
    letter-spacing: 2px;
}
.Top_Ft_contact_form_box dl dd{
    margin-bottom: 30px;
}
.Top_Ft_contact_form_title{}
.Top_Ft_contact_form_re{
    font-size: 16px;
    background-color: #EF9300;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
}
.Top_Ft_contact_form_multiple{
    width: 70%;
    text-align: right;
    display: inline-block;
    font-weight: 700;
}
.Top_Ft_contact_form_box label{
    border-radius: 5px;
    width: 47%;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 50px;
    display: inline-block;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #3F3F3F;
    padding-left: 10px;
    margin-right: 20px;
}
input[type=checkbox] {
    transform: scale(1.2);
    margin-right: 5px;
}
.Top_Ft_contact_form_check_txt{
    font-weight: 400;
}
.Top_Ft_contact_form_box .button01 {
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 50px;
    background-color: var(--text1-col);
    border: 2px solid #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.Top_Ft_contact_form_box .button01:hover {
    background-color: var(--text1-2-col);
    color: var(--text7-col);
}
/* ページ共通 問い合わせブロック */
.Top_contact_bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #4ab9f7;
}
.Top_contact_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_contact_box{
    display: flex;
    justify-content: space-between;
}
.Top_contact_img{
    width: 30%;
}
.Top_contact_img img{
    width: 100%;
}
.Top_contact_content{
width: 68%;
}
.Top_contact_mail_small{
    font-weight: 700;
    font-size: 36px;
}
.Top_contact_mail{
    margin-bottom: 30px;
}
.Top_contact_mail a{
    border-radius: 20px;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    line-height: 46px;
    background-color: var(--text1-col);
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../img/contact_mail.png),url(../img/yajirushi_off_01.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 30px center,98% center;
    background-size: 50px auto,50px auto;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 35px;
}
.Top_contact_mail a:hover{
    background-image: url(../img/contact_mail.png),url(../img/yajirushi_on_01.png);
    color: #FFED00;
    background-color: var(--text1-2-col);
    transition: background-color 0.1s linear;
}
.Top_contact_tel{}
.Top_contact_tel_small{
    font-size: 32px;
    font-weight: 700;
    position: relative;
}
.Top_contact_tel_Number{
    font-size: 90px;
    font-weight: 700;
    position: relative;
    bottom: -10px;
}
.Top_contact_tel a{
    border-radius: 20px;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 56px;
    line-height: 60px;
    background-color: var(--text2-col);
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../img/contact_tel.png);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 70px auto;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 15px;
}
.Top_contact_tel a:hover{
    color: #FFED00;
    background-color: var(--text2-2-col);
    transition: background-color 0.1s linear;
}

  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */


/* ページ共通 contact */
input[type='text'],input[type='email'],textarea {
    font: 16px/2.0 sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 0.6em;
    color: #000000;
    border: 1px solid #1b2538;
    border-radius: 4px;
    transition: 0.3s;
}
input[type='text']:focus,input[type='email']:focus,textarea:focus {
  border: 1px solid #da3c41;
  box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
  outline: none;
}
input:focus::placeholder,textarea:focus::placeholder {
  color: transparent;
}
textarea {
    height: 300px;
}
input, button, textarea, select {}


/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/* フッター 共通 */
.Foot_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Foot_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Foot_logo{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.Foot_logo img{
    width: 100%;
}
.Foot_acc{
    margin-bottom: 30px;
}
.Foot_acc p{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
}
.Foot_tel_title{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #EF9300;
    margin-bottom: 0px;
}
.Foot_tel_txt1{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
}
.Foot_tel_txt2{
    font-weight: 700;
    font-style: normal;
    font-size: 90px;
    line-height: 100px;
}
.Foot_time{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
}
.Foot_sp_contact_bg{
    display: none;
}
/*　リストアイコン軍　*/

/* 非表示 */
.pc-hide{
    /*<br / class="pc-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 100px;
    margin-top: -100px;
    display:inline-block;
}


}
@media screen and (max-width: 1027px){
/**************************
スマホ用スタイル
**************************/
/* ヘッダ */
.Hed_bg{
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color: var(--bg1-col);
}
.Hed_bloc{}
.Hed_logo{}
.Hed_logo img{
    width: 200px;
}
.Hed_menu{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20vh;
}
.Hed_menu ul{}
.Hed_menu ul li{
    margin-bottom: 30px;
}
.Hed_menu ul li a{
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    transform: rotate(0.05deg);
    color: #313333;
}
.Hed_menu ul li a {
position: relative; /*アンダーラインの位置を決めるための基準 */
}
.Hed_menu ul li a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #1c5a7e;
bottom: -5px;
transform: scale(0, 2);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;   /*変形の時間*/
}

.Hed_menu ul li a:hover::after {
transform: scale(1, 2); /*ホバー後、x軸方向に1（相対値）伸長*/
}
.Hed_contact{
    display: none;
}
/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 10px;
  top: 20px;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 35px;
  height: 5px;
  right: 0;
  background-color: #000;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 1px;
}

.hamburger__line--2 {
  top: 12px;
}

.hamburger__line--3 {
  top: 24px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  top: -100%; /*ハンバーガーがクリックされる前はWindow上部に隠す*/
  left: 0;
  width: 100%; /* 出てくるスライドメニューの幅 */
  height: 80vh;
  background-color: #fff;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto;
}

/*ハンバーガーがクリックされたら上からスライド*/
.open .sp-nav {
    top: 0;
    background-color: #FAFF5B;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}
section{
    margin-top: 70px;
}

.Main_bg00{
    position: relative;
    z-index: 1;
    text-align: left;
    background-color: #E8F0FF;
    height: 500px;
}
.Main_bg01{
    background-image: url(../img/hed_bg_01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
    height: 500px;
    position: relative;
    z-index: 2;    
}
.Main_bg02{
    background-image: url(../img/hed_bg_02_sp.png);
    background-repeat: no-repeat;
    background-position: 0% 98%;
    background-size: 60% auto;
    height: 500px;
    position: relative;
    z-index: 3;
}
.Main_bg03{
    background-image: url(../img/hed_bg_03.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 45% auto;
    position: relative;
    z-index: 4;
    height: 500px;
}
.Main_bg03 img{
    width: 90%;
    margin-top: 2%;
    margin-left: 5%;
    margin-bottom: 4%;
    text-align: center;
}
.Main_bg04{
    background-image: url(../img/hed_bg_04.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: relative;
    z-index: 10;
    height: 50px;
    margin-top: -50px;
}
/* ヘッダーの背景アニメーション */
.anime_txt1 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0s; 
}
.anime_txt2 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0.2s; 
}
.anime_txt3 {
  transition: 1s;
  opacity: 0;
  transform: translateY(50px);
  display: block;
    animation: catch_anime 2s forwards 0.4s; 
}
@keyframes catch_anime {
  0% {
    transform: translateY(20px);
  }
   100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ページ共通 タイトル・コメント */
.Page_title1{
    width: 100%;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 42px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    text-shadow: 2px 2px 5px #FFFFFF;
    border-bottom: 1px solid #989898;
    display: block;
    padding-bottom: 10px;
}
.Page_title2{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 58px;
    color: var(--text4-col);
    position: relative;
    margin-bottom: 50px;
}
.Page_title2::after {
    border-radius: 20px;
    position: absolute; /*親要素であるaタグを基準に位置を指定*/
    left: 32vw;            /*アンダーラインを各メニュー（aタグ）の左端に指定*/
    content: '';        /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーラインなので何も記載しない*/
    width: 100px;        /*アンダーラインを各aタグの幅に合わせる*/
    height: 5px;        /*アンダーラインの高さ（太さ）*/
    bottom: -10px;       /*アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています*/
    background-color: #1345AA;/*アンダーラインの色*/
}
.Page_title3{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    display: block;
    color: #3B3B3B;
}
/* ページ共通 3大安心宣言 */
.Top_declaration_bg{
    background-color: var(--bg3-col);
    padding-bottom: 50px;
    background-image: url(../img/hed_bg_05.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-top: 20px;
    margin-top: -5px;
    position: relative;
    z-index: 9;
}
.Top_declaration_bloc{}
.Top_declaration_title{
    width: 90%;
    border: 10px solid #FF0004;
    background-color: #FFFFFF;
    display: inline-block;
    padding-top: 20px;
    letter-spacing: 10px;
    border-radius: 100px 100px 100px 100px;
    margin-bottom: 30px;
    padding-bottom: 25px;
}
.Top_declaration_title p{
    font-size: 32px;
    line-height: 42px;
    color: #A80000;
    font-weight: 700;
}
.Top_declaration_title_num{
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -10px;
    vertical-align: text-top;
}
.Top_declaration_list{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_declaration_item{
    width: 100%;
    border: 5px solid #abdffa;
    border-radius: 200px 200px 0px 0px;
    background-color: #FFFFFF;
    padding-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.Top_declaration_item_h1_title{
    width: calc(100% + 40px);
    margin-top: -50px;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 30px;
    background-color: #FFD400;
    font-size: clamp(24px, 1.9vw, 60px);
    line-height: 36px;
    color: #000000;
    font-weight: 700;
    border: 5px solid #000000;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
.Top_declaration_item_h2_title{
    font-size: clamp(38px, 2.5vw, 42px);
    line-height: 52px;
    font-weight: 700;
    color: var(--text4-col);
    margin-bottom: 20px;
}
.Top_declaration_item_txt{
    margin-bottom: 30px;
    text-align: left;
    text-align: justify;
}
.Top_declaration_item_txt p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}
/* ページ共通 新聞 */
.Top_news_bg{
    background-color: var(--bg2-col);
    height: auto;
    background-image: url(../img/hed_bg_06.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 100px;
    padding-top: 30px;
}
.Top_news_bloc{
    border-radius: 10px 10px 10px 10px;
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #F9F9F9;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-bottom: 50px;
}
.Top_news_img{
    width: 100%;
    margin-bottom: 30px;
}
.Top_news_img img{
    width: 100%;
}
.Top_news_coment{
    box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, .2);
    width: 100%;
    text-align: left;
    background-color: #FFFFFF;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
}
.Top_news_coment p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 15px;
}
.Top_news_tel_list{}
.Top_news_tel_list ul{}
.Top_news_tel_list ul li{
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
.Top_news_tel_list ul li:last-of-type{
    margin-bottom: 0px;
}
.Top_news_point_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_point_title{
    width: 100%;
    border-radius: 10px;
    background-color: var(--text4-col);
    color: #FFFFFF;
    font-size: 32px;
    line-height: 52px;
    font-weight: 700;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.Top_news_point_coment {
    margin-bottom: 50px;
    text-align: left;
}
.Top_news_point_coment p{
    font-size: 22px;
    line-height: 42px;
    font-weight: 700;
}
.Top_news_point_bloc ul{
    text-align: left;
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_point_bloc ul li{
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    border: 1px solid #8E8E8E;
    background-color: #FFFFFF;
    margin-bottom: 50px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.Top_news_point_bloc ul li:last-of-type{
    margin-bottom: 0px;
}
.Top_news_point_pointno_txt{
    border-radius: 20px;
    font-size: 24px;
    font-weight: 700;
    border: 1px solid #8E8E8E;
    position: relative;
    top: -40px;
    background-color: #FFED00;
    margin-right: -150px;
    padding-left: 40px;
    padding-bottom: 3px;
    padding-right: 20px;
    left: -25px;
    background-image: url(../img/icon_point_02.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    background-size: 27px auto;
}
/* ページ共通 4つの約束 */
.Top_promise_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../img/hed_bg_04.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_promise_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_promise_coment {
    margin-bottom: 50px;
}
.Top_promise_coment p{
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
}
.Top_promise_no_list{}
.Top_promise_no_item{
    width: 100%;
    border: 10px double var(--text4-col);
    margin-bottom: 30px;
    background-color: #FFFFFF;
}
.Top_promise_no_item_title{
    font-size: 26px;
    line-height: 46px;
    font-weight: 700;
    border-bottom: 2px dashed #C1C1C1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #FFF500;
    padding-top: 1%;
    color: #0044FF;
}
.Top_promise_no_item_coment{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    padding-right: 2%;
    padding-bottom: 1%;
    padding-left: 2%;
    text-align: justify;
}
/* ページ共通 トラブル */
.Top_trouble_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bg3-col);
}
.Top_trouble_bloc{
    padding-top: 50px;
    padding-bottom: 20px;
    border-radius: 20px;
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--bg1-col);
}
.Top_trouble_title{
    width: 90%;
    border-radius: 20px;
    background-color: var(--text4-col);
    color: #FFFFFF;
    font-size: 32px;
    line-height: 62px;
    font-weight: 700;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.Top_trouble_item{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}
.Top_trouble_bloc .Top_trouble_item:last-of-type{
    margin-bottom: 0px;
}
.Top_trouble_item_img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.Top_trouble_item_img img{
    width: 100%;
}
.Top_trouble_item_txt_box{
    width: 100%;
    text-align: left;
}
.Top_trouble_item_title{
    color: var(--text5-col);
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
}
.Top_trouble_item_txt_box ul{}
.Top_trouble_item_txt_box ul li{
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 30px;
    background-image: url(../img/icon_trouble_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 30px;
}
.Top_trouble_item_pay_txt{
    width: 100%;
    border-radius: 20px;
    font-size: 42px;
    line-height: 62px;
    font-weight: 700;
    background-color: #C80003;
    color: var(--text7-col);
    text-align: center;
    -webkit-text-stroke: 1px var(--text7-col);
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: none;
}
.Top_trouble_item_pay_price{
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    margin-right: 10px;
    -webkit-text-stroke: 0px #FFFFFF;
    display: block;
    margin-bottom: -20px;
}
/* ページ共通 お任せ！ */
.Top_leave_bg{
    padding-top: 100px;
    padding-bottom: 0px;
    background-color: var(--bg1-col);
}
.Top_leave_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_leave_title{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: var(--text8-col);
    margin-bottom: 50px;
}
.Top_leave_img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.Top_leave_img img{
    width: 100%;
}
/* ページ共通 即日対応可能！ */
.Top_same_day_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bg1-col);
}
.Top_same_day_bloc{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_same_day_title{
    margin-bottom: 50px;
    background-color: #FFF000;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.Top_same_day_title p{
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 34px;
    color: var(--text4-col);
}
.Top_same_day_sub_title{
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 58px;
    color: var(--text8-col);
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.Top_same_day_sub_txt01{
    width: 50%;
    margin-left: auto;
    border-radius: 20px;
    font-size: 34px;
    background-color: var(--text6-col);
    color: #FFFFFF;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 5px;
    margin-right: 10px;
    position: relative;
    bottom: 0px;
    padding-bottom: 5px;
    display: block;
    left: -22%;
}
.Top_same_day_sub_txt02{
    font-size: 36px;
    color: #C80003;
    font-weight: 700;
    position: relative;
    left: 3%;
    bottom: 0px;
    margin-right: 10px;
}
.Top_same_day_bg_main {
    position: relative;
    top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 58%;
    background-image: url(../img/same_day_bg_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
.Top_same_day_bg1 {
    width: 100%;
    background-image: url(../img/same_day_bg_02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.Top_same_day_coment{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    color: var(--text6-col);
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.Top_same_day_coment_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: var(--text6-col);
}
.Top_same_day_coment_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: var(--text3-col);
}
/* ページ共通 選ばれる理由！ */
.Top_chosen_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bg1-col);
}
.Top_chosen_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_chosen_title{
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 68px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_chosen_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    background-image: radial-gradient(circle at center, var(--text3-col) 15%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1.02em 0.5em; /* 点の間隔とサイズ調整 */
    padding-top: .2em; /* 縦方向の位置調整 */
    color: var(--text3-col);
}
.Top_chosen_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    color: var(--text6-col);
    line-height: 52px;
}
.Top_chosen_bloc .Top_chosen_item1:last-of-type,.Top_chosen_bloc .Top_chosen_item2:last-of-type{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.Top_chosen_item1{
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 30px;
    padding-bottom: 50px;
}
.Top_chosen_item2{
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 30px;
    padding-bottom: 50px;
}
.Top_chosen_item_content{
    width: 100%;
}
.Top_chosen_item_img{
    width: 100%;
}
.Top_chosen_item_img img{
    width: 100%;
}
.Top_chosen_item_title{
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 60px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    color: #3B3B3B;
    text-align: left;
}
.Top_chosen_item_coment{
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 20px;
    text-align: justify;
}
/* ページ共通 どこに頼めばいいのか？ */
.Top_komarigoto_bg{
    padding-top: 0px;
    padding-bottom: 50px;
    background-color: #fffb00;
    margin-bottom: 0px;
    background-image: url(../img/hed_bg_06.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.Top_komarigoto_bloc{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_komarigoto_bloc_bg_main {
    position: relative;
    top: 0px;
    width: 100%;
    padding-bottom: 50%;
    background-color: #fffb00;
}
.Top_komarigoto_bloc_bg1 {
    width: 100%;
    background-image: url(../img/komarigoto_sp_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.Top_komarigoto_bloc_bg2 {
    width: 100%;
    background-image: url(../img/komarigoto_sp_02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 5;
}
.Top_komarigoto_bloc_bg3 {
    width: 100%;
    background-image: url("../img/komarigoto_sp_03.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 3;
}
.Top_komarigoto_bloc_bg4 {
    width: 100%;
    background-image: url("../img/komarigoto_sp_04.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 4;
}
.Top_komarigoto_bloc_bg5 {
    width: 100%;
    background-image: url("../img/komarigoto_sp_05.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 5;
}
.Top_komarigoto_bloc img{
    width: 100%;
}
/* ページ共通 実績の紹介 */
.Top_achievements_bg{
    padding-top: 50px;
    padding-bottom: 50px;
}
.Top_achievements_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.Top_achievements_title{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    line-height: 46px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
p.Top_achievements_title{
    margin-bottom: 60px;
}
p.Top_achievements_title:last-of-type{
    margin-bottom: 20px;
}
.Top_achievements_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    background-image: radial-gradient(circle at center, var(--text3-col) 15%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1.02em 0.5em; /* 点の間隔とサイズ調整 */
    padding-top: .2em; /* 縦方向の位置調整 */
    color: var(--text3-col);
}
.Top_achievements_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: var(--text6-col);
}

.Top_achievements_item{
    display: flex;
    flex-direction: column-reverse;
}
.Top_achievements_item_content{
    width: 100%;
    text-align: left;
}
.Top_achievements_item_title{
    border: 5px solid var(--text6-col);
    border-radius: 100px 20px 20px 100px;
    position: relative;
    z-index: 2;
}
.Top_achievements_item_title p{
    background-color: #FFFD00;
    display: inline-block;
    border-radius: 100px;
    padding-top: 18px;
    padding-bottom: 28px;
    width: 86px;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: var(--text6-col);
    text-align: center;
}
.Top_achievements_item_number{
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}
.Top_achievements_item_txt1{
    border-radius: 50px 20px 0px 0px;
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: var(--text6-col);
    top: -95px;
    margin-left: 10px;
    padding-left: 90px;
    padding-top: 15px;
    padding-bottom: 12px;
}
.Top_achievements_item_txt2{
    border-radius: 0px 0px 10px 30px;
    position: relative;
    z-index: 1;
    top: -95px;
    background-color: var(--text6-col);
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFFFFF;
}
.Top_achievements_item_coment{
    position: relative;
    top: -60px;
    z-index: 1;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    padding-left: 10px;
    text-align: justify;
    padding-right: 5px;
    margin-bottom: 20px;
}
.Top_achievements_item_img{
    display: none;
}
.Top_achievements_item_img_sp{
    width: 100%;
    position: relative;
    top: -80px;
}
.Top_achievements_item_img_sp img{
    width: 100%;
    border-radius: 20px;
}
/* ページ共通 社長あいさつ */
.Top_profile_bg{
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.Top_profile_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_profile_bg_img{
    background-image: url(../img/hed_bg_06.png),url(../img/cp_bg.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: center bottom,center bottom;
    background-size: contain,cover;
    height: 200px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 20px;
    position: relative;
}
.Top_profile_title{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_profile_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: var(--text3-col);
}
.Top_profile_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: var(--text6-col);
}
.Top_profile_item{

}
.Top_profile_item_img{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_profile_item_img img{
    width: 100%;
}
.Top_profile_item_img h3{
    border-radius: 10px 10px 10px 10px;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    border: 3pt solid #FFFFFF;
    display: inline-block;
    background-color: #575757;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: -50px;
}
.Top_profile_item_coment{
    width: 100%;
    text-align: left;
}
.Top_profile_item_coment p{
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
.Top_profile_item_coment p:last-of-type{
    margin-bottom: 0px;
}
.Top_profile_item_coment h3{
    border-radius: 10px;
    font-size: 24px;
    line-height: 38px;
    background-color: var(--text6-col);
    color: #FFFFFF;
    font-weight: 700;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
}
.Top_profile_item_coment ul{
    margin-bottom: 30px;
}
.Top_profile_item_coment ul li{
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 44px;
    background-image: url(../img/icon_point_04.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 40px;
}
/* ページ共通 お客様の声 */
.Top_voice_bg{
    padding-top: 7%;
    background-image: url(../img/hed_bg_05.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_voice_bloc{
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #abdffa;
}
.Top_voice_box{
    border-radius: 10px;
    max-width: 1180px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--text4-col);
    padding-top: 20px;
    padding-bottom: 20px;
}
.Top_voice_title{
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.Top_voice_item{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.Top_voice_box .Top_voice_item:last-of-type{
    margin-bottom: 0px;
}
.Top_voice_item_title_box{
    border-radius: 10px 10px 0px 0px;
    background-color: #FFFD00;
    display: flex;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.Top_voice_item_title_img{
    width: 25%;
    margin-right: 10px;
}
.Top_voice_item_title_img img{
    width: 100%;
}
.Top_voice_item_title_content{
    width: 75%;
    text-align: left;
}
.Top_voice_item_title_acc_txt{
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    border-bottom: 1px solid var(--text4-col);
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.Top_voice_item_title_txt{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
}
.Top_voice_item_coment{
    border-radius: 0px 0px 10px 10px;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    background-color: #FFFFFF;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: justify;
}
/* ページ共通 施工の流れ */
.Top_flow_bg{
    padding-top: 100px;
    padding-bottom: 50px;
    background-image: url(../img/hed_bg_00.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
.Top_flow_bloc{
    max-width: 1380px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_flow_title{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 62px;
    color: #3B3B3B;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.Top_flow_title_txt01{
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--text3-col);
}
.Top_flow_title_txt02{
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--text6-col);
}
.Top_flow_list{
    display: flex;
    flex-direction: column;
}
.Top_flow_item{
    border: 3px solid var(--text4-col);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 10px;
    width: 100%;
    height: 80px;
}
.Top_flow_item_no{
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    border-radius: 100px;
    border: 3px solid var(--text4-col);
    background-color: #FFFD00;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: -40px;
    left: -50%;
}
.Top_flow_item_txt{
    position: relative;
    top: -45px;
    left: -0px;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    line-height: 26px;
    width: 100%;
}
.Top_flow_next_box{
    width: 100%;
    padding-top: 1.3%;
    margin-right: 10px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Top_flow_next_box img{
    width: 50px;
}
/* ページ共通 Q＆A */
.Top_q_a_bg{
    padding-top: 100px;
    padding-bottom: 0px;
}
.Top_q_a_bloc{
    border-radius: 10px;
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4A85B1;
    padding-top: 20px;
    padding-bottom: 50px;
}
.Top_q_a_title{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #FFFFFF;
    padding-bottom: 30px;
}
.Top_q_a_item{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 60px;
    border-bottom: 1px dotted #FFFFFF;
    padding-bottom: 30px;
}
.Top_q_a_bloc .Top_q_a_item:last-of-type{
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.Top_q_a_qtxt{
    border-radius: 10px;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}
.Top_q_a_qtxt p{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
}
.Top_q_a_qmark{
    border-radius: 50px;
    background-color: #FFFD00;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    padding-left: 9px;
    padding-right: 9px;
    border: 3px solid #FF0004;
    padding-bottom: 5px;
    position: relative;
    left: -40px;
    top: -35px;
    margin-right: -35px;
}
.Top_q_a_atxt{}
.Top_q_a_atxt p{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    padding-left: 30px;
}
.Top_q_a_amark{
    border-radius: 50px;
    background-color: #FFFD00;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid #FF0004;
    padding-bottom: 5px;
    position: relative;
    left: -45px;
    margin-right: -40px;
    color: #000000;
}
/* ページ共通 マップ */
.Top_map_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_map_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_map_content{
    width: 100%;
    text-align: left;
}
.Top_map_title{
    width: 100%;
    background-image: url(../img/map_title_bg.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 62px;
    padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 80px;
    padding-left: 50px;
    display: inline-block;
    margin-bottom: 0px;
    text-align: center;
}
.Top_map_area{

}
.Top_map_area ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Top_map_area ul li{
    width: 45%;
    color: #4e88ae;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 48px;
    text-align: left;
}
.Top_map_area ul li:before{
    content: "";     /* 空の要素作成 */
    width: 20px;               /* 幅指定 */
    height: 20px;              /* 高さ指定 */
    display: inline-block;     /* インラインブロックにする */
    background-color: #ef9300;  /* 背景色指定 */
    border-radius: 50%;        /* 要素を丸くする */
    margin-right: 10px;        /* テキストとの距離 */
    position: relative;        /* テキストとの位置 */
    top: -7px;
}
.Top_map_img{
    width: 100%;
}
.Top_map_img img{
    width: 100%;
}
/* ページ共通 フッター問い合わせ */
.Top_Ft_contact_bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #4e88ae;
}
.Top_Ft_contact_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_Ft_contact_title{
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 30px;
}
.Top_Ft_contact_sub_coment{
    color: #FFFFFF;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 50px;
}
.Top_Ft_contact_tel_box{
    margin-bottom: 50px;
}
.Top_Ft_contact_tel_box a{
    border-radius: 10px;
    display: block;
    background-color: var(--text2-col);
    text-decoration: none;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 20px;
    background-image: url(../img/yajirushi_off_01.png);
    background-position: 98% center;
    background-size: 30px auto;
    background-repeat: no-repeat;
    transition: 0.1s linear;
}
.Top_Ft_contact_tel_box a:hover{
    background-color: var(--text2-2-col);
    color:  var(--text7-col);
}
.Top_Ft_contact_tel_title{
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    line-height: 26px;
}
.Top_Ft_contact_tel_tel_txt1{
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 44px;
}
.Top_Ft_contact_tel_tel_txt2{
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 62px;
}
.Top_Ft_contact_tel_time{
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
}
.Top_Ft_contact_pp_box{
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #FFFFFF;
    color: #3F3F3F;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -40px;
    overflow-x: scroll;
    height: 300px;
    overflow-x: hidden;
    margin-bottom: 100px;
}
.Top_Ft_contact_pp_title{
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.Top_Ft_contact_pp_sub_coment{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}
.Top_Ft_contact_pp_box dl{}
.Top_Ft_contact_pp_box dl dt{
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3F3F3F;
    padding-bottom: 10px;
}
.Top_Ft_contact_pp_box dl dd{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
}
.Top_Ft_contact_pp_box dl dd:last-of-type{
    margin-bottom: 0px;
}
.Top_Ft_contact_form_box{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_Ft_contact_form_box dl{
    text-align: left;
}
.Top_Ft_contact_form_box dl dt{
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 10px;
    color: #FFFFFF;
    letter-spacing: 2px;
}
.Top_Ft_contact_form_box dl dd{
    margin-bottom: 30px;
}
.Top_Ft_contact_form_title{}
.Top_Ft_contact_form_re{
    font-size: 16px;
    background-color: #EF9300;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
}
.Top_Ft_contact_form_multiple{
    text-align: right;
    display: inline-block;
    font-weight: 700;
    margin-left: 4%;
}
.Top_Ft_contact_form_box label{
    border-radius: 5px;
    width: 47%;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #3F3F3F;
    padding-left: 5px;
    margin-right: 10px;
}
input[type=checkbox] {
    transform: scale(1.0);
    margin-right: 5px;
}
.Top_Ft_contact_form_check_txt{
    font-weight: 400;
}
.Top_Ft_contact_form_box .button01 {
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 50px;
    background-color: var(--text1-col);
    border: 2px solid #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.Top_Ft_contact_form_box .button01:link {
    color: #fff;
}
.Top_Ft_contact_form_box .button01:hover {
    background-color: var(--text1-2-col);
    color: var(--text7-col);
}
/* ページ共通 問い合わせブロック */
.Top_contact_bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #4ab9f7;
}
.Top_contact_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_contact_box{}
.Top_contact_img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.Top_contact_img img{
    width: 100%;
}
.Top_contact_content{
    width: 100%;
}
.Top_contact_mail{
    margin-bottom: 30px;
}
.Top_contact_mail_small{
    font-weight: 700;
    font-size: 20px;
}
.Top_contact_mail a{
    border-radius: 20px;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    background-color: var(--text1-col);
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../img/contact_mail.png),url(../img/yajirushi_off_01.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 10px center,99% center;
    background-size: 30px auto,30px auto;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
}
.Top_contact_mail a:hover{
    background-image: url(../img/contact_mail.png),url(../img/yajirushi_on_01.png);
    color: #FFED00;
}
.Top_contact_tel{
   
}
.Top_contact_tel_small{
    font-weight: 700;
    font-size: 18px;
    margin-left: -30px;
    margin-top: -10px;
}
.Top_contact_tel_Number{
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
}
.Top_contact_tel a{
    border-radius: 20px;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 20px;
    background-color: var(--text2-col);
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../img/contact_tel.png);
    background-repeat: no-repeat;
    background-position: 10px 30%;
    background-size: 30px auto;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.Top_contact_tel a:hover{
    color: #FFED00;
    background-color: var(--text2-2-col);
    transition: background-color 0.1s linear;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}

  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */


/* ページ共通 contact */
input[type='text'],input[type='email'],textarea {
    font: 16px/1.0 sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 0.3em;
    color: #000000;
    border: 1px solid #1b2538;
    border-radius: 4px;
    transition: 0.3s;
}
input[type='text']:focus,input[type='email']:focus,textarea:focus {
  border: 1px solid #da3c41;
  box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
  outline: none;
}
input:focus::placeholder,textarea:focus::placeholder {
  color: transparent;
}
textarea {
    height: 150px;
}
input, button, textarea, select {}


/* ページ共通 ボタン */
.button01 {
    display: block;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/* フッター 共通 */
.Foot_bg{
    padding-top: 50px;
    padding-bottom: 30%;
}
.Foot_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Foot_logo{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.Foot_logo img{
    width: 100%;
}
.Foot_acc{
    margin-bottom: 30px;
}
.Foot_acc p{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
}
.Foot_tel_title{
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 42px;
    color: #EF9300;
    margin-bottom: 0px;
}
.Foot_tel_txt1{
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
}
.Foot_tel_txt2{
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    line-height: 72px;
}
.Foot_tel_txt2 a{
    font-weight: 700;
    text-decoration: none;
    color: #000000;
}
.Foot_time{
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
}
.Foot_sp_contact_bg{
    width: 100%;
    background-color: var(--bg1-col);
    position: fixed;
    bottom: 0px;
    z-index: 100;
}
.Foot_sp_contact_bloc{}
.Foot_sp_contact_title{}
.Foot_sp_contact_title p{
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -1px;
}
.Foot_sp_contact_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.Foot_sp_contact_mail_box{
    width: 50%;
}
.Foot_sp_contact_mail_small{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}
.Foot_sp_contact_mail_box a{
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    background-image: url(../img/contact_mail.png);
    background-repeat: no-repeat;
    background-position: 10px 30%;
    background-size: 30px auto;
    background-color: var(--text1-col);
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    padding-left: 15px;
    letter-spacing: 1px;
}
.Foot_sp_contact_tel_box{
    width: 50%;
}
.Foot_sp_contact_tel_small{
    font-size: 12px;
    font-weight: 700;
}
.Foot_sp_contact_tel_box a{
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    background-image: url(../img/contact_tel.png);
    background-repeat: no-repeat;
    background-position: 10px 30%;
    background-size: 30px auto;
    background-color: var(--text2-col);
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    padding-left: 10px;
    letter-spacing: 1px;
}
/*　リストアイコン軍　*/

/* 非表示 */
.sp-hide{
    /*<br / class="sp-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}



}
/**************************
PC・スマホ共に同じスタイル
**************************/

:root {
    --text1-col: #BF3B3D; /*ワインレッド	メール背景off*/
    --text1-2-col: #930002; /*深ワインレッド	メール背景on*/
    --text2-col: #00A02B; /*緑	電話背景off*/
    --text2-2-col: #006B02; /*深緑	電話背景on*/
    --text3-col: #FF6E00; /*オレンジ	タイトル文字　文字*/
    --text4-col: #4a85b1; /*濃い水色	タイトル背景　文字*/
    --text5-col: #E01515; /*赤		タイトル背景　文字*/
    --text6-col: #00A7FF; /*少し濃い水色	タイトル背景　文字*/
    --text7-col: #FFF500; /*黄色　文字　カスタム下線文字*/
    --text8-col: #434343; /*濃いグレー	タイトル文字*/
    --bg1-col: #FFFFFF; /*白		背景*/
    --bg2-col: #ABDFFA; /*薄い水色	背景*/
    --bg3-col: #FFF000; /*黄色	背景*/

}
/* var(--text1-2-col) 使用方法 */

/*　テキスト 飾り下線　*/
.Page_txt1{
    background: linear-gradient(transparent 20%, var(--text7-col) 80%);
    font-weight: 700;
}
.Page_txt2{
    font-weight: 700;
    background-color: var(--text7-col);
    padding-left: 5px;
    padding-right: 5px;
}
.Page_txt3{
    color: var(--text6-col);
    font-weight: 700;
    background-color: var(--text7-col);
    padding-left: 5px;
    padding-right: 5px;
}
/*　テキスト ノーマル下線　*/
.Page_txt_un1{
    text-decoration: underline solid var(--text8-col);/*濃いグレー*/
    -webkit-text-decoration: underline solid var(--text8-col); /* iOS対応 */
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.Page_txt_un2{
    text-decoration: underline solid var(--text1-2-col);/*深ワインレッド*/
    -webkit-text-decoration: underline solid var(--text1-2-col); /* iOS対応 */
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.Page_txt_un3{
    text-decoration: underline solid var(--text4-col);/*濃い水色*/
    -webkit-text-decoration: underline solid var(--text4-col); /* iOS対応 */
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
/* 改行１行あけ */
.br_2line{
    /*<p class="br_2line">*/
    margin-bottom: 1.0em;
}
/*　フロートリセット　*/
.cl{
    /*<div class="cl"></div>*/
	line-height: 0px;
	clear: both;
	height: 0px;
}
/* コンタクト7の「入力してください。」のテキスト色 */
.wpcf7-not-valid-tip {
  color: #FFFFFF; /* 赤 */
  font-size: 14px;
}

/* アニメーション関連 */

.anim_fadeIn {
  opacity: 0;
}
.anim_fadeIn.js_active {
  animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim_slideIn {
  opacity: 0;
}
.anim_slideIn.js_active {
  animation: slideIn 1s forwards;
}
 
@keyframes slideIn {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.anim_zyun{
    transform: translateY(50px);
    opacity: 0;
}
.js_active .anim_zyun{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.js_active .anim_zyun:nth-child(2){transition-delay: .2s;}
.js_active .anim_zyun:nth-child(3){transition-delay: .4s;}
.js_active .anim_zyun:nth-child(4){transition-delay: .6s;}
.js_active .anim_zyun:nth-child(5){transition-delay: .8s;}
.js_active .anim_zyun:nth-child(6){transition-delay: 1.0s;}
.js_active .anim_zyun:nth-child(7){transition-delay: 1.2s;}
.js_active .anim_zyun:nth-child(8){transition-delay: 1.4s;}
.js_active .anim_zyun:nth-child(9){transition-delay: 1.6s;}
.js_active .anim_zyun:nth-child(10){transition-delay: 1.8s;}

.anim_zyun2{
    transform: translateX(20px);
    opacity: 0;
}
.js_active .anim_zyun2{
    transition: .6s;
    transform: translateX(0);
    opacity: 1;
}
form .button01 {
    line-height: 26px !important; /* 行間の調整 */
    padding-top: 5px;
    padding-bottom: 5px;
}
.js_active .anim_zyun2:nth-child(2){transition-delay: .2s;}
.js_active .anim_zyun2:nth-child(3){transition-delay: .4s;}
.js_active .anim_zyun2:nth-child(4){transition-delay: .6s;}
.js_active .anim_zyun2:nth-child(5){transition-delay: .8s;}
.js_active .anim_zyun2:nth-child(6){transition-delay: 1.0s;}
.js_active .anim_zyun2:nth-child(7){transition-delay: 1.2s;}
.js_active .anim_zyun2:nth-child(8){transition-delay: 1.4s;}
.js_active .anim_zyun2:nth-child(9){transition-delay: 1.6s;}
.js_active .anim_zyun2:nth-child(10){transition-delay: 1.8s;}