@charset "utf-8";
/*==============
TAB
===============*/
@media screen and (min-width:851px) and ( max-width:1380px){

	
/* 追加 */

footer dl dd img{
    width: 40%;
    margin: 1em auto 0 auto;
}		
	
/* ヘッダー */
.menu-wrap{padding: 3em 1em 3em 3em;background: #0a1030c7;border-radius: 0 0 0 50px;position: fixed;right: 0;}

header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    position: absolute;
    z-index: 999;
}

header h1 img {
    width: 36%;
}

.menu-wrap ul {
    list-style: none;
    display: flex;
    gap: 15px;
}

.menu-wrap ul li a {
    font-weight: 500;
    color: #ffffff;
    transition: color 0.3s;
    margin: 0 1vw;
}

.menu-wrap ul li a:hover {
    color: #909cb3;
}

.menu-wrap ul li.contact a {
    color: #080b2c;
    background-color: #ffffff;
    padding: 0.5em 1.5em;
    border-radius: 37px;
    transition:0.5s;
}
    .menu-wrap ul li.contact a:hover{background:#ffe000;  transition:0.5s;}
.hamburger{display: none;}

/* ヒーローセクション */
.top01 {
    background: url(../images/top01.jpg) no-repeat;
    color: #fff;
    text-align: center;
    padding: 34vh 0;
}

.top01 .text {
    margin: 0 auto;
}

.top01 h2 span {
    font-weight: bold;
    color: #ffee00;
}

/* 特徴セクション */
.top02 {
    background-color: #fff;
    padding: 50px 0;
}

.top02 h3 {
    text-align: center;
    /* margin-bottom: 30px; */
    color: #333;
}

.top02 ul {
    list-style: none;
    display: flex;
    grid-template-columns: repeat(auto-fit, minmax(338px, 1fr));
    gap: 49px;
    flex-wrap: wrap;
}

.top02 ul li {
    background: #f9f9f9;
    /* padding: 20px; */
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.top02 ul li h4 {
    font-weight: bold;
    margin: 10px 0;
}

.top02 ul li img {
}

/* 成婚者様の声 */
.top03 {
    background-color: #f1f1f1;
    padding: 5em 5%;
}

.top03 h3 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.top03 ul {
    list-style: none;
    display: flex;
    /* flex-wrap: wrap; */
    gap: 20px;
    justify-content: center;
}

.top03 ul li {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 30%;
}

.top03 ul li img {
    border-radius: 50%;
}

.top03 ul li p.comment {
    font-size: 0.9rem;
    margin: 15px 0;
}

.top03 ul li p.name {
    font-weight: bold;
    color: #555;
}

/* カウンセラー紹介 */
.top04 {
    background: linear-gradient(135deg, #f9f9f9, #fff);
    padding: 50px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.top04 dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.top04 dt {
    /* flex: 1; */
}

.top04 dd img {
    /* max-width: 300px; */
    /* border-radius: 10px; */
}

/* フッター */
footer {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

footer dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

footer dt img {
    height: 9em;
}

footer a {
    color: #fff;
    /* font-weight: bold; */
    transition: color 0.3s;
}

footer a:hover {
}

footer p {
    margin-top: 10px;
    font-size: 0.8rem;
}



/* ヘッダー */
header {}
header h1 {margin: 0 0 0 3em;}
header h1 a {}
header h1 img {
    margin: 1em 0 0 0;
}
.menu_wrap {
    margin: 2em 0 0 0;
}
.menu_wrap ul {}
.menu_wrap ul li {
    margin: 0 0.2em;
}
.menu_wrap ul li a {
    font-size: calc(0.25vw + 0.9rem);
}

/* ヒーローセクション */
.top01 {}
.top01 .text {}
.top01 .text h2 {
    font-size: calc(1.8vw + 0.5rem);
}
.top01 .text h2 span {}
.top01 .text p {}
.top01 .text .text02 {
    font-size: calc(2.8vw + 0.5rem);
}
.top01 .text .text03 {
    font-size: calc(1.3vw + 0.5rem);
}

/* 特徴セクション */
.top02 {}
.top02 h3 {
    font-size: calc(1.8vw + 0.5rem);
    position: relative;
    display: block;
    /* margin-bottom: 1em; */
    background: url(../images/logo02.svg) no-repeat;
    background-position: center;
    background-size: 6%;
    padding: 1em 0;
}
.top02 h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 29px;/*線の上下位置*/
  display: inline-block;
  width: 121px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #333333;/*線の色*/
  border-radius: 0px;/*線の丸み*/
}
    
.top02 p {
    text-align: center;
    font-size: calc(0.6vw + 0.5rem);
    line-height: 2;
}
.top02 ul {
    margin: 4em auto 0 auto;
    width: 90%;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;              /* 水平方向のセンタリング */
    align-content: center;                /* 垂直方向のセンタリング */
    /* height: 100vh; */                        /* コンテナを画面全体の高さに */
}
.top02 ul li {
    border: 2px solid #3b3f5b;
    position: relative;
    width: 29%;
}
.top02 ul li span.no {
    color: #3b3f5b;
    position: absolute;
    font-weight: unset;
    font-style: italic;
    font-size: calc(5vw + 0.5rem);
    left: 0;
    top: -0.7em;
}
.top02 ul li img {}
.top02 ul li h4 {
    font-size: calc(0.7vw + 0.5rem);
    margin: 1em 0 0.5em 0;
}
.top02 ul li h4 span {
    background: yellow;
}
.top02 ul li p {
    font-size: calc(0.4vw + 0.5rem);
    text-align: left;
    margin: 0 2em 1em 2em;
}

/* 成婚者様の声 */
.top03 {
    background: #3b3f5b;
    background-image: url(../images/logo04.svg);
    background-size: cover;
    background-position: center left;
}
.top03 h3 {
    color: white;
    font-size: calc(1.8vw + 0.5rem);
    position: relative;
}
.top03 h3 :before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -13px;/*線の上下位置*/
  display: inline-block;
  width: 121px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #ffffff;/*線の色*/
  border-radius: 0px;/*線の丸み*/
}

    
.top03 h3 span {
    display: block;
    color: #fff;
    font-size: calc(0.5vw + 0.5rem);
}
.top03 ul {margin: 5em  0 0 0;width: 100%;}
.top03 ul li {}
.top03 ul li dl {
    display: flex;
    align-items: center;
}
.top03 ul li dl dt {
    color: #3b3f5b;
    font-weight: 600;
    font-size: calc(0.7vw + 0.5rem);
    text-align: left;
    padding: 0 1em 0 0;
}
.top03 ul li dl dd {
    width: 45%;
}
.top03 ul li img {
    width: 100%;
}
.top03 ul li p {}
.top03 ul li p.comment {
    text-align: left;
    font-size: calc(0.4vw + 0.5rem);
    line-height: 2em;
    font-weight: 600;
}
.top03 ul li p.name {
    text-align: left;
}
.top03 a {
    color: #fff;
    text-decoration: underline;
    font-size: calc(0.7vw + 0.5rem);
    display: block;
    margin: 3em 0 0 0;
    text-align: center;
}

/* カウンセラー紹介 */
.top04 {}
.top04 dl {
    width: 80%;
    margin: 0 auto;
    justify-content: center;
}
.top04 dl dt {
    width: 41%;
}
.top04 dl dt h3 {
    font-size: calc(0.7vw + 0.5rem);
    color: #151934;
    font-weight: 500;
}
.top04 dl dt p {}
.top04 dl dt p.name {
    font-size: calc(2vw + 0.5rem);
}
.top04 dl dt p.name span {
    font-size: calc(0.8vw + 0.5rem);
    margin: 0 0 0 1em;
}
.top04 dl dt p.text {
    font-size: calc(0.6vw + 0.5rem);
    line-height: 2;
}
.top04 dl dt a {
    background: #30ab90;
    padding: 1em 2em;
    border-radius: 200px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin: 1em 0 0 0;
    font-size: calc(0.8vw + 0.5rem);
}
.top04 dl dd{
    width: 40%;
}    
.top04 dl dd img {
    width: 100%;
}

/* フッター */
footer {}
footer dl {}
footer dl dt {}
footer dl dt img {}
footer dl dd {}
footer dl dd a {
    margin: 0.5em;
}
footer dl dd p {}
footer a {}
footer p {}
footer dl dd a.contact{
    background: #111635;
    border-radius: 100px;
    padding: 1em 2em;
}
footer dl dd a.line{
    background: #00b900;
    border-radius: 100px;
    padding: 1em 2em;
    display: inline-block;
}

div.flex{
    position: fixed;
    right: 0;
    top: 40vh;
    width: 20%;
    z-index: 20;
}
body{
    position: relative;
}




div.top01.second {padding: 10vw 0 5vw 0;}
div.top01.second div.text {
}
div.top01.second div.text h2.mnc {
}
div.flow01,div.flow02,div.flow03,div.flow04 {width: 80%;margin: 5vw auto;max-width: 1200px;}
div.flow01 h3.mnc,div.flow02 h3.mnc,div.flow03 h3.mnc,div.flow04 h3.mnc {color: #081151;font-weight: bolder;font-size: calc(1.6vw + 0.5rem);background: url(../images/logo02.svg) no-repeat left;background-size: 6%;padding: 1em 0;position: relative;}
div.flow01 h3.mnc::after,div.flow02 h3.mnc::after,div.flow03 h3.mnc::after,div.flow04 h3.mnc::after {
    position: absolute;
    content: "";
    top: 50%;
    width: 75%;
    height: 1px;
    background-color: #334677;
    margin: 0 0 0 1em;
  }

div.flow01 h4 {font-size: calc(1.1vw + 0.5rem);font-weight: 500;margin: 0 0 0.5em 0;}
div.flow01 h4 span {background: yellow;}
div.flow01 p {font-size: calc(0.8vw + 0.5rem);}
div.flow02 {
}
div.flow02 h3 {background: #334677;color: #fff;padding: 0.5em 1em;font-size: calc(1.1vw + 0.5rem);margin: 0 0 1em 0;}
div.flow02 dl {display: flex;justify-content: space-evenly;margin: 3em 0;}
div.flow02 dl dt {width: 55%;}
div.flow02 dl dt h4 {font-size: calc(0.8vw + 0.5rem);font-weight: 700;color: #334677;margin: 0 0 0.5em 0;}
div.flow02 dl dt p {font-size: calc(0.6vw + 0.5rem);line-height: 1.8;}
div.flow02 dl dd {width: 40%;}
div.flow02 dl dd img {
}
div.flow03 {
}
div.flow03 h3.mnc {
}
div.flow03 ul {display: flex;justify-content: space-between;}
div.flow03 ul li {width: 30%;}
div.flow03 ul li img {width: 100%;height: 19vw;object-fit: contain;}
div.flow03 ul li h4 {text-align: center;font-size: calc(0.8vw + 0.5rem);font-weight: 600;}
div.flow03 ul li p {font-size: calc(0.6vw + 0.5rem);line-height: 1.5;margin: 1em 0 0 0;}
div.flow04 {
}
div.flow04 h3.mnc {
}
div.flow04 dl {/* width: 90%; */display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: 0 auto;}
div.flow04 dl dt {width: 40%;position: relative;margin: 5em 0 0 0;}
div.flow04 dl dt span.mnc {font-size: calc(5vw + 0.5rem);font-style: italic;position: absolute;top: -0.8em;color: #081151;}
div.flow04 dl dt img {width: 100%;}
div.flow04 dl dd {width: 50%;margin: 5em 0 0 0;}
div.flow04 dl dd h4 {font-size: calc(1.4vw + 0.5rem);font-weight: 600;color: #081151;}
div.flow04 dl dd p {font-size: calc(0.7vw + 0.5rem);margin: 0.5em 0;line-height: 2;}
div.flow04 dl dd a {background: #081151;font-size: calc(0.8vw + 0.5rem);color: #fff;border-radius: 500px;padding: 0.5em 2em;display: inline-block;}

div.price01 {width: 80%;max-width: 1300px;margin: 3em auto;display: flex;justify-content: space-around;}
div.price01 div.plan {border-radius: 30px;border: 2px solid #0b0c25;width: 48%;}
div.price01 div.plan h3 {text-align: center;background: #0b0c25;border-radius: 26px 26px 0 0;padding: 1em 0;color: #fff;font-size: calc(1.3vw + 0.5rem);font-weight: 500;}
div.price01 div.plan span {text-align: center;display: block;font-weight: 600;font-size: calc(1.4vw + 0.5rem);letter-spacing: 0.1em;padding: 1em 0;color: #0b0c25;}
div.price01 div.plan p.text01 {width: 80%;margin: 0 auto;font-size: calc(0.6vw + 0.5rem);line-height: 1.8;}
div.price01 div.plan p.price_01 {font-size: calc(3vw + 0.5rem);font-weight: 600;text-align: center;margin: 0.5em 0 0 0;color: #0b0c25;}
div.price01 div.plan p.price_02 {font-size: calc(1vw + 0.5rem);background: #0b0c25;text-align: center;color: #fff;border-radius: 50px;width: 57%;display: block;margin: 0 auto;}
div.price01 div.plan table {font-size: calc(0.6vw + 0.5rem);width: 68%;margin: 1em auto 3em auto;font-weight: 800;}

div.price01 div.plan table td,div.price01 div.plan table th  {
    background: #eee;
  }
div.price01 div.plan table tr:nth-child(odd) td ,div.price01 div.plan table tr:nth-child(odd) th {
    background: #fff;
  }
div.price01 div.plan table tbody {
}
div.price01 div.plan table tbody tr {
}
div.price01 div.plan table tbody tr th {font-weight: 600;padding: 0.5em 0;padding-left: 0.5em;}
div.price01 div.plan table tbody tr td {text-align: right;padding-right: 0.5em;}
div.price01 div.plan table tbody tr td span {font-size: calc(0.6vw + 0.5rem););););text-align: right;color: red;padding: 0;}
div.price01 div.plan h4 {font-size: calc(1vw + 0.5rem);width: 80%;margin: 0 auto;font-weight: 700;color: #0b0c25;}
div.price01 div.plan ul {width: 80%;margin: 0 auto 3em auto;}
div.price01 div.plan ul li {font-size: calc(0.6vw + 0.5rem);margin: 1em 0;color: #1e3050;font-weight: 500;}
div.price01 div.plan ul li i {margin: 0 1em 0 0;width: 1em;}
div.price01 div.plan ul li i.fa-solid.fa-phone {
}
div.price01 div.plan ul li i.fa-regular.fa-id-card {
}
div.price01 div.plan ul li i.fa-solid.fa-person-dress {
}
div.price01 div.plan ul li i.fa-solid.fa-pen {
}
div.price01 div.plan ul li i.fa-solid.fa-ring {
}
div.price01 div.premium.plan {border: 2px solid #6e6f0f;}
div.price01 div.premium.plan h3 {background: #6e6f0f;}
div.price01 div.premium.plan span {color: #6e6f0f;}
div.price01 div.premium.plan p.text01 {
}
div.price01 div.premium.plan p.price_01 {color: #6e6f0f;}
div.price01 div.premium.plan p.price_02 {background: #6e6f0f;}
div.price01 div.premium.plan table {
}
div.price01 div.premium.plan table tbody {
}
div.price01 div.premium.plan table tbody tr {
}
div.price01 div.premium.plan table tbody tr th {
}
div.price01 div.premium.plan table tbody tr td {
}
div.price01 div.premium.plan table tbody tr td span {color: red;}
div.price01 div.premium.plan h4 {
}
div.price01 div.premium.plan ul {
}
div.price01 div.premium.plan ul li {
}
div.price01 div.premium.plan ul li i.fa-brands.fa-black-tie {
}
div.price01 div.premium.plan ul li i.fa-solid.fa-rotate-left {
}
div.price01 div.premium.plan ul li i.fa-solid.fa-users {
}
div.price01 div.premium.plan p.price_03 {font-size: calc(0.5vw + 0.5rem);width: 80%;margin: 0 auto 3em auto;line-height: 1.7;}
div.price02 {text-align: center;}
div.price02 span {
}
div.price02 span i.fa-solid.fa-plus {font-size: 9vw;color: #a4a4a4;}
div.price02 ul {display: flex;width: 80%;margin: 2em auto;justify-content: center;}
div.price02 ul li {width: 27%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
div.price02 ul li img {
    height: 350px;
    object-fit: cover;
    width: 350px;
    border-radius: 50%;
    border: 4px solid #0b0c25;
    margin: 0 0 1em 0;
}
div.price02 ul li p {font-size: calc(1vw + 0.5rem);font-weight: 500;}
div.price03 {
}
div.price03 table {width: 80%;max-width: 1300px;margin: 4em auto;font-size: calc(0.8vw + 0.5rem);}
div.price03 table tbody {
}
div.price03 table tbody tr.title {
}
div.price03 table tbody tr.title th.t01 {background: #3c3c3c;color: #fff;text-align: center;padding: 0.5em;font-weight: 600;}
div.price03 table tbody tr.title th.t02 {background: #0b0c25;color: #fff;text-align: center;font-weight: 600;}
div.price03 table tbody tr.title th.t03 {text-align: center;color: #fff;background: #6e6f0f;font-weight: 600;}
div.price03 table tbody tr {
}
div.price03 table tbody tr th {padding: 1em;font-weight: 500;}
div.price03 table tbody tr td {text-align: center;}
div.price03 table td ,div.price03 table th {
    background: #eee;
  }
  div.price03 table tr:nth-child(odd) td, div.price03 table tr:nth-child(odd) th {
    background: #fff;
  }



  div.about01 {margin: 3em 0;}
div.about01 dl {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1300px;
    background: url(../images/logo02.svg) no-repeat right;
    }
div.about01 dl dt {width: 60%;}
div.about01 dl dt h3.mnc {font-size: calc(1vw + 0.5rem);}
div.about01 dl dt h4.mnc {font-size: calc(1.8vw + 0.5rem);font-weight: 500;color: #03051b;margin: 0 0 0.5em 0;}
div.about01 dl dt h4.mnc span {font-size: calc(0.8vw + 0.5rem);margin: 0 0 0 0.5em;}
div.about01 dl dt p {font-size: calc(0.6vw + 0.5rem);line-height: 2;}
div.about01 dl dd {width: 40%;}
div.about01 dl dd img {
}
div.about02 {width: 80%;max-width: 1300px;margin: 0 auto 3em auto;}
div.about02 h3 {font-size: calc(1.2vw + 0.5rem);color: #fff;background: #2d3f71;padding: 0.5em 1.5em;margin: 0 0 1em 0;}
div.about02 dl {display: flex;justify-content: space-between;}
div.about02 dl dt {width: 45%;}
div.about02 dl dt img {width: 100%;height: 100%;object-fit: cover;}
div.about02 dl dd {width: 50%;}
div.about02 dl dd ul {
}
div.about02 dl dd ul li {font-size: calc(0.6vw + 0.5rem);padding: 1em;line-height: 2;}
div.about02 dl dd ul li:nth-child(odd) {
    background: #eee; /* 奇数行の背景色 */
}

div.about02 dl dd ul li:nth-child(even) {
    background: #fff; /* 偶数行の背景色 */
}
div.about03 {
}
div.about03 img {height: 17vw;width: 100%;object-fit: cover;}
div.about03 h3 {font-size: calc(1.6vw + 0.5rem);text-align: center;color: #2d3f71;font-weight: 500;margin: 2em 0 0 0;}
div.about03 span {font-size: calc(0.6vw + 0.5rem);text-align: center;display: block;color: #8c8a6a;font-style: oblique;}
div.about03 p {font-size: calc(0.6vw + 0.5rem);text-align: center;line-height: 2;margin: 1em 0 5em 0;}


div.voice01 {margin: 5em auto;}
div.voice01 h3 {text-align: center;font-size: calc(1.8vw + 0.5rem);}
div.voice01 p {font-size: calc(0.6vw + 0.5rem);text-align: center;}
div.voice02 {width: 85%;margin: 0 auto;max-width: 1100px;}
div.voice02 ul {
}
div.voice02 ul li {margin: 0 0 5em 0;}
div.voice02 ul li dl {display: flex;justify-content: space-between;}
div.voice02 ul li dl dt {width: 55%;}
div.voice02 ul li dl dt h4 {font-size: calc(1.2vw + 0.5rem);font-weight: 500;}
div.voice02 ul li dl dt span {font-size: calc(0.6vw + 0.5rem);background: #0b1235;color: #fff;display: block;padding: 0.2em 1em;margin: 1em 0;}
div.voice02 ul li dl dt p {font-size: calc(0.5vw + 0.5rem);line-height: 2;}
div.voice02 ul li dl dd {width: 40%;}
div.voice02 ul li dl dd img {width: 100%;height: 100%;object-fit: cover;}

div.faq01 {width: 80%;max-width: 1200px;margin: 5em auto;}
div.faq01 dl {
}
div.faq01 dl dt {display: flex;align-items: center;}
div.faq01 dl dt i.fa-solid.fa-q {font-size: calc(1vw + 0.5rem);background: #03051a;border-radius: 13px;color: #fff;padding: 0.5em;margin: 0 1em 0 0;}
div.faq01 dl dt p {font-size: calc(1vw + 0.5rem);font-weight: 600;}
div.faq01 dl dd {
}
div.faq01 dl dd p {font-size: calc(0.6vw + 0.5rem);background: #ededed;padding: 1em 2em;line-height: 2;margin: 1em 0 3em 0;border-radius: 5px;}
div.faq01 dl dd ul {background: #ededed;}
div.faq01 dl dd ul li {
}
div.faq01 dl dd p a {text-decoration: underline;font-weight: 600;}
.faq01 dd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 0;
    background-color: #f9f9f9;
    margin-left: 20px;
    border-left: 2px solid #ddd;
}

.faq01 dt {
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.faq01 dt.active + dd {
    max-height: 500px; /* 適切な高さを設定 */
    padding: 10px 0; /* 開くときのパディング */
}

	.contact02{
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
}

div.contact01 {background: #cdcdcd;border-radius: 20px;padding: 2em;margin: 3em auto;width: 80%;text-align: center;max-width: 1000px;}
div.contact01 p {font-size: calc(1vw + 0.5rem);font-weight: 500;color: #32364d;}
div.contact01 a.line {font-size: calc(0.6vw + 0.5rem);background: #00b900;padding: 0.5em 1em;display: inline-block;border-radius: 10px;color: #FFF;margin: 1em 0 0 0;}
div.contact01 a.line i.fa-brands.fa-line {margin: 0 0.5em 0 0;}

	
	
.contact02 dl{display: flex;flex-wrap: wrap;font-size: calc(1vw + 0.5rem);}
.contact02 dt {width: 30%;}
.contact02 dt span.his {background: red;border-radius: 30px;color: #FFF;padding: 0.2em 1em;font-size: 0.7em;}
	.contact02 dt span.nin {background: #426ad9;border-radius: 30px;color: #FFF;padding: 0.2em 1em;font-size: 0.7em;}
.contact02 dd {width: 70%;}
	.contact02 dt,.contact02 dd{
    padding: 1em 0;
    border-bottom: 1px solid #bdbdbd;
}
	.contact02 input{
    font-size: calc(1vw + 0.5rem);
    padding: 0.2em 0.5em;
}	
	.contact02 select{font-size:calc(1vw + 0.5rem);padding: 0.5em;}
	.contact02 textarea{font-size:calc(1vw + 0.5rem);width: 100%;}


	input.wpcf7-submit{
    display: block;
    margin: 2em auto;
    background: red;
    border: 0;
    color: #fff;
    border-radius: 30px;
    padding: 0.2em 1em;
}	
	

  
}