@charset "utf-8";

#quick-social_cont { position: relative; z-index: 1000; display: none;}
.quick-social-link { margin-top: 65px; margin-right: 12px; right: 0; display: none; position: absolute;}
.quick-social-link a { font-size: 2em; background: #fff; width: 46px; height: 46px; border-radius: 23px; text-align: center; margin-top: 12px; display: block; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);}

#mobile-menu-button { cursor: pointer; display: block; width: 50px; height: 50px; border-radius: 25px; background-color: #24629f; position: absolute; right: 16px; top: 13px; opacity: 0.7;}
#mobile-menu-button a { position: relative; width: 100%; height: 50px; display: block;}
#mobile-menu-button a:before { content: ""; position: absolute; left: 23px; top: 12px; width: 6px; height: 0.35em; background: #fff; box-shadow: 0 0.6em 0 0 #fff, 0 1.2em 0 0 #fff;}
#mobile-menu-button.active a:before { background: #fff; box-shadow: 0 0.6em 0 0 #fff 0 1.2em 0 0 #fff;}

.header { width: 100%; z-index: 5; top: 0; background-color: #FFF; }
.logo { display: block; width: 20%; position: relative; height: auto; float: left; text-indent: -9999px;}
.logo:before { display: block; position: absolute; content: ''; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(../images/logo.svg); background-size: contain; z-index: 998;}

.nav { width: 100%; padding: 0 0 0 20%;}
.nav>ul { max-width: 1260px; width: 100%; background-color: #FFF; padding: 0 30px; float: right; margin-right: 10px; position: relative; z-index: 999;}
.nav ul li { display: block; float: left; width: 14.1%; position: relative; padding: 0;}
.nav ul li a { width: 100%; color: #525252; font-size: 18px; background-image: url(../images/ch_img033.png); background-position: left; background-repeat: no-repeat; text-align: center; padding: 30px 0 30px 60px; display: block; font-weight: bold; transition: 0.5s; position: relative;}

/*
.nav ul li a:before { content: ""; position: absolute; background-color: #76A72E; width: 0; height: 6px; left: 0; bottom: -3px; transition: 0.5s;} 
*/

.nav ul li ul { position: absolute; z-index: 100; width: 100%; left:0;}
.nav ul li li { width: 100%; display: none;}
.nav ul li li a { background-image: none; background-color: rgba(255, 255, 255, .9); padding: 10px 0; height: auto; font-size: 14px; text-align: center;}

/* 0627 */
/*
.nav ul li:hover a,
.nav ul li.active a { color: #76A52C; background-image: url(../images/ch_img032.png);} .nav ul li:hover a:before,
.nav ul li.active a:before { width: 100%;} 
.nav ul li:hover li a,
.nav ul li.active li a { background-image: none; background-color: rgba(255, 255, 255, .9); color: #525252; padding: 10px; transition: 0.5s;}
.nav ul li li a:hover { background-color: #76A72E; color: #FFF;} 
*/

.nav ul li ul li a:before { display: none;}
.nav ul li.outer_link { display: none;}

.sss_f_box { padding:100px 15px 15px; background:url(../images/sss_f_bg01.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.sss_f_box ul { max-width:1400px; margin:auto; display:table;}
.sss_f_box ul li { display:table-cell; vertical-align:top; text-align:center; padding:20px;}

.f_c_1 { width:28%;}
.f_c_1 blockquote { display:block; font-style:normal; text-align:left; margin-bottom:25px;}
.f_c_1 cite { display:block; font-style:normal; text-align:left; margin-bottom:25px;}
.f_c_1 a { font-size:20px; color:#fff; display:block;}
.f_c_1 h5 {}
.f_c_1 h5 a { padding:8px 15px; text-align:left; position:relative; cursor:pointer; border:2px #eee solid;}
.f_c_1 h5 a:before { content:''; display:block; position:absolute; right:0; top:0; width:0%; height:100%; transition:all .5s;}
.f_c_1 h5 a:after { content:''; display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(../images/sss_f_bg02.png) no-repeat right bottom; width:100px; height:13px; transition:all .5s; }
.f_c_1 h5 a:hover { border-color:#f9a214; background:#fff; color:#000;}
.f_c_1 h5 a:hover:before { width:44px; transition:all .5s; background:#f9a214;}
.f_c_1 h5 a:hover:after { width:34px; transition:all .5s; right:10px;}
.f_c_1 h6 { padding:20px 0 0 0;}
.f_c_1 h6 img { max-width:100%;}

.f_order_m { padding:10px 0;}
.f_order_m * { transition:all .5s;}
.f_order_m:after { content:''; clear:both; display:block;}
.f_order_m a { display:block; width:48%; padding:3px 7px; text-align:center; position:relative; cursor:pointer; border:2px #eee solid; background:#fff; font-size:17px; color:#1977a9;}
.f_order_m a:before { content:''; display:block; position:absolute; right:0; top:0; width:0%; height:100%; transition:all .5s;}
.f_order_m a:after { content:''; display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(../images/sss_f_bg02.png) no-repeat right bottom; width:25px; height:13px; transition:all .5s; }
.f_order_m a:hover { border-color:#f9a214; background:#fff; color:#000; padding:3px 35px 3px 3px;}
.f_order_m a:hover:before { width:25px; transition:all .5s; background:#f9a214;}
.f_order_m a:hover:after { transition:all .5s; right:5px;}

.SearchForOrder { float:left;}
.MoneyNotify { float:right;}

.f_c_2 {}
.f_c_2 blockquote { display:block; font-style:normal; text-align:left; margin-bottom:30px;}
.f_c_2 h4 { font-size:20px; color:#fff; margin-bottom:10px;}
.f_c_2 h4:after { content:''; background:url(../images/sss_f_bg03.png) no-repeat; width:27px; height:17px; display:inline-block; margin-left:7px;}
.f_c_2 h5 { font-size:20px; color:#fff; margin-bottom:10px;}
.f_c_2 h5:after { content:''; background:url(../images/sss_f_bg04.png) no-repeat; width:12px; height:17px; display:inline-block; margin-left:7px;}
.f_c_2 h6 { font-size:17px; color:#fff; font-weight:500;}
.f_c_2 h6:after { content:''; background:url(../images/sss_f_bg05.png) no-repeat; width:23px; height:21px; display:inline-block; margin-left:7px;}
.f_c_2 p { font-size:17px; color:#fff; margin-bottom:10px;}

.f_c_3 { width:320px;}
.f_c_3 blockquote { display:block; font-style:normal;}
.f_c_3 cite { display:block; font-style:normal;}

.f_key { text-align:center; padding:80px 0 0;}
.f_key a { display:inline-block; font-size:12px; color:#27779a;}

.footer {}
.footer_center { max-width: 1300px; margin: 0 auto; padding: 70px 0 40px 0;}
.footer_itembox { background-color: #111111; margin-bottom: 70px;}
.footer_itembox a { width: 32.333%; display: inline-block; border: 2px solid #555555; border-radius: 15px; float: left; margin: 0 0.5%; text-align: center; padding: 10px; transition: 0.5s;}
.footer_itembox a:hover { transform: scale(1.02);}
.footer_itembox a img { display: inline-block; vertical-align: middle; margin-right: 30px;}
.footer_itembox a b { display: inline-block; vertical-align: middle; color: #DDDDDD; font-size: 24px; font-weight: normal; text-align: left;}
.footer_itembox a b em { display: block; color: #FFF; font-size: 30px; font-style: normal; font-weight: bold;}

.footersivide { margin-bottom: 25px;}

.footer_logo { width: 80px; display: inline-block; vertical-align: middle; margin-right: 40px;}
.footer_logo img { width: 100%;}

.footer_text { width: 640px; display: inline-block; vertical-align: middle; color: #FFF;}
.footer_text h4 { display: block; font-size: 24px; margin-bottom: 10px;}
.footer_text p { width: 47%; margin-right: 2%; display: inline-block; vertical-align: top;}
.footer_text p span { display: block; font-size: 15px; line-height: 160%;}

.footer_map { width: 520px; height: 180px; display: inline-block; vertical-align: middle;}
.footer_map iframe { width: 100%; height: 100%;}


.footer_link { padding: 10px; font-size: 13px; letter-spacing: 1px; background: #090909; color: #ededed; text-align: center;}
.footer_link a { color: #FFF; display: inline-block; vertical-align: top; font-size: 14px; margin: 5px 15px;}

.total_view { position: absolute; right: 5px; top: 2px;}

.to_top { width: 35px; height: 35px; text-align: center; text-decoration: none; position: fixed; bottom: 60px; right: 32px; display: none; z-index: 30; color: #fff; background-color: rgba(0, 0, 0, .3);}

#keywords { width: 100%; display: block; height: 2px; overflow: hidden; color: #072457; text-indent: 100%; white-space: nowrap; -webkit-text-size-adjust: none;}


svg.svg { display: block;}

.footer_top_bg { width: 100%; background-position: center bottom;  background-repeat: repeat-x; /*background-repeat-x: repeat; background-repeat-y: no-repeat;*/}
.instagram_fab_btn { display: inline-block; margin: 9px;}
.phone_fab_btn { display: inline-block; margin: 9px 8px;}

.quick-social-link a:nth-child(1),
.quick-social-link a:nth-child(2),
.quick-social-link a:nth-child(3),
.quick-social-link a:nth-child(4),
.quick-social-link a:nth-child(5) { animation-name: fadeInUp; animation-duration: 1s;}

.quick-social-link a:nth-child(1) { animation-delay: 0s;}
.quick-social-link a:nth-child(2) { animation-delay: 0.1s;}
.quick-social-link a:nth-child(3) { animation-delay: 0.2s;}
.quick-social-link a:nth-child(4) { animation-delay: 0.3s;}
.quick-social-link a:nth-child(5) { animation-delay: 0.4s;}

.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp;}

@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
	0% { opacity: 0; -o-transform: translateY(20px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

/* 0627 */
.sen_header { padding:15px; box-shadow: transparent; position: relative;}

/*.sen_header::before { content: ""; width: 100%; height: 18px; background-image: url('../images/thn-img013.png'); position: absolute; left: 0; top: 0;}
.sen_header::after { content: ""; width: 100%; height: 43px; background-image: url('../images/thn-img038.png'); background-position: center; position:absolute; bottom:-40px; left:0;}
*/
.sen_center { max-width: 1200px; display: Flex; justify-content: space-between; align-items: flex-end;}

.sen_logo { display: block; position: static; width: 189px;}
.sen_logo:before { display: none;}
.sen_logo { text-indent: 0;}

.sen_nav { padding: 0; height:69px;}
.sen_nav ul {}
.sen_nav>ul { margin: 0; padding: 0; max-width: 896px; width: 100%; display: flex; justify-content: space-between;}
.sen_nav ul li { width: 16%;}
.sen_nav>ul>li:nth-child(1) { padding: 0;}
.sen_nav ul li a { padding:0;}
.sen_nav>ul>li>a { color: #864B16; font-size: 20px; font-weight: 400; line-height: 120%; position:relative; padding:10px 0;}
.sen_nav>ul>li>a:hover { color:#3CAFD3;}
.sen_nav>ul>li>ul>li>a { background-color: #3CAFD3; color: white; font-size: 16px; font-weight: 400; line-height: 120%; text-align: center; border: 1px #3CAFD3 solid;}
.sen_nav>ul>li>ul>li:hover>a { background-color: white; color: #3CAFD3;}
.sen_nav>ul>li>a::before { content: ""; width: 100%; height:0; background:url(../images/thn-img011.png) no-repeat center top; display: block; margin: auto; margin-bottom: 10px; }
.sen_nav>ul>li:hover>a::before { height:22px; background-image: url('../images/thn-img012.png'); transition: 0.5s;}
.sen_nav>ul>li>a::after { content: ""; display:block; position:absolute; top:-15px; left:50%; width:1px; height:0; background:#E2AA40; transition: 0.5s;}
.sen_nav>ul>li:hover>a::after { transition: 0.5s; height:15px;}


@media screen and (max-width: 1450px) {
.sen_logo { margin-right: 25px; }
}

@media screen and (max-width: 1350px) {
.footer_map { width: 510px; }
}

@media screen and (max-width: 1300px) {
.footer_map { width: 100%; height: 240px; margin-top: 20px; }

.footer_itembox { margin-bottom: 40px; }
.footer_itembox a img { max-width: 100%; display: block; margin: 0 auto; }
.footer_itembox a b { font-size: 18px; text-align: center; }
.footer_itembox a b em { font-size: 24px; }

.footer_center { max-width: 1000px; padding: 40px 15px; }

.footer_logo { width: 100px; padding: 0 0 0 20px; margin: 0; }

.footer_text { width: calc(100% - 105px); padding: 0 0 0 40px; }
}

@media screen and (max-width: 1200px) {
.nav ul li a { background-position: center top;}

/* 頁尾 */
.f_c_1 a { font-size:15px; margin-bottom:3px;}
.f_c_1 h5 a:after { width:75px;}
.f_c_1 h5 a:hover:after { width:50px;}
.f_c_1 h6 { padding:35px 0 0 0;}

.f_c_2 h4 { font-size:17px;}
.f_c_2 h5 { font-size:17px;}
.f_c_2 h6 { font-size:15px;}
.f_c_2 p { font-size:15px;}

}

@media screen and (max-width: 1024px) {
.sen_nav ul li { margin: 0 5px; }
}

@media screen and (max-width: 950px) {
.sen_nav ul li { width: 17%; }
}


@media screen and (max-width: 890px) {
.header { width: 100%; position: fixed; z-index: 999; top: 0; padding: 10px 0; }
/*
.nav>ul { width: 96%; margin-right: 2%; }
*/
.nav ul li ul { position: absolute; z-index: 100; width: 100%; left: -5px; top: -10px; }

.footer_center { text-align: center; }
.footer_text { width: 300px; text-align: left; }
.footer_text p { width: 100%; margin: 0; }
.footer_text h4 { font-size: 20px; margin-bottom: 5px; }
.footer_text { width: calc(100% - 105px); padding: 0 0 0 10px; }


.mainPagePic { margin-top:100px;}

#nav-toggle { cursor: pointer; width: 50px; height: 30px; position:absolute; top:50%; left:15px; transform:translateY(-50%); z-index: 999; display: block; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 30px; background: #444; position: absolute; display: block; content: ''; }

#nav-toggle span:before { top: -8px; }

#nav-toggle span:after { bottom: -8px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { transition: all 300ms ease-in-out; }

#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before,
#nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg); }

.logo { width: 100%; max-width: initial; }
.logo:before { background-color: #FFF; }

.nav { display: none; padding: 0; position: fixed; top: 90px; }
.nav>ul { padding: 5px; }
.nav ul li { width: 100%; }
.nav ul li a { max-width: 130px; width: 100%; margin: 0 auto; font-size: 16px; padding: 5px; display: block; background-position: left; margin-bottom: 10px; text-align: right; }
.nav ul li:hover a,
.nav ul li.active a { background-repeat: no-repeat; background-color: transparent; /* padding: 15px 0; background-position: right;*/}
.nav ul li ul { position: relative; }

.sen_logo { width: 189px; margin: auto; text-align: center; padding-top: 13px; }
.sen_nav { margin: 0; top: 130px; }
.sen_center { justify-content: center; align-items: center; }
.sen_nav>ul { max-width: 300px; width: 100%; margin: auto; flex-direction: column; align-items: center; margin-right: calc(50% - 150px); }
.sen_nav>ul>li { width: 100%; }
.sen_nav ul li a { text-align: center; padding: 5px; }
.sen_nav>ul>li>ul>li>a { color: #3CAFD3; background-color: transparent; margin: auto; font-size: 15px; border: none; border-bottom: 1px #3CAFD3 solid; }
.sen_nav>ul>li>ul>li:last-child { margin-bottom: 5px; }
.sen_nav>ul>li>ul>li:hover>a { color: white; background-color: #3CAFD3; }

.sss_f_box ul { position:relative; padding-right:340px;}
.sss_f_box ul li { display:block;}
.f_c_1 { width:100%;}
.f_c_3 { position:absolute; top:0; right:15px;}
}

@media screen and (max-width: 730px) {
.nav ul li ul { top: -6px; }
}

@media screen and (max-width: 670px) {
.f_order_m a { width:100%; float:none !important; margin-bottom:10px;}

.footer_itembox a { width: 96%; float: none; margin: 0 2%; margin-bottom: 15px; }
.footer_itembox a img { max-width: 130px; width: 100%; display: inline-block; }
.footer_itembox a b { text-align: left; padding: 0 0 0 15px; }
.footer_itembox a b { font-size: 16px; }
.footer_itembox a b em { font-size: 20px; }
}

@media screen and (max-width: 640px) {
.sss_f_box { padding:50px 0;}
.sss_f_box ul { padding-right:0; max-width:360px;}
.sss_f_box ul li { padding:20px 10px;}
.f_c_1 { width:100%;}
.f_c_3 { position:static;}
.f_c_2 h4 { color:#fffb87;}
.f_c_2 h5 { color:#fffb87;}
.f_key { padding:10px 0 0;}
}

@media screen and (max-width: 600px) {
.footer_logo { margin: 10px auto; padding: 0; }
}

@media screen and (max-width: 580px) {
.total_view { top: -16px; }
}

@media screen and (max-width: 480px) {
.sen_nav>ul { max-width: 250px; margin-right: calc(50% - 125px); }
}


/* 2022.12.15 */
/*footer*/
.sen_footer01 { width:100%; background-color: #60A7CD; position: relative; z-index: 1;}
.sen_footer01::after {display: none; content: ""; width: 100%; height: 134px; background: url(../images/thn-img014.png) center; position: absolute; bottom: 0; z-index: -1;}

.sen_footer02 { width:100%; display: Flex; justify-content: center; align-items: flex-end; padding: 45px 15px 84px 15px;}
.sen_footer02 p { max-width: 415px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 27px 0 35px;}
.sen_footer02 p a { display: flex; justify-content: center; align-items: center; width: 48%; background-color: white; color: #444444; font-size: 20px; font-weight: 400; line-height: 210%; border-radius: 10px; padding: 5px; }

.sen_footer02 p a:hover { box-shadow: 1px 1px 8px gray;}
.sen_footer02 p a:nth-child(n+3) { margin-top: 14px; }
.sen_footer02 p a u { display: flex; justify-content: center; align-items: center; width: 33px; margin-right: 20px; }

.sen_footer02 dt { display: flex; flex-direction: column; }
.sen_footer02 dt b { display: block; color: white; font-size: 25px; font-weight: bold; line-height: 210%; }
.sen_footer02 dt a { display: block; color: white; font-size: 18px; font-weight: 400; line-height: 160%; }

.sen_footer03 { width:100%; padding:7px; position: relative; }

.copy { width: 100%; color: white; font-size: 14px; font-weight: 400; line-height: 120%; text-align: center; letter-spacing: 1px; text-indent: 1px; padding:3px; position: relative; }
.copy a { color: white; }
.total_view { top: auto; position: absolute; bottom: 0; }
.sen_footer_link { width: 100%; max-width: 660px; margin: auto; display: flex; justify-content: space-between; align-items: flex-start; }
.sen_footer_link a { display: flex; justify-content: center; align-items: center; width: 13%; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 400; line-height: 120%; padding: 0 0 10px 0; position: relative; }
.sen_footer_link a::after { content: ""; width: 100%; height: 1px; background-color: #70A23A; position: absolute; bottom: 0; }
.sen_footer_link a:hover::after { background-color: white; }

@media (max-width:1024px) {
.sen_footer02 { flex-direction: column; align-items: center; padding: 30px 15px; }
.sen_footer02 p { margin: 30px 0; }
.sen_footer02 dt{ align-items:center; }
}
@media (max-width:850px) {
.sen_footer01::after { height: 159px; background-size: cover; }
.copy { display: flex; flex-direction: column; align-items: center; }
.total_view { position: static; display: block; margin-top: 10px; }
}
@media (max-width:550px) {
.sen_footer_link a { width: 14%; font-size: 14px; }
}
@media (max-width:480px) {
.sen_footer01::after { height: 194px; }
.sen_footer_link { max-width: 400px; flex-wrap: wrap; }
.sen_footer_link a { width: 32%; }
.sen_footer_link a:nth-child(n+4) { margin-top: 14px; }
.copy { font-size: 13px; }
}
@media (max-width:425px) {
.sen_footer02 p { flex-direction: column; align-items: center; }
.sen_footer02 p a { width: 165px; font-size: 17px; }
.sen_footer02 p a:nth-child(n+2) { margin: 0; margin-top: 15px; }
.sen_footer02 h5 { width: 80%; }
.sen_footer02 h5 img { width: auto; max-width: 100%; vertical-align: bottom; }
.sen_footer02 dt a { font-size: 15px; }
.sen_footer03 { padding: 10px 15px 22px 15px; }
}