@charset "utf-8";

/*--------------------------------------------------------------------

slidbg

--------------------------------------------------------------------*/	
.slidbg{background:#f9d3cd }

.first{text-align: center}
.first h2{font-size: 4.8vw; padding: 20px 0 10px ; font-weight: 800;}
.first h2 span{font-size: 2.9333333333vw;}
.first h2 span.kai{ display: block}
.first .text01{margin-bottom: 60px}
.first dt{position: relative}

.first dt p.mirai{position: absolute; background: #fff; padding: 10px; left: 5%; top:0; text-align: left;
border-radius: 0 0 20px 20px; font-size: 4.2666666667vw ; display: inline-block; line-height: 1.4;
font-weight: 600 ; -ms-writing-mode: tb-rl;  writing-mode: vertical-rl;}

.first dt p.online{position: absolute; background: #fff; bottom: 10px; right: 0; padding: 5px 10px; border-radius: 10px 0 0 10px; line-height: 1.4; letter-spacing: normal;font-size: 3vw; display: inline-block; text-align: right}

.waku{ background: #fdf2f0; border-radius: 20px; margin: 40px 5% 50px}
.waku h3{font-size: 5.2vw; position: relative; z-index: 1; line-height: 1.6; padding-bottom: 20px; top: -10px; background: #fff; border-radius: 20px ; font-weight: 800  }
.waku h3 span{display: inline-block;font-size: 2.9333333333vw; padding-top: 3% }
.waku h3:before{
    content: "";
    display: inline-block;
    background: url("../img/kako1.png") no-repeat;
    background-size:60%;
    width: 80%;
    height: 100%;
    position: absolute;
    left:0;
    bottom: -30px; z-index: -1
}
.waku h3:after{
    content: "";
    display: inline-block;
    background: url("../img/kako3.png") no-repeat  right top;
    background-size:60%;
    width: 80%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -30px; z-index: -1
}
.waku h3 img{position: absolute; width:22px; left: 50%; margin-left: -11px; bottom: -15px}

.waku ul{font-weight:800; padding: 20px 0 30px ; font-size: 18px}
.waku ul li:first-child{margin-bottom: 20px}

.first{ background: #f9d3cd}
.first dd a{ color: #000; border: solid 1px #c3985f; display: block; margin: 0 5%; border-radius: 20px; padding-bottom: 10px}
.first dd h4{background: #c3985f; display: inline-block; padding: 5px 40px; border-radius: 180px; color: #fff; margin-top: -20px ; line-height: 1.4; letter-spacing: 2px;}
.first dd .ifaflex{margin-top: -5px; font-weight: 700}
.first dd .text01a{font-weight: 800}
.first dd .text02a{font-size: 4vw; letter-spacing: 5 ; padding-top: 20px}
.first dd .text02a span{display: inline-block; padding-top: 3px; letter-spacing: 4px}
.first dd .text03a .en{font-size: 2.6666666667vw; color: #c3985f; display: inline-block; padding-top: 3px}
.first dd .text03a{font-size: 2.6666666667vw; vertical-align: middle ; padding-left: 35%;}

.first dd a:hover .thinright::after{
    width: 60px;
}
.first .wa{width:30%; max-width: 148px; position: absolute; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);  padding-top: 90px}
    
.first .wrapbown{padding-bottom: 150px}
/*--------------------------------------------------------------------

5つ

--------------------------------------------------------------------*/	
.meritbg{ background: #f9d3cd; text-align: center ; padding: 100px 0;}
.merit{background: #fff; margin:20px 5% 0; border-radius: 20px ; padding: 10% 0 8%}
.meritbg h2{font-size: 7vw; position: relative; z-index: 1; line-height: 1.4; padding-bottom: 10px; top: 0px; background: #fff; border-radius:0 0 20px 20px ; font-weight: 900; display: inline-block; padding: 0 8%; margin-bottom: 30px}
.meritbg h2:before{
    content: "";
    display: inline-block;
    background: url("../img/kako1.png") no-repeat;
    background-size:60%;
    width: 75%;
    height: 100%;
    position: absolute;
    left:0;
    bottom: -10px; z-index: -1
}
.meritbg h2:after{
    content: "";
    display: inline-block;
    background: url("../img/kako3.png") no-repeat  right top;
    background-size:60%;
    width: 75%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -10px; z-index: -1
}
.meritbg h2 img{position: absolute; width:22px; left: 50%; margin-left: -11px; bottom: -25px}
.meritbg .text01{ font-size: 3.7333333333vw; letter-spacing: normal;  }

.meritbg ul{margin: 20px 8% 0}
.meritbg li{position: relative; background: #fdf2f0; border-radius: 20px; padding: 0; margin-bottom: 50px}
.meritbg li:last-child{ margin-bottom: 0}
.meritbg li .nober{width: 62px; position: absolute; left: -2%; top: -4%}
/*.meritbg li img:nth-of-type(2){border-radius: 20px }*/
.meritbg li h3{padding: 8% 0 5%; z-index: 3; position: relative ; font-size: 4.8vw; font-weight: 800}
.meritbg li .text01{text-align: left; padding: 5% 5% 10% 6%; font-size: 3.7333333333vw; font-weight: 600 }

/*--------------------------------------------------------------------

.service 

--------------------------------------------------------------------*/
.service .wrapup{ margin-top: -10%}
.service h2{font-size: 8vw; background: url("../img/top/sevice.png") no-repeat top center; background-size: contain; 
text-align: center; margin-top: -30% ; font-weight: 900 ; margin-bottom: 30px}

.service .serbox{background:#fdf2f0 ; margin: 0 5% 0;
    border-radius: 20px;
    padding: 50px 0 5% ; }
.service .serbox .serl{text-align: center}
.service .serbox .en{font-size: 2.9333333333vw; color:#c3985f ; line-height: 1; padding-bottom: 5px }
.service .serbox h3{font-size: 5.3333333333vw; position: relative ; display: inline-block;
    padding: 0 8%; margin-bottom:20px; z-index: 1 ; line-height: 1.6; color: #f38b7b ; width: 90%; font-weight: 800}
.service #s02 h3{color: #5dbcba ; letter-spacing: normal}
.service #s03 h3{color: #3b7fcb}
 
.service .serbox h3:before{
    content: "";
    display: inline-block;
    background: url("../img/kakot1.png") no-repeat;
    background-size:60%;
    width: 62%;
    height: 100%;
    position: absolute;
    left:0;
    bottom: -15px; z-index: -1
}
.service .serbox h3:after{
    content: "";
    display: inline-block;
    background: url("../img/kakot3.png") no-repeat  right top;
    background-size:60%;
    width: 62%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -15px; z-index: -1
}
.service .serbox h3 img {
    position: absolute;
    width: 22px;
    left: 50%;
    margin-left: -11px;
    bottom: -25px;
}
.service .serbox .serl ul{text-align: left ; margin: 0 8%}
.service .serbox .serl ul a{ color: #c3985f}
.service .serbox .serl ul li{border-bottom: dashed 1px #ccc; padding-bottom: 10px; margin-bottom: 10px;
background: url("../img/top/mini01.png") no-repeat left 0.4em; background-size:19px 19px;   }
.service .serbox .serl ul li:nth-child(2){background: url("../img/top/mini02.png") no-repeat left 0.4em; background-size:19px 19px;  }
.service .serbox .serl ul li:nth-child(3){background: url("../img/top/mini03.png") no-repeat left 0.4em; background-size:19px 19px;  }
.service .serbox .serl ul li:nth-child(4){background: url("../img/top/mini04.png") no-repeat left 0.4em; background-size:19px 19px;  }
.service .serbox .serl ul li:nth-child(5){background: url("../img/top/mini05.png") no-repeat left 0.4em; background-size:19px 19px;  }
.service .serbox .serl ul li:nth-child(6){background: url("../img/top/mini06.png") no-repeat left 0.4em; background-size:19px 19px;  }
.service .serbox .serl ul li:last-child{margin-bottom: 40px}

.service .serbox .serl ul .tit{font-size: 4.2666666667vw; font-weight: 800; position: relative ;padding-left: 25px }
.service .serbox .serl ul .yaji {position: absolute; right: -5%; top: 50%}
.service #s02 .serl  ul .yaji{ top: 25%;}

.service .serbox .serl ul .thinright{font-size: 2.6666666667vw; padding-top: 0}
.service .serbox .serl ul .thinright span{ position: relative; display: inline-block; left: -5px; top: -5px; font-size: 10px}
.service .serbox .serl ul .thinright::after{width: 60px}
.service .serbox .serl ul .thinright:hover::after{ width: 70px;}

.service .serbox .serl ul .tit p{font-size: 3.4666666667vw; }

.service .serbox .serl ul dt{font-weight: 700 ; font-size: 3.7333333333vw;}
.service .serbox .serl ul dd{color: #000; font-weight: 600 ; letter-spacing: normal;}

.service .serbox .img01{margin: 5% 8%; position: relative}
.service .serbox .img01 img{border-radius: 20px}
.service .serbox .img01 .textimg{position: absolute; top: -17%; right: -13%; width: 38% ; z-index: 1}
.service #s02 .img01 .textimg{max-width: 185px ; width: 45%;}
.service #s03 .img01 .textimg{max-width: 185px ; width: 47%;}

.service .serbox .nayami{position: relative; background: #fff; padding:13% 5% 5%; border-radius: 20px; margin: 40px 8% }
.service .serbox .nayami img{width: 60%; position: absolute; left: 50%; margin-left: -30%; top: -15px}
.service .serbox .nayami li{list-style: disc; letter-spacing: normal;
    margin-left: 20px;
    line-height: 1.4;
    margin-bottom: 10px; font-size: 3.7333333333vw;
}


.service .botton{margin-top: -30px ;}
.service .btn03{ width: 70%}

#s02 , #s03{margin-top: 70px}
/*--------------------------------------------------------------------

.voice

--------------------------------------------------------------------*/
.voice{background:#f9d3cd; text-align: center}
.voice .wrapbown{height: 100px}
.voice .midashi{color: #fff; font-size: 7vw; font-weight: 700; padding: 70px 0 0 ; letter-spacing: 2px}
.voice ul{margin: 20px 5% 0}
.voice ul li{background:#fdf2f0; padding: 30px 8% 40px; text-align: left ; border-radius: 20px ; font-weight: 600; margin-bottom: 40px}
.voice ul li .pic img{border-radius: 20px}
.voice ul li .name{font-size: 3.7333333333vw; margin: 20px 0 0}
.voice ul li .name span{font-size: 3.2vw; display: block}



.accordion { text-align: left; max-width: 920px; margin: 0;
  position: relative;}
.accordion .text01{margin-top: 10px}  
  
.accordion-title {
  cursor: pointer;
    font-size: 3.7333333333vw;
  padding: 10px 0px 40px;
}
.accordion-content {
  display: none;
  padding:20px 0 0; 
  background:#fff5f3 ; line-height: 1.8; font-weight: 700
}
.accordion-content .t16{font-size: 4vw; display: block; margin-bottom: 8px}
.accordion-content .boxf{background: #fff; padding: 5%; margin-top: 20px}


/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::before {
    font-size: 15px;
    content: "詳しく読む";
    display: block;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    bottom: -10px;
    width: 160px;
    padding:5px 0 5px 45px;
    background: #cfa671;
    color: #fff;
    border-radius: 180px;
  }
.accordion-title::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
    left: 50%;
    bottom: 8px;
    margin-left: 70px;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 20px;
  transform: rotate(-45deg);
}


/*--------------------------------------------------------------------

.profire

--------------------------------------------------------------------*/
.probg{background: #e6b7b0 ; margin-top: -170px;}
.profire{padding-bottom: 100px}
.profire .tit{font-size: 8vw; background: url("../img/top/pro.png") no-repeat top center; background-size: contain; 
text-align: center; margin-top: -30% ; font-weight: 900 ; margin-bottom: 30px}
.profire dd{padding:0 8%}
.profire dd .text01{font-size: 4.5vw; font-weight: 800}
.profire dd h2{font-size: 6vw; background: linear-gradient(transparent 50%, #fbdfda 50%); display: inline-block}
.profire dd .text03{font-weight: 800 ; margin: 10px 0 20px}
.profire dd .text03 span{font-weight: 500 ; font-size: 2.6666666667vw; letter-spacing: normal ; display: inline-block; padding-top: 1%}
.profire dd .text03 i{font-size: 2.6666666667vw; display: inline-block}
.profire dd .text04{font-weight: 700;padding-bottom: 20px; font-size: 4vw;}
.profire dd ul {font-size: 2.6666666667vw; letter-spacing: normal; margin-bottom: 20px }
.profire dd li{list-style: disc; margin-left: 20px ; line-height: 1.4; margin-bottom: 5px;}
.profire .btn03{ width: 70%}


/*--------------------------------------------------------------------

.column

--------------------------------------------------------------------*/
.column{background: #fef5ec ; text-align: center ; padding: 50px 0 30px ;}
.column h2{ padding:0 0% 4%; border-radius: 20px; color:#000; font-weight: 900;
font-size: 6vw; margin: 0 auto ; line-height: 1.4}
.column h2 span{font-size: 3.7333333333vw; display: inline-block; padding-top: 4%}
.column ul{margin: 20px 8% 0; }
.column li{text-align: left ; font-size: 4vw;}
.column li a{color: #000; font-weight: 600; display: block; border-bottom: dashed 1px #000; padding-bottom: 10px; margin-bottom: 10px}
.column li:last-child a{border: none ; text-align: right; padding-bottom: 0; margin-bottom: 0}
.column li a:hover{color: #000;  }

.wrapbown .column{margin-bottom: 60px}
.wrapbown .column h2{padding-bottom: 0; }
.wrapbown .column{padding:  30px 0 30px}
.wrapbown .column li a{font-size: 14px; letter-spacing: normal}




@media screen and (max-width: 639px) {
.headbg h1 img{width: 155px}

.headbg h1{margin: 0 0 0 8%}

.slidbg{padding-bottom:70px ; position:  relative}
.slickbg{margin:0 auto; position: relative; z-index: 1 ; top: -80px; left: 0; width: 84%}
.smtlistmenu{position: absolute; text-align: right; right: 5%; bottom: 65px ; z-index: 2}

.smtlistmenu li a{ display: block; color: #f38b7b; font-weight: 800; font-size: 22px;  background: url("../img/top/bgg.png") repeat; padding: 5px 0 0 10px ; line-height: 1.6}
.smtlistmenu li:first-child a{border-radius: 20px 0 0 0 }
.smtlistmenu li:nth-child(2) a{color: #5dbcba;}
.smtlistmenu li:nth-child(3) a{    color: #3b7fcb;}
.smtlistmenu li a span{color:#000 ; font-weight: 800; font-size: 17px ; display: block}
.piciwano{width: 13px; position: absolute; left: 12%; bottom: 140px ; z-index: 6}

.scroll-downs {
  position: absolute;
  bottom: 70px;
  left: 9%;
  margin: auto;
    width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



.first .text01{margin: 10px 14% 60px}
.first .meet{ color: #ed9185; border: 1px solid #ed9185; border-radius: 180px; padding: 5px 30px; display: inline-block;
margin-top: 60px}

}


@media screen and (min-width: 640px) {
body{ font-size:14px;}
img{width: 100%}

.headslid{width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; border-radius: 30px }
.headslid li{width: 367px ;}
.headslid li:last-child{width: 366px ;}
.headslid li img{ width: 100%}
.headslid li:first-child img{border-radius: 30px 0 0 0 }
.headslid li:last-child img{border-radius:0 30px 0 0 }
.headslid li a{display: block; background:#fdf2f0}
.headslid .inbox{padding: 20px 40px 40px ;font-weight: 700 ; position: relative; border-right: 1px solid #dbdbdb }
.headslid li:last-child .inbox{border: none}
.headslid li:first-child a{border-radius: 30px 0px 0px 30px}
.headslid li:nth-child(3) a{border-radius: 0 30px 30px 0}
.headslid li a h2{color: #ec8878; font-size: 22px}
.headslid li:nth-child(2) a h2{color: #5dbcbb;}
.headslid li:nth-child(3) a h2{color: #3b7fcb}
.headslid li a .sub{font-size: 15px; color:#c3985f ; margin-bottom: 20px }
.headslid li a .text01{font-size: 14px; color: #000 ; text-align: left; }
.headslid li a .text01 span{font-size: 13px; }
.headslid a .thinright{    padding-top: 7%;
    display:inline-block;
    width: 70px;
    text-align:center;
    color:#c3985f;
    cursor:pointer;
    text-decoration: none; position: absolute; right: 20px
}
.headslid a .thinright::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    width: 40px;
    height: 8px;
    border: none;
    border-right: 2px solid #c3985f;
    border-bottom: 1px solid #c3985f;
    transform: skew(45deg);
    transition: .3s;
}
.headslid a:hover .thinright::after{
    width: 60px;
}


.first .wrapup{margin-top: -150px}
.first h2 { font-size: 30px; line-height: 1.4; font-weight: 700 ; padding-top: 100px; letter-spacing: 2px}
.first h2 span{ font-size: 16px;}
.first dl{min-width: 1100px; width: 100%; display: flex; justify-content: space-between; padding: 0 5% 0 0}
.first dt{width:50% }
.first dt p{font-size: 12px; font-weight: 700}
.first dt img{border-radius: 0 30px 30px 0}
.first dd{width:46% ; padding-top: 20px }
.first .waku{margin: 0 0 60px;}
.first .waku h3 {font-size: 18px; margin: 0 50px;}
.first .waku h3 span {font-size: 13px; padding-top: 7px;}
.first .waku h3:before{bottom: -10px;
    background: url(../img/kako1.png) no-repeat;
    background-size: 150px;
    width: 150px;}
.first .waku h3:after {bottom: -10px;
    background: url(../img/kako3.png) no-repeat right top;
    background-size: 150px;
    width: 150px;}
.first .waku ul {margin-left: 50px; 
    padding: 20px 0 30px;
    font-size: 20px;}
.first .waku ul li{list-style: disc; text-align: left}
.first .waku ul li:first-child{margin-bottom: 10px}

.first dt p.mirai{font-size: 22px; left: 8% }
.first dt p.online{font-size: 12px; bottom: auto; top: 80%}

.first dd a{margin: 0}
.first dd .text02a {
    font-size: 23px;
    font-weight: 700;
}
.first dd .ifaflex{display: flex; justify-content: space-between; padding: 15px 5% }
.first dd .ifaflex .text02a{width: 44% ; padding-top: 5px;}
.first dd .ifaflex .text03a{width: 55%; padding-left: 0 ; text-align: left}
.first dd .text03a .en {font-size: 12px; display: block; letter-spacing: 2px}
.first dd .text03a {font-size: 13px; position: relative ; letter-spacing: -1px; font-weight: 800}

.first dd .thinright{position: absolute; right: 0; bottom: 0}

.first .text01{margin-bottom: 0}
.unyouflex{display: flex; width: 958px; margin: 0 auto 60px;justify-content: space-between}
.unyouflex h2{width:670px }
.unyouflex p{width:288px; padding-top: 60px}
.unyouflex p img{width:288px; margin-left: -50px}

.merit{padding: 90px 0 55px; width: 1194px; margin: 0 auto ; margin-bottom: 50px;}
.meritbg{padding: 20px 0}
.meritbg h2{font-size: 30px ; margin-bottom: 40px ; }
.meritbg h2:before , .meritbg h2:after{background-size: 150px ; bottom: -20px;}
.meritbg h2 img{bottom: -35px}
.meritbg .text01 { font-size: 18px;}
.meritbg ul { margin: 40px 45px 0; display: flex; justify-content: space-between ; flex-wrap:wrap }
.meritbg ul li{width:345px; padding: 0 29px  }
.meritbg ul li img{width: 286px ;border-radius: 20px}
.meritbg li h3{font-size: 20px; padding: 30px 0px 20px ; font-weight: 700 ; line-height: 1.6;}
.meritbg li .nober{top: -15px}
.meritbg li .text01 { padding: 20px 0 30px; font-size: 14px;}

.meritbg ul li:nth-child(4){margin-left: 190px; margin-bottom: 0}
.meritbg ul li:nth-child(5){margin-right: 190px}
.service .wrapup { margin-top: -50px;}
.service h2{margin-top: -50px ; font-size: 43px ; background-size: 690px; font-weight: 700; padding: 23px; margin-bottom: 0;
letter-spacing: 3px}
.service .serbox {
    margin: 0 auto 0;
     padding: 50px;
    width: 1100px;
}
.service .serbox .serflex{display: flex; justify-content: space-between}
.service .serbox .serl{width: 481px}
.service .serbox .img01{width: 478px ; margin: 0; padding-top: 20px}
.service .serbox .en { font-size: 12px;}
.service .serbox h3 {font-size: 29px; margin-bottom: 40px ; margin-top: -5px}
.service .serbox .serl ul{margin: 0}
.service .serbox .serl ul .tit {font-size: 21px;}
.service .serbox .serl ul dt { font-size: 18px;}
.service .serbox .serl ul li{background: url(../img/top/mini01.png) no-repeat left 0.7em; background-size: 19px 19px;}
.service .serbox .serl ul li:nth-child(2){background: url(../img/top/mini02.png) no-repeat left 0.7em; background-size: 19px 19px;}
.service .serbox .serl ul li:last-child{margin-bottom: 0}
.service .serbox .serl ul dl{display: flex; justify-content: space-between}
.service .serbox .serl ul dt{width:18%}
.service .serbox .serl ul dd{width:80%; padding-top: 5px}

.service #s03 .serl ul li{padding-bottom: 5px; margin-bottom: 5px}
.service #s02 .serl ul li , .service #s03 .serl ul li { background-position: left 0.7em; background-size: 19px}

.service .serbox .serl ul .yaji{right: 0}
.service .serbox .serl ul a .thinright::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    width: 60px;
    height: 8px;
    border: none;
    border-right: 2px solid #c3985f;
    border-bottom: 1px solid #c3985f;
    transform: skew(45deg);
    transition: .3s;
}
.service .serbox .serl ul a:hover .thinright::after{
    width: 80px;
}

.service .serbox .img01 .textimg{ width: 148px}
.service #s03 .img01 .textimg {
    width: 185px;
}


.service .serbox .serl ul .tit p {
    font-size: 14px;
    display: inline-block;
    padding-top: 8px;
}

.service .serbox .nayami img { width: 266px; margin-left: -133px; top: -25px;}
.service .serbox .naflex{display: flex; justify-content: space-between}
.service .serbox .nayami {padding:70px 50px 30px; margin: 60px 0 0}
.service .serbox .naflex ul{ width: 48% ; }
.service .serbox .nayami li{font-size: 15px; font-weight: 600}

.service .btn03 {width: 410px;  border-radius: 180px;}
.service .btn03 span{padding: 13px 30px}
.pushdown:before{ left: 10px; border-radius: 180px}

.voice{background:#f9d3cd; }
.voice .midashi{font-size: 48px}
.voice ul{width: 1100px ; margin: 20px auto 0; display: flex; justify-content: space-between}
.voice ul li{width: 345px ; padding: 30px 29.5px; margin-bottom: 100px }
.voice ul li .name span{font-size:13px }
.voice ul li .name {font-size:18px }
.accordion .text01 , .accordion-title{font-size: 14px}
.accordion-title{padding-bottom: 50px}

.probg{margin-top: 0}
.profire dl{width: 1000px; margin: -250px auto 0 ;display: flex ;justify-content: space-between ; flex-direction: row-reverse ; background: url("../img/top/name.png") no-repeat right bottom; background-size:337px 158px }
.profire dt{width:490px }
.profire dd{width:470px; text-align: left ; padding: 0}
.profire .tit { font-size: 43px; text-align: left; background-size: 418px; background-position:top left ; margin-bottom: 0;
 margin-top: 0 ; font-weight: 700;}
 .profire dt img{border-radius: 20px}
.profire dd .text01 {font-size: 26px ; font-weight: 700; line-height: 1.6; margin-bottom: 20px;}
.profire dd h2 {font-size: 32px;}
.profire dd .text03{font-size: 20px}
.profire dd .text03 i{font-size: 10px}
.profire dd .text03 span{font-size: 12px ; font-weight: 700 ; display: inline-block; padding-top: 8px}
.profire dd ul { font-size: 12px; font-weight: 700 }
.profire dd .text04{ font-size: 15px; margin-right: -150px; font-weight: 800}
.profire .btn03 span{font-size: 18px}

.column h2{font-size: 30px}
.column h2 span{font-size: 20px}
.column .colflex{display: flex; justify-content: space-between ; width: 1100px; margin: 0 auto ; align-items: flex-start;}
.column .colflex h2{ width: 280px ; padding: 30px; margin: 0 ; position: relative; background: #fff}
.column .colflex h2:after{ content: "";
    display: inline-block;
    background: url("../img/top/fukimaru.png") no-repeat ;
    background-size: 38px 44px;
    width: 38px; height: 44px;
    position: absolute;
    right: -38px;
    top: 20px }
.column .colflex ul{ width:770px ; margin: 0}
.column li{font-size: 16px}
.column li a:hover{color: #c3985f }

}