@charset "utf-8";

/* ------------------------------
   Universal Reset
   Contents
   Responsive
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size:calc(1000vw / 750);}
body{color:#010101;font-size:2.8rem;font-family:'Noto Sans JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
#container{height:100%;text-align:center;background:#FFF;}
main{min-height:80vh;z-index: 0;
 -webkit-animation: fadeIn 2s ease 0s 1 normal;
 animation: fadeIn 2s ease 0s 1 normal;}
section{position:relative;}
.view_sp{display:block;}
.view_pc{display:none;}


/*========== frame ==========*/
/*--- header ---*/
#header{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:10rem;
  background:#FFFFFF;
  z-index: 999;
}
#header > .inner{display:flex;justify-content: space-between;align-items: center;max-width:1000px;margin:0 auto;padding:2rem 3rem;}
#header > .inner p.logo{width:30%;}
#header > .inner p.logo > a{display: block;}
#header > .inner p.btn_form{width:60%;}
#header > .inner p.btn_form > a{margin:0;padding:0.25em;}

/*--- main ---*/
main{position:relative;padding-top:10rem;z-index: 1;}
/* only not index */
body:not(#index) main{background:#fafbfb;padding:10rem 3rem;}

/*--- footer ---*/
#footer {font-size:2.4rem;text-align:center;padding-bottom:10rem;background:#0b0a0a;}
#footer nav ul.fnav{display: flex;flex-direction: column;justify-content: center;}
#footer nav ul.fnav > li > a{display:block;color:#FFF;font-size:2.8rem;text-align:left;padding:3rem 4rem;border-bottom:1px solid #777777;}
#footer .copyright{color:#FFF;margin-top:2rem;}


/*========== parts ==========*/
/*--- title ---*/
.ttl_01{color:#000000;font-size:4.8rem;font-weight:bold;text-align: center;line-height:1.4;padding:8rem 2rem;}
.ttl_01 > span.eng,
.ttl_01 > span.sub{display: block;font-size:2.4rem;margin-top:0.5em;}
.ttl_02{position:relative;color:#ea1b0f;font-size:3.6rem;font-weight:bold;text-align:left;line-height:1.2;margin-bottom:5rem;}
.ttl_02 > span.eng{position:relative;display:flex;align-items: center;justify-content: space-between;margin:1rem 0;}
.ttl_02 > span.eng > span{display:inline-block;font-size:2.4rem;padding-right:2rem;white-space: nowrap;}
.ttl_02 > span.eng::after{content:"";display:block;width:100%;height:0.2rem;background:#ea1b0f;z-index: 0;}

/*--- box ---*/
dl.box_01{box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:2rem;}
dl.box_01 > dt{color:#FFF;font-weight:bold;text-align:center;padding:0.5em 1em;background:#00cedd;border-radius: 2rem 2rem 0 0;}
dl.box_01 > dd{padding:1em;text-align:left;}
dl.box_02{display:flex;min-height:15rem;font-size:2.4rem;box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:2rem;}
dl.box_02 > dt{width:16rem;display:flex;align-items:center;justify-content: center;color:#FFF;font-weight:bold;text-align:center;padding:2rem;background:#00cedd;border-radius: 2rem 0 0 2rem;}
dl.box_02 > dd{width:calc(100% - 16rem);display:flex;align-items:center;font-weight:bold;text-align:left;padding:2rem;}

.box_flex01{display: flex;align-items: center;flex-direction: column;margin-bottom:4rem;}
.box_flex01 > .image{width:50%;margin:0 auto 4rem;}
.box_flex01 > .text{text-align: left;line-height:1.8;}
.box_flex01 > .text > .f_L{line-height:1.6;}

.box_flex02{display: flex;align-items: center;flex-direction: column;margin-bottom:8rem;}
.box_flex02 > .image{width:90%;margin-bottom:4rem;}
.box_flex02 > .text{text-align: left;line-height:1.8;}
.box_flex02 > .text > .f_L{line-height:1.6;}

/*--- textstyle ---*/
.area_txt{text-align: left;}
.area_txt > p{line-height:1.8;}
.area_txt > p:not(:last-child),
.area_txt > figure{margin-bottom:1em;}
.area_txt.f_bold > p{font-weight:bold;}

/*--- youtube ---*/
.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

/*--- list ---*/
ul.list_flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
ul.list_flex.clm2 > li{width:calc(50% - 1.5rem);}
ul.list_flex.clm3 > li{width:calc((100% / 3) - 2rem);}
/* list_disc */
ul.list_disc{list-style: outside disc;margin-left: 1.3em;}
ul.list_disc > li{margin-bottom:0.5em;}
/* list_num */
.list_num{list-style: outside decimal;margin-left: 1.3em;}
/* list_item01 */
dl.list_item01{text-align: left;}
dl.list_item01 dt{position: relative;margin-bottom:0.3em;font-weight: bold;}
dl.list_item01 dd{margin:0 0 2em 0;}

/*--- button ---*/
.btn_form>a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 45rem;
  color: #FFF;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 0.6em;
  margin: 1.5em auto;
  border-radius: 5px;
  background: #ea1b0f;
}
.btn_form > a::before{
  content:"";
  background:url(/img/icon_mail.png) left center / 100% no-repeat;
  display:inline-block;
  height:1.5em;
  margin-right:0.5em;
  width:1.5em;
}
.hbtn_line {
  background: #00b900 !important;
  margin-top: 5px !important;
}
.hbtn_line::before{
  background:url(/img/icon_line.png) left center / 100% no-repeat !important;
}
.btn_tel > a::before{
  background:url(/img/icon_tel.png) no-repeat center / contain ;
  margin-right: 0;
  height: 1.5em;
  width: 2em;
}
.btn_form > a:hover{background-color:#cc180e;}
.btn_line a{display:flex;align-items: center;justify-content: center;width:80%;max-width:400px;color:#fff !important;font-size:3rem;font-weight: bold; text-align:center;line-height:1;margin:15px auto;padding:0.2em 1.5em;border-radius:5px;
 background:#00b900;}
.btn_line a::before{content:"";width:2.2em;height:2.2em;display:block;margin-right:0.5em;
 background:url(/img/icon_line.png) center center / 100% no-repeat;}

.btn_youtube a{display:flex;align-items: center;justify-content: center;width:80%;max-width:400px;color:#fff !important;font-size:3rem;font-weight: bold; text-align:center;line-height:1;margin:15px auto;padding:0.2em 1.5em;border-radius:5px;
 background:#FF0033;}
.btn_youtube a::before{content:"";width:2.2em;height:2.2em;display:block;margin-right:0.5em;
 background:url(/img/icon_youtube.png) center center / 100% no-repeat;}

/*--- form ---*/
input,select,textarea{width:100%;font-size:16px;font-family:'Noto Sans JP',"Meiryo","メイリオ",sans-serif;}
input[type="submit"],input[type="button"],input[type="file"]{line-height:1;}
input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],
input[type="number"],input[type="range"],input[type="color"],
input[type="datetime"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],
select,textarea{padding:0.3em 0.5em;border:solid 1px #000;}
input[type="radio"],input[type="checkbox"]{vertical-align:baseline;width:1em;height:1em;margin-right:1rem;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}
/* selectwrap */
.selectwrap, .checkwrap{position: relative;}
.selectwrap > select, .checkwrap > input[type="checkbox"]{-webkit-appearance: none;appearance: none;}
.selectwrap > select{background:#FFF;}
.selectwrap > select > option{background:#F0F0F0;}
.selectwrap::after{position:absolute;content:'\f078';right:0.5em;top:50%;transform:translateY(-50%);color:#999;font-family: "Font Awesome 5 Free";font-weight: 900;}

/*--- area ---*/
.area_01{padding:3rem;max-width:870px;margin:0 auto;text-align: left;
 background:#FFF;box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:2rem;}
.area_line{margin-bottom:6rem;}
.area_line .area_qr{display:flex;justify-content: center;align-items: center;}
.area_line .area_qr .lineqr{max-width:100px;}
/* 元記述 */
.area_line > .lineqr{max-width:300px;width:80%;margin:2rem auto;}

/* area_fixbtn */
.area_fixbtn{position:fixed;right:0;bottom:0;width:100%;transition: bottom 1s,right 1s;z-index:99;}
.area_fixbtn.hide{bottom:-10rem;}
.area_fixbtn > ul.list_fixbtn{display: flex;}
.area_fixbtn > ul.list_fixbtn > li{width:50%;}
.area_fixbtn > ul.list_fixbtn > li > a{display:flex;align-items: center;justify-content: center;gap:1.5rem;color:#FFF;font-size:4rem;font-weight:500;line-height:1;padding:1.5rem;}
.area_fixbtn > ul.list_fixbtn > li > a::before{content:"";display: block;width:5rem;height:5rem;}

.area_fixbtn > ul.list_fixbtn > li.consult > a{background:#0fab25;border-radius:2rem 0 0 0;}
.area_fixbtn > ul.list_fixbtn > li.consult > a:hover{background:#0c871d;}
.area_fixbtn > ul.list_fixbtn > li.consult > a::before{background:url(/img/icon_mail.png) center / 100%  no-repeat;}
.area_fixbtn > ul.list_fixbtn > li.request > a{background:#0f4aab;border-radius:0 2rem 0 0;}
.area_fixbtn > ul.list_fixbtn > li.request > a:hover{background:#0c3c8b;}
.area_fixbtn > ul.list_fixbtn > li.request > a::before{background:url(/img/icon_request.png) center / 100%  no-repeat;}

/*--- googleform ---*/
.googleform iframe{width:100%;min-height:160rem;}

/*========== index setion block ==========*/
main > *[class^="blc_"]:not(.blc_mv) > .inner{padding:10rem 3rem;}

/*--- blc_mv ---*/
.blc_mv{background:url(/img/mv_bg_sp.jpg?5) center top / cover no-repeat;}
.blc_mv > .inner{position:relative;max-width:1000px;margin:0 auto;padding:10rem 3rem 3rem;}
.blc_mv h1{font-size:6rem;font-weight:bold;text-align:left;margin-bottom:2rem;
 text-shadow:0 0 0.5em #FFF,
 0.03em 0.03em 0 #FFF, 0.03em -0.03em 0 #FFF, 0.03em 0 0 #FFF,
 -0.03em 0.03em 0 #FFF, -0.03em -0.03em 0 #FFF, -0.03em 0 0 #FFF,
 0 0.03em 0 #FFF, 0 -0.03em 0 #FFF;}
.blc_mv h1 > span{position:relative;display:inline-block;line-height:1;padding:0.1em 0.2em 0.2em;background:#fcf76e;}
.blc_mv h1 > span.txt_narrow{letter-spacing: -0.05em;}
.blc_mv p.txt_catch{font-size:3.2rem;font-weight:500;text-align: left;
text-shadow:0 0 0.1em #FFF,
 0.03em 0.03em 0.1em #FFF, 0.03em -0.03em 0.1em #FFF, 0.03em 0 0.1em #FFF,
 -0.03em 0.03em 0.1em #FFF, -0.03em -0.03em 0.1em #FFF, -0.03em 0 0.1em #FFF,
 0 0.03em 0.1em #FFF, 0 -0.03em 0.1em #FFF;}
.blc_mv p.txt_arrow{position:absolute;left:3rem;top:2.5rem;color:#FFF;font-size:3.2rem;font-weight:bold;padding:0 0.5em;background:#ff0000;animation:wobbling_y ease 1s infinite;}
.blc_mv p.txt_arrow::after{position: absolute;content: "";bottom: calc(-2.4rem + 1px);left: 50%;margin-left: -1.2rem;z-index: 2;
 border: 1.2rem solid transparent;
 border-top: 1.2rem solid #ff0000;}
.blc_mv p.pop{position:absolute;right:2.8rem;top:2rem;max-width:17rem;}
.blc_mv ul.list_service{display: flex;justify-content: space-between;gap:2rem;max-width:80rem;margin:2rem auto 0;}
.blc_mv ul.list_service > li{width:calc(100% / 3);}

/*--- blc_worry ---*/
.blc_worry{padding-top:8rem;background:url(/img/worry_bg_sp.jpg) center top / cover no-repeat;}
.blc_worry h2{display:flex;align-items:center;max-width:100rem;min-height:33rem;margin:0 auto;padding:0 3rem;
 background:url(/img/worry_ttlbg.png) right -6rem top / calc(100% + 6rem) no-repeat;}
.blc_worry h2 > span{font-size:4rem;font-weight:bold;text-align:left;padding-bottom:1.5rem;border-bottom:0.3rem solid #ea1b0f;}
.blc_worry h2 > span .f_red::before{content:"";display:block;height:0.4em;width:5em;
 background-position: top left -1em;
 background-repeat: repeat-x;
 background-size: 1em 0.4em;
 background-image: radial-gradient(0.12em 0.12em at center center,#ea1b0f,#ea1b0f 90%,transparent);}
.blc_worry ul.list_worry{margin-bottom:6rem;}
.blc_worry ul.list_worry > li{display:flex;align-items: center;}
.blc_worry ul.list_worry > li:nth-child(odd) {flex-direction: row-reverse;}
.blc_worry ul.list_worry > li > figure.icon{width:15rem;}
.blc_worry ul.list_worry > li > p{width:calc(100% - 15rem);padding:1em 0.5em;background:#FFF;border-radius:5rem;box-shadow:0 0 1.5rem #d2d1d3;}
.blc_worry ul.list_worry > li > p.bgyel{background:#faf9d9;}
.blc_worry ul.list_worry > li > p.bgblu{background:#dbe8f7;}

/*--- blc_custom ---*/
.blc_custom h2.ttl_01{background:url(/img/custom_ttlbg_sp.jpg) center top / cover no-repeat;}

/*--- blc_magage ---*/
.blc_magage h2.ttl_01{background:url(/img/manage_ttlbg_sp.jpg) center top / cover no-repeat;}
.blc_magage .area_support{background:url(/img/manage_supportbg_sp.jpg) center top no-repeat;}
.blc_magage .area_support .satisfaction{position:relative;}
.blc_magage .area_support .satisfaction > .rate{position:absolute;display:block;max-width:20rem;top:50%;left:50%;transform:translate(-50%,-50%);}
.blc_magage .area_slider ul > li{max-width:80%;}
/* swiper */
.swiper-wrapper{transition-timing-function: linear !important;}
.swiper-slide{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content !important;}

/*--- blc_market ---*/
.blc_market h2.ttl_01{background:url(/img/market_ttlbg_sp.jpg) center top / cover no-repeat;}
.blc_market dl.list_point{text-align: left;}
.blc_market dl.list_point > dt{font-size:3.6rem;font-weight:bold;margin:10rem 0 1rem;}
.blc_market dl.list_point > dt > span{display: block;}
.blc_market dl.list_point > dt > span.point{color:#FFF;font-size:0.8em;display:inline-block !important;padding:0.2em 1em;margin-bottom:2rem;background:#000;border-radius:3rem;}
.blc_market dl.list_point > dd{line-height: 1.8;}
.blc_market dl.list_point > dd.image{margin-top:1.5em;}

/*--- blc_voice ---*/
.blc_voice h2.ttl_01{background:url(/img/voice_ttlbg_sp.jpg) center top / cover no-repeat;}
.blc_voice ul.list_case li:not(:last-child){margin-bottom:10rem;}
.blc_voice ul.list_case li .box_flex01{align-items: flex-start;}
.blc_voice ul.list_case li .box_flex01 .casename{display:inline-block;color:#FFF;font-size:0.9em;padding:0.2em 1em;margin-bottom:1rem;background:#ea1b0f;border-radius:3rem;}

/*--- blc_flow ---*/
.blc_flow{background:url(/img/flow_bg_sp.jpg) center top no-repeat;}
.blc_flow ol.list_flow > li{display: flex;align-items: center;padding:2rem;margin-bottom:2.5rem;background:#FFF;box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:2rem;}
.blc_flow ol.list_flow > li:last-child{margin-bottom:0;}
.blc_flow ol.list_flow > li > .num{width:8rem;}
.blc_flow ol.list_flow > li > .num > span{display:flex;align-items: center;justify-content: center;width:8rem;height:8rem;color:#FFF;font-size:3.2rem;font-weight:bold;text-align:center;background:#ea1b0f;border-radius:50%;border:0.5rem solid #fbc6d1;}
.blc_flow ol.list_flow > li > .txt{width:calc(100% - 8rem);padding-left:2rem;text-align:left;}
.blc_flow p.arrow{color:#ea1b0f;font-size:3.5rem;text-align:center;letter-spacing:1.5em;margin:3rem 0;padding-left:1.5em;animation:wobbling_y ease 1s infinite;}

/*--- blc_simulation ---*/
.blc_simulation{background:#fafbfb;}

/*--- blc_support ---*/
.blc_support{background:#fafbfb;}
.blc_support ul.list_support > li{margin-bottom:4.5rem;}

/*--- blc_form ---*/
.blc_form{background:#fafbfb;}
.blc_form .area_form{padding:3rem;max-width:700px;margin:0 auto;
 background:#FFF;box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:2rem;}
.area_form dl.list_input{text-align: left;}
.area_form dl.list_input dt{font-weight:bold;margin-bottom:0.2em;}
.area_form dl.list_input dd{margin-bottom:1em;}
.area_form ul.list_radio{display:flex;flex-wrap:wrap;align-items: center;}
.area_form ul.list_radio > li{min-width:40%;}

.area_form input[type="text"],
.area_form input[type="email"],
.area_form input[type="tel"]{font-size:16px;padding:0.5em 0.5em;border:1px solid #a5a4a4;}
.area_form select{border:1px solid #a5a4a4;}
.area_form button[type="submit"]{position:relative;display:flex;align-items:center;justify-content: center;width:100%;max-width:45rem;color:#FFF;font-size:3.2rem;font-weight:bold;line-height:1.2;text-align:center;padding:0.6em;margin:1.5em auto;border-radius:5px;background:#ea1b0f;}
.area_form button[type="submit"]::before{content:"";display:inline-block;width:1.5em;height:1.5em;margin-right:0.5em;z-index: 2;
 background:url(/img/icon_mail.png) left center / 100% no-repeat;}
.area_form .php_error{color:#ea1b0f;font-weight:bold;font-size:0.8em;}


/*========== common ==========*/
em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:3em !important;}

.mtb_S{margin-top:0.5em !important;margin-bottom:0.5em !important;}
.mtb_M{margin-top:1em !important;margin-bottom:1em !important;}
.mtb_L{margin-top:1.5em !important;margin-bottom:1.5em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.f_S{font-size:2.4rem;}
.f_L{font-size:3.2rem;}
.f_LL{font-size:3.6rem;}
.f_bold{font-weight: bold !important;}
.f_red{color:#ea1b0f;font-weight:bold;}
.f_sky{color:#00c7d4;font-weight:bold;}
.f_green{color:#00b900;font-weight:bold;}
.f_black{color:#000000;font-weight:bold;}

.tx_left{text-align:left;}
.tx_right{text-align:right;}
.tx_center{text-align:center;}
.tx_mark_red{color:#FFF;font-weight:bold;padding:0 0.5em;background:#ea1b0f;}
.imgsdw > img{box-shadow:0 0.5rem 3rem rgba(134, 130, 130, 0.2);border-radius:3rem;}

.wd_80{width:80%;margin-left:auto;margin-right:auto;}
.hr01{border:1px solid #EEE;border-width:1px 0 0 0;margin:2.5em auto;}

/*==================================================================
   Responsive
==================================================================*/
/*========== 750px以上 PC表示 ==========*/
@media screen and (min-width:750px) {
html{font-size:62.5%;}
body{font-size:1.6rem;}
.view_sp{display:none;}
.view_pc{display:block;}

/*--- frame ---*/
#container,#header{min-width:1000px;}
#header{
  /* height:10rem; */
  height:auto;
}
#header > .inner p.logo{width:25%;}
#header > .inner p.txt{width:25%;font-size:1.6rem;padding-left:1em;margin-right:auto;text-align: left;}
#header > .inner p.btn_form{
  /* width:35%; */
  width:45%;
}
#footer{font-size:1.6rem;padding-top:4rem;}
#footer nav ul.fnav{flex-direction: row;}
#footer nav ul.fnav > li > a{font-size:1.6rem;padding:0rem 2rem;line-height:1;border-bottom:none;border-left:1px solid #FFF;}
#footer nav ul.fnav > li:last-child > a{border-right:1px solid #FFF;}
#footer nav ul.fnav > li > a:hover{color:#dc7f88;}

/*----- parts -----*/
.ttl_01{font-size:4rem;padding:12rem 4rem;}
.ttl_01 > span.eng{font-size:2.5rem;}
/* only not index */
body:not(#index) .ttl_01{padding:12rem 4rem 10rem;}

.ttl_02{font-size:3.2rem;}
.ttl_02 > span.eng > span{font-size:2.4rem;}

dl.box_01 > dt{font-size:2.4rem;border-radius: 2rem 2rem 0 0;}
dl.box_01 > dd{padding:2.5rem;}
dl.box_02{min-height:19.5rem;font-size:2.4rem;}
dl.box_02 > dt{width:19rem;padding:2rem;}
dl.box_02 > dd{width:calc(100% - 19rem);padding:2rem 2rem 2rem 4rem;}

.box_flex01{flex-direction: row;margin-bottom:6rem;}
.box_flex01 > .image{width:25rem;margin-bottom:0;}
.box_flex01 > .text{width:calc(100% - 25rem);padding-left:2.5rem;}
.box_flex02{flex-direction: row;}
.box_flex02 > .image{width:45rem;margin-bottom:0;}
.box_flex02 > .text{width:calc(100% - 45rem);padding-left:2.5rem;}

.btn_form > a,
.area_form button[type="submit"]{font-size:2.4rem;cursor: pointer;}
.area_form button[type="submit"]:hover{background-color:#cc180e;}
.area_form ul.list_radio > li{min-width:auto;margin-right:1em;}

.area_fixbtn{width:11.5rem;bottom:10rem;}
.area_fixbtn.hide{bottom:10rem;right:-20rem;}
.area_fixbtn > ul.list_fixbtn{flex-direction: column;gap:2rem;}
.area_fixbtn > ul.list_fixbtn > li{width:100%;}
.area_fixbtn > ul.list_fixbtn > li > a{flex-direction: column;gap:0.5rem;font-size:1.6rem;padding:1.5rem;border-radius:2rem 0 0 2rem !important;}
.area_fixbtn > ul.list_fixbtn > li > a::before{content:"";display: block;width:6rem;height:5rem;}

/*----- section block -----*/
main > *[class^="blc_"]:not(.blc_mv) > .inner{padding:10rem calc((100% - 870px) /2);}

.blc_mv{background-image:url(/img/mv_bg_pc.jpg?5);}
.blc_mv > .inner{padding:12rem 3rem 3rem;}
.blc_mv h1{font-size:7.5rem;margin-bottom:4rem;}
.blc_mv p.pop{top:5rem;right:0;max-width:23.8rem;}
.blc_mv p.txt_arrow{top:5rem;}
.blc_mv ul.list_service{margin-top:6rem;}
.blc_worry{background-image:url(/img/worry_bg_pc.jpg);}
.blc_worry h2{min-height:41rem;padding:0 6.4rem;background-position:center top;background-size:100%;}
.blc_worry ul.list_worry > li:nth-child(odd) {margin-right:17rem;}
.blc_worry ul.list_worry > li:nth-child(even){margin-left:17rem;}
.blc_worry ul.list_worry > li > figure.icon{width:17.5rem;}
.blc_worry ul.list_worry > li > p{width:calc(100% - 17.8rem);font-size:2.4rem;}
.blc_custom h2.ttl_01{background-image:url(/img/custom_ttlbg_pc.jpg);}
.blc_magage h2.ttl_01{background-image:url(/img/manage_ttlbg_pc.jpg);}
.blc_magage .area_support{background-image:url(/img/manage_supportbg_pc.jpg);}
.blc_market h2.ttl_01{background-image:url(/img/market_ttlbg_pc.jpg);padding: 10rem 4rem;}
.blc_market dl.list_point > dt{font-size:2.4rem;margin:6rem 0 1rem;}
.blc_voice h2.ttl_01{background-image:url(/img/voice_ttlbg_pc.jpg);}
.blc_voice ul.list_case li .box_flex01 > .text > p{margin-top:1rem;}
.blc_flow{background-image:url(/img/flow_bg_pc.jpg);}

/*----- common -----*/
.f_S{font-size:1.4rem !important;}
.f_L{font-size:2.4rem !important;}
.f_LL{font-size:3.2rem !important;}

/**/} /* Responsive End */


/*==================================================================
   Animation
==================================================================*/
/*-- zoomRepeat --*/
.animated_zoomRepeat {
-webkit-animation: zoomRepeat 1.5s ease-in-out infinite;
animation: zoomRepeat 1.5s ease-in-out infinite;
}
@-webkit-keyframes zoomRepeat {
0% {-webkit-transform: scale(1);}
30% {-webkit-transform: scale(0.9);}
60% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(1);}
}
@keyframes zoomRepeat {
0% {transform: scale(1);}
30% {transform: scale(0.9);}
60% {transform: scale(1);}
100% {transform: scale(1);}
}
/*-- wobbling_x --*/
@-webkit-keyframes wobbling_x {
0% {margin-left: 0.5rem;}
100% {margin-left: 0px;}
}
@keyframes wobbling_x {
0% {margin-left: 0.5rem;}
100% {margin-left: 0px;}
}
/*-- wobbling_y --*/
@-webkit-keyframes wobbling_y {
0% {transform: translateY(0rem);}
50% {transform: translateY(1rem);}
100% {transform: translateY(0rem);}
}
@keyframes wobbling_y {
0% {transform: translateY(0rem);}
50% {transform: translateY(1rem);}
100% {transform: translateY(0rem);}
}
/*-- swing --*/
.animated_swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation: swing 5s ease-in-out infinite;
animation: swing 5s ease-in-out infinite;
-webkit-animation-duration: 5s;
animation-duration: 5s;
}
@-webkit-keyframes swing {
5% {-webkit-transform: rotate3d(0, 0, 1, 10deg);}
10% {-webkit-transform: rotate3d(0, 0, 1, -8deg);}
15% {-webkit-transform: rotate3d(0, 0, 1, 5deg);}
20% {-webkit-transform: rotate3d(0, 0, 1, -3deg);}
25% {-webkit-transform: rotate3d(0, 0, 1, 0deg);}
to {-webkit-transform: rotate3d(0, 0, 1, 0deg);}
}
@keyframes swing {
5% {transform: rotate3d(0, 0, 1, 10deg);}
10% {transform: rotate3d(0, 0, 1, -8deg);}
15% {transform: rotate3d(0, 0, 1, 5deg);}
20% {transform: rotate3d(0, 0, 1, -3deg);}
25% {transform: rotate3d(0, 0, 1, 0deg);}
to {transform: rotate3d(0, 0, 1, 0deg);}
}

.js_inview{opacity: 0;}
/*-- fadeIn inview --*/
.animated_fadeIn.active{opacity: 1;
 -webkit-animation:fadeIn 1.5s ease 1;
 animation: fadeIn 1.5s ease 1;
}
@-webkit-keyframes fadeIn {
 from {opacity: 0;}
 to {opacity: 1;}
}
@keyframes fadeIn {
 from {opacity: 0;}
 to { opacity: 1;}
}
/*-- fadeInUp inview --*/
.animated_fadeInUp.active{opacity: 1;
 -webkit-animation:fadeInUp 0.8s ease 1;
 animation: fadeInUp 0.8s ease 1;
}
@-webkit-keyframes fadeInUp {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
   }
 
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInUp {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
   }
 
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
}
/*-- fadeInDown inview --*/
.animated_fadeInDown.active{opacity: 1;
 -webkit-animation:fadeInDown 0.8s ease 1;
 animation: fadeInDown 0.8s ease 1;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*-- slideInRight inview --*/
.animated_slideInRight.active{opacity: 1;
 -webkit-animation:slideInRight 0.8s ease 1;
 animation: slideInRight 0.8s ease 1;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*-- zoomIn inview --*/
.animated_zoomIn.active{opacity: 1;
 -webkit-animation:zoomIn 1s ease 1;
 animation: zoomIn 1s ease 1;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

/*-- flipInY inview --*/
.animated_flipInY.active{opacity: 1;
 -webkit-animation:flipInY 1s ease 1;
 animation: flipInY 1s ease 1;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

/*-- animated_mark inview --*/
.animated_mark_red{display: inline-block;color:#FFF;font-weight:bold;padding:0 0.5em;}
.animated_mark_red{
	background-image:linear-gradient(#ea1b0f 50%, #ea1b0f 50%);
	background-repeat: no-repeat;
	background-size: 0 100%;
	background-position: 0 top;
	transition: 0.5s;
}
.animated_mark_red.active{opacity:1;background-size: 100% 100%;}


.dpsp,
.spfotfix{
  display: none;
}
#header > .inner p.btn_form > .telbtn{
  font-size: 22px;
  margin-top: 1rem;
}
#header > .inner p.btn_form > .telbtn::before{
  background:url(/img/icon_tel.png) no-repeat center / contain ;
  margin-right: 0;
  height: 1.5em;
  width: 2em;
}
#header > .inner p.btn_form > .telbtnsp::before{
  background:url(/img/icon_mail.png) no-repeat center / contain ;
  margin-right: 0;
  height: 1.5em;
  width: 2em;
  margin-left: 4px;
}
#header > .inner p.btn_form > .telbtnsp{
  background: #ea1b0f;
  /* background: #58B530; */
  display: none;
}
.choicelist li{
  margin-top: 5px;
}

.blc_insta iframe{
  aspect-ratio: 1 / 1;
  max-width: 765px;
  pointer-events: none;
  height: auto !important;
  width: 100% !important;
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .dpsp{
    display: block;
  }
  .btn_tel span{
    display: none;
  }
}
@media only screen and (max-width: 749px) {
  #header{
    height: 13rem;
  }
  main{
    padding-top: 13rem;
  }
  #header > .inner p.btn_form > .telbtn,
  #header > .inner p.btn_form > .siryobtn{
    display: none;
  }
  #header > .inner p.btn_form > .telbtnsp{
    display: block;
    /* padding-left: 40px; */
    padding: 10px 45px 10px;
    position: relative;
    text-align: left;
  }
  #header > .inner p.btn_form > .telbtnsp::before {
    position: absolute;
    left: 0;
    top: 9px;
  }
  .spfotfix{
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  .spfotfix li{
    margin: 0 auto;
    width: 48%;
  }
  .spfotfix a{
    background: #ea1b0f;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    /* font-size: 3.2rem; */
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 auto 10px;
    padding: 0.6em;
    position: relative;
    text-align: center;
  }
  .spfotfix a::before {
    content: "";
    background:url(/img/icon_tel.png) no-repeat center / contain ;
    display: inline-block;
    margin-right: 0;
    position: absolute;
    left: 10%;
    height: 2em;
    width: 3em;
  }
  .spfotfix-mail a::before {
    content: "";
    background: url(/img/icon_mail.png) left center / 100% no-repeat;
    display: inline-block;
    height: 1.5em;
    margin-right: 0.5em;
    position: static;
    width: 1.5em;
  }
  #footer{
    padding-bottom: 15rem;
  }
}
@media only screen and (max-width: 350px) {
  #header > .inner p.btn_form > .telbtnsp {
    padding-left: 30px;
  }
}


/*********************************
  20240730 add
*********************************/
.owneryoutuvbe{
  margin-top: 10rem;
}
.owneryoutuvbe iframe{
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}

.sectopbnr{
  padding: 12rem 0;
}
.sectopbnr .topbnrflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 800px;
}
.sectopbnr .tbnr{
  margin: 0 1% 0;
  width: 48%;
}
.sectopbnr .tbnr a{
  display: block;
  width: 100%;
}
.sectopbnr .tbnr a img{
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .sectopbnr .topbnrflex{
    padding: 0 4rem;
  }
  .sectopbnr .tbnr{
      margin: 0 auto;
      width: 100%;
  }
  .sectopbnr .tbnr:last-of-type{
      margin-top: 3rem;
  }
}

/*****************************
    追加CTA LINE資料ボタン
*****************************/
.line-guide-btn{
  display:flex;
  align-items:center;
  gap:14px;
  background:#00b900;
  color:#fff;
  text-decoration:none;
  padding:16px 24px;
  border-radius:14px;
  width:fit-content;
  margin: 0 auto;
}
.line-guide-btn:hover{
  opacity:0.9;
}
.line-guide-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
}
.line-guide-icon::before{
  content:"";
  width:150px;
  height:150px;
  background:url(/img/icon_line.png) no-repeat center/contain;
  display:block;
}
.line-guide-text{
  line-height:1.4;
  font-size: 24px;
}
.line-guide-text small{
  font-size:0.85em;
}
@media only screen and (max-width: 767px){
  .line-guide-text{
    font-size: 18px;
  }
}