@charset 'utf-8';

/* COMMON */
body{letter-spacing: 0.06em;}
#list_lp #main{padding: 0;}
#list_lp h3{font-size: 35px;font-family: "Noto Serif JP", serif;font-weight: initial;letter-spacing: 0.06em;margin: 0;}
#list_lp h3 span{background-color:#001042;color: white;}
.tytle_e{font-family: "Noto Serif JP", serif;margin-bottom: 5px;letter-spacing: 0.15em;line-height: 1.5;font-size: 20px;opacity: 0.6;}
#menu a.menu_top{text-decoration: underline;}

/* TOP */
.main_texts{position: absolute;top: 7vw;left: 4vw;font-family: "Noto Serif JP", serif;color: #001042;letter-spacing: 0.17em;}
h2{font-size: min(4vw,50px);font-weight: initial;margin-bottom: 30px;letter-spacing: 0.12em;line-height: 1.2;}
h2 span{background-color:#fff;color: #001042;line-height: 1.5;}
.main_texts_tytle{font-size: min(2.3vw,25px);margin-bottom: 2vw;}
.main_texts_tytle span{background-color:#fff;color: #001042;}
.main_texts_sub {font-size: min(2.1vw,24px);line-height: 1.5;color: white;}
.main_award{position: absolute;top: 2vw;width: min(15vw, 250px);right:3vw;}

/* search_box */
#list_lp #search_box {background: #176FB5;width: 1200px;text-align: center;padding: 0;font-family: "Noto Serif JP", serif;position: absolute;right: 0;left: 0;margin: 0 auto;top: 34vw;box-shadow: 2px 2px 4px gray;border: 4px solid #176FB5;}
#list_lp #search_box p {font-family: "Noto Serif JP", serif;color: white;padding: 10px 0;font-size: 21px;}
#list_lp #search_box a {color: #fff !important;font-size: 15px;letter-spacing: 0.06em;background: #A73759;width: 220px;display: block;padding: 17px 0;border-radius: 30px;text-decoration: none;}
#list_lp #search_box form{background: white;display: flex;flex-direction: row;align-items: center;justify-content: center;padding:15px 0;}
#list_lp #search_box_inner {margin:0;position: relative;text-align: left;padding: 0px;display: flex;
flex-direction: row;}
#list_lp #search_box_inner p{color: #333;display: inline-block;vertical-align: middle;margin-right: 15px;font-size: 15px;padding: 0 0 5px 0;}
#list_lp #search_box_inner select {width: 160px;padding-right: 1em;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: #E5E5E5;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;padding: 11px 38px 11px 11px;}
#list_lp #search_box_inner select::-ms-expand {display: none;}
#list_lp #search_box_inner .search_box_inner_select {position: relative;border-radius: 2px;background: #ffffff;width: 160px;display: inline-block;margin-bottom: 10px;font-size: 13px;display: flex;flex-direction: row;align-items: center;}
#list_lp #search_box_inner .search_box_inner_select::before {content: "";position: absolute;display: inline-block;width: 10px;height: 10px;margin: 0 10px;border-bottom: 2px solid #001042;border-right: 2px solid #001042;transform: rotate(45deg) translateY(-50%);right: 12px;top: 40%;}
#list_lp #search_box_inner img {vertical-align: middle;padding-left: 5px;}
#search_box_inner_option1{width: 210px;}
#search_box_inner_option2{width: 210px;}
#search_box_inner_option3{width: 210px;}
#search_box_inner_option4{width: 210px;}
#list_lp a#submit1{position: relative;}
#list_lp a#submit2{position: relative;opacity: 0.5;}
#list_lp a#submit1::before {border-right: 2px solid #fff;border-top: 2px solid #fff;bottom: 0;content: "";height: 7px;width: 7px;margin: auto;position: absolute;right: 30px;top: 0;transform: rotate(45deg);transition: right .3s;}
#list_lp a#submit1:hover{color:rgba(255, 255, 255, 0.5);background-color: rgba(167,55,89,1);}
#list_lp a#submit1:hover::before {right: 25px;opacity: 0.5;}
#list_lp #search_box a#submit2{font-size: 13px;}
.form_text_back{background: white;}
.form_text{width: 1060px;margin: 0 auto;text-align: left;}

/* BUTTON */
/* .sample_btn {display: inline-block;width: 250px;line-height: 55px;text-align: center;text-decoration: none;color: #fff;background-color: #A73759;border-radius: 30px;}
.footer_sample_btn{width: 350px;font-weight: bold;}
.sample_btn a {font-size: 16px;display: inline-block;width: 250px;line-height: 55px;text-align: center;text-decoration: none;color: #fff;background-color: #A73759;position: relative;border-radius: 30px;}
.sample_btn a::before {border-right: 2px solid #fff;border-top: 2px solid #fff;bottom: 0;content: "";height: 7px;width: 7px;margin: auto;position: absolute;right: 30px;top: 0;transform: rotate(45deg);transition: right .3s;}
.sample_btn a:hover::before {right: 25px;} */


/* REASON */
#con1{background-image: url(../img/con1_back.png);}
.con1_inner{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 70px 0;padding: 11vw 0 70px 0;}
.con1_photoes{position: relative;}
.con1_photo{width: 490px;}
.con1_photo_text{position: absolute;bottom: 3vw;}
.con1_texts{width: 460px;}
.con1_texts .tytle_e{color: #001042;}
.con1_text{text-align: justify;font-size: 16px;line-height: 1.8;margin-top: 30px;}
.con1_square{display: none;}

/* STRENGTH */
#con2{padding-bottom: 40px;}
.con2_photoes{position: relative;}
.con2_tytles{color: white;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70vw;}
.con2_tytles_sp{display: none;}
.con2_inner{display: flex;flex-direction: row;justify-content: space-between;padding: 80px 0 0 0;}
.point{width: 320px;font-family: "Noto Serif JP", serif;position: relative;padding: 50px 0 30px 0;background: #F5F5F5;}
.point_tytle{font-size: 24px;text-align: center;line-height: 1.5;}
.point_numbers{font-size: 40px;display: flex;flex-direction: column;position: absolute;top: -30px;right: 0;left: 0;text-align: center;line-height: 1;}
.point_numbers small{font-size: 16px;letter-spacing: 0.1em;}
.point_tytle_numbers{display: none;}
.point_img{width: 280px;margin: 0 auto;margin-top: 20px;}
.con2_btn{text-align: center;margin: 30px 0 40px 0;}

/* ACHIEVEMENTS */
#con3{background-image: url(../img/con3_back.png);padding-bottom: 40px;}
.con3_inner{background: white;margin-top: 30px;padding: 40px 0 20px 0;}
.con3_tytles{text-align: center;color: #001042;margin-top: 50px;}
.con3_tytles h3{font-size: 30px;}
.con3_text{font-size: 16px;text-align: center;color: #001042;margin-top: 30px;}
.graph_wrap{display: flex;flex-direction: row;padding: 30px 0;}
.graph{width: 50vw;max-width: 500px;display: flex;flex-direction: column;align-items: center;}
.graph_b{border-right: 2px dotted;}
.graph_tytle{width: 30vw;max-width: 380px;color: #001042;text-align: center;font-family: "Noto Serif JP", serif;font-size: 20px;padding: 10px 0;margin-bottom: 10px;border: 1px solid;}
.graph_img{width: 275px;}
.graph_detail{margin: 0 auto;margin-top: 20px;margin-bottom: 10px;font-size: 14px;text-align: center;}
.con3_btn{text-align: center;margin: 30px 0 40px 0;}

/* SERVICE */
#con4{padding: 90px 0 30px 0;}
.con4_photo{margin-top: 80px;margin-bottom: 20px;}
.con4_tytles{color: #001042;}
.con4_tytles .tytle_e{margin-bottom: 0px;}
.con4_tytles h3{font-size: 30px;}
.service_texts_wrap{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 55px;}
.service_texts{width: 690px;line-height: 1.5;text-align: justify;}
.service_text{font-size: 16px;margin-top: 20px;}
.con4_tytles h3{font-size: 30px;}
.con4_photo  {cursor: pointer;max-width: 1000px;overflow: hidden;width: 100%;}
.con4_photo img {height: auto;transition: transform .6s ease;width: 100%;}
.con4_photo:hover img {transform: scale(1.05);}


/* TOPICS */
#con5{padding: 70px 0;}
.con5_tytles{text-align: center;margin-top: 50px;color: #001042;}
.topics_wrap{margin-top: 60px;}
.topics{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 70px;}
.topic{width: 480px;}
.topics_tytle{font-size: 25px;font-family: "Noto Serif JP", serif;color: #001042;margin-bottom: 10px;}
.topics_texts{margin-top: 25px;margin-bottom: 20px;}
.topics_text{font-size: 16px;line-height: 1.8;}
.topics_img  {cursor: pointer;max-width: 480px;overflow: hidden;width: 100%;}
.topics_img img {height: auto;transition: transform .6s ease;width: 100%;}
.topics_img:hover img {transform: scale(1.1);}


/* VOICE */
#con6{background-image: url(../img/con6_back.png);padding-bottom: 30px;}
.con6_tytles{text-align: center;margin-top: 50px;color: white;}
.voice{display: flex;flex-direction: row;align-items: center;padding: 30px 0;justify-content: center;margin: 25px 0;}
.voice_img{width: 270px;margin-right: 30px;}
.voice_texts{width: 610px;}
.voice_tytles{color: #001042;font-family: "Noto Serif JP", serif;display: flex;flex-direction: row;align-items: end;justify-content: space-between;border-bottom: 1px solid;padding-bottom: 15px;margin-bottom: 15px;}
.voice_tytle{font-size: 23px;letter-spacing: 0.06em;line-height: 1.5;}
.voice_spec{font-size: 18px;}
.voice_text{font-size: 16px;line-height: 1.5;text-align: justify;}
.con6_btn{text-align: center;margin-bottom: 30px;margin-top: 15px;display: flex;
justify-content: center;}
.toggle-button{font-size: 16px;color: white;background: #A73759;width: 250px;border-radius: 30px;padding: 20px 0;}
.hidden {display: none;}
.con6_btn:hover{opacity: 0.7;}

/* VOICEの開閉ボタン */
.toggle-button {font-size: 16px;color: white;background: #A73759;width: 250px;border-radius: 30px;padding: 20px 0;position: relative;transition: transform 0.3s ease;text-align: center;}
button.close{background: #A73759;padding: 20px 0;color: white;font-weight: initial;opacity: 1;}
.close:hover{color: white;opacity: 1;}
.toggle-button::before {content: "";position: absolute;right: 30px;top: 50%;transform: translateY(-50%) rotate(135deg);width: 7px;height: 7px;border-right: 2px solid #fff;border-top: 2px solid #fff;transition: transform 0.3s ease, top 0.3s ease;}
.toggle-button:hover::before {top: 55%;}
button.close:hover::before {top: 45%;}
.toggle-button.close::before {transform: translateY(-50%) rotate(-45deg);}
@keyframes arrow-move { 0%, 100% { top: 50%; }50% { top: 55%; }}
.toggle-button:hover::before,.toggle-button.close:hover::before {animation: arrow-move 1s infinite ease-in-out;}

/* LINKS */
.link_back{display: none;}

/* PC・SP */
.pc{display: block;}
.sp{display: none;}
#list_lp img.pc{display: block;}
#list_lp img.sp{display: none;}


/* お預かり〜ご成約までの期間 */
.graph_matome{display: flex;flex-direction: row;}
.graph-wrap {width: 43vw;max-width: 500px;margin: -70px 0;opacity: 0; transition: opacity 0.5s ease-in-out; position: relative;margin: -50px 0 -70px 0;}
.circle {transform: rotate(-90deg);}
.circle circle {fill: none;stroke-width: 7px;}
.circle circle:nth-child(1) {stroke: #001244;stroke-dashoffset: 0;}
.circle circle:nth-child(2) {stroke: #0D6EB7;stroke-dasharray: 0,100;stroke-dashoffset: 23;}
.circle circle:nth-child(3) {stroke: #0D91C6;stroke-dasharray: 0,100;stroke-dashoffset: 14;}
.circle circle:nth-child(4) {stroke: #DBD7D7;stroke-dasharray: 0,100;stroke-dashoffset: 4;}
@keyframes anime01 {
  0% { stroke-dasharray: 0,100; }
  50%, 100% { stroke-dasharray: 77,100; }
}
@keyframes anime02 {
  0% { stroke-dasharray: 0,100; }
  50%, 100% { stroke-dasharray: 9,91; }
}
@keyframes anime03 {
  0% { stroke-dasharray: 0,100; }
  50%, 100% { stroke-dasharray: 5,95; }
}
@keyframes anime04 {
  0% { stroke-dasharray: 0,100;stroke-dashoffset: 0;}
  50%, 100% { stroke-dasharray: 9,91;stroke-dashoffset: 9;}
}
text {writing-mode: unset;position: absolute;top: 22vh;width: 15vw;right: 0;left: 0;margin: 0 auto;text-align: center;font-family: "Noto Serif JP", serif;color: #001042;}
text.graph_number1{position: absolute;top: 8vh;right: -1vh;text-anchor:middle;alignment-baseline:middle;fill:#000;max-width: initial;width: 420px;}
/* text.graph_number2{position: absolute;top: 18vh;left: -35vh;text-anchor:middle;alignment-baseline:middle;fill:#000;max-width: 120px;width: 11vw;}
text.graph_number3{position: absolute;top: 10vh;left: -33vh;text-anchor:middle;alignment-baseline:middle;fill:#000;max-width: 140px;width: 12vw;}
text.graph_number4{position: absolute;top: 8vh;right: -19vh;text-anchor:middle;alignment-baseline:middle;fill:#000;max-width: 210px;width: 18vw;} */
.center-text {font-size: 10px; font-weight: bold;fill: #333; dominant-baseline: middle; }
.graph-wrap .number {font-family: "Noto Serif JP", serif;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #111;}
.graph-wrap .number .title {font-size: 50px;text-align: center;line-height: 1em;margin-top: -13px;}
.graph-wrap .number .title span {font-size: 22px;}
.graph-wrap .number .title small {font-size: 16px;line-height: 10px;display: inline-block;}



/* お預かり〜ご成約までの期間 */
.graph-wrap2 {width: 43vw;max-width: 500px;margin: -70px 0;opacity: 0; transition: opacity 0.5s ease-in-out; position: relative;margin: -50px 0 -70px 0;}
.circle2 {transform: rotate(-90deg);}
.circle2 circle {fill: none;stroke-width: 7px;}
.circle2 circle:nth-child(1) {stroke: #001244;stroke-dashoffset: 0;}
.circle2 circle:nth-child(2) {stroke: #DBD7D7;stroke-dasharray: 0,100;stroke-dashoffset: 10;}
@keyframes anime05 {
  0% { stroke-dasharray: 0,100; }
  50%, 100% { stroke-dasharray: 84,100; }
}
@keyframes anime06 {
  0% { stroke-dasharray: 0,100; stroke-dashoffset: 0;}
  50%, 100% { stroke-dasharray: 16,84;stroke-dashoffset: 16; }
}
text.graph_number5{position: absolute;top: 9vh;left: -28vh;text-anchor:middle;alignment-baseline:middle;fill:#000;width: 130px;}
.graph-wrap2 .number {font-family: "Noto Serif JP", serif;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #111;}
.graph-wrap2 .number .title {font-size: 50px;text-align: center;line-height: 1em;margin-top: -13px;}
.graph-wrap2 .number .title span {font-size: 22px;}
.graph-wrap2 .number .title small {font-size: 16px;line-height: 10px;display: inline-block;}


/* FIX */
.FIX {
  opacity: 0; /* 初期状態で非表示 */
  visibility: hidden; /* 画面リフローを防ぐ */
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.FIX.show {
  opacity: 1; /* フェードイン */
  visibility: visible;
}

/* ************************************************************************************************ */
@media screen and (max-width: 1200px) {
/* search_box */
#list_lp #search_box{width: 90vw;}
#list_lp #search_box form{flex-direction: column;}
#list_lp #main{padding: 0;}
#list_lp #search_box a{width: 25vw;margin: 15px 0;}

/* REASON */
.con1_inner{padding: 21vw 0 70px 0;}

/* ACHIEVEMENTS */
text.graph_number1 {width: 36vw;max-width: initial;right: 0vh;top: 6vw;}
}



/* ************************************************************************************************ */
@media screen and (max-width: 1100px) {
.con_inner{width: 90vw;}
#list_lp{padding-top: 0px;}
#list_lp h3{font-size: 30px;}

/* REASON */
.con1_photo{width: 46vw;}
.con1_texts{width: 40vw;}
/* STRENGTH */
.point{width: 28vw;}
.point_tytle{font-size: 22px;}
.point_img{width: 25vw;}
/* ACHIEVEMENTS */
.graph_tytle{width: 40vw;font-size: 18px;}
/* SERVICE */
.service_texts{width: 53vw;}
/* TOPICS */
.topic {width: 43vw;}
.topics_tytle{font-size: 22px;}

/* ACHIEVEMENTS */
/* text.graph_number2{top: 16vh;}
text.graph_number3{left: -34vh;}
text.graph_number4{right: -18vh;} */
/* VOICE */
.voice_img{width: 25vw;}
.voice_texts{width: 53vw;}
/* PC・SP */
.pc{display: block!important;}
.sp{display: none!important;}
#list_lp img.pc{display: block!important;}
#list_lp img.sp{display: none!important;}

}


/* ************************************************************************************************ */
@media screen and (max-width: 950px) {

/* REASON */
.con1_inner{padding: 24vw 0 70px 0;}

/* search_box */
#list_lp #search_box{}
#list_lp #search_box_inner{width: 82vw;}
#list_lp #search_box_inner select{width: min(16vw,160px);font-size: min(1.3vw,16px);}
#list_lp #search_box_inner .search_box_inner_select::before{left: 12vw;width: 1vw;height: 1vw;}
#list_lp #search_box_inner img{width: 3vw;}

/* ACHIEVEMENTS */
.graph_tytle{margin-bottom: 25px;}
/* text.graph_number1 {width: 20vw;max-width: 135px;right: -30vh;} */
/* text.graph_number2 {width: 18vw;max-width: 103px;left: -31vh;}
text.graph_number3 {width: 20vw;max-width: 125px;top: 9vh;left: -29vh;}
text.graph_number4 {width: 28vw;max-width: 181px;right: -18vh;top: 6vh;} */
text.graph_number5{width: 14vw;top: 7vh;left: -23vh;}
}


/* ************************************************************************************************ */
@media screen and (max-width: 900px) {

#list_lp h3 {font-size: 28px;}


/* BUTTON */
/* .sample_btn{line-height: 40px;margin: 0 auto;display: block;margin-top: 10px;}
.footer_sample_btn{width: 100vw;margin-top: 0px;background: none;display: flex;align-items: center;justify-content: center;}
.footer_sample_btn a{width: 100vw;border-radius: 0px;display: flex;align-items: center;justify-content: center;}
.footer_sample_btn a::before{right: 50px;}
.footer_sample_btn a:hover::before{right: 45px;}
.to-top{bottom: 70px;} */

/* STRENGTH */
.point_tytle {font-size: 19px;}

/* ACHIEVEMENTS */
.graph-wrap .number .title small{font-size: min(1.6vw,19px);letter-spacing: 0;}
.graph-wrap2 .number .title small{font-size: min(1.6vw,19px);letter-spacing: 0;}
.graph-wrap .number .title{font-size: min(5vw,40px);}
.graph-wrap2 .number .title{font-size: min(5vw,40px);}

/* PC・SP */
.pc{display: block!important;}
.sp{display: none!important;}
#list_lp img.pc{display: block!important;}
#list_lp img.sp{display: none!important;}

}

/* ************************************************************************************************ */
@media screen and (max-width: 740px) {

/* COMMON */
#list_lp{padding-bottom: 50px;}
#list_lp h3 {font-size: min(7.5vw,24px);letter-spacing: 0.03em;}
#list_lp h3 span{font-size: 8vw;}
.con_inner{width: 90vw;}
.tytle_e{margin-bottom: 5px;}

/* TOP */
h2{font-size: min(9vw,37px);letter-spacing: 0.1em;margin-bottom: 15px;margin-top: 5px;}
h2 span{background-color:#001042;color: #ffffff;line-height: 1;}
.main_texts{right: 0;left: 0;margin: 0 auto;top: 62vw;width: 85vw;}
.main_texts_tytle span{background-color:#001042;color: #ffffff;}
.main_texts_tytle{margin-bottom: 15px;font-size: 18px;}
.main_texts_sub{font-size: 18px;letter-spacing: 0.06em;color: #001042;}
.main_award{width: min(35vw, 160px);top: 5vw;right: 2vw;left: initial;}

/* search_box */
#list_lp #search_box{width: 100vw;position: initial;}
#list_lp #search_box a {width: 55vw;margin: 15px 0;}
#list_lp #search_box_inner{width: 90vw;flex-wrap: wrap;justify-content: space-around;margin: 0 10vw 2vw 0;flex-direction: column;margin: 0 auto;}
#list_lp #search_box_inner select{padding: 11px 30px 11px 11px;}
#list_lp #search_box form{flex-direction: column;padding: 25px 0;}
#list_lp #search_box_inner p{padding: 0;}
#list_lp #search_box_inner .search_box_inner_select{width: 70vw;margin-bottom: 0;}
#list_lp #search_box_inner img{width: 7vw;}
#list_lp #search_box_inner select{width: 62vw;font-size: 13px;}
#list_lp #search_box_inner .search_box_inner_select::before{left: 54vw;width: 2vw;height: 2vw;}
#search_box_inner_option1{width: 90vw;display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;}
#search_box_inner_option2{width: 90vw;display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;}
#search_box_inner_option3{width: 90vw;display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;}
#search_box_inner_option4{width: 90vw;display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;}


/* REASON */
#con1{width: 100vw;}
.con1_inner{flex-direction: column-reverse;width: 100vw;padding: 60px 0 0px 0;}
.con1_photoes{position: relative;}
.con1_photo{width: 100vw;}
.con1_texts{width: 90vw;}
.con1_text{margin-bottom: 20px;}
.con1_photo_text{display: none;}

/* STRENGTH */
.con2_inner{flex-direction: column;width: 90vw;margin: 0 auto;padding-top: 0px;margin-top: 30px;}
.con2_tytles{display: none;}
.con2_tytles_sp{display: block;text-align: center;margin-bottom: 20px;color: #001042;padding-top: 50px;}
.point{width: 90vw;background: none;padding: 30px 0 10px 0;background: #F5F5F5;margin-bottom: 25px;}
.point_tytles{display: flex;flex-direction: row;align-items: center;margin-bottom: -5px;}
.point_tytle{text-align: left;font-size: min(5.5vw,23px);line-height: 1.4;}
.point_numbers{display: none;}
.point_tytle_numbers{font-size: 35px;display: flex;flex-direction: column;text-align: center;line-height: 1;margin-right: 20px;margin-right: 7vw;
margin-left: 4vw;}
.point_tytle_numbers small{font-size: 12px;letter-spacing: 0.1em;}
.point_img{width: 330px;padding: 10px 0;}
.point_img_back{background: none;;}
.con2_btn{margin: 0px 0 70px 0;}

/* ACHIEVEMENTS */
.con3_inner{width: 93vw;}
.con3_tytles{margin-top: 10px;}
.graph-wrap{width: 400px;flex-direction: column;}
.graph-wrap2{width: 400px;}
.graph{width: 90vw;}
.graph_b{border-right: none;margin-bottom: 30px;}
.graph_tytle{width: 80vw;margin-bottom: 25px;}
.con3_text{width: 90vw;margin: 0 auto;text-align: justify;margin-top: 30px;line-height: 1.5;}
.graph_matome{flex-direction: column;align-items: center;}
.graph-wrap .number .title{font-size: 46px;}
.graph-wrap2 .number .title{font-size: 46px;}
.graph-wrap .number .title small{font-size: 15px;}
.graph-wrap2 .number .title small{font-size: 15px;}
text.graph_number1 {max-width: initial;width: 52vw;min-width: 135px;right: 0vw;top: 6vw;}
/* text.graph_number2 {max-width: initial;width: 18vw;min-width: 103px;left: -31vh;}
text.graph_number3 {max-width: initial;width: 20vw;min-width: 125px;top: 7vh;left: -25vh;}
text.graph_number4 {max-width: initial;width: 28vw;min-width: 181px;right: -19vh;top: 7vh;}*/
text.graph_number5{max-width: initial;width: 18vw;min-width: 137px;top: 7vh;left: -30vw;}
.graph_detail{width: 80vw;text-align: left;}

/* SERVICE */
.con4_inner{display: flex;flex-direction: column-reverse;}
.con4_tytles{text-align: center;}
.con4_photo{margin-top: 30px;}
.con4_photo .sample_btn{margin: 0 auto;margin-top: 30px;margin-bottom: 60px;}
.service_texts_wrap{margin-bottom: 0;margin-top: 50px;}
.service_texts{width: 90vw;}

/* TOPICS */
#con5{width: 100vw;padding: 70px 0 60px 0;}
.con5_tytles {margin-top: 50px;}
.topics_wrap {margin-top: 40px;}
.topics{flex-direction: column;margin-bottom: 0;}
.topics_tytle{font-size: 23px;}
.topic{width: 90vw;margin-bottom: 60px;}

/* VOICE */
.con6_tytles{margin-top: 0;}
.con6_inner{width: 100vw;}
.voice{flex-direction: column;padding: 0;width: 90vw;margin: 0 auto;margin-top: 25px;margin-bottom: 55px;}
.voice_img{width: 90vw;margin-right: 0;}
.voice_texts{width: 80vw;padding: 30px 0 40px 0;}
.voice_tytles{flex-direction: column;align-items: initial;}
.voice_tytle{text-align: justify;margin-bottom: 15px;letter-spacing: 0em;}

/* LINKS */
.link_back{display: block;}
.links_wrap .links_top{background: #8590b0;}

/* PC・SP */
.pc{display: none!important;}
.sp{display: block!important;}
#list_lp img.pc{display: none!important;}
#list_lp img.sp{display: block!important;}

}


/* ************************************************************************************************ */
@media screen and (max-width: 600px) {
/* ACHIEVEMENTS */
text.graph_number1 {max-width: initial;width: 380px;min-width: 135px;right: 0vw;top: 7vw;}
text.graph_number5{max-width: initial;width: 105px;min-width: 137px;top: 7vh;left: -42vw;}

}

/* ************************************************************************************************ */
@media screen and (max-width: 470px) {
/* ACHIEVEMENTS */
text.graph_number1 {max-width: initial;width: 345px;min-width: 135px;right: 0vw;top: 9vw;}
text.graph_number5{max-width: initial;width: 105px;min-width: 137px;top: 7vh;left: -51vw;}
}

/* ************************************************************************************************ */
@media screen and (max-width: 385px) {
/* ACHIEVEMENTS */
text.graph_number1 {max-width: initial;width: 325px;min-width: 135px;right: 0vw;top: 11vw;}
text.graph_number5 {max-width: initial;width: 122px;min-width: initial;top: 6vh;left: -44vw;}
}