@charset "utf-8";

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

@media(min-width:1000px){

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

.cts {
    width:1000px;
}

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

.titles .point {
    width:10px;
    height:10px;
    background:#189fb6;
    border-radius:100vw;
    animation:point 2s infinite forwards;
    margin:0 auto 10px;
}

.titles h2 {
    font-size:250%;
    font-weight:bold;
    line-height:100%;
}

.titles h2 p {
    font-weight:600;
    display:inline-block;
    position:relative;
}

.titles h2 p:after {
    content:"";
    width:100%;
    height:1px;
    background:#1b4f63;
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
}

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

.titles .kana {
    font-size:100%;
}



/*HEADER*/
h1 {
    width:100%;
    background:#189fb6;
    color:#fff;
    padding:8px 10px;
    font-size:70%;
}

header {
    width:100%;
    height:80px;
    margin:auto;
    display:flex;
    padding:0 20px;
    justify-content:space-between;
    align-items:center;
}

header .logo {
    width:220px;
}

header .experience {

}

header .experience a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    padding:7px 20px 8px 25px;
    border-radius:30vw;
}

header .experience a img {
    width:30px;
    margin-right:10px;
}

header .experience a p {
    font-weight:600;
    line-height:100%;
    color:#fff;
}



/*SPのみ*/
.navigation {
    width:100%;
    height:50px;
    position:sticky;
    top:0;
    left:0;
    z-index:1000;
}

#sp_grobal {
    display:none;
}



/*MV*/
#mv {
    width:100%;
    height:550px;
    overflow:hidden;
    position:relative;
}

#mv .cts {
    height:550px;
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#mv .copyarea {
    position:relative;
    margin-bottom:15px;
}

#mv .copyarea .logo {
    width:400px;
    margin-bottom:30px;
}

#mv .copyarea h2 {
    font-size:380%;
    font-weight:500;
    line-height:125%;
    letter-spacing:5px;
    margin-bottom:10px;
}

#mv .copyarea .subcopy {
    font-size:135%;
    font-weight:500;
    letter-spacing:3px;
    margin-bottom:30px;
}

#mv .copyarea .meritarea {
    margin-bottom:20px;
    position:relative;
    z-index:1;
}

#mv .copyarea .meritarea .merit {
    display:flex;
    margin-bottom:7px;
}

#mv .copyarea .meritarea .merit p {
    font-size:135%;
    font-weight:500;
    line-height:100%;
    margin-right:10px;
    border:#b4321e 1px solid;
    color:#b4321e;
    padding:6px 6px 5px;
}

#mv .copyarea .meritarea .endcopy {
    font-size:135%;
}

#mv .copyarea .contactarea {
    position:relative;
    z-index:1;
}

#mv .copyarea .contactarea .contactcopy {
    width:420px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:10px;
}

#mv .copyarea .contactarea .contactcopy .line {
    width:50px;
    height:1px;
    background:#1b4f63;
}

#mv .copyarea .contactarea .contactcopy p {
    font-weight:500;
    padding:0 10px;
}

#mv .copyarea .contactarea .cta_btn {
    animation:cta 1s infinite alternate;
}

#mv .copyarea .contactarea .cta_btn .btn {
    display:inline-block;
}

#mv .copyarea .contactarea .cta_btn .btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    width:420px;
    height:65px;
    border-radius:30vw;
}

#mv .copyarea .contactarea .cta_btn .btn a img {
    width:30px;
    margin-right:12px;
}

#mv .copyarea .contactarea .cta_btn .btn a p {
    font-size:120%;
    font-weight:600;
    color:#fff;
}

#mv .photoarea {
    position:absolute;
    bottom:0;
    right:0;
}

#mv .photoarea .photo1 {
    width:350px;
    position:absolute;
    top:-80px;
    left:-50px;
}

#mv .photoarea .photo2 {
    width:250px;
    position:absolute;
    top:60px;
    right:-50px;
}

#mv .photoarea .main {
    width:460px;
    position:relative;
}

#mv .experience {
    position:absolute;
    bottom:20px;
    right:20px;
    width:135px;
    height:135px;
    background:#b4321e;
    border-radius:75px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center;
}

#mv .experience .icon {
    width:45px;
    margin-bottom:7px;
}

#mv .experience p {
    font-size:110%;
    font-weight:600;
    line-height:135%;
    color:#fff;
}

#mv .obj_1 {
    width:300px;
    position:absolute;
    left:-200px;
    bottom:30px;
}

#mv .obj_2 {
    width:100px;
    position:absolute;
    top:-50px;
    right:100px;
}

#mv .obj_3 {
    width:150px;
    position:absolute;
    right:20px;
    bottom:100px;
}



/*WORRY*/
#worry {
    padding:70px 0;
    background:#1b4f63;
}

#worry .cts {
    width:880px;
}

#worry .worrytitle {
    text-align:center;
    margin-bottom:30px;
}

#worry .worrytitle h2 {
    font-size:250%;
    font-weight:600;
    color:#fff;
}

#worry .worrytitle h2 .underline {
    border-bottom:#e6c864 4px solid;
}

#worry .worry {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:70px;
}

#worry .worry .illust {
    width:150px;
}

#worry .worry ul {
    width:700px;
}

#worry .worry ul li {
    display:flex;
    align-items:center;
    border:#fff 1px dashed;
    margin-bottom:15px;
    padding:5px 15px 10px 15px;
}

#worry .worry ul li:last-child {
    margin-bottom:0;
}

#worry .worry ul li img {
    width:28px;
    margin-right:10px;
}

#worry .worry ul li p {
    font-size:110%;
    font-weight:500;
    letter-spacing:1px;
    color:#fff;
    padding-top:5px;
}

#worry .recommend {
    background:#fff;
    position:relative;
    border-radius:20px;
    padding:30px 50px 0 50px;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
}

#worry .recommend:before {
    content:"";
    width:30px;
    height:30px;
    border-top:none;
    border-right:transparent 30px solid;
    border-bottom:#fff 30px solid;
    border-left:transparent 30px solid;
    position:absolute;
    top:-30px;
    left:0;
    right:0;
    margin:auto;
}

#worry .recommend .explain {
    width:calc(100% - 210px);
    padding-top:15px;
}

#worry .recommend .explain .case {
}

#worry .recommend .explain .case p {
    font-weight:500;
    line-height:100%;
    letter-spacing:2px;
    padding:7px 7px;
    background:#e7f5f8;
    display:inline-block;
    margin-bottom:10px;
}

#worry .recommend .explain .copy {
    font-size:180%;
    font-weight:600;
    line-height:135%;
    letter-spacing:2px;
    margin-bottom:10px;
}

#worry .recommend .explain .fs {
    font-size:50%;
}

#worry .recommend .explain .tx {
    letter-spacing:2px;
}

#worry .recommend .director {
    width:160px;
}



/*RISK*/
#risk {
    padding:70px 0;
    background:#fff;
}

#risk .details {
    display:flex;
    justify-content:space-between;
    margin-bottom:35px;
}

#risk .details .detail {
    width:485px;
    background:#e7f5f8;
    border-radius:20px;
    padding:35px 50px;
}

#risk .details .detail h3 {
    font-size:150%;
    font-weight:600;
    text-align:center;
    margin-bottom:15px;
}

#risk .details .detail .photo {
    margin-bottom:20px;
}

#risk .details .detail .ex {
}

#risk .details .detail .ex p {
    letter-spacing:2px;
}

#risk .about {
    border:#189fb6 1px dotted;
    padding:25px 45px;
    border-radius:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#risk .about .illust {
    width:55px;
}

#risk .about .explain {
    width:calc(100% - 100px);
}

#risk .about .explain .item {
    font-size:150%;
    font-weight:700;
    margin-bottom:7px;
    color:#189fb6;
}

#risk .about .explain .ex {
}

#risk .about .explain .ex p {
}



/*LOSS*/
#loss {
    padding:70px 0;
    background:#fff;
}

#loss .copy {
    margin-bottom:30px;
}

#loss .results {
    margin-bottom:50px;
}

#loss .results .result {
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
}

#loss .results .result:last-child {
    margin-bottom:0;
}

#loss .results .result .item {
    width:25%;
    background:#189fb6;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:10px;
}

#loss .results .result .item p {
    color:#fff;
}

#loss .results .result .amount {
    width:75%;
    background:#e7f5f8;
    padding:15px 25px;
}

#loss .results .result .amount p {
}

#loss .results .result .amount .price {
    font-size:150%;
    color:#b4321e;
}

#loss .results .result .amount .yen {
    font-size:120%;
    color:#b4321e;
}

#loss .details {
    display:flex;
    justify-content:space-between;
}

#loss .details .graph {
    width:450px;
}

#loss .details .ex {
    width:500px;
}



/*VISIT*/
#visit {
    padding:70px 0;
    background:#e7f5f8;
}

#visit .cts {
    width:800px;
}

#visit .gallery {
    margin-bottom:50px;
}

#visit .gallery .visit_slider {
}



/*MERIT*/
#merit {
    padding:70px 0;
}

#merit .cts {
    width:1000px;
}

#merit .titles {
    padding-bottom:50px;
}

#merit .merits {
}

#merit .merits .merit {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:100px;
}

#merit .merits .merit:nth-child(odd) {
    flex-direction:row-reverse;
}

#merit .merits .merit:last-child {
    margin-bottom:0;
}

#merit .merits .merit .details {
    width:48%;
}

#merit .merits .merit .details .maincopy {
    margin-bottom:15px;
}

#merit .merits .merit .details .maincopy .number {
    display:inline-block;
}

#merit .merits .merit .details .maincopy .number p {
    font-size:135%;
    font-weight:600;
    line-height:100%;
    color:#fff;
    background:#189fb6;
    padding:6px 7px;
}

#merit .merits .merit .details .maincopy h3 {
    font-size:220%;
    font-weight:bold;
}

#merit .merits .merit .photos {
    width:48%;
    position:relative;
}

#merit .merits .merit .photos .deco {
    width:300px;
    height:200px;
    position:absolute;
}

#merit .merits .merit:nth-child(1) .photos .deco {
    top:-30px;
    left:-30px;
}

#merit .merits .merit:nth-child(2) .photos .deco {
    bottom:-30px;
    left:-30px;
}

#merit .merits .merit:nth-child(3) .photos .deco {
    bottom:-30px;
    right:0;
}

#merit .merits .merit:nth-child(4) .photos .deco {
    top:-30px;
    right:-30px;
}

#merit .merits .merit:nth-child(5) .photos .deco {
    top:-30px;
    left:-30px;
}

#merit .merits .merit .photos .photo {
    width:100%;
    position:relative;
}

#merit .merits .merit .ex {
}



/*MOVIE*/
#movie {
    padding:70px 0;
    background:#1b4f63;
}

#movie .cts {
    width:900px;
}

#movie .titles .point {
    background:#fff;
}

#movie .titles h2 {
}

#movie .titles h2 p {
    color:#fff;
}

#movie .titles h2 p:after {
    background:#fff;
}

#movie .titles h2 p .fs {
    font-size:50%;
    line-height:100%;
}

#movie .movie .youtube {
    margin:auto;
    padding-top: 56.25%;
    position:relative;
    background:#000;
}
    
#movie .movie .youtube iframe {
    position: absolute;
    top:0;
    right:0;
    width:100% !important;
    height:100% !important;
}



/*PRICE*/
#price {
    padding:70px 0;
    background:#fff;
}

#price .cts {
    width:900px;
}

#price h4 {
    font-size:110%;
    font-weight:600;
    border-left:#189fb6 4px solid;
    color:#189fb6;
    padding:5px 0 5px 10px;
    margin-bottom:10px;
}

#price table {
    width:100%;
    border-collapse:collapse;
}

#price table tr {
}

#price table tr th {
    width:40%;
    border:#1b4f63 1px solid;
    background:#e7f5f8;
    padding:10px 20px;
}

#price table tr td {
    width:60%;
    border:#1b4f63 1px solid;
    padding:10px 20px;
}

#price .price_cost {
    margin-bottom:50px;
}

#price .price_cost table {
    margin-bottom:15px;
}

#price .price_cost table tr th .caution {
    font-size:70%;
    margin-left:10px;
}

#price .price_cost .attention p span:first-child {
    margin-right:10px;
}

#price .price_plan {
    margin-bottom:50px;
}

#price .price_plan .plans {
    display:flex;
    justify-content:space-between;
}

#price .price_plan .plans .plan {
    width:32%;
    border:#1b4f63 1px solid;
    text-align:center;
}

#price .price_plan .plans .plan .item {
    font-size:110%;
    font-weight:600;
    background:#e7f5f8;
    padding:10px;
}

#price .price_plan .plans .plan .tx {
    font-size:90%;
    padding:10px;
}

#price .price_time {
    margin-bottom:50px;
}

#price .price_time .times {
    display:flex;
    justify-content:space-between;
}

#price .price_time .times .time {
    width:32%;
    border:#1b4f63 1px solid;
    text-align:center;
}

#price .price_time .times .time .item {
    font-size:110%;
    font-weight:600;
    background:#e7f5f8;
    padding:10px;
}

#price .price_time .times .time .tx {
    padding:10px;
    font-weight:600;
}

#price .price_time .times .time .tx .price {
    font-size:150%;
}

#price .price_time .times .time .tx .tax {
    font-size:70%;
    font-weight:400;
}

#price .price_pay {
}



/*FLOW*/
#flow {
    padding:70px 0;
    background:#189fb6;
}

#flow .cts {
    width:900px;
}

#flow .titles .point {
    background:#fff;
}

#flow .titles h2 p {
    color:#fff;
}

#flow .titles h2 p:after {
    background:#fff;
}

#flow .flows {
}

#flow .flows .flow {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    margin-bottom:30px;
    padding:20px 30px 20px 0;
    border:#dde5e8 1px solid;
    min-height:150px;
    position:relative;
}

#flow .flows .flow:after {
    content:"";
    width:30px;
    height:30px;
    background:#1b4f63;
    position:absolute;
    left:0;
    right:0;
    bottom:-31px;
    margin:auto;
}

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

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

#flow .flows .flow .number {
    width:15%;
    font-size:300%;
    font-weight:600;
    line-height:100%;
    color:#189fb6;
    text-align:center;
}

#flow .flows .flow .detail {
    width:85%;
    border-left:#dde5e8 1px solid;
    padding:10px 0 10px 30px;
}

#flow .flows .flow .detail .item {
    font-size:120%;
    font-weight:bold;
    color:#189fb6;
    margin-bottom:5px;
}

#flow .flows .flow .detail .tx {
}



/*FAQ*/
#faq {
    padding:70px 0;
    background:#e7f5f8;
}

#faq .cts {
    width:900px;
}

#faq .faqs {
}

#faq .faqs .faq {
    margin-bottom:15px;
}

#faq .faqs .faq:last-child {
    margin-bottom:0;
}

#faq .faqs .faq .question {
    min-height:50px;
    background:#189fb6;
    border:#189fb6 1px solid;
    display:flex;
    align-items:center;
    position:relative;
    cursor:pointer;
}

#faq .faqs .faq .question .item {
    width:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    font-size:110%;
    font-weight:500;
}

#faq .faqs .faq .question h3 {
    min-height:50px;
    width:calc(100% - 50px);
    background:#fff;
    display:flex;
    align-items:center;
    padding:0 20px;
    font-weight:600;
    line-height:150%;
    color:#189fb6;
}

#faq .faqs .faq .question .arrow {
    width:10px;
    height:10px;
    border-top:#189fb6 1px solid;
    border-right:#189fb6 1px solid;
    transform:rotate(45deg);
    position:absolute;
    right:20px;
}

#faq .faqs .faq .question .arrow.open {
    transform:rotate(135deg);
    margin-bottom:5px;
}

#faq .faqs .faq .answer_cts {
    display:none;
    margin:15px 0 30px;
}

#faq .faqs .faq .answer_cts .answer {
    display:flex;
    justify-content:space-between;
}

#faq .faqs .faq .answer_cts .answer .item {
    width:50px;
    height:50px;
    border:#189fb6 1px solid;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:110%;
    font-weight:500;
    color:#189fb6;
    background:#fff;
}

#faq .faqs .faq .answer_cts .answer .detail {
    width:calc(100% - 70px);
}

#faq .faqs .faq .answer_cts .answer .detail .tx {
}



/*UNDER*/
header.under {
    background:#fff;
}

.navigation.under {
    background:#fff;
}

.underpage {
    background:#fff;
}

.underpage .cts {
}

.underpage .pagetitles {
    padding:0 0 35px;
}

.underpage .pagetitles .bread {
    text-align:left;
    padding-bottom:25px;
}

.underpage .pagetitles .bread a {
}

.underpage .pagetitles .bread p {
    font-size:75%;
}

.underpage .pagetitles h2 {
    font-size:200%;
    font-weight:bold;
    line-height:135%;
    margin-bottom:3px;
}

.underpage .pagetitles h2:first-letter {
    color:#189fb6;
}

.underpage .pagetitles .date {
    font-size:90%;
    color:#aaa;
}

.underpage .contents {
    display:flex;
    justify-content:space-between;
    padding:35px 0 100px;
}

.underpage .rightnavi {
    width:220px;
}

.underpage .rightnavi .item {
    border-left:#189fb6 4px solid;
    padding:3px 0 3px 10px;
    font-weight:500;
    color:#189fb6;
    margin-bottom:10px;
}

.underpage .rightnavi ul {
    border:#189fb6 1px solid;
}

.underpage .rightnavi ul li {
    border-bottom:#189fb6 1px dashed;
}

.underpage .rightnavi ul li:last-child {
    border-bottom:none;
}

.underpage .rightnavi ul li a {
    display:flex;
    align-items:center;
    position:relative;
    padding:10px 25px 10px 12px;
}

.underpage .rightnavi ul li a p {
    font-size:90%;
    font-weight:500;
}

.underpage .rightnavi ul li a .arrow {
    width:8px;
    height:8px;
    border-top:#189fb6 1px solid;
    border-right:#189fb6 1px solid;
    transform:rotate(45deg);
    position:absolute;
    right:15px;
}

.underpage .main {
    width:calc(100% - 260px);
}

.underpage .main .midashi01 {
    font-size:200%;
    font-weight:bold;
    margin-bottom:10px;
}

.underpage .main .midashi01:first-letter {
    color:#189fb6;
}

.underpage .main .midashi02 {
    font-size:110%;
    font-weight:600;
    border-left:#189fb6 4px solid;
    color:#189fb6;
    padding:5px 0 5px 10px;
    margin-bottom:10px;
}

.underpage .main .midashi03 {
    border-top:#1b4f63 1px solid;
    border-bottom:#1b4f63 1px solid;
    margin-bottom:10px;
    padding:10px 0 12px;
    font-weight:600;
}

.underpage .main .sub {
    font-weight:500;
    background:#189fb6;
    color:#fff;
    padding:12px 15px;
}



/*FORM*/


/*ContactForm7カスタマイズ*/
.CF7_table{
	width:100%;
	margin:0 auto;
	border-spacing: 0 5px;
}
	
.CF7_table th{
	padding: 15px 10px;
	text-align: left;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}
	
.wpcf7-form-control{
	width: 100%;
	padding: 15px 10px;
	}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.7em;
	padding: 3px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.7em;
	padding: 3px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* レスポンシブ */

	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}


/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding: 10px;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/*SAMPLE*/
.sample {
    padding-bottom:100px;
}

/* 約款 */
.kiyaku_main {
}

.kiyaku_main .k-midashi{
	margin-bottom:10px;
	font-weight: bold;
}

.kiyaku_main ol {
	margin:0 0 25px;
	padding:0 0 0 15px;
} 

.kiyaku_main ul {
	margin:0 0 30px;
	padding:0 1.2em;
}

.kiyaku_main ul li {
	list-style-type:none;
	margin:0;
}
.kiyaku_main li {
  list-style-type: inherit;
}

.kiyaku_main ol ol {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
} 
.kiyaku_main ol li {
	margin-left:10px;
} 

/*CTA*/
#cta {
    padding:35px 0 40px;
    background:url(../img/cta_bg.jpg) center;
    background-size:cover;
}

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

#cta .details {
    margin-left:30px;
}

#cta .details .maincopy {
    font-size:180%;
    font-weight:600;
    color:#189fb6;
    margin-bottom:5px;
}

#cta .details .copy {
    font-size:90%;
    font-weight:500;
    margin-bottom:15px;
}

#cta .details .tel {
    width:350px;
    margin:0 auto 20px;
}

#cta .details .cta_btn {
    animation:cta 1s infinite alternate;
}

#cta .details .cta_btn .btn {
    display:inline-block;
}

#cta .details .cta_btn .btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    width:400px;
    height:60px;
    border-radius:30vw;
}

#cta .details .cta_btn .btn a img {
    width:30px;
    margin-right:12px;
}

#cta .details .cta_btn .btn a p {
    font-size:110%;
    font-weight:600;
    color:#fff;
}



/*HEAD BG*/
.head_bg {
    position:fixed;
    width:100vw;
    height:50px;
    background:rgba(255,255,255,0.95);
    left:0;
    top:0;
    z-index:999;
    display:none;
}



/*GROBAL*/
#grobal {
}

#grobal .nav_btn {
display:none;
}

#grobal .nav_close {
display:none;
}

#grobal .grobal_nav {
display:flex;
justify-content:center;
align-items:center;
}

#grobal .grobal_nav .experience {
    display:none;
}

#grobal .grobal_nav nav {
    margin:0 15px;
}

#grobal .grobal_nav nav a {
    height:50px;
    display:flex;
    align-items:center;
}

#grobal .grobal_nav nav a p {
    font-size:100%;
    font-weight:600;
}

#grobal .grobal_nav .open_nav {
    position:relative;
}

#grobal .grobal_nav .open_nav .navi {
}

#grobal .grobal_nav .open_nav .navies {
    display:none;
    position:absolute;
    top:50px;
    left:-150px;
    transition:0.5s;
    border:#189fb6 1px solid;
    background:#fff;
    padding:15px 20px;
}

#grobal .grobal_nav .open_nav .navies.show {
    display:block;
}

#grobal .grobal_nav .open_nav .navies .drops {
    width:360px;
    display:flex;
    flex-wrap:wrap;
}

#grobal .grobal_nav .open_nav .navies .drops .drop {
    width:180px;
    border-bottom:none;
}

#grobal .grobal_nav .open_nav .navies .drops .drop:last-child {
}

#grobal .grobal_nav .open_nav .navies .drops .drop a {
    display:flex;
    align-items:center;
    height:30px;
}

#grobal .grobal_nav .open_nav .navies .drops .drop a .arrow {
    width:6px;
    height:6px;
    border-top:#189fb6 1px solid;
    border-right:#189fb6 1px solid;
    transform:rotate(45deg);
    margin-right:8px;
}

#grobal .grobal_nav .open_nav .navies .drops .drop a p {
    font-size:85%;
}

#grobal .grobal_nav .experience {
}

#grobal .grobal_nav .experience a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    padding:7px 20px 8px 25px;
    border-radius:30vw;
}

#grobal .grobal_nav .experience a img {
    width:30px;
    margin-right:10px;
}

#grobal .grobal_nav .experience a p {
    font-weight:600;
    line-height:100%;
    color:#fff;
}



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



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

footer .cts {
    width:1000px;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
    margin-bottom:50px;
}

footer .navs {
    display:flex;
    margin-top:10px;
}

footer .navs nav {
    margin-left:20px;
}

footer .navs nav a {
}

footer .navs nav a p {
    font-size:80%;
    color:#fff;
}

footer .data {
}

footer .data .logo {
    width:250px;
    margin-bottom:15px;
}

footer .data .address {
    font-size:75%;
    color:#fff;
}

footer .data .shop {
    font-size:75%;
    color:#fff;
    margin-bottom:15px;
}

footer .data .tel {
    width:210px;
    margin-bottom:5px;
}

footer .data .mail {
    width:210px;
}

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



/*SWIPER*/
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
z-index: 10;
cursor: pointer;
background-size: 50px 50px;
background-position: center;
background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}

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

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





}