@charset "utf-8";

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

@media(max-width:999px){

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

.cts {
    width:90%;
}

.titles {
    padding-bottom:20px;
    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:180%;
    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:60%;
    letter-spacing:1px;
    text-align:center;
}

header {
    width:calc(100% - 30px);
    height:90px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

header .logo {
    width:250px;
    margin:0 auto 7px;
}

header .experience {
    display:none;
}

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

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

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



/*SPのみ*/
.navigation {
    width:100%;
    height:60px;
    background:#1b4f63;
    position:sticky;
    top:0;
    left:0;
    z-index:1000;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 15px 0 30px;
}

#sp_grobal {
}

#sp_grobal .navs {
    width:calc(100vw - 120px);
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#sp_grobal .navs nav {
    text-align:center;
}

#sp_grobal .navs nav a {
}

#sp_grobal .navs nav a .icon {
    width:25px;
    margin:0 auto 3px;
}

#sp_grobal .navs nav a p {
    font-size:80%;
    line-height:100%;
    letter-spacing:0;
    color:#fff;
}



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

#mv .cts {
    width:100%;
    position:relative;
}

#mv .copyarea {
    margin-top:25px;
}

#mv .copyarea .logo {
    width:300px;
    margin:0 auto 15px;
}

#mv .copyarea h2 {
    font-size:250%;
    font-weight:500;
    line-height:125%;
    letter-spacing:3px;
    margin-bottom:10px;
    text-align:center;
    position:relative;
    z-index:1;
}

#mv .copyarea .subcopy {
    font-size:100%;
    font-weight:500;
    letter-spacing:2px;
    margin-bottom:15px;
    text-align:center;
    position:relative;
    z-index:1;
}

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

#mv .copyarea .meritarea .merit {
    display:flex;
    justify-content:center;
    margin-bottom:5px;
}

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

#mv .copyarea .meritarea .endcopy {
    font-size:100%;
    text-align:center;
}

#mv .copyarea .contactarea {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:1;
    width:100%;
    height:120px;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

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

#mv .copyarea .contactarea .contactcopy .line {
    width:35px;
    height:1px;
    background:#189fb6;
}

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

#mv .copyarea .contactarea .cta_btn {
    width:90%;
    animation:cta 1s infinite alternate;
    text-align:center;
}

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

#mv .copyarea .contactarea .cta_btn .btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    width:100%;
    height:50px;
    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:110%;
    font-weight:600;
    color:#fff;
}

#mv .photoarea {
    width:90%;
    margin:auto;
    position:relative;
    padding-bottom:120px;
}

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

#mv .photoarea .photo2 {
    width:40vw;
    position:absolute;
    top:80px;
    right:-30px;
}

#mv .photoarea .main {
    width:80vw;
    margin:50px auto 0;
    position:relative;
}

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

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

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

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

#mv .obj_2 {
    width:100px;
    position:absolute;
    top:-30px;
    right:30vw;
    margin:auto;
}

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



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

#worry .cts {
}

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

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

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

#worry .worry {
    margin-bottom:35px;
}

#worry .worry .illust {
    width:100px;
    margin:auto;
}

#worry .worry ul {
    width:100%;
}

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

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

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

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

#worry .recommend {
    background:#fff;
    position:relative;
    border-radius:20px;
    padding:30px 20px 0 20px;
}

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

#worry .recommend .explain {
    width:100%;
    text-align:center;
}

#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:135%;
    font-weight:600;
    line-height:125%;
    letter-spacing:1px;
    margin-bottom:10px;
}

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

#worry .recommend .explain .tx {
    width:90%;
    margin:auto;
    letter-spacing:2px;
    text-align:left;
}

#worry .recommend .director {
    width:135px;
    margin:10px auto 0;
}



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

#risk .details {
    margin-bottom:25px;
}

#risk .details .detail {
    width:100%;
    background:#e7f5f8;
    border-radius:20px;
    padding:30px 30px;
    margin-bottom:20px;
}

#risk .details .detail:last-child {
    margin-bottom:0;
}

#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 30px;
    border-radius:20px;
    position:relative;
}

#risk .about .illust {
    width:40px;
    position:absolute;
    bottom:-30px;
    right:-15px;
}

#risk .about .explain {
    width:100%;
}

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

#risk .about .explain .ex {
}

#risk .about .explain .ex p {
}



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

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

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

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

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

#loss .results .result .item {
    width:100%;
    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:100%;
    background:#e7f5f8;
    padding:15px 20px;
}

#loss .results .result .amount p {
    margin-bottom:10px;
}

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

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

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

#loss .details {
}

#loss .details .graph {
    width:100%;
    margin-bottom:20px;
}

#loss .details .ex {
    width:100%;
}



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

#visit .cts {
    width:90%;
}

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

#visit .gallery .visit_slider {
}



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

#merit .cts {
}

#merit .titles {
}

#merit .merits {
}

#merit .merits .merit {
    margin-bottom:70px;
}

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

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

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

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

#merit .merits .merit .details .maincopy .number {
    text-align:center;
    margin-bottom:3px;
}

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

#merit .merits .merit .details .maincopy h3 {
    font-size:150%;
    font-weight:bold;
    text-align:center;
    position:relative;
    z-index:1;
}

#merit .merits .merit .photos {
    width:90%;
    position:relative;
    margin:0 auto 20px;
}

#merit .merits .merit .photos .deco {
    width:180px;
    height:120px;
    position:absolute;
}

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

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

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

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

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

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

#merit .merits .merit .ex {
}



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

#movie .cts {
}

#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:50px 0 25px;
    background:#fff;
}

#price .cts {
}

h4 {
    font-size:100%;
    font-weight:600;
    border-left:#189fb6 4px solid;
    color:#189fb6;
    padding:3px 0 3px 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:8px 15px;
}

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

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

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

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

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

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

#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:100%;
    font-weight:600;
    background:#e7f5f8;
    padding:8px;
}

#price .price_plan .plans .plan .tx {
    font-size:80%;
    padding:10px;
    text-align:left;
}

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

#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:7px 8px;
}

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

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

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

#price .price_pay {
}

#price .price_pay table tr th {
    width:30%;
}

#price .price_pay table tr td {
    width:70%;
    font-size:90%;
}



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

#flow .cts {
}

#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:20px;
    padding:15px 10px 15px 0;
    border:#dde5e8 1px solid;
    position:relative;
}

#flow .flows .flow:after {
    content:"";
    width:20px;
    height:20px;
    background:#1b4f63;
    position:absolute;
    left:0;
    right:0;
    bottom:-21px;
    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:250%;
    font-weight:600;
    line-height:100%;
    color:#189fb6;
    text-align:center;
}

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

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

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



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

#faq .cts {
}

#faq .faqs {
}

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

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

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

#faq .faqs .faq .question .item {
    width:45px;
    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:45px;
    width:calc(100% - 45px);
    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:12px 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;
}

.underpage {
    background:#fff;
}

.underpage .cts {
}

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

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

.underpage .pagetitles .bread a {
}

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

.underpage .pagetitles h2 {
    font-size:180%;
    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-bottom:100px;
}

.underpage .rightnavi {
    display:none;
}

.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:100%;
}

.underpage .main .midashi01 {
    font-size:180%;
    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;
}

.CF7_table th{
	padding: 15px 10px;
	text-align: left;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.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;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:100%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	padding: 15px 0;
	line-height:1em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
	.CF7_table td{
	width: 100%;
	padding: 15px 0;
	}
	.wpcf7-form-control{
	width: 100%;
	padding: 15px 10px;
	}
}

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

/* 約款 */
.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;
} 
	
	
/*SAMPLE*/
.sample {
    padding-bottom:100px;
}



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

#cta .cts {
}

#cta .details {
}

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

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

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

#cta .details .cta_btn {
    width:90%;
    margin:auto;
    animation:cta 1s infinite alternate;
}

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

#cta .details .cta_btn .btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#b4321e;
    width:100%;
    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;
}



/*GROBAL*/
#grobal {
    position:sticky;
}

#grobal .nav_btn {
width:40px;
height:26px;
position:sticky;
top:20px;
right:20px;
display:flex;
justify-content:center;
align-items:center;
z-index:998;
cursor:pointer;
}

#grobal .nav_btn span {
width:100%;
height:3px;
background:#fff;
position:absolute;
}

#grobal .nav_btn span:first-child {
top:0;
transition:0.5s;
}

#grobal .nav_btn span.show:first-child {
top:12px;
transform:rotate(45deg);
}

#grobal .nav_btn span:nth-child(2) {
transition:0.5s;
}

#grobal .nav_btn span.show:nth-child(2) {
opacity:0;
}

#grobal .nav_btn span:last-child {
bottom:0;
transition:0.5s;
}

#grobal .nav_btn span.show:last-child {
bottom:12px;
transform:rotate(-45deg);
}

#grobal .nav_close {
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
display:none;
cursor:pointer;
z-index:999;
}

#grobal .grobal_nav {
width:80vw;
height:100%;
padding:10% 10%;
position:fixed;
top:0;
left:0;
background:rgba(27,79,99,0.95);
transform:translate(-100%,0);
transition:0.5s;
z-index:1000;
overflow-y:auto;
}

#grobal .grobal_nav.show {
transform:translate(0,0);
}

#grobal .grobal_nav nav {
    width:100%;
    padding:15px 0;
    border-bottom:rgba(255,255,255,0.3) 1px dotted;
}

#grobal .grobal_nav nav:nth-child(2) {
    border-top:rgba(255,255,255,0.3) 1px dotted;
    margin-top:20px;
}

#grobal .grobal_nav nav a {
}

#grobal .grobal_nav nav a p {
    color:#fff;
}

#grobal .grobal_nav .open_nav {
}

#grobal .grobal_nav .open_nav .navi {
}

#grobal .grobal_nav .open_nav .navies {
    padding-left:20px;
}

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

#grobal .grobal_nav .open_nav .navies .drops {
}

#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;
    padding:0 10px;
}

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

#grobal .grobal_nav .open_nav .navies .drops .drop a p {
}

#grobal .grobal_nav .experience {
    width:100%;
}

#grobal .grobal_nav .experience a {
    width:100%;
    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-size:90%;
    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:0 0 20px;
    background:#1b4f63;
}

footer .cts {
    width:100%;
    margin-bottom:50px;
}

footer .navs {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:25px;
}

footer .navs nav {
    width:50%;
    border-bottom:rgba(255,255,255,0.1) 1px solid;
}

footer .navs nav:nth-child(odd) {
    border-right:rgba(255,255,255,0.1) 1px solid;
}

footer .navs nav a {
    text-align:center;
    padding:10px;
    display:block;
}

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

footer .data {
}

footer .data .logo {
    width:220px;
    margin:0 auto 15px;
}

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

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

footer .data .tel {
    width:230px;
    margin:0 auto 10px;
}

footer .data .mail {
    width:230px;
    margin:auto;
}

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





}