@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(min-width:960px){

/*STYLE*/
.sp,.tb {
display:none;
}

p {
font-size:1em;
letter-spacing:2px;
line-height:180%;
}

.cts {
width:1000px;
margin:auto;
position:relative;
}

.square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#fff 50vw solid;
border-bottom:#fff 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}

.titles {
text-align:center;
padding-bottom:50px;
}

.titles .icon {
width:60px;
margin:0 auto 10px;
}

.titles .subtitle {
font-size:150%;
font-weight:bold;
}

.titles h2 {
font-size:250%;
font-weight:bold;
padding-bottom:15px;
}

.titles .line {
background:#c8c8c8;
margin:auto;
}

.en {
font-family: 'Kiwi Maru', serif;
}



/*HEADER*/
header {
}

.logo {
width:150px;
position:fixed;
top:20px;
left:20px;
z-index:99;
}

.contact {
position:fixed;
top:0;
right:0;
z-index:99;
}

header .contact a {
background:#ff4400;
width:130px;
height:85px;
display:flex;
justify-content:center;
align-items:center;
border-radius:0 0 0 6px;
}

.contact .icon {
width:26px;
margin:0 auto 7px;
}

.contact p {
font-size:90%;
font-weight:400;
color:#fff;
letter-spacing:1px;
text-align:center;
}


/*MV*/
#mv {
width:100%;
height:700px;
position:relative;
overflow:hidden;
background:url(../img/mv_main.jpg) no-repeat center;
background-size:cover;
}

#mv .cts {
width:90%;
max-width:960px;
height:700px;
display:flex;
align-items:center;
position:relative;
}

#mv .copies {
width:55%;
background:rgba(255,255,255,0.7);
padding:40px 50px;
border-radius:10px;
margin-bottom:30px;
position:relative;
}

#mv .copies:after {
content:"";
width:30px;
height:30px;
position:absolute;
border-top:transparent 30px solid;
border-right:transparent 30px solid;
border-bottom:transparent 30px solid;
border-left:rgba(255,255,255,0.7) 30px solid;
top:180px;
right:-60px;
}

#mv .copies .balloon {
display:flex;
justify-content:center;
}

#mv .copies .balloon .subl {
width:25px;
}

#mv .copies .balloon p {
font-size:160%;
font-weight:bold;
padding:0 20px;
}

#mv .copies .balloon .subr {
width:25px;
}

#mv .copies .symbol {
width:260px;
margin:auto;
padding-bottom:15px;
}

#mv .copies h2 {
font-size:200%;
font-weight:bold;
letter-spacing:2px;
line-height:170%;
padding-bottom:20px;
}

#mv .mv {
width:300px;
position:absolute;
right:50px;
bottom:0;
z-index:1;
}

#mv .cta {
text-align:center;
}

#mv .cta a {
display:inline-block;
}

#mv .cta .btn {
width:350px;
height:56px;
display:flex;
justify-content:center;
align-items:center;
background:#ff4400;
position:relative;
border-radius:6px;
}

#mv .cta .btn p {
font-size:100%;
font-weight:bold;
color:#fff;
}

#mv .cta .btn .arrow {
width:10px;
height:10px;
border:#fff 1px solid;
border-left:transparent 1px solid;
border-bottom:transparent 1px solid;
transform:rotate(45deg);
position:absolute;
right:30px;
}

#mv .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:transparent 50vw solid;
border-bottom:#fff 75px solid;
border-left:#fff 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*TROUBLE*/
#trouble {
padding:50px 0 0;
position:relative;
}

#trouble .cts {
width:1000px;
}

#trouble .troubles {
display:flex;
justify-content:space-between;
padding-bottom:270px;
}

#trouble .troubles .trouble {
width:30%;
position:relative;
}

#trouble .troubles .trouble .balloon {
width:100%;
height:210px;
background:url(../img/trouble_frame.png) no-repeat center;
background-size:100% 100%;
padding:0 30px 40px;;
display:flex;
justify-content:center;
align-items:center;
}


#trouble .troubles .trouble .balloon p {
font-size:100%;
font-weight:bold;
text-align:center;
letter-spacing:1px;
}

#trouble .troubles .trouble .illust {
width:180px;
margin:auto;
}

#trouble .troubles .trouble .circle {
width:100%;
height:80px;
background:#e1e1e1;
border-radius:100%;
position:absolute;
bottom:-40px;
left:0;
right:0;
margin:auto;
z-index:-1;
}

#trouble .square {
border-right:#f5d958 50vw solid;
border-bottom:#f5d958 75px solid;
}



/*FEATURE*/
#feature {
background:#f5d958 url(../img/feature_bg.jpg) no-repeat center bottom;
background-size:100%;
padding:50px 0 170px;
position:relative;
}

#feature .titles .line {
background:#fff;
}

#feature .cts {
position:relative;
height:431px;
display:flex;
align-items:center;
}

#feature .detail {
width:55%;
background:rgba(255,255,255,0.5);
padding:40px 40px;
border-radius:10px
}

#feature .detail .ex {
padding-bottom:20px;
font-weight:400;
}

#feature .detail .cta {
text-align:center;
position:relative;
z-index:99;
}

#feature .detail .cta a {
display:inline-block;
}

#feature .detail .cta .btn {
width:320px;
height:56px;
display:flex;
justify-content:center;
align-items:center;
background:#ff4400;
position:relative;
border-radius:6px;
}

#feature .detail .cta .btn p {
font-size:100%;
font-weight:bold;
color:#fff;
}

#feature .detail .cta .btn .arrow {
width:10px;
height:10px;
border:#fff 1px solid;
border-left:transparent 1px solid;
border-bottom:transparent 1px solid;
transform:rotate(45deg);
position:absolute;
right:30px;
}

#feature .photo {
width:940px;
position:absolute;
bottom:-170px;
right:-200px;
}

#feature .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:transparent 50vw solid;
border-bottom:#f5f5f5 75px solid;
border-left:#f5f5f5 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*STEP*/
#step {
padding:50px 0 200px;
background:#f5f5f5;
position:relative;
}

#step h3 {
font-size:200%;
font-weight:bold;
text-align:center;
padding-bottom:40px;
}

#step .steps {
}

#step .steps .step {
background:#fff;
box-shadow:rgba(0,0,0,0.1) 0 0 10px;
border-radius:6px;
margin-bottom:50px;
display:flex;
position:relative;
}

#step .steps .step:after {
content:"";
width:20px;
height:50px;
background:#f0a046;
position:absolute;
bottom:-50px;
left:0;
right:0;
margin:auto;
}

#step .steps .step:last-child:after {
display:none;
}

#step .steps .step .numbers {
width:120px;
background:#ff4400;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border-radius:6px 0 0 6px;
}

#step .steps .step .numbers .numbers_cts {
}

#step .steps .step .numbers .numbers_cts .item {
color:#fff;
}

#step .steps .step .numbers .numbers_cts .number {
font-size:300%;
color:#fff;
line-height:100%;
}

#step .steps .step .details {
width:870px;
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row-reverse;
padding:30px 25px 30px 35px;
}

#step .steps .step .details .detail {
width:690px;
}

#step .steps .step .details .detail .item {
font-size:135%;
font-weight:bold;
color:#ff4400;
}

#step .steps .step .details .detail ex {
}

#step .steps .step .details .illust {
width:100px;
}

#step .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:transparent 50vw solid;
border-bottom:#fff 75px solid;
border-left:#fff 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*GENRE*/
#genre {
padding:50px 0 200px;
position:relative;
}

#genre .genres {

}

#genre .genres .genre {
display:flex;
align-items:center;
margin-bottom:50px;
}

#genre .genres .genre:nth-child(even) {
flex-direction:row-reverse;
}

#genre .genres .genre:last-child {
margin-bottom:0;
}

#genre .genres .genre .photo {
width:50%;
height:400px;
}

#genre .genres .genre .photo.photo1 {
background:url(../img/genre_1.jpg) no-repeat center;
background-size:cover;
}

#genre .genres .genre .photo.photo2 {
background:url(../img/genre_2.jpg) no-repeat center;
background-size:cover;
}

#genre .genres .genre .photo.photo3 {
background:url(../img/genre_3.jpg) no-repeat center;
background-size:cover;
}

#genre .genres .genre .photo.photo4 {
background:url(../img/genre_4.jpg) no-repeat center;
background-size:cover;
}

#genre .genres .genre .detail {
width:500px;
}

#genre .genres .genre .detail h3 {
font-size:300%;
color:#f0a046;
padding:0 0 10px 50px;
}

#genre .genres .genre:nth-child(even) h3 {
padding:0 50px 10px 0;
text-align:right;
}

#genre .genres .genre .detail .partition {
width:100%;
height:1px;
background:#f0a046;
}

#genre .genres .genre .detail .ex {
padding:25px 0 0 50px;
}


#genre .genres .genre:nth-child(even) .ex {
padding:25px 50px 10px 0;
text-align:right;
}

#genre .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:transparent 50vw solid;
border-bottom:#ebf0f5 75px solid;
border-left:#ebf0f5 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*FUNCTION*/
#function {
padding:70px 0 180px;
position:relative;
background:#ebf0f5;
}

#function .functions {
width:1000px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

#function .functions .function {
width:220px;
padding-bottom:50px;
}

#function .functions .function .illust {
background:#fff;
width:220px;
height:220px;
border-radius:100%;
margin-bottom:20px;
display:flex;
justify-content:center;
align-items:center;
}

#function .functions .function .illust img {
width:150px;
}

#function .functions .function h3 {
font-size:110%;
font-weight:bold;
text-align:center;
margin-bottom:5px;
display:flex;
justify-content:center;
align-items:center;
}

#function .functions .function .ex {
font-size:90%;
}

#function .functions .function .attention {
font-size:70%;
display:flex;
padding-top:3px;
line-height:160%;
}

#function .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#faf0e6 50vw solid;
border-bottom:#faf0e6 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*EQUIPMENT*/
#equipment {
padding:70px 0 230px;
position:relative;
}

#equipment .details {
width:1000px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:50px;
}

#equipment .details .photo {
width:500px;
}

#equipment .details .detail {
width:450px;
}

#equipment .details .detail .item {
font-size:150%;
font-weight:bold;
padding-bottom:10px;
color:#ff4400;
}

#equipment .details .detail .ex {
}

#equipment .equipments {
width:1000px;
margin:auto;
display:flex;
justify-content:center;
}

#equipment .equipments .equipment {
text-align:center;
padding:0 30px;
}

#equipment .equipments .equipment:nth-child(-n+3) {
padding-right:50px;
}

#equipment .equipments .equipment:first-child {
padding-right:70px;
}

#equipment .equipments .equipment .photo {
padding-bottom:20px;
}

#equipment .equipments .equipment .photo img {
width:auto;
height:170px;
}

#equipment .equipments .equipment .ex {
text-align:center;
}

#equipment .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#faf0e6 50vw solid;
border-bottom:#faf0e6 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*CASE*/
#case {
padding:70px 0 70px;
position:relative;
background:#faf0e6;
}

#case .cases {
width:1050px;
margin:auto;
position:relative;
overflow:hidden;
}

#case .cases .case {
width:900px;
margin:auto;
background:#fff;
padding:50px;
display:flex;
justify-content:space-between;
}

#case .cases .case .photo {
width:250px;
text-align:center;
}

#case .cases .case .photo img {
width:200px;
}

#case .cases .case .detail {
width:500px;
position:relative;
}

#case .cases .case .detail .cate {
font-size:80%;
line-height:100%;
color:#f0a046;
border:#f0a046 1px solid;
display:inline-block;
padding:7px 10px;
margin-bottom:10px;
}

#case .cases .case .detail .client {
font-size:180%;
font-weight:bold;
line-height:100%;
padding-bottom:5px;
}

#case .cases .case .detail .client .sama {
font-size:70%;
font-weight:normal;
padding-left:15px;
}

#case .cases .case .detail .place {
font-size:80%;
color:#969696;
padding-bottom:15px;
}

#case .cases .case .detail .ex {
}

#case .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#fff 50vw solid;
border-bottom:#fff 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}

#case .website {
text-align:center;
position:absolute;
bottom:0;
right:0;
}

#case .website a {
display:inline-block;
}

#case .website .btn {
width:300px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
background:#ff4400;
position:relative;
border-radius:6px;
}

#case .website .btn p {
font-size:90%;
font-weight:bold;
color:#fff;
}

#case .website .btn .arrow {
width:10px;
height:10px;
border:#fff 1px solid;
border-left:transparent 1px solid;
border-bottom:transparent 1px solid;
transform:rotate(45deg);
position:absolute;
right:30px;
}

#case .swiper-wrapper {
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width:30px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
  background-size: 30px 60px;
  background-position: center;
  background-repeat: no-repeat;
  outline:none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity:0.7;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("../img/prev.svg");
  left: 0;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("../img/next.svg");
  right: 0;
  left: auto;
}



/*MOBILE ORDER*/
#mobile_order {
padding:200px 0 250px;
position:relative;
background:url(../img/mobile_order_bg.jpg) no-repeat;
background-size:cover;
background-position:center bottom;
background-attachment:fixed;
}

#mobile_order .orders {
width:1000px;
margin:25px auto 0;
}

#mobile_order .orders .order {
background:#fff;
border:#ff4400 1px solid;
padding:60px 60px 60px;
position:relative;
margin-bottom:70px;
}

#mobile_order .orders .order:last-child {
margin-bottom:0;
}

#mobile_order .orders .order .number {
width:50px;
height:50px;
background:#ff4400;
color:#fff;
font-size:120%;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:-25px;
left:0;
right:0;
margin:auto;
}

#mobile_order .orders .order .order_title {
text-align:center;
}

#mobile_order .orders .order .order_title h3 {
font-size:180%;
font-weight:bold;
border-bottom:#ff4400 4px solid;
text-align:center;
margin-bottom:30px;
display:inline-block;
}

#mobile_order .orders .order .details {
display:flex;
justify-content:space-between;
padding-bottom:25px;
}

#mobile_order .orders .order .details.reverse {
flex-direction:row-reverse;
}

#mobile_order .orders .order .details .photo {
width:440px;
}

#mobile_order .orders .order .details .ex {
width:410px;
}

#mobile_order .orders .order .details .ex p {
padding-bottom:20px;
}

#mobile_order .orders .order .details .ex p:last-child {
padding-bottom:0;
}

#mobile_order .orders .order .commentaries {
}

#mobile_order .orders .order .commentaries .commentary {
background:#ffece5;
padding:30px 30px;
margin-bottom:30px
}

#mobile_order .orders .order .commentaries .commentary:last-child {
margin-bottom:0;
}

#mobile_order .orders .order .commentaries .commentary .explain {
width:100%;
}

#mobile_order .orders .order .commentaries .commentary .explain .items {
display:flex;
align-items:center;
padding-bottom:10px;
}

#mobile_order .orders .order .commentaries .commentary .explain .items .vol {
width:30px;
height:30px;
background:#fff;
border:#ff4400 1px dashed;
display:flex;
justify-content:center;
align-items:center;
margin-right:10px;
color:#ff4400;
font-weight:bold;
letter-spacing:0;
}

#mobile_order .orders .order .commentaries .commentary .explain .items .item {
font-size:110%;
font-weight:bold;
color:#ff4400;
}

#mobile_order .orders .order .commentaries .commentary .explain .ex {
}

#mobile_order .orders .order .commentaries .commentary.column {
display:flex;
justify-content:space-between;
padding:40px 40px;
}

#mobile_order .orders .order .commentaries .commentary.column.reverse {
flex-direction:row-reverse;
}

#mobile_order .orders .order .commentaries .commentary.column .photo {
width:360px;
}

#mobile_order .orders .order .commentaries .commentary.column .explain {
width:410px;
}

#mobile_order .orders .order .copy {
padding-bottom:15px;
}

#mobile_order .orders .order .flows {

}

#mobile_order .orders .order .flows .flow {
background:#ffece5;
padding:20px 25px;
margin-bottom:30px;
position:relative;
display:flex;
align-items:center;
}

#mobile_order .orders .order .flows .flow:after {
content:"";
width:20px;
height:20px;
border:transparent 20px solid;
border-top:#ffece5 20px solid;
position:absolute;
bottom:-40px;
left:0;
right:0;
margin:auto;
}

#mobile_order .orders .order .flows .flow:last-child {
margin-bottom:0;
}

#mobile_order .orders .order .flows .flow:last-child:after {
display:none;
}

#mobile_order .orders .order .flows .flow .vol {
width:30px;
height:30px;
background:#fff;
border:#ff4400 1px dashed;
display:flex;
justify-content:center;
align-items:center;
margin-right:10px;
color:#ff4400;
font-weight:bold;
letter-spacing:0;
}

#mobile_order .orders .order .flows .flow .item {
font-size:100%;
font-weight:bold;
color:#ff4400;
}

#mobile_order .orders .order .tx {
}

#mobile_order .orders .order .tx p {
}

#mobile_order .orders .order .tx p:last-child {
padding-bottom:0;
}

#mobile_order .square_top {
width:100vw;
height:150px;
border-top:#faf0e6 75px solid;
border-right:transparent 50vw solid;
border-bottom:transparent 75px solid;
border-left:#faf0e6 50vw solid;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
z-index:0;
}

#mobile_order .square_bottom {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#ff4400 50vw solid;
border-bottom:#ff4400 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}




/*CONTACT*/
#contact {
padding:100px 0 250px;
position:relative;
}

#contact .cts {
width:1000px;
margin:0 auto ;
}

#contact .copy {
padding-bottom:50px;
text-align:center;
}

#contact .forms {
}

#contact .forms .details {
display:flex;
align-items:center;
border-bottom:#e1e1e1 1px solid;
padding-bottom:20px;
margin-bottom:20px;
}

#contact .forms .details:first-child {
border-top:#e1e1e1 1px solid;
padding-top:20px;
}

#contact .forms .details .item {
width:250px;
padding-left:12px;
font-weight:bold;
}

#contact .forms .details .item .required {
background:#ff4400;
color:#fff;
font-size:60%;
font-weight:200;
padding:3px 7px;
margin-left:10px;
}

#contact .forms .details .item .any {
background:#999;
color:#fff;
font-size:60%;
font-weight:200;
padding:3px 7px;
margin-left:10px;
}

#contact .forms .details .detail {
width:750px;
}

#contact .forms .details .detail .write {
}

#contact .forms .details .detail .warning {
font-size:80%;
color:#ff4400;
padding-top:5px;
}

#contact .forms .style_name {
width:40%;
}

#contact .forms .style_mail {
width:50%;
}

#contact .forms .style_tel {
width:30%;
}

#contact .forms .style_cate {
width:40%;
}

#contact .forms .style_company {
width:40%;
}

#contact .forms .style_post {
width:20%;
}

#contact .forms .style_address {
width:80%;
}

#contact .forms .style_url {
width:50%;
}

#contact .forms .style_detail {
width:100%;
height:250px;
}

#contact .forms .style_submit {
background:#ff4400;
color:#fff;
cursor:pointer;
font-size:100%;
font-weight:600;
width:150px;
border-radius:10px;
border:none;
}

#contact .forms .style_fix {
background:#aaa;
color:#fff;
cursor:pointer;
font-size:100%;
font-weight:600;
width:150px;
border-radius:10px;
border:none;
}

#contact .forms .btns {
display:flex;
justify-content:center;
}

#contact .forms .btns .btn {
margin:0 10px;
}

input {
font-size:100%;
padding:18px 18px;
color:#666;
background:#fff;
}

select {
font-size:100%;
color:#666;
background:#fff url(../img/select.svg) no-repeat;
background-size:10px 7px;
background-position:right 15px center;
position:relative;
width:500px;
padding:18px 18px;
}

textarea {
font-size:100%;
padding:18px 18px;
color:#666;
}

#contact .thanks {
text-align:center;
}

#contact .thanks h2 {
font-size:150%;
font-weight:bold;
color:#ff4400;
padding-bottom:30px;
}

#contact .thanks .ex {
padding-bottom:100px;
}

#contact .thanks .back_btn {
}

#contact .thanks .back_btn a {
display:flex;
justify-content:center;
align-items:center;
border:#f0a046 1px solid;
width:150px;
padding:10px;
margin:auto;
border-radius:6px;
}

#contact .thanks .back_btn .item {
font-size:80%;
color:#f0a046;
}

#contact .thanks .back_btn .arrow {
width:10px;
height:10px;
border:#f0a046 1px solid;
border-right:transparent 1px solid;
border-top:transparent 1px solid;
transform:rotate(45deg);
margin-right:10px;
}

#contact .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#ff4400 50vw solid;
border-bottom:#ff4400 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*PRIVACY*/
#privacy {
padding:100px 0 250px;
position:relative;
}

#privacy .cts {
width:1000px;
margin:0 auto; 
}

#privacy h2 {
font-size:200%;
}

#privacy .privacies {
padding-top:30px;
}

#privacy .privacies section {
padding-bottom:50px;
}

#privacy .privacies section h3 {
font-size:100%;
font-weight:bold;
padding:5px 0 5px 0;
border-bottom:#ccc 1px solid;
margin-bottom:15px;
padding-bottom:12px;
}

#privacy .privacies section h3:before {
content:"";
border-left:#f0a046 4px solid;
padding:7px 0;
margin-right:12px;
}

#privacy .privacies section .detail {
display:flex;
font-size:95%;
}

#privacy .privacies section .privacy {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:#e1e1e1 1px solid;
}

#privacy .privacies section .privacy .item {
color:#ff4400;
font-size:95%;
font-weight:600;
padding-bottom:5px;
}

#privacy .privacies section .privacy .sub {
font-size:95%;
font-weight:600;
padding-bottom:5px;
}

#privacy .privacies section .privacy .captions {
background:#f5f5f5;
padding:18px 25px;
margin-top:15px;
}

#privacy .privacies section .privacy .captions .caption_title {
font-size:90%;
font-weight:600;
padding-bottom:5px;
}

#privacy .privacies section .privacy .captions .caption {
font-size:90%;
}

#privacy .privacies section .date {
text-align:right;
font-size:95%;
}

#privacy .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#ff4400 50vw solid;
border-bottom:#ff4400 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*TERMS*/
#terms {
padding:100px 0 250px;
position:relative;
}

#terms .cts {
width:1000px;
margin:0 auto; 
}

#terms h2 {
font-size:200%;
}

#terms .terms {
padding-top:30px;
}

#terms .terms section {
padding-bottom:50px;
}

#terms .terms section h3 {
font-size:100%;
font-weight:bold;
padding:5px 0 5px 0;
border-bottom:#ccc 1px solid;
margin-bottom:15px;
padding-bottom:12px;
}

#terms .terms section h3:before {
content:"";
border-left:#f0a046 4px solid;
padding:7px 0;
margin-right:12px;
}

#terms .terms section .detail {
display:flex;
font-size:95%;
}

#terms .terms section .details {
}

#terms .terms section .details .under_detail {
padding-left:15px;
border-top:#ccc 1px dotted;
border-bottom:#ccc 1px dotted;
padding:15px 0 15px 20px;;
margin:15px 0;
}

#terms .terms .end {
font-size:95%;
text-align:right;
}

#terms .square {
width:100vw;
height:150px;
border-top:transparent 75px solid;
border-right:#ff4400 50vw solid;
border-bottom:#ff4400 75px solid;
border-left:transparent 50vw solid;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:0;
}



/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:50px;
height:50px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
background:#ff4400;
padding:20px 0 30px;
}

footer .cts {
width:1000px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:50px;
}

footer .foot_logo {
width:150px;
}

footer .footer_links {
}

footer .footer_links .page_links {
display:flex;
justify-content:flex-end;
padding-bottom:20px;
}

footer .footer_links .page_links p {
margin-left:20px;
}

footer .footer_links a {
color:#fff;
font-size:75%;
}

footer .footer_links .etc_links {
display:flex;
justify-content:flex-end;
}

footer .footer_links .etc_links p {
line-height:100%;
margin-left:15px;
}

footer .footer_links .etc_links a {
border:#fff 1px solid;
padding:5px 10px;
}

footer .copyright {
color:#fff;
font-size:70%;
text-align:center;
}



}