@charset "utf-8";

input,button { -webkit-appearance: none; }

/*******************************
共通
********************************/
body {
background-color: #F5F5F5;
color:#333;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
body main {
  max-width:800px;
  margin:0 auto;
  background-color: #FFF;
}
body main img {
  max-width:100%;
  height:auto;
  display: inline-block;
  image-rendering: auto;
}
a img {
  transition: all ease-out 300ms;
}
a:hover img,
a:active img {
  opacity: 0.85;
}
.sec {
  text-align: center;
}
.site-header h1 {
  line-height: 1em;
}

/* CTA */
aside.ctaArea h2,
aside.ctaArea h3,
aside.ctaArea h4 {
  text-align: center;
}
aside.ctaArea h3 {
  position: relative;
  top:0;
}
aside.ctaArea .ctaArea_bg {
  background: url(../img/hp_saimu1_g/form_bg.gif);
  padding:2rem 0 3rem;
	margin-top: -0.5em;
}
aside.ctaArea .ctaArea_bg .inner {
  background:#FFF;
  box-shadow:0 2px 20px rgba(0,0,0,0.2);
  padding:3rem 1.5rem 4rem;
  margin:0 3%;
  border-radius: 20px;
}
aside.ctaArea h4 {
  margin-bottom:2rem;
}
aside.ctaArea .ctaArea_bg .inner ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding:0 20px;
}
aside.ctaArea .ctaArea_bg .inner ul li {
  width:49%;
  text-align: center;
}
aside.ctaArea .ctaArea_bg .inner .tel {
  margin:1.5rem auto 0;
  text-align: center;
}
aside.ctaArea .ctaArea_bg .inner .tel > p {
  margin-top:1rem;
  font-size:12px;
  line-height:1.3em;
}
aside.ctaArea .ctaArea_bg .inner .tel > p.tsuiki::before {
  content:'※';
}
aside.ctaArea .ctaArea_bg .inner .tel > p.tsuiki {
  margin-top: 0.5rem!important;
}

@media screen and (max-width: 600px) {
  aside.ctaArea .ctaArea_bg {
    padding: 1.5rem 0 2rem;
    margin-top: -0.5em;
  }
  aside.ctaArea .ctaArea_bg .inner {
    padding:2rem 1rem 2rem;
  }
  aside.ctaArea h4 {
    margin-bottom:1.5rem;
  }
  aside.ctaArea .ctaArea_bg .inner ul {
    padding: 0;
  }
  aside.ctaArea .ctaArea_bg .inner .tel {
    margin-top: 0.5rem;
  }
  aside.ctaArea .ctaArea_bg .inner .tel > p {
    margin-top:0;
  }
}/* max-width: 600px */



/* 電話発信CVボタン */
.telCV a {
display: block;
width:664px;
height:160px;
background: url(../img/hp_saimu1_av/tel_btn.png) no-repeat center top;
margin:0 auto;
}
.telCV a span {
display:none;
}
@media screen and (max-width: 600px) {
	.telCV {
	padding:0 4%;
	}
	.telCV a {
	width:100%;
	height:0;
	padding-top:24.0963%;
	background: url(../img/hp_saimu1_av/tel_btn.png) no-repeat center top;
	background-size: contain;
	margin:0 auto;
	}
}/* SP */





/* コンテンツ */
.sec h2,
.sec h3,
.sec h4 {
  text-align: center;
}





/*******************************
個別　コンテンツ
********************************/
.sec01 {
background:#c7edfb;
padding-bottom:1rem;
}
.sec01 h3 {
margin:3rem 0 1rem;
}
.sec01 ul {
margin:0 3%;
}
.sec01 ul li {
margin-bottom:6rem;
}

@media screen and (max-width: 600px) {
  .sec01 {
    padding-bottom:10px;
  }
	.sec01 h3 {
		margin: 2rem 0 1rem;
	}
	.sec01 ul li {
		margin-bottom: 1rem;
	}
}/* max-width: 600px */


.sec02 {
margin-bottom:-3rem;
}
.sec02 p.sokode {
position: relative;
padding-top:20px;
}
.sec02 p.sokode img {
display: block;
position:absolute;
left:calc(50% - 175px); top:-60px;
}

@media screen and (max-width: 600px) {
  .sec02 p.sokode {
    position: relative;
    padding-top:5vw;
    }
  .sec02 p.sokode img {
    left:calc(50% - 20vw); top:-5vw;
    width:40vw;
  }
}/* max-width: 600px */


.sec03 {
background: #3db6c4;
}
.sec03 p {
margin-top:3rem;
}

@media screen and (max-width: 600px) {
  .sec03 p {
    margin:2rem 4vw;
    }
}/* max-width: 600px */


.sec04 {
background:#e7f6ff;
padding-bottom:4rem;
margin-top: -2em;
}
.sec04 h2 {
margin-bottom:3rem;
}

@media screen and (max-width: 600px) {
  .sec04 {
    background:#e7f6ff;
    padding-bottom:2rem;
    }
    .sec04 h2 {
      margin-bottom:2rem;
      }
      .sec04 p {
        margin:0 3vw;
        }
}/* max-width: 600px */



/* 事務所概要 */
.sec05 {
padding:4rem 6%;
}
.sec05 h2 {
margin-bottom:2rem;
}
.sec05 dl {
display: flex;
flex-wrap: nowrap;
border-bottom:#CCC dotted 1px;
padding-bottom:1.5rem;
margin-top: 1.5rem;
}
.sec05 dl dt {
width:30%;
text-align: center;
font-weight: 600;
}
.sec05 dl dd {
width:70%;
text-align: left;
}
@media screen and (max-width: 600px) {
  .sec05 dl {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .sec05 dl :is(dt,dd) {
    width:100%;
  }
  .sec05 dl dt {
    text-align: left;
    font-size:70%;
    }
}/* max-width: 600px */


.site-footer {
padding:1rem 3% 160px;
}
.site-footer ul.link li {
text-align: center;
}
.site-footer ul.link li a {
display: inline-block;
padding:4px 0.5em;
text-decoration: none;
color:#333;
font-size:1.2rem;
}
.site-footer ul.link li a:not(:first-child) {
margin-left:1em;
}
.site-footer address {
display: block;
text-align: center;
margin-top: 2rem;
line-height:1.2em;
}
@media screen and (max-width: 600px) {
  .site-footer {
    padding-bottom:25vw;
  }
  .site-footer address {
    font-size:12px;
    }
}/* max-width: 600px */


/* 固定メニュー */
#fixedMenu.fixBar {
position: fixed;
left:0; bottom:0;
background:rgba(255,236,240,0.6);
width: 100vw;
padding:10px;
box-sizing: border-box;
display: none;
opacity: 0;
transition: all ease 400ms;
}
#fixedMenu.fixBar.active {
display: block;
opacity: 1;
}
#fixedMenu.fixBar ul.fixBar__row {
max-width:800px;
margin:0 auto;
text-align: center;
}
#fixedMenu.fixBar ul.fixBar__row li img {
max-width:100%;
}
@media screen and (max-width: 600px) {
  #fixedMenu.fixBar ul.fixBar__row {
    margin:0 2%;
  }
}/* max-width: 600px */