/*----------
01.トップ
02.ラインナップ
03.会社概要
04.お問い合わせ
05.個人情報保護方針
----------*/

/*----------
01.トップ
----------*/
#top .main_visual{
width: 100%;
/* height: 100vh;
background: url(../images/top/main_visual01.jpg) no-repeat center top;
background-size:cover; */
/* position: fixed;
top: 0; */
}

#top .main_visual img{
width: 100%;
display: block;
}

/* #top .up_cnt{
position: relative;
width: 100%;
z-index: 5;
background: #fff;
} */

#top .main_contents{
padding: 0 0 123px;
}

#top #concept_area{
position: relative;
margin: -1px 0 0;
margin: 0 0 100px;
background: #333;
/* box-shadow: 0 0 50px rgba(51,51,51,0.8); */
}

/* #top #concept_area::before{
background: #06050b;
width: 100%;
height: 324px;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
} */

#top #concept_area .cnt_g{
/* background: #333; */
box-sizing: border-box;
/* border-radius: 10px; */
position: relative;
z-index: 2;
padding: 70px 50px 86px;
}

#top #concept_area h2{
text-align: center;
color: #58b890;
font-size: 54px;
line-height: 64px;
font-family: 'brandon-grotesque', sans-serif;
font-weight: 900;
-ms-font-feature-settings: "normal";
padding: 0 0 60px;
}

#top #concept_area .cnt_img{
max-width: 356px;
width: 38.7%;
float: left;
}

#top #concept_area .cnt_img img{
width: 100%;
display: block;
}

#top #concept_area .cnt_text{
max-width: 507px;
width: 56.63%;
float: left;
padding: 10px 0 0 4.67%;
color: #fff;
}

#top #concept_area .cnt_text h3{
/*font-family: "UD新ゴ B";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-weight: bold;
font-size: 16px;
line-height: 30px;
padding: 0 0 30px;
}

#top #concept_area .cnt_text p{
line-height: 30px;
}

#top #lineup_area{
padding: 0 0 120px;
}

#top #lineup_area h2{
font-family: 'brandon-grotesque';
font-weight: 900;
color: #000;
font-size: 52px;
line-height: 62px;
position: relative;
padding: 22px 0 9px;
}

#top #lineup_area h2::before{
position:absolute;
top: 0;
left: 3px;
width: 20px;
height: 3px;
border-top: 3px solid #000;
content: "";
display: block;
}

#top #lineup_area .h2_g .first_text{
font-size: 18px;
line-height: 30px;
color: #000;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
padding: 0 0 33px;
}

#top #lineup_area .cnt_g{
/* max-width:1040px; */
max-width: none;
padding: 0 0 70px;
}

#top #lineup_area .cnt_box{
/* max-width: 500px; */
box-sizing: border-box;
width: 50%;
background: #eee;
margin: 0px 0 0;
/* margin: 0px 0.96% 90px; */
float: left;
position: relative;
}

#top #lineup_area .cnt_box .box_in{
max-width: 500px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 52px 40px 40px 43px;
}

#top #lineup_area .cnt_box:nth-child(odd){
margin: -200px 0 0;
}

#top #lineup_area .cnt_box:nth-child(1){
margin: 0px 0 90px;
background: #f8e5e0;
}

#top #lineup_area .cnt_box02{
margin: 200px 0 0;
background: #eee1d3;
}

#top #lineup_area .cnt_box03{
background: #e3f2ef;
}

#top #lineup_area .cnt_box04{
background: #fef9e5;
}

#top #lineup_area .cnt_box05{
background: #f6f7f4;
}

#top #lineup_area .cnt_box06{

background: #efebf4;
}

#top #lineup_area .cnt_box07{
background: #e6f0f5;
}




#top #lineup_area .cnt_img{
position: relative;
max-width: 163px;
width: 39.09%;
/* width: 38.61%; */
float: left;
margin: 0 0 10px;
}

#top #lineup_area .cnt_img img.package{
max-width: 100px;
width: 62%;
display: block;
}

#top #lineup_area .cnt_img img.product{
display: block;
max-width: 121px;
width: 76%;
position: absolute;
bottom: 23px;
right: 0
}

#top #lineup_area .cnt_text{
max-width: 288px;
width: 69.07%;
float: left;
/* margin: 0 0 0 -32px; */
/* margin: 0 0 10px -7.68%; */
margin: 0 0 10px -8.16%;
}

#top #lineup_area .cnt_text h3{
font-family: 'brandon-grotesque';
font-weight: 900;
color: #000;
font-size: 29px;
position: relative;
padding: 20px 0 0;
}

#top #lineup_area .cnt_text h3::before{
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 2px;
border-top: 2px solid #000;
content: "";
display: block;
}

#top #lineup_area .cnt_text .h3_jp{
/*font-family: "UD新ゴ B";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 30px;
padding: 0 0 10px;
margin: -5px 0 0;
}

#top #lineup_area .cnt_text p{
max-width: 288px;
font-size: 12px;
line-height: 20px;
color: #333;
padding: 0 0 33px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
}

#top #lineup_area .cnt_text img.mounting_img{
display: block;
max-width: 210px;
width: 73%;
margin: 0 0 0 auto;
}

#top #lineup_area .cnt_box .next_btn{
text-align: center;
max-width: 120px;
width: 100%;
margin: 0 0 0 auto;
color: #fff;
font-family: 'brandon-grotesque';
font-weight: 900;
clear: both;
position: absolute;
bottom: 0;
right: 0;
}

#top #lineup_area .cnt_box .next_btn a{
background: #000;
color: #fff;
width: 100%;
display: inline-block;
padding: 13px 0;
transition: all .4s;
}

#top #lineup_area .cnt_box .next_btn a:hover{
background: #e84b61;
color: #000;
}

#top #lineup_area .cnt_g02{
max-width: 1038px;
margin: 0 auto;
}

#top #lineup_area .cnt_g02 table{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
max-width: 501px;
width: 48.28%;
float: left;
margin: 0 0.86%;
font-size: 12px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
}

#top #lineup_area .cnt_g02 th{
padding: 15px 0 15px 23px;
width: 148px;
text-align: left;
}

#top #lineup_area .cnt_g02 td{
padding: 15px 0;
}

#top #lineup_area .cnt_g02 tr:nth-child(1) th{
padding: 37px 0 15px 23px;
}

#top #lineup_area .cnt_g02 tr:nth-child(3) th{
padding: 15px 0 40px 23px;
}

#top #lineup_area .cnt_g02 table.table02 th{
padding: 15px 0 15px 36px;
}

#top #lineup_area .cnt_g02 table.table02 tr:nth-child(1) th{
padding: 37px 0 15px 36px;
}

#top #lineup_area .cnt_g02 table.table02 tr:nth-child(3) th{
padding: 15px 0 40px 36px;
}

#top #attention_area{
}

#top #attention_area h3{
/*font-family: "UD新ゴ B";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-size: 18px;
color: #333;
position: relative;
padding: 22px 0 20px 35px;
}

#top #attention_area h3::before{
height: 3px;
width: 20px;
border-top: 3px solid #000;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
}

#top #attention_area p{
max-width: 912px;
margin: 0 auto 0 35px;
line-height: 30px;
color: #000;
}


/*----------
02.ラインナップ
----------*/

#lineup .main_contents{
padding: 0 0 90px;
}

#lineup .logo{
max-width: 460px;
padding: 40px 0;
margin: 0 0 70px;
}

#lineup .logo img{
width: 100%;
}

#lineup .color_nav{
background: #000;
color: #fff;
}

#lineup .color_nav ul{
max-width: 1050px;
}

#lineup .color_nav li{
text-align: center;
float: left;
max-width: 150px;
width: 14.28%;
position: relative;
}

#lineup .color_nav li::before{
content: "";
display: block;
width: 1px;
height: 21px;
box-sizing: border-box;
border-left: 1px solid #666;
position: absolute;
top: 26px;
left: 0;
}

#lineup .color_nav li a{
color: #fff;
display: inline-block;;
width: 100%;
padding: 21px 0;
}

#lineup .color_nav li img{
max-width: 85px;
width: 65%;
height: auto;
margin: 0 auto;
display: block;
position: absolute;
/* top: -72px; */
top: -103%;
left: 23%;
}

#lineup .color_nav li .title{
font-size: 13px;
line-height: 15px;
font-family: 'brandon-grotesque';
font-weight: 900;
padding: 0 0 2px;
}

#lineup .color_nav li .title_jp{
font-size: 11px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
}

#lineup .color_nav li.active a{
color: #000
}

#lineup.hot_chocolate .color_nav li.active{
background: #e7cbb4;
}

#lineup.hot_chocolate .color_nav li.active::before{
display: none;
}

#lineup #mainimg_area h2{
font-family: 'brandon-grotesque';
font-weight: 900;
font-size: 50px;
line-height: 60px;
padding: 0 0 13px 5px;
}

#lineup #mainimg_area .h2_jp{
/*font-family: "UD新ゴ B";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-size: 14px;
padding: 0 0 33px 5px;
}

#lineup #mainimg_area p{
max-width: 473px;
font-size: 20px;
line-height: 30px;
padding: 0 0 0 5px;
}

#lineup.hot_chocolate #mainimg_area{
background: url(../images/lineup/hot_chocolate/mainimg_bg.png) repeat-x left top;
z-index: 2
}

#lineup.hot_chocolate #mainimg_area .main_img{
background: url(../images/lineup/hot_chocolate/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 160px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.hot_chocolate #product_area{
background: #eee1d3;
}

#lineup #product_area{
padding: 43px 0 16px;
}

#lineup #product_area .contents_in{
max-width: 770px;
}

#lineup #product_area .cnt_left{
padding: 15px 0 0;
float: left;
max-width: 210px;
width: 27.28%;
}

#lineup #product_area .pic_package{
display: block;
max-width: 210px;
width: 100%;
}

#lineup #product_area .cnt_right{
float: left;
max-width: 420px;
width: 54.55%;
margin: 0 0 0 18.17%;
}

#lineup #product_area .cnt_box{
padding: 0 0 40px;
}

#lineup #product_area .pic_lens{
max-width: 341px;
width: 100%;
display: block;
padding: 0 0 12px;
}

#lineup #product_area .pic_mounting{
max-width: 400px;
width: 100%;
display: block;
padding: 0 0 16px;
margin: 0 0 0 auto;
}

#lineup #product_area .cnt_box .pic_title{
font-size: 16px;
text-align: center;
}

#lineup #product_area .cnt_box p{
padding: 20px 0 0;
font-size: 12px;
line-height: 14px;
text-align: center;
}

#lineup #feature_area{
padding: 40px 0;
}

#lineup #feature_area h3{
padding:  25px 0 33px;
position: relative;
font-family: 'brandon-grotesque';
font-weight: 900;
font-size: 48px;
}

#lineup #feature_area h3::before{
content: "";
display: block;;
position: absolute;
top: 0;
left: 4px;
width: 20px;
height: 3px;
border-top: 3px solid #000;
box-sizing: border-box;
}

#lineup #feature_area .cnt_box{
max-width: 738px;
margin: 0 auto 20px;
}

#lineup #feature_area .cnt_box02{
margin: 0 auto 30px;
}

#lineup #feature_area .cnt_img{
max-width: 80px;
width: 10.98%;
height: auto;
background: #000;
box-sizing: border-box;
border-radius: 50%;
float: left;
}

#lineup #feature_area .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#lineup #feature_area .cnt_box .cnt_text{
float: left;
margin: 0 0 0 4.6%;
max-width: 623px;
width: 84.42%;
padding: 14px 0 0;
}

#lineup #feature_area .cnt_box02 .cnt_text{
padding: 10px 0 0;
}

#lineup #feature_area .cnt_text h4{
/*font-family: "UD新ゴ B";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-size: 14px;
padding: 0 0 5px;
}

#lineup #feature_area .cnt_text p{
font-size: 14px;
line-height: 30px;
}



#lineup.matcha_latte .color_nav li.active{
background: #edeecc;
}

#lineup.matcha_latte .color_nav li.active::before{
display: none;
}

#lineup.matcha_latte #mainimg_area{
background: url(../images/lineup/matcha_latte/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.matcha_latte #mainimg_area .main_img{
background: url(../images/lineup/matcha_latte/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 160px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.matcha_latte #product_area{
background: #e3f2ef;
}

#lineup.coconuts .color_nav li.active{
background: #ffdfe0;
}

#lineup.coconuts .color_nav li.active::before{
display: none;
}

#lineup.coconuts #mainimg_area{
background: url(../images/lineup/coconuts/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.coconuts #mainimg_area .main_img{
background: url(../images/lineup/coconuts/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 160px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.coconuts #product_area{
background: #f8e5e0;
}

#lineup.lemonade .color_nav li.active{
background: #fdefd5;
}

#lineup.lemonade .color_nav li.active::before{
display: none;
}

#lineup.lemonade #mainimg_area{
background: url(../images/lineup/lemonade/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.lemonade #mainimg_area .main_img{
background: url(../images/lineup/lemonade/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 130px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.lemonade #product_area{
background: #fef9e5;
}

#lineup.cider .color_nav li.active{
background: #c4deeb;
}

#lineup.cider .color_nav li.active::before{
display: none;
}

#lineup.cider #mainimg_area{
background: url(../images/lineup/cider/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.cider #mainimg_area .main_img{
background: url(../images/lineup/cider/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 130px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.cider #product_area{
background: #e6f0f5;
}

#lineup.fruit_punch .color_nav li.active{
background: #e1dcf0;
}

#lineup.fruit_punch .color_nav li.active::before{
display: none;
}

#lineup.fruit_punch #mainimg_area{
background: url(../images/lineup/fruit_punch/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.fruit_punch #mainimg_area .main_img{
background: url(../images/lineup/fruit_punch/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 160px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.fruit_punch #product_area{
background: #efebf4;
}

#lineup.lassie .color_nav li.active{
background: #e6eef1;
}

#lineup.lassie .color_nav li.active::before{
display: none;
}

#lineup.lassie #mainimg_area{
background: url(../images/lineup/lassie/mainimg_bg.jpg) repeat-x left top;
z-index: 2
}

#lineup.lassie #mainimg_area .main_img{
background: url(../images/lineup/lassie/mainimg01.jpg) no-repeat right top;
background-size: contain;
padding: 190px 0 160px;
/* max-width: 1080px;
margin: 0 auto; */
}

#lineup.lassie #product_area{
background: #f6f7f4;
}

#lineup .color_nav li:nth-child(1):hover{
background: #ffdfe0;
}

#lineup .color_nav li:hover a{
color: #000;
}

#lineup .color_nav li:nth-child(2):hover{
background: #e7cbb4;
}

#lineup .color_nav li:nth-child(3):hover{
background: #edeecc;
}
#lineup .color_nav li:nth-child(4):hover{
background: #fdefd5;
}

#lineup .color_nav li:nth-child(5):hover{
background: #e6eef1;
}
#lineup .color_nav li:nth-child(6):hover{
background: #e1dcf0;
}

#lineup .color_nav li:nth-child(7):hover{
background: #c4deeb;
}



/*----------
03.会社概要
----------*/

#company .main_contents{
padding: 0 0 90px;
}

#company .logo{
max-width: 460px;
padding: 40px 0;
}

#company .logo img{
width: 100%;
}

#company #about_area{
padding: 0 0 60px;
}

#company #about_area h2{
font-family: 'brandon-grotesque';
font-weight: 900;
font-size: 48px;
line-height: 57px;
padding: 22px 0 0;
position: relative;
}

#company #about_area h2::before{
content: "";
display: block;
width: 20px;
height: 2px;
box-sizing: border-box;
border-top: 2px solid #000;
position: absolute;
top: 0;
left: 0;
}

#company #about_area .cnt_box{
max-width: 1020px;
width: 100%;
margin: 32px auto 0;
background: #f6f6f6;
border-radius: 10px;
box-sizing: border-box;
padding: 40px 0;
}

#company #about_area .cnt_box table{
max-width: 940px;
width: 100%;
margin: 0 auto;
/* border-collapse: separate;
border-spacing: 38px; */
}

#company #about_area .cnt_box table th{
/* width: 311px; */
width: 349px;
padding: 17px 0 17px 29px;
position: relative;
text-align: left;
box-sizing: border-box;
}

#company #about_area .cnt_box table td{
position: relative;
padding: 17px 0 17px 46px;
}

#company #about_area .cnt_box table tr:nth-child(1) th{
padding: 30px 0 17px 29px;
}

#company #about_area .cnt_box table tr:nth-child(1) th::before{
border-top: 1px solid #fff;
content: "";
width: 311px;
display: block;
position: absolute;
top: 0;
left: 0;
}

#company #about_area .cnt_box table tr:nth-child(1) td:before{
border-top: 1px solid #fff;
content: "";
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}

#company #about_area .cnt_box table tr:nth-child(7) th{
padding: 17px 0 30px 29px;
}

#company #about_area .cnt_box table tr:nth-child(7) th:before{
border-bottom: 1px solid #fff;
content: "";
width: 311px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}

#company #about_area .cnt_box table tr:nth-child(7) td:before{
border-bottom: 1px solid #fff;
content: "";
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
}


/*----------
04.お問い合わせ
----------*/

#contact .main_contents{
padding: 0 0 90px;
}

#contact .logo{
max-width: 460px;
padding: 40px 0;
}

#contact .logo img{
width: 100%;
}

#contact #about_area{
padding: 0 0 60px;
}

#contact #about_area h2,
#privacy #about_area h2{
font-family: 'brandon-grotesque';
font-weight: 900;
font-size: 48px;
line-height: 57px;
padding: 22px 0 0;
position: relative;
}

#contact #about_area h2::before{
content: "";
display: block;
width: 20px;
height: 2px;
box-sizing: border-box;
border-top: 2px solid #000;
position: absolute;
top: 0;
left: 0;
}

#contact #about_area .cnt_box{
max-width: 1020px;
width: 100%;
margin: 32px auto 0;
background: #f6f6f6;
border-radius: 10px;
box-sizing: border-box;
padding: 40px 0 70px;
}

#contact #about_area .cnt_box .first_text{
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-size: 16px;
text-align: center;
padding: 0 0 40px;
}

#contact #about_area .cnt_box .first_text span{
max-width: 40px;
width: 100%;
display: inline-block;
background: #ec4c5c;
text-align: center;
font-size: 14px;
color: #fff;
padding: 3px 0;
}

#contact #about_area .cnt_box table{
max-width: 940px;
width: 100%;
margin: 0 auto;
/* border-collapse: separate;
border-spacing: 38px; */
}

#contact #about_area .cnt_box table th{
/* width: 311px; */
width: 349px;
padding: 12px 98px 12px 0;
position: relative;
text-align: left;
box-sizing: border-box;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-size: 16px;
text-align: right;
}

#contact #about_area .cnt_box table th span{
max-width: 40px;
width: 100%;
display: inline-block;
background: #ec4c5c;
text-align: center;
font-size: 14px;
color: #fff;
padding: 3px 0;
margin: 0 0 0 20px;
}

#contact #about_area .cnt_box table td{
position: relative;
padding: 12px 0 12px 26px;
font-size: 16px;
vertical-align: text-top;
}

#contact #about_area .cnt_box table tr:nth-child(1) th{
padding: 40px 98px 12px 0;
}

#contact #about_area .cnt_box table tr:nth-child(3) th{
padding: 12px 158px 12px 0;
}

#contact #about_area .cnt_box table tr:nth-child(4) th{
padding: 12px 158px 12px 0;
}

#contact #about_area .cnt_box table tr:nth-child(1) th::before{
border-top: 1px solid #fff;
content: "";
width: 311px;
display: block;
position: absolute;
top: 0;
left: 0;
}

#contact #about_area .cnt_box table tr:nth-child(1) td:before{
border-top: 1px solid #fff;
content: "";
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}

#contact #about_area .cnt_box table tr:nth-child(6) td{
padding: 12px 0 40px 26px;
vertical-align: top;
}

#contact #about_area .cnt_box table tr:nth-child(6) th:before{
border-bottom: 1px solid #fff;
content: "";
width: 311px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}

#contact #about_area .cnt_box table tr:nth-child(6) td:before{
border-bottom: 1px solid #fff;
content: "";
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
}

#contact #about_area .cnt_box input[type="text"]{
max-width: 510px;
width: 100%;
padding: 5px;
box-sizing: border-box;
height: 40px;
background: #fff;
border:none;
border-radius: 0;
font-size: 16px;
}

#contact #about_area .cnt_box input[type="email"]{
max-width: 510px;
width: 100%;
padding: 5px;
box-sizing: border-box;
height: 40px;
background: #fff;
border:none;
border-radius: 0;
font-size: 16px;
}

#contact #about_area .cnt_box textarea{
max-width: 510px;
width: 100%;
padding: 10px 5px;
box-sizing: border-box;
height: 161px;
background: #fff;
border:none;
border-radius: 0;
font-size: 14px;
line-height: 22px;
}


#contact #about_area .cnt_box input[type="radio"]{
  display: none;
}
#contact #about_area .cnt_box input[type="radio"] + label{
padding: 0 0 0 24px;
position:relative;
margin: 0 25px 0 0;
line-height: 16px;
display: inline-block;
}
#contact #about_area .cnt_box input[type="radio"] + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border:none;
  border-radius: 50%;
background: #fff;
}
#contact #about_area .cnt_box input[type="radio"]:checked + label{
}
#contact #about_area .cnt_box input[type="radio"]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background: #e84b61;
  border-radius: 50%;
}

#contact #about_area .cnt_box .attention_text{
text-align: center;
font-size: 16px;
line-height: 25px;
padding: 40px 0;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
}

#contact #about_area .cnt_box .attention_text a{
text-decoration: underline;
}

#contact #about_area .cnt_box .privacy_check{
text-align: center;
font-size: 16px;
line-height: 25px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
padding: 0 0 30px;
}

#contact #about_area .cnt_box input[type="checkbox"]{
  display: none;
}
#contact #about_area .cnt_box input[type="checkbox"] + label{
padding: 0 0 0 20px;
position:relative;
margin: 0 25px 15px 0;
display: inline-block;
line-height: 16px;
}
#contact #about_area .cnt_box input[type="checkbox"] + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border:1px solid #666;
background: none;
}
#contact #about_area .cnt_box input[type="checkbox"]:checked + label{
}
#contact #about_area .cnt_box input[type="checkbox"]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #e84b61;
  border-right: 3px solid #e84b61;
}

#contact #about_area .submit_box{
background: #000;
max-width: 376px;
width: 100%;
margin: 0 auto;
}

#contact #about_area .submit{
background:none;
border:none;
border-radius: 0;
max-width: 376px;
width: 100%;
font-size: 16px;
color: #fff;
padding: 25px 0;
/*font-family: "UD新ゴ R";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
}

#contact .error{
font-size: 16px;
color: #f00;
padding: 15px 0 0;
}

#contact .error.error_center{
text-align: center;
padding: 0 0 70px;
}

#contact .error_box{
max-width: 940px;
width: 100%;
margin: 0 auto 35px;
background: #fff;
border-radius: 5px;
border:1px solid #f00;
box-sizing: border-box;
text-align: center;
padding: 11px 0;
}

#contact .contact_confirm#about_area h2 span{
font-size: 25px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
display: inline-block;
padding: 0 0 0 10px;
}

#contact .contact_confirm#about_area .cnt_box table tr th{
width: 294px;
/* padding: 12px 180px 12px 0; */
}

#contact .contact_confirm#about_area .cnt_box table tr:nth-child(3) th{
padding: 12px 98px 12px 0;
}

#contact .contact_confirm#about_area .cnt_box table tr:nth-child(4) th{
padding: 12px 98px 12px 0;
}

#contact .contact_confirm#about_area td span{
display: block;
max-width: 655px;
width: 100%;
padding: 13px 0 12px 20px;
box-sizing: border-box;
border:1px solid #fff;
margin: 0 0 0 auto;
}

#contact .contact_confirm#about_area td span.text_box{
height: 163px;
}

#contact .contact_confirm#about_area table tr:nth-child(1) td span{
border:none;
padding: 13px 0 12px;
}

#contact .contact_confirm#about_area .cnt_box table{
margin: 0 auto 60px;
}

#contact .contact_thanks#about_area h2 span{
font-size: 25px;
/*font-family: "UD新ゴ M";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
display: inline-block;
padding: 0 0 0 10px;
}

#contact .contact_thanks#about_area .cnt_box .first_text{
line-height: 25px;
padding: 0 0 70px;
}

#contact .contact_thanks#about_area .cnt_box .next_btn{
max-width: 376px;
width: 100%;
margin: 0 auto 6px;
background: #000;
text-align: center;
box-sizing: border-box;
font-size: 16px;
}

#contact .contact_thanks#about_area .cnt_box .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 28px 0 27px;
}



/*----------
04.お問い合わせ
----------*/

#privacy .main_contents{
padding: 0 0 90px;
}

#privacy .logo{
max-width: 460px;
padding: 40px 0;
}

#privacy .logo img{
width: 100%;
}

#privacy #about_area{
padding: 0 0 60px;
}

/*#privacy #about_area h2{
font-family: "UD新ゴ B";
font-size: 32px;
line-height: 57px;
padding: 22px 0 0;
position: relative;
}*/

#privacy #about_area h2::before{
content: "";
display: block;
width: 20px;
height: 2px;
box-sizing: border-box;
border-top: 2px solid #000;
position: absolute;
top: 0;
left: 0;
}

#privacy #about_area dl{
max-width: 1020px;
width: 100%;
margin: 32px auto 0;
background: #f6f6f6;
border-radius: 10px;
box-sizing: border-box;
padding: 40px 50px 20px;
}

#privacy #about_area dt{
/*font-family: "UD新ゴ DB";*/
font-family:Helvetica,Arial,Meiryo,'メイリオ','ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro,osaka','ＭＳ Ｐゴシック',sans-serif;
font-size: 14px;
padding: 0 0 10px;
}

#privacy #about_area dd{
font-size: 14px;
line-height: 23px;
padding: 0 0 50px;
}