@charset "UTF-8";
/* CSS Document */

.wrap_content{
	margin: 50px auto;
	width: 90%;
	max-width: 1200px;
    min-height: 450px;
}

.sub_top {
    margin: 115px 0 0;
    padding: 50px 0 0;
    position: relative;
    background-color: #98DCBF;
}

.sub_top.temp{
    margin: 95px 0 0;
}

.wave_top{
    margin: -6% 0 0;
}

.wave_top.temp {
    margin: -115px 0 0
}

.about_title.sub::before{
    display: none;
}

.about_title.sub::after{
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1730px) {
.wave_top{
    margin: -8% 0 0;
}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.p-header__nav.r{
    font-size: 100%;
    width: 100%;
    font-weight: 600;
}
.wave_top{
    margin: -12% 0 0;
}
}


/*****recruit*****/

.message{
    margin: 0 auto;
    width: 100%;
    background-image: url("../img/recruit/road.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.message_content{
    margin: 0 auto;
    width: 85%;
}

.icon_word{
    margin: -10px auto 5px;
    width: 100px;
    color: #FFA254;
    text-align: center;
}

.container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.sub1 {
    margin: 0;
    right: -20%;
}

.sub_tree1{
    position: absolute;
    margin: -40px 400px 0 0;
    width: 80px;
    right: 0;
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
.sub_tree1 {
    position: absolute;
    margin: 80px 3% 0 0;
    width: 80px;
    right: 0;
}
}

.circle.sub1 {
    width: 250px;
    height: 250px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 14s linear infinite;
    overflow: hidden;
    font-size: 120%;
    line-height: 180%;
}

.image.sub1 {
    width: 300px;
    height: 300px;
    background: url("../img/recruit/fuyofuyo1.jpg");
    background-size: cover;
    background-position: 391% center;
}

@keyframes move {
  50% {
    border-radius: 80% 20% 59% 41% / 72% 21% 79% 28%;
  }

  75% {
    border-radius: 100% 69% 100% 83% / 68% 99% 53% 93%;
  }
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.container.sub1  {
  animation: 5s fuwafuwa infinite;
}


.recruit_title{
    text-align: center;
    margin: 0 auto 0;
    font-size: 200%;
    color: #5A4524;
    line-height: 180%;
}

.recruit_title img {
    width: 85px;
    margin: 0px 8px -22px 0;
}

.message_1 {
    margin: 110px 0 50px 50px;
    width: 40%;
    max-width: 570px;
    padding: 150px 130px 110px 120px;
    background-color: #FFC1A6;
    border-radius: 74% 56% 91% 39% / 76% 56% 76% 54%;
    text-align: left;
    opacity: 0.9;
    font-size: 120%;
    font-weight: 500;
    line-height: 250%;
}

.sub_tree4{
    width: 100px;
    margin: 40px 7% 0 35px;
    position: absolute;
    right: 0;
}

@media screen and (min-width: 768px) and (max-width: 1430px) {
.sub_tree2 {
    width: 100px;
    margin: -730px 0 0 -20px;
    position: absolute;
}
    
.message_1{
    margin: 110px 0 50px 0px;
    width: 50%;
    max-width: 570px;
    padding: 150px 130px 110px 120px;
    background-color: #FFC1A6;
    border-radius: 74% 56% 91% 39% / 76% 44% 76% 54%;
    text-align: left;
    opacity: 0.9;
    font-size: 120%;
    line-height: 250%;
}
    
.circle.sub2 {
    margin: 110px 0 0;
    width: 340px;
    height: 340px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 12s linear infinite;
    overflow: hidden;
    right: -20%;
}
    
.image.sub2 {
    width: 340px;
    height: 340px;
    background: url(../img/recruit/fuyofuyo2.jpg);
    background-size: cover;
    background-position: 100% center;
}    

.sub_tree3 {
    width: 100px;
    margin: -20px 50px 0 35px;
    position: absolute;
    right: 0;
}

.container.sub4 {
    margin: 90px 0px 0;
    left: -25%;
}
    
.circle.sub4 {
    width: 350px;
    height: 350px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 15s linear infinite;
    overflow: hidden;
}
    
.image.sub4 {
    width: 350px;
    height: 350px;
    background: url(../img/recruit/fuyofuyo4.jpg);
    background-size: cover;
    background-position: 340% center;
}
    
.container.sub5 {
    margin: -70px 0px;
    left: -35%;
}

.sub_tree4 {
    width: 100px;
    margin: 340px 7% 0 35px;
    position: absolute;
    right: 0;
}
    
.sub_tree5 {
    width: 100px;
    position: absolute;
    margin: 0;
}

.message_text {
    margin: 500px auto 300px;
    position: relative;
    text-align: center;
    font-size: 150%;
    line-height: 200%;
    color: #5A4524;
}
}


.sub_tree2 {
    width: 100px;
    margin: -650px 0 0 70px;
    position: absolute;
}

.container.sub2 {
    margin: -320px 0px;
    right: -28%;
}

.circle.sub2 {
    width: 400px;
    height: 400px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 12s linear infinite;
    overflow: hidden;
    right: -20%;
}

.image.sub2 {
    width: 400px;
    height: 400px;
    background: url(../img/recruit/fuyofuyo2.jpg);
    background-size: cover;
    background-position: 100% center;
}

.container.sub2  {
  animation: 8s fuwafuwa infinite;
}


.sub_tree3{
    width: 100px;
    margin: -20px 200px 0 35px;
    position: absolute;
    right: 0;
}

.container.sub3 {
    margin: 350px 500px 50px;
    right: -35%;
}

.container.sub3 {
    margin: 195px 0 10px 0;
    right: -35%;
}

.circle.sub3 {
    width: 260px;
    height: 240px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 15s linear infinite;
    overflow: hidden;
}

.image.sub3 {
    width: 260px;
    height: 245px;
    background: url(../img/recruit/fuyofuyo3.jpg);
    background-size: cover;
    background-position: 383% center;
}

.container.sub3  {
  animation: 5s fuwafuwa infinite;
}

.container.sub4 {
    margin: 90px 0px 0;
    left: -25%;
}

.circle.sub4 {
    width: 350px;
    height: 350px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 15s linear infinite;
    overflow: hidden;
}

.image.sub4 {
    width: 350px;
    height: 350px;
    background: url("../img/recruit/fuyofuyo4.jpg");
    background-size: cover;
    background-position: 340% center;
}

.container.sub4  {
    animation: 8s fuwafuwa infinite;
}

.container.sub5 {
    margin: -70px 0px;
    left: -35%;
}

.circle.sub5 {
    width: 310px;
    height: 310px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 12s linear infinite;
    overflow: hidden;
    right: -20%;
}

.image.sub5 {
    width: 310px;
    height: 310px;
    background: url("../img/recruit/fuyofuyo5.jpg");
    background-size: cover;
    background-position: 391% center;
}

.container.sub5  {
    animation: 5s fuwafuwa infinite;
}

.message_2 {
    margin: -320px 5% 50px 50px;
    right: 0;
    width: 50%;
    position: absolute;
    padding: 120px 120px 160px 120px;
    background-color: #CAF0D9;
    border-radius: 65% 75% 45% 90% / 80% 65% 80% 60%;
    text-align: left;
    opacity: 0.9;
    font-size: 120%;
    font-weight: 500;
    line-height: 250%;
}

.message_text{
    margin: 240px auto;
    position: relative;
    text-align: center;
    font-size: 150%;
    line-height: 200%;
    color: #5A4524;
}

.sub_tree5{
    width: 100px;
    margin: -280px 15px 0 35px;
    position: absolute;
}

.partner{
    background-color: #FDEAB6;
}

.partner_block{
    margin: 0 auto 160px;
    max-width: 1080px;
    padding: 50px 0 100px;
}

.partner img{
    margin: 30px auto 25px;
    width: 100px;
    position: relative;
    display: block;
}

.recruit_title.last{
    margin: -100px auto 0;
    padding: 0 0 150px 0;
    font-size: 200%;
    line-height: 180%;
    text-align: center;
}

.text_kahoku.partner{
    margin: 0 auto;
    width: 90%;
}

.circle.sub6 {
    width: 260px;
    position: relative;
    height: 260px;
    border-radius: 48% 69% 56% 53% / 47% 73% 43% 49%;
    animation: move 12s linear infinite;
    overflow: hidden;
    right: -20%;
}

.image.sub6 {
    width: 260px;
    height: 260px;
    background: url("../img/recruit/fuyofuyo6.jpg");
    background-size: cover;
    background-position: 360% center;
}

.container.sub6  {
    animation: 5s fuwafuwa infinite;
}

.partner_title{
    margin: 0 auto 40px;
    display: inline-block;
    position: relative;
    padding: 0 0 10px;
    border-bottom: dotted 4px #FFA254;
    left: 50%;
    transform: translateX(-50%);
}

.partner_point{
    font-size: 140%;
    font-weight: 700;
}

.with_us{
    margin: 0 auto 60px;
    width: 90%;
    max-width: 1100px;
    display: flex;
    align-items: center;
}

.with_us img{
    width: 160px;
}

.with_us_a{
    margin: 0 0 0 50px;
}

.with_us_a h2{
    text-align: left;
}


.staff_voice{
    margin: 180px auto 70px;
    width: 100%;
}

section.work_with_us h1,
section.job_description h1,
section.benefits h1,
section.requirements h1,
section.question h1 {
    text-align: center;
    font-size: 190%;
}


.staff_title{
    margin: 0px 0px -190px 0px;
    position: relative;
    font-size: 170%;
    font-weight: 600;
    color: #5A4524;
    text-align: center;
    width: 100%;
    right: 500px;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
.staff_title{
    margin: 0px 0px -190px 0px;
    position: relative;
    font-size: 170%;
    font-weight: 600;
    color: #5A4524;
    text-align: center;
    width: 100%;
    right: 500px;
}
}
    

.slider.comment{
    width: 80%;
    max-width: 1100px;
    margin: 100px auto;
}

.slick-slide {
    margin: 0px 20px;
    box-sizing: border-box; 
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
}
    
.slick-current {
    opacity: 1;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
    z-index: 1;
    transition: background-color 0.3s;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-next:before {
    content: '';
}

/* Slick コンテナ */
.slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}


.slick-prev::before{
	background-image: url("../img/recruit/arrow_comment.svg");
    content: '';
    width: 50px;
    display: block;
    height: 50px;
    margin: -20px 0 0;
}

.slick-next::after{
	background-image: url("../img/recruit/arrow_comment.svg");
    content: '';
    width: 50px;
    display: block;
    height: 50px;
    margin: -39px 0 0px 10px;
	transform: rotate(-180deg);
}

.regular.slider.comment .slick-list.draggable{
    margin: 0 0 0 auto;
    width: 80%;
    opacity: 1;
}

.comment{
    flex-direction: column;
    align-items: center;
    color: #5A4524;
}

.comment-popopo {
    height: 500px;
    background-color: rgb(253, 234, 182);
    padding: 40px;
    border-radius: 10px;
     box-sizing: border-box; 
}

.comment_title{
    margin: 0px;
    display: flex;
    font-size: 110%;
    font-weight: 600;
    align-items: center;
}

.comment_dot{
    margin: 0px 0px 5px;
    width: 100%;
}

.comment_dot::after{
    margin: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    background: radial-gradient(circle farthest-side, #FFA254, #FFA254 18%, transparent 22%, transparent);
    background-size: 22px;
    content: '';
}

.comment_title::before{
    background-image: url(../img/recruit/front_voice.svg);
    background-repeat: no-repeat;
    content: '';
    width: 90px;
    display: block;
    height: 55px;
}

.comment_title.restaurant::before{
    background-image: url(../img/recruit/restaurant_voice.svg);
    background-repeat: no-repeat;
    content: '';
    width: 90px;
    display: block;
    height: 55px;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .staff_title {
        margin: 0px 0px -70px 0px;
        position: relative;
        font-size: 170%;
        font-weight: 600;
        color: #5A4524;
        text-align: center;
        width: 100%;
        right: 0;
    } 
    
    .regular.slider.comment .slick-list.draggable {
    margin: 0 0 0 auto;
    width: 100%;
    opacity: 1;
}
    .staff_voice {
    margin: 120px auto 180px;
    width: 100%;
}
        .comment {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        color: #5A4524;
    }
    
    .slick-prev::before {
    background-image: url(../img/recruit/arrow_comment.svg);
    content: '';
    width: 50px;
    display: block;
    height: 50px;
    margin: 310px 0 0;
}
    .slick-next::after {
    background-image: url(../img/recruit/arrow_comment.svg);
    content: '';
    width: 50px;
    display: block;
    height: 50px;
    margin: 290px 0 0px 10px;
    transform: rotate(-180deg);
    }
    
    .comment-popopo {
    height: 500px;
    background-color: rgb(253, 234, 182);
    padding: 40px;
    border-radius: 10px;
    box-sizing: border-box;
}
}

.comment_text{
    font-size: 110%;
    line-height: 200%;
    font-weight: 400;
}

.job_content{
    margin: 0 auto 80px;
    width: 90%;
    max-width: 1100px;
}

.job_description{
    margin: -105px 0 0;
    padding: 50px 0;
    background-color: #FDEAB6;   
}

.job_description h2{
    margin: 0 0 0 55px;
     text-align: left;   
}

.job_title::before{
    margin: 0 0px 45px -60px;
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../img/common/tree_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
}

.job_title.r::before{
    background-image: url(../img/common/tree_02.svg);
}

.job_title span:after {
    margin: 0 0 0 -55px;
    display: inline-block;
    width: 110%;
    height: 10px;
    background: radial-gradient(circle farthest-side, #FFA254, #FFA254 18%, transparent 22%, transparent);
    background-size: 28px;
    content: '';
}

.job_about{
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.job_about img{
    margin: 5px 0 0 30px;
    width: 140px;
}

.job_text{
    margin: 0 0 0 45px;
}

.job_text ul {
    list-style: none;
    padding-left: 1.2em;
}
.job_text ul li{
    counter-increment: cnt;
    text-indent: -1.2em;
}

.job_text ul li::before {
    content: '・'; 
    margin-right: 5px;
}

.benefits_content{
    margin: 0 auto 220px;
    width: 80%;
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
    padding: 50px;
    border-radius: 10px;
    background-color: #fff;
}

.benefits_about{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefits_about img{
    width: 40%;
}

.job_title.benefits{
    width: 100%;
}

.job_title.benefits span::after{
    margin: 0 auto;
    width: 100%;
    height: 10px;
    background: radial-gradient(circle farthest-side, #FFA254, #FFA254 12%, transparent 20%, transparent);
    background-size: 25px;
}

.job_title.benefits::before{
    display: none;
}

.benefits_text{
    margin: -10px auto 0;
    width: 90%;
}

.r_button{
    width: 90%;
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: space-between;
}

.r_button a{
    transition: all 0.5s 0s ease;
}

.r_button.about{
    margin: 0;
    width: 45%;
    min-width: 450px;
}

.r_button_a{
    width: 130px;
    border: solid 2px #FFA254;
    border-radius: 100px;
    text-align: center;
    font-size: 120%;
    color: #5A4524;
}

.r_button.about .r_button_a{
    padding: 2px 0 3px;
}

.r_button_a.staff{
    border: 0px;
    color: #1490CA;
    background-color: #BFDDF4;
}

.r_button_a.part{
    border: 0px;
    color: #5FA966;
    background-color: #B8EDD0;
}

.r_button_a.intern{
    border: 0px;
    color: #EC666A;
    background-color: #FFC0A5;
}

.requirements ul{
    margin: 50px auto 40px;
    width: 90%;
    max-width: 1000px;
    padding: 0;
    display: block;
}

.requirements ul li{
    list-style: none;
}

.requirements ul li::after{
    margin: 0 0 0 0px;
    display: inline-block;
    width: 100%;
    height: 12px;
    background: radial-gradient(circle farthest-side, #FFA254, #FFA254 20%, transparent 10%, transparent);
    background-size: 14px;
    content: '';
}

.requirements ul li a{
    margin: 30px auto 0;
    display: flex;
    padding: 0 30px;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    color: #000;
    transition: all 0.5s 0s ease;
}

.r_list{
    width: 95%;
    display: flex;
    justify-content: flex-start;
    
}

.r_button_s{
    margin: 0 40px 0 0;
    width: 120px;
    height: 42px;
    border: solid 2px #FFA254;
    border-radius: 100px;
    text-align: center;
    color: #5A4524;
    padding: 0 0 10px 0;
}

.r_button_s.staff{
    border: 0px;
    color: #1490CA;
    background-color: #BFDDF4;
}

.r_button_s.part{
    border: 0px;
    color: #5FA966;
    background-color: #B8EDD0;
}

.r_button_s.intern{
    border: 0px;
    color: #EC666A;
    background-color: #FFC0A5;
}

.experience{
    color: #E37161;
    margin: 0 40px 0 0;
}



.hello_work{
   margin: 0 auto 300px;;
   text-align: center;
   font-size: 120%; 
}

.hello_work_link{
    border-bottom: 2px solid #E37161;
    color: #E37161;
    transition: all 0.5s 0s ease;
}

.accordion-008 {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 90%;
    max-width: 1100px;
    padding: 0 0 25px;
    border-radius: 10px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #FDEAB6;
}

.accordion-008 summary {
    top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
    font-size: 120%;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 11px;
    height: 11px;
    margin-left: 10px;
    border-bottom: 4.5px solid #000000b3;
    border-right: 4.5px solid #000000b3;
    content: '';
    transition: transform .3s;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 10px auto 0;
    padding: 1.3em 2em 1.5em;
    color: #000000;
    background-color: #FFFCF5;
    transition: transform .5s, opacity .5s;
    width: 85%;
    border-radius: 10px;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}


.bg_top.flow{
    margin: 100px 0 0;
}

.flow_content{
    margin: 0 auto;
    width: 90%;
    max-width: 1100px;
    display: flex;
}

.flow_box{
    margin: -10px auto 0;
    width: 28%;
/*    max-width: 220px;*/
/*    height: 160px;*/
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFFCF5;
    border: 5px solid #FFC0A5;
    border-radius: 10px;
}

.flow_box .number{
    margin: -15px auto;
    display: block;
    font-size: 320%;
    text-align: center;
    color: #5A4524;
}

.flow_box img{
    margin: 0 auto;
    width: 70px;
    display: block;
}

.flow_arrow{
    max-width: 35px;
    width: 5%;
    padding: 10px;
}

.flow_text{
    margin: 40px auto 0;
    text-align: center;
    font-size: 180%;
    font-weight: 600;
    color: #5A4524;
}

.flow_comment{
    margin: 50px;
    text-align: center;
    font-size: 120%;
    color: #5A4524;
}

.slash{
    margin: 0px 30px;
    width: 30px;
}

.sns_comment{
    display: flex;
}

.instagram_r{
    width: 65px;
}

.facebook_r{
    width: 70px;
}

.icon_comment{
    display: flex;
    flex-direction: column;
    align-items: center;
}












.news_c{
    margin: 30px auto 0;
    width: 90%;
}

.news_date{
    font-size: 110%;
    color: #E37161;
}

.news_title_c{
    padding: 0;
    font-size: 130%;
    color: #5A4524;
    font-weight: 500;
}

.news_title_c::after{
    margin: 0 0 0 0px;
    display: inline-block;
    width: 100%;
    height: 12px;
    background: radial-gradient(circle farthest-side, #FFA254, #FFA254 20%, transparent 10%, transparent);
    background-size: 14px;
    content: '';
}

.news_caption{
    margin: 40px auto 50px;
    width: 95%;
    min-height: 200px;
}

.page-numbers {
    border-radius: 50px;
    margin: 0px 22px 20px 0 !important;
    width: 50px;
    height: 50px;
    padding: 0px 0px 2px 19px !important;
    display: block;
    text-align: center;
    align-items: center;
    font-size: 25px !important;
    font-weight: 500;
    color: #fff !important;
    background-color: #E37161;
    transition: all 0.3s;
}

.page-numbers:hover{
    opacity: 0.5;
}

.page-numbers.arrow.no-select{
	background-color: #FFC0A5;
}

.page-numbers.current {
    padding: 6px 0px 0px 0px !important;
    background-color: #FFA254;
}

.page-numbers.arrow.no-select:hover{
    opacity: 1;
    cursor: default;
}

.next.page-numbers{
    width: 51px;
    background-image: url(../img/topics/arrow_right.svg);
    background-repeat: no-repeat;
    background-color: #E37161 !important;
    background-position: center;
    font-size: 0px !important;
    border-radius: 50px !important;
}

.prev.page-numbers{
    width: 51px;
    background-image: url(../img/topics/arrow_left.svg);
    background-repeat: no-repeat;
    background-color: #E37161 !important;
    background-position: center;
    font-size: 0px !important;
    border-radius: 50px !important;
}

.page-numbers.after:hover{
    opacity: 0.5;
}

.page-numbers img{
    width: 12px;
    margin: 12px 0 0 0px;
    padding: 0;
    line-height: 70%;
}

a　.page-numbers{
    transition: all 0.3s;
}

a　.page-numbers:hover{
    opacity: 0.3;
}


.news_button_list{
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    justify-content: center;
    margin: 50px auto 40px;
}

.news_button_list a{
    margin: 10px 0;
}


/*****お問い合わせ*****/
.red_point{
    color: #FF4848;
}

.contact_info{
    margin: 40px 0 22px;
}

.contact_title{
    font-size: 110%;
    color: #5A4524;
}
.contact_title.select{
    margin: 20px 0 0;
}

.select_button{
    margin: 0;		
    padding: 20px 0 20px 20px;	
    color: #000;	
    background-color: #F0F0F0;	
    border-radius: 5px;	
    width: 100%;
    font-size: 120%;	
    font-weight: 500;
}


input[type=text].contact_about,
input[type=email].contact_about{
    width: 95%;
    margin: 10px auto;
    padding: 15px 2.5%;
    color: #000;
    background-color: #F0F0F0;
    border-radius: 5px;
    border: none;
    font-size: 110%;
    text-align: left;
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
}

input[type=text].contact_about::placeholder,
input[type=email].contact_about::placeholder {
    color: #a7a7a7;
}

textarea.contact_naiyo {
    width: 95%;
    margin: 10px auto;
    padding: 15px 2.5%;
    color: #000;
    background-color: #F0F0F0;
    border-radius: 5px;
    border: none;
    font-size: 110%;
    text-align: left;
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.21) inset;
}
textarea.contact_naiyo::placeholder {
    color: #a7a7a7;
}

.privacy_list{
    margin: 0 auto;
    width: 90%;
    max-width: 600px;
    padding: 50px;
    border: 1px solid;
}

.privacy_list li{
    margin: 0 0 0 30px;
}

.contact_right{
    text-align: right;
}

.selectbox-3 {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox-3::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #333;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox-3 select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #F0F0F0;;
    border-radius: 3px;
    background-color: #F0F0F0;;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
    font-weight: 500;
}



.privacy-ok {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}


.check{
    margin: 0 auto 120px;
    text-align: center;
    color: #fff;
    width: 300px;
    padding: 20px 10px;
    background-color: #D3D3D3;
    font-size: 140%;
    border-radius: 50px;
}

a .check {
    transition: all 0.3s;
}

a .check:hover{
    opacity: 0.5;
}

.submitbtn{
    color: #fff;
    background-color: #FEAA2D;
}

.submitbtn_disabled{
    color: #fff;
    background-color: #D3D3D3;
}

.check.orange{
    color: #fff;
    background-color: #FEAA2D;
}

.submit_text {
    font-size: 110%;
    margin: 50px auto 0; 
    width: 55%;
    min-width: 550px;
    min-height: 340px;
}

.more_about.submit{
    margin: 0 auto 50px;
    width: 186px;    
}