@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
.pc{display: block;}
.text3sp{display: inline;}
.sp{display: none;}
body{ font-family:normal normal normal 16px/1.8em 'source-han-sans-japanese', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif; }
li{list-style:none}
strong{font-size: 3.5rem;font-weight: bold;line-height: 1.5em;}
p{font-size: 18px;font-weight: 500;}
a{text-decoration: none;}


/* ヘッダー */
#header{background:#fff;height: 80px;display: flex;justify-content: space-around;align-items: center;position: fixed;width: 100%;z-index: 100000;}
#header h1{width: auto;height: 40px;}
#header h1:hover{opacity: 0.5;}
#header .logo img{margin-top:0px;height: 100%;}
#header .gnav{padding-top:0px;display: flex;height: 40px; padding-bottom:14px; }
  #header .gnav .biz1{margin-right: 20px;color:#D3402C;font-weight: 600;line-height: 9px; font-family: "Bebas Neue", sans-serif; font-weight:bold; font-style:normal; margin-top:5px; }
  
  #header .gnav .biz1 p{font-size: 23px;font-weight: bold;margin: 0;display: block; color: #012948; letter-spacing:4.2px; margin-top:-8px; }
  #header .gnav .biz1 span{font-size: 13px;display: block;}
  .button{margin: auto;height: 40px;width: 180px;color: #fff;background: #D3402C;border-radius: 10px;line-height: 40px;text-align: center;}
.button a{color: #fff;}





#wrapper{width: 100%;text-align: center;margin-top: 0px;}
#wrapper .content{width: 960px;margin: 0 auto;}
#wrapper .top{display: flex;}
#wrapper .top img{margin:0;width: 100%;}
#wrapper .top_left{width: 50%;text-align: left;}
#wrapper .top_left img{width: 240px;margin-left: -50px;}
#wrapper .top_left p{font-size: 16px;}
#wrapper .top_left strong {font-size: 6rem;}
#wrapper .top_right{width: 50%;}

/* トップ */
#wrapper .top_bg{display: flex;background-color: #42A2A6;width: 100%;}
#wrapper .top{width: 960px;margin: 80px auto 0px;}
#wrapper .top_left{color: #fff;}
#wrapper .top_left p{display: block;font-size: 75px;font-weight: bold;line-height: 1.4em;letter-spacing: 2px;}
#wrapper .top_right{width: 50%;}

/* メリット */
.merit_bg_24{width: 100%;background: rgba(66, 162, 166, 0.1);padding: 30px 0;}
.merit_bg_13{width: 100%;background: #fff;padding: 30px 0;}
.merit{display: flex;width: 960px;margin:0px auto;text-align: justify;justify-content: space-around;}
.no{width: 10%;margin:0;}
.merit_text,.merit_graph{width: 41%;}
.merit_graph{padding-top: 82px;}
.merit_text1{font-size: 18px; background:linear-gradient(transparent 70%, rgba(66, 162, 166, 0.6) 70%);width:-webkit-fill-available;width:max-content;}
.merit_text2{font-size: 28px;line-height: 1.65em;}
.merit_text3{font-size: 16px;line-height: 1.7em;}
.merit3{width: 960px;margin: 0 auto 60px;padding-left: 10%;}
.merit3 img{width: 86%;}

.title{width: 100%;padding:18px 0px;background:#F2B723;font-size: 28px;font-weight: 600;margin: 30px auto 0px;line-height: 1.5em;color: #fff;}
.title_content{width: 960px;margin:0 auto;position:relative;}
.title_content img{position: absolute;bottom: -20px;}
.fuan{width: 960px;margin:0 auto;}
.fuan img{width: 70%;}
p.fuan{font-size: 24px;margin: 40px auto 20px;}


.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 25px solid #F2B723;
  margin:0 auto;
}




/* お問い合わせ */
  .contents_bg{background:#050762; padding: 30px 0 50px; }
  .contents { padding: 30px 0;width: 960px;margin: 0 auto;}
.toi{color: #fff;}









.toiawase{width: 420px;height: 70px;line-height: 70px;color: #fff;background: #D3402C;border-radius: 5px;margin:50px auto;font-size: 22px;font-weight: 500;}
.toiawase a{display: block;}
.toiawase:hover{opacity: 0.5;}
.toi{font-size: 28px;font-weight: 600;margin: 30px auto;text-align: center;}
#header .gnav .biz { font-size:18px; }
#header .gnav .biz i { margin-right:5px; }
  #header .gnav .biz:hover a{border: none; color:#fff216; }
  #header .gnav .biz:hover { background:#000; }




#footer{background: #fff;padding: 25px 10px;}
#footer a:hover{opacity: 0.5;}
.footer_left a{display: block; width:auto; margin-bottom: 5px; }
.footer_left a img{height: 100%;margin-right:20px;}
.footer_left span{text-align: left;font-size: 14px;display: block; }
.footer_right{margin-right: 30px;font-size: 14px;text-align: left;}
.footer_right a{color: black; line-height: 30px; }


.button:hover{transform: scale(1.04);
  background: #15faff;}
.biz button a:hover { color:#000; }




/*	ここからスマホ	*/
@media screen and (max-width: 960px){
  #header .gnav .biz a{font-size: 4vw;padding: 0;background: none;color: #466eb6;padding: 0;width: 100%;text-align: right;}
  #header .gnav .biz a:hover{background: none;color: #466eb6;border: none;}

  #header .gnav {display: none;}
.pc{display: none;}
.text3sp{display: none;}
.sp{display: block;}
#header{height: 45px;padding: 0px;position: initial; padding-top: 5px; }
#header .logo img{height: 77%; width: 250px;}
p {font-size: 16px;}
strong{font-size: 1.4em;}
#wrapper .top {display: block;}
#wrapper .top_left{text-align: center;margin-left: 0px; }
#wrapper .top_left strong {font-size: 4rem;}
#wrapper .top_left p {text-align: left;font-size: 46px;margin: 20px 10px;}
#wrapper .content {width: 96%;margin: 0 auto;}
#wrapper .top_left {width: 100%;}
#wrapper .top_right {width: 90%;margin: 5% auto;}
#wrapper .top img {width: 100%;}

  .contents_bg{padding-bottom: 20px; width:100%; }


.fuan{width: 100%;}
p.fuan{width: 100%;margin: 20px auto;font-size: 4.6vw;letter-spacing: 1px;}
.fuan img {width: 95%;}
.merit{width: 92%;margin: 0 4%;display: block;}
.merit_text, .merit_graph {width: 100%;padding-top: 10px;}
.no{width: 17%;
height: 17%;}
.merit_text12{width: 80%;margin-left: 3%;}
.merit_sp{display: flex;}
.merit_text12 .merit_text2{margin: 0;}
.merit_text1 {font-size: 4vw;}
.merit_text2 {font-size: 1.5em;font-weight: 600;}
.merit_text3 {font-size: 14px;}


.toi{font-size: 5vw;}
.merit3{width: 100%;
margin-top: 20px;
padding: 0;}

.title{font-size: 16px;padding: 12px 0px;}
.title_content {width: 96%;margin: 0 auto;}
.title_content img {width: 60px;bottom: -10px;}
.content img {width: 100%;margin: 10px auto;}

.toiawase{width: 300px;height: 60px;line-height: 60px;font-size: 18px;}

.content .uita0{display: block;}
.content .uita00 {width: 100%;}
.content .uita p {font-size: 16px;}
.content .text {font-size: 12px;text-align: justify;margin-left: 0;}
.content .uita {height: 70px;margin-top: 35px;}
.nande p{text-align: justify;font-size: 12px;}

.contents {
padding: 10px 0 25px;
width: 92%;
margin: 0 4%;
}
.marker span{font-size: 1.8em;}
#top #sec_design{background: #fff;}

.footer_left a img{margin-right: 0px;}

.triangle {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 15px solid #F2B723;
}

.footer_left span{margin-left: 0;}

}


.fixed{display: block;}

@media screen and (max-width: 599px) {
#header .gnav .biz a{display: none;}}


@media screen and (max-width: 599px) {
  .gnav li a .normal{display: none;}
  .gnav li a .hover{display: inline-block;}
  .fixed{display: block;position: fixed;z-index: 1000000;height: 80px;background: #D14133;bottom: 0;width: 100%;}
    .fixed ul{display: flex;justify-content: center;margin: 0;padding: 0;width: 100%;}
        .fixed ul li{width: 45%;font-size: 5vw;
height: 30px;
color: #fff;
font-weight: bold;
line-height: 20px;}
.fixed a{color: #fff;}
.fixed p{color: #fff;font-size: 13px; text-align:center; }

}

/* 固定フッターPC */
.fixedPC {display: block;position: fixed;z-index: 1000000;height: 110px;background: #000; bottom: 0;width: 100%; gap:20px; }
    .fixedPC ul{display: flex;justify-content: center;margin: 0;padding: 0;width: 100%; gap:10px; }
        .fixedPC ul li{ font-size: 2vw; height: 30px; color: #fff; font-weight: bold; line-height: 20px;}
        .fixedPC ul li:first-child { pointer-events: none; }
.fixedPC a{color: #fff;}
.fixedPC p{color: #fff;font-size: 16px; text-align:center; margin-top:10px; }


#footer{display: flex;justify-content: space-between;align-items: flex-end;}
#footer a:hover{text-decoration: underline;}
.gnav_foot {display: flex;}
.gnav_foot li{margin:0 20px;}
.footer_right{margin-left: auto;margin-right: 0;}

@media screen and (max-width: 960px) {
  .fixedPC ul li { font-size: 16px; pointer-events: auto; }
}




@media screen and (max-width: 965px) {
  #footer{display: block; padding-bottom:110px; }

  .gnav_foot {flex-wrap: wrap;justify-content: flex-end;}
  .gnav_foot li{margin: 0px 10px;margin-top: 5px;}
  #top .inner{width: 90%;}


}
@media screen and (max-width: 599px) {
  .footer_left{text-align: center;margin-bottom: 20px;display: block;}
.footer_left span {text-align: center;}
.footer_right{text-align: center;}}

.privacyError { font-weight:bold; }