/*
Theme Name:aoyama
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/

@charset "utf-8";

/* common */
:root {
  --color1: #008bd6;
}

body {
    font-size: 14px;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
    margin: 0 auto;
    color: #41351b;
    overflow-x: hidden;
    font-size: 14px;

    background-image: url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/AdobeStock_271216128-scaled.jpeg), url(./images/index/index-bk2.png);
    background-position: left top , right bottom 70px;
    background-size: 100% auto, auto;
    background-repeat: no-repeat, no-repeat;
}

.font1{
  font-family: 'Alata', sans-serif;
}

.letter-space1{
  letter-spacing: 0.05em;
}


* , *:before , *:after {
    box-sizing: border-box;
}
img {
    vertical-align: bottom;
}
a {
	text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
a img:hover {
	opacity: 0.7;
}
p{
  margin: 0;
  line-height: 1;
}

a[href^="tel:"] {
    pointer-events: none;
}

.sp {
    display: none;
}

.pc {
    display: block;
}



.animated{
	animation-duration:1.8s;
	animation-timing-function:ease;
}





/* Parts*/

.showbox {
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.showbox2 {
	width: 100%;
  max-width: 675px;
  margin: 0 auto;
}


ul li{
	list-style: none;
}

/* editor */


/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.anchor {
    display: block;
    margin-top: -100px;
    padding-top: 100px;

}



/* ヘッダー */
header {
  width: 100%;
}

.header1{
  background: linear-gradient(#3F96D9, #0274CD);
  font-size: 12px;
  color: #fff;
  padding: 0 20px;
}
.header1 h1{
  padding: 8px 0;
}

.header2{
  padding: 15px 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header2 .head2-1{
  font-size: 24px;
  color: #000;
  font-weight: bold;
}


/* フッター */
footer {
  position: relative;
}


/*フッターメニュー*/

footer{
  background: linear-gradient(#3F96D9, #0274CD);
  padding: 45px 20px;
  color: #fff;
}
footer a{
  color: #fff;
}

.footer1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer1 .footer1-1{
}


.footer1 .footer1-2{
}

.footer1 .footer1-3 nav ul.menu{
  display: flex;
}

.footer1 .footer1-3 nav ul.menu li:first-child{
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px;

}




/* contents */
#contents {
  overflow: hidden;
}

#contents > #main {
  padding: 40px 0 90px 0;
}

/* front-page */
.main-img{
}


/* 投稿リスト */
span.image {
    width: 100% !important;
    height: 0;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
span.image.no-image {
    position: relative;
    background-color: #eee;
    border: 1px solid #ddd;
    vertical-align: top;
}
span.image.no-image:before {
    content: 'NO IMAGE';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 10px;
    line-height: 1;
    margin-top: -0.5em;
    width: 100%;
    text-align: center;
}



.title1{
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 64.5%;
  margin: 0 auto 35px auto;
  padding: 35px 0;
  background: rgba(2, 116, 205, 0.9);
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(152, 152, 152, 0.8);
}
.title1 p:first-child{
  margin-bottom: 20px;
}

.box1{
  border: 10px solid #3F96D9;
  background: #fff;
}

.box1 .box1-1{
  position: relative;
  left: 0;
  right: 0;
  top: 30px;
  margin: auto;
}
.box1 .box1-1 .step-no{
  display: flex;
  align-items: center;

}

.box1 .box1-1 .step-no p{
  position: absolute;
  width: 268px;
  height: 63px;
  padding-top: 18px;
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/3e64025970860d5316e56a5ae08b3aa7.png);
  background-size: 100% 100%;
  font-size: 26px;
  color: #0274CD;
  text-align: center;
}
.box1 .box1-1 .step-no p:first-child{
  z-index: 10;
  left: 0;
}
.box1 .box1-1 .step-no p:nth-child(2){
  z-index: 9;
  left: 25%;
}
.box1 .box1-1 .step-no p:nth-child(3){
  z-index: 8;
  left: 50%;
}
.box1 .box1-1 .step-no p:last-child{
  width: 246px;
  height: 63px;
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/01c143a730dab8641bb79c48cd53a6ce.png);
  background-size: 100% 100%;
  z-index: 7;
  left: 75%;
}


.box1 .step1 .step-no p:first-child,
.box1 .step2 .step-no p:nth-child(2),
.box1 .step3 .step-no p:nth-child(3),
.box1 .step5 .step-no p:first-child,
.box1 .step6 .step-no p:nth-child(6),
.box1 .step7 .step-no p:nth-child(6){
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/0eb7ccb9d18c84e4c52435968fc71d47.png);
  background-size: 100% 100%;
  width: 268px;
  height: 63px;
  color: #fff;
}

.font-size1{
  font-size: 20px !important;
  padding-top: 22px !important;
}

.box1 .step4 .step-no p:last-child{
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/953df7e0b40b392e0a6063feaae57eff.png);
  background-size: 100% 100%;
  color: #fff;
}


.box1 .box1-2{
  padding: 100px 125px 40px 125px;
}

.box1 .box1-2 .q-title{
  background: #3F96D9;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  font-size: 20px;
  margin-bottom: 35px;
}

.box1 .box1-3{
  background: #C1E4FF;
  padding: 20px 0 25px 0;
  position: relative;
  width: 100%;
  height: 120px;
}

.q2,.q3,.q4,.q5,.q6,.q10,.q8-1,.q8-2,.q8-3{
  position: relative;
}

.wpcf7-select{
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #000;
  padding-left: 20px;
  border: 2px solid #bbb;
  -webkit-appearance: none;
}

.wpcf7-text{
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #000;
  padding-left: 20px;
  border: 2px solid #bbb;
  -webkit-appearance: none;
  margin-bottom: 15px;
}

.wpcf7-select::-ms-expand {
    display: none;
}

.q2::before,
.q3::before,
.q4::before,
.q5::before,
.q6::before,
.q10::before,
.q8-0::before,
.q8-1::before,
.q8-2::before,
.q8-3::before{
  position: absolute;
  top: -11px;
  right: 2px;
  width: 0;
  height: 0;
  padding-top: 12px;
  content: '▼';
  font-size: 20px;
  color: #fff;
  pointer-events: none;
  width: 50px;
  height: 46px;
  background: #0274CD;
  z-index: 10;
  text-align: center;
}

.q8-0::before,
.q8-1::before,
.q8-2::before{
  top: -23px;
}

.q8-3::before{
  top: -11px;
}

.wpcf7-previous{
  border: 0px;
  width: 65px;
  height: 20px;
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/ae79cf06e53324120921b6980312d865.png);
  text-indent:-9999px;
  margin-left: 125px;
  margin-top: 25px;
}

.wpcf7-submit{
  position: absolute;
  border: 0px;
  width: 388px;
  height: 78px;
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/e071765270dc3c2b5345225f42d53d62.png);
  text-indent:-9999px;
  left: 0;
  right: 0;
  margin: auto;
}


.box1-3.active::after{
  position: absolute;
  display: block;
  content: url(./images/index/pointer2.png);
  width: 74px;
  height: 60px;
  top: 25px;
  right: 207px;
  -webkit-animation: sdb2 1s infinite;
  animation: sdb2 1s infinite;
}

@keyframes sdb2 {
  0% {
    transform: rotate(0deg) translate(0, 0);
    /*opacity: 0;*/
  }
  50% {
    /*opacity: 1;*/
  }
  100% {
    transform: rotate(0deg) translate(-10px, 0);
    /*opacity: 0;*/
  }
}


.btn-top{
  position: absolute;
  border: 0px;
  width: 388px;
  height: 78px;
  background: no-repeat left top url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/c44c6812a0aee1b0f45bb786af5ec587.png);
  text-indent:-9999px;
  left: 0;
  right: 0;
  margin: auto;
}

.wpcf7-previous:hover,
.wpcf7-submit:hover,
.btn-top{
  cursor: pointer;
}

.box2{
  color: #0274CD;
  background: no-repeat left center url(https://aoyamakensou.com/shindan/wp-content/uploads/2022/12/c09f3ddd586298e956f723cd8adb4e3c.png);
  padding-left: 40px;
  margin-top: 60px;
}
.box2 p:first-child{
  margin-bottom: 10px;
}


.box1 .q7{
  background: no-repeat left 25px bottom url(./images/index/index-img5.png);
  padding: 175px 100px 40px 310px;
}

.box1 .q7 .q-title2 p:first-child{
  font-size: 24px;
  margin-bottom: 25px;
}
.box1 .q7 .q-title2 p:nth-child(2){
  font-size: 24px;
  margin-bottom: 40px;
  color: #d90000;
}
.box1 .q7 .q-title2 p:last-child{
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

.box1 .q7 .wpcf7-tel{
  border: 2px solid #ff0101;
  padding: 15px;
  font-size: 18px;
}

.box1 .q7 .q-title3{
  font-size: 12px;
  color: #666;
  margin-top: 15px;
}


span.q1 input {
    display: none;
}
span.q1 input + span {
    font-size: 0;
}

.wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
}

.wpcf7-list-item .wpcf7-list-item-label:hover{
  cursor: pointer;

}

.wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label{
}

.wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label{
}

.wpcf7-list-item .wpcf7-list-item-label::before{
  content: url(./images/index/pointer1.png);
  position: absolute;
  width: 37px;
  height: 48px;
  top: -25px;
  left: 84px;
  z-index: 10;
  -webkit-animation: sdb1 1s infinite;
  animation: sdb1 1s infinite;
}

@keyframes sdb1 {
  0% {
    transform: rotate(0deg) translate(0, 0);
    /*opacity: 0;*/
  }
  50% {
    /*opacity: 1;*/
  }
  100% {
    transform: rotate(0deg) translate(0, 10px);
    /*opacity: 0;*/
  }
}

.wpcf7-list-item .wpcf7-list-item-label.active::before{
  content: "";
}

span.q1 .wpcf7-list-item .wpcf7-list-item-label::after{
  display: block;
  text-align: center;
  width: 194px;
  height: 194px;
  background: #C1E4FF;
  border: 3px solid #0274CD;
  border-radius: 20px;
  box-shadow: 2px 2px 5px gray;
  padding-top: 75px;
}

span.q1 .wpcf7-list-item .wpcf7-list-item-label:hover::after{
  background: linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 92%,#0274CD 92%,#0274CD 100%);
}


span.q1 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label::after {
  content: url(./images/index/radio1.png);
  margin-right: 50px;
}
span.q1 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label::after {
  content: url(./images/index/radio2.png);
  margin-right: 50px;
}
span.q1 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label::after {
  content: url(./images/index/radio3.png);
}

span.q1 .wpcf7-list-item:nth-of-type(1) input:checked + .wpcf7-list-item-label::after {
  background: linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 92%,#0274CD 92%,#0274CD 100%);
}
span.q1 .wpcf7-list-item:nth-of-type(2) input:checked + .wpcf7-list-item-label::after {
  background: linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 92%,#0274CD 92%,#0274CD 100%);
}
span.q1 .wpcf7-list-item:nth-of-type(3) input:checked + .wpcf7-list-item-label::after {
  background: linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 92%,#0274CD 92%,#0274CD 100%);
}


.q8-0 .wpcf7-select,
.q8-1 .wpcf7-select,
.q8-2 .wpcf7-select{
  margin-bottom: 25px;
}




@media screen and (max-width:768px) {
  #contents {
      margin: 0;
      overflow: hidden;
      width: 100%;
      height: auto;
  }
  #contents > #main {
      width: 100%;
  }

  #contents > #sidebar {
  }


    .pc {
        display: none;
    }
    .sp {
        display: block;
    }


    a[href^="tel:"] {
        pointer-events: inherit;
    }


    body {
        width: 100%;
    }
    .showbox,
    .showbox2{
        width: 100%;
        padding: 0 10px;
    }


    /* header */

    #gnav-box,
    .pc-scroll{
      /*display: none;*/
    }

    .sp-menu{
      display: block;
    }

    header {
    }

    .head-logo2{
    }

    .head-logo2 a{
    }

    .header2{
      padding: 15px 20px 0 20px;
      flex-direction: column;
    }

    .header2 .head2-1{
      margin-top: 15px;
      /*text-align: right;*/
    }


    /* footer */
    footer {
    }
    .footer1{
      flex-direction: column-reverse;
    }
    .footer1 div{
      margin-bottom: 15px;
    }


    .title1{
      font-size: 16px;
      width: 95%;
      margin: 0 auto 35px auto;
      padding: 15px 10px;
    }

    .title1 p{
      line-height: 1.4em;
    }


    .box1 .box1-1 .step-no p{
      width: 27%;
      height: 63px;
      font-size: 16px;
      padding-top: 20px;
    }

    .box1 .box1-1 .step-no p:last-child{
      width: 25%;
    }

    .box1 .step1 .step-no p:first-child,
    .box1 .step2 .step-no p:nth-child(2),
    .box1 .step3 .step-no p:nth-child(3),
    .box1 .step5 .step-no p:first-child,
    .box1 .step6 .step-no p:nth-child(6),
    .box1 .step7 .step-no p:nth-child(6){
      width: 27%;
    }



    .box1 .box1-2{
      padding: 100px 15px 40px 15px;
    }

    .box1 .box1-2 .q-title{
      text-align: left;
      padding: 12px 10px;
    }


    .font-size1{
      font-size: 16px !important;
      padding-top: 20px !important;
      text-align: center !important;
    }

    .font-size2{
      font-size: 16px !important;
      padding-top: 20px !important;
    }

    .box1 .q8{
      background: none;
      padding: 100px 10px 40px 10px;
    }

    .wpcf7-text{
      width: 100%;
      -webkit-appearance: none;
    }

    span.q1 .wpcf7-list-item .wpcf7-list-item-label{
      display: block;
    }

    span.q1 .wpcf7-list-item .wpcf7-list-item-label::after{
      width: 90px;
      height: 90px;
      margin-bottom: 40px;
      margin-left: 0;
    }

    .wpcf7-list-item .wpcf7-list-item-label::before{
      left: 25%;
    }

    span.q1 .wpcf7-list-item .wpcf7-list-item-label:hover::after{
      background-color: linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 90%,#0274CD 90%,#0274CD 100%);
    }


    span.q1 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label::after {
      /*content: url(./images/index/radio1.png);*/
      content: "";
      background-image: url(./images/index/radio1.png);
      background-repeat: no-repeat;
      background-size: 90% auto;
      background-position: center center;
      margin-right: 0px;
      background:
    }
    span.q1 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label::after {
      /*content: url(./images/index/radio2.png);*/
      content: "";
      background-image: url(./images/index/radio2.png);
      background-repeat: no-repeat;
      background-size: 90% auto;
      background-position: center center;
      margin-right: 0px;
    }
    span.q1 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label::after {
      /*content: url(./images/index/radio3.png);*/
      content: "";
      background-image: url(./images/index/radio3.png);
      background-repeat: no-repeat;
      background-size: 50% auto;
      background-position: center center;
    }

    span.q1 .wpcf7-list-item:nth-of-type(1) input:checked + .wpcf7-list-item-label::after {
      content: "";
      background: url(./images/index/radio1.png), linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 90%,#0274CD 90%,#0274CD 100%);
      /*background-image: url(./images/index/radio1.png);*/
      background-repeat: no-repeat;
      background-size: 90% auto, 100% 100%;
      background-position: center center;
    }
    span.q1 .wpcf7-list-item:nth-of-type(2) input:checked + .wpcf7-list-item-label::after {
      content: "";
      background: url(./images/index/radio2.png), linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 90%,#0274CD 90%,#0274CD 100%);
      /*background-image: url(./images/index/radio2.png);*/
      background-repeat: no-repeat;
      background-size: 90% auto, 100% 100%;
      background-position: center center;
    }
    span.q1 .wpcf7-list-item:nth-of-type(3) input:checked + .wpcf7-list-item-label::after {
      content: "";
      background: url(./images/index/radio3.png), linear-gradient(180deg,#C1E4FF 0%,#C1E4FF 90%,#0274CD 90%,#0274CD 100%);
      /*background-image: url(./images/index/radio3.png);*/
      background-repeat: no-repeat;
      background-size: 50% auto, 100% 100%;
      background-position: center center;
    }



    .box1 .q8 .q-title2 p:first-child{
      font-size: 22px;
    }
    .box1 .q8 .q-title2 p:last-child{
      font-size: 3.5vw;
    }


    .wpcf7-previous{
      width: 50px;
      height: 15px;
      background-size: 100% auto;
      margin-left: 10px;
      margin-top: 30px;
    }


    .wpcf7-submit{
      width: 60%;
      height: 78px;
      background-size: 100% auto;
      top: 35px;
    }

    .btn-top{
      width: 60%;
      height: 78px;
      background-size: 100% auto;
      left: 0;
      right: 0;
      margin: auto;
      top: 40px;
    }


    .box1-3.active::after{
      content: "";
      background: no-repeat url(./images/index/pointer2.png);
      background-size: 100% auto;
      width: 40px;
      height: 33px;
      top: 40px;
      right: 5%;
    }


    .q2::before,
    .q3::before,
    .q4::before{
      height: 47px;
    }

    .q5-3::before{
      top: -10px;
    }

    .box1 .q7{
      background: none;
      padding: 110px 15px 40px 15px;
    }

}



    /* 下層ページ名 */

.page-top{
}


@media screen and (max-width:769px) {


}