@charset "UTF-8";
/*
Theme Name: global-takasho
Description: Takasho-global
Author: 99
Template: twentytwentyone
*/
/* all display
-------------------------------------------------- */
/* CSS Document */
/*=== Reset CSS ===*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/*--- HTML5 display-role reset for older browsers ---*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;font-size:16px!important;}
ol, ul {list-style:none;padding:0;margin:0;}
ol li, ul li {list-style:none;padding:0;margin:0} 
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;outline:none;}
/*=== end Reset CSS ===*/
body {background-color:#fff!important;}
*:focus {outline:none;}
h2 {font-family:Arial, Helvetica, "sans-serif";}
p {font-family:Arial, Helvetica, "sans-serif" !important;font-weight:400;} 
img {max-width:100% !important;height:auto;vertical-align:middle;}
#skippr {z-index:0;}

.button {display:inline-block;width:100%;padding:5% 0;background-color:#fff;border:1px solid;color:#333;text-align:center;text-decoration:none;font-family:Arial, Helvetica, "sans-serif";transition:.3s ease;font-weight:600;}
.button:hover {background-color:#333;border:1px solid #333;}
.button span {position:relative;transition:all .3s;}
.button:hover span {color:#fff;}
.button:hover span::after {right:0;opacity:0;}

.panel {position:relative;display:inline-block;width:auto;margin:10px 0 0 calc(5% + 6px);text-align:left;}
.panel button {position:relative;display:inline-block;width:200px;height:auto;padding:1em 0;margin:0;text-align:center;font-family:Arial, Helvetica, "sans-serif";font-size:14px;font-weight:bold;letter-spacing:1.5px;color:#fff!important;background:transparent!important;border-width:2px;border-style:solid;border-color:#fff!important;transition:all 0.3s ease-in-out;cursor:pointer;}
.panel button:before, .panel button:after {content:'';position:absolute;display:block;width:1em;height:1em;border-color:#fff;box-sizing:border-box;border-style:solid;transition:all 0.3s ease-in-out;}
.panel button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
.panel button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
.panel button:hover:before, button:hover:after {width:calc(100% + 12px);height:calc(100% + 12px);border-color:#fff}
.panel button:hover {color:#353535!important;background-color:#fff!important;border-color:#fff!important;}
@media screen and (max-width:1024px) {
.panel {width:auto;display:inline-block;margin:20px auto;}
}
@media screen and (max-width:590px) {
.panel button {padding:10px 0;}
}
@media screen and (max-height:560px) {
.panel button {padding:.5em 0;font-size:13px;}
}
/*=== header ===*/
header {position:fixed;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;top:0;padding:20px 3%;align-items:center;border-bottom:1px solid #ccc;background-color:#FFF;z-index:999;}
header .logo {margin:0;padding:0;}
header .logo > a {display:block;}
header a {text-decoration:none;color:#333;}
header nav {margin:0 0 0 auto;}
header ul {display:flex;margin:0;list-style:none;}
header li {margin:0px 0 0 20px;padding-left:20px;border-left:1px solid #ccc;font-size:15px;font-weight:600;font-family:Arial, Helvetica, "sans-serif";line-height:1;}
header li:first-child {border-left:none;}
header li a {position:relative;vertical-align:middle;letter-spacing:.5px;transition:.3s ease;-webkit-transition:all .3s ease;}
header li a:hover {opacity:.8;}
header li a::after {position:absolute;border-bottom:2px solid #006837;bottom:-2px;content:"";display:block;transition:all .3s ease;-webkit-transition:all .3s ease;width:0;padding-top:1px;}
header li a:hover::after {width:100%;}
header div.contact {display:inline-block;box-sizing:border-box;background-color:rgb(21 178 199);padding:0;margin:0 20px 0 40px;font-size:14px;font-family:Arial, Helvetica, "sans-serif";letter-spacing:2px;border:1px solid rgb(21 178 199);border-radius:20px;transition:.3s ease;}
header div.contact a {padding:6px 24px;display:inline-block;color:#fff;font-size:1em;font-weight:600;transition:.3s ease;}
header div.contact:hover {background-color:#fff;}
header div.contact:hover a {color:rgb(21 178 199);}
header .sp-nav {display:none;}
/*--- submenu ---*/
header .rel {position:relative;}
header .submenu {width:180px;display:none;margin:auto;padding:0;position:absolute;top:18px;left:0px;z-index:1000;background-color:#fff;text-align:center;filter:drop-shadow(0px 0px 1px #a3a3a3);}
header .submenu li {position:relative;display:block;margin:0;padding:0;text-align:left;font-size:90%;border-left:none;border-bottom:1px solid #ccc;}
header .submenu a {display:block;padding:16px 16px 12px;}
header .submenu li a::after {border-bottom:none;}
header .submenu li a:hover {background-color:#ccc;transition:all .25s ease;}
header .submenu li > a.arrow::after {content:"";display:inline-block;position:absolute;top:50%;right:16px;transform:translate(0%, -50%) rotate(-45deg);width:8px;height:8px;color:#333;font-weight:bold;font-size:1.2em;border-bottom:2px solid;border-right:2px solid;}
header .rel:hover .submenu {display:block;}
header .rel .submenu > .rel > .child-submenu {display:none;}
header .rel .submenu > .rel:hover .child-submenu {display:block;}
header .child-submenu {border-top:3px solid #333;box-sizing:border-box;width:180px;display:none;margin:auto;padding:0;position:absolute;top:-3px;left:180px;transform:translate(0,0);z-index:1000;background-color:#fff;text-align:center;filter:drop-shadow(0px 0px 1px #a3a3a3);}
header .child-submenu li {display:block;margin:0;padding:0;text-align:left;font-size:100%;border-left:none;border-bottom:1px solid #ccc;}
header .child-submenu li > a:hover {background-color:#ccc;transition:all .27s ease;}
@media screen and (max-width:1080px) {
header {padding:14px 3%}
header li {font-size:12px;}
header div.contact a {padding:6px 18px;font-size:.875em;}
}

/*--- SmartPhone ---*/
@media screen and (max-width:810px) {
header {padding:15px 5%;}
header li {border-left:none;font-size:16px;}
header .pc-nav {display:none;}
header .sp-nav {z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;display:block;background:rgba(255, 255, 255, 1);opacity:0;transform:translateX(100%);transition:all .3s ease-in-out;}
header #hamburger {position:relative;display:block;width:30px;height:24px;margin:0;}
header #hamburger span,header #hamburger::before,header #hamburger::after {position:absolute;display:block;width:100%;height:4px;background-color:#333;}
header #hamburger span {top:50%;left:0;transform:translateY(-50%);}
header #hamburger::before {content:'';top:0;left:0;}
header #hamburger::after {content:'';bottom:0;left:0;}
header .sp-nav ul {padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
header .sp-nav li {margin:0;padding:0;font-size:1.2em;}
header .sp-nav li span {font-size:15px;color:#000;}
header .sp-nav li a, .sp-nav li span {display:block;padding:20px 0;}
/*- Closed icon -*/
header .sp-nav .close {display:inline-block;position:absolute;top:5%;right:8%;}
header .sp-nav .close-inner {position:relative;padding-left:20px;}
header .sp-nav .close-inner::before, 
header .sp-nav .close-inner::after {content:'';position:absolute;top:50%;left:0;display:block;width:32px;height:2px;background:#333;}
header .sp-nav .close-inner::before {transform:rotate(45deg);}
header .sp-nav .close-inner::after {transform:rotate(-45deg);}
header .toggle {transform:translateX(0);opacity:1;}
}
@media screen and (max-width:590px) {
header div.contact {margin-left:0px;}
header div.contact {margin-left:0px;}
header div.contact a {padding:10px 15px;}
}
/*=== end header ===*/

/* BreadList ===*/
.topic-path {background-color:#efefef!important;}
.topic-path ul {display:flex;margin:0;padding:0.875rem 0;font-family:Verdana, Geneva, "sans-serif";text-align:left;list-style-type:none;}
.topic-path ul li {padding:0 5px;font-size:.875em;letter-spacing:.5px;color:#333;}
.topic-path ul li a {text-decoration:none;color:#969696;}
.topic-path ul li a:hover {color:#036e4f;transition:all 0.3s ease;}
.topic-path li :after {content:'\003e';margin-left:10px;color:#333;}
.topic-path li:last-child:after {content:"";}
@media screen and (max-width:780px) {
.topic-path ul {padding:.875rem 10px;}
}
/*===  end BreadList ===*/

/*=== top ===*/
.top > .container {width:100%;height:calc(100vh - 77px - 90px);margin-top:77px;}
.top {position:relative;z-index:0;}
.s-right-text {position:absolute;left:10%;width:25%;height:100%;display:table;text-align:left;background-color:rgba(0,0,0,.25);filter:drop-shadow(0px 0px 6px #515151);}
.s-right-text {animation:SlideIn 2s;}
@keyframes SlideIn {
0% {opacity:0;-webkit-transform:translateX(54px);-moz-transform:translateX(54px);transform:translateX(54px);}
100% {opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
}
.s-right-text .table_middle {width:80%;display:table-cell;position:absolute;top:50%;left:50%;text-align:left;transform:translate(-50%, -50%);vertical-align:middle;color:#fff;}
.s-right-text-inner {font-size:4.4vw;font-weight:bold;line-height:1.1em;font-family:din-condensed, sans-serif;letter-spacing:5px;}
.s-right-text-inner-w {font-size:0.8vw;line-height:2em;letter-spacing:1.1px;}
.s-right-text-inner, 
.s-right-text-inner-w {width:auto;padding:0 5%;margin:5% auto;}
@media screen and (max-width:1366px) {
.s-right-text {width:35%;}
.s-right-text-inner-w {font-size:1.25vw;line-height:1.45em;}
}
@media screen and (max-width:1080px) {
.s-right-text {animation:SlideIn 2s;left:6%;width:35%;}
.s-right-text-inner {padding:0;}
.s-right-text-inner-w {padding:5% 0;font-size:1.42vw;}
.s-right-text-inner, 
.s-right-text-inner-w {margin:auto;width:100%;}
}
@media screen and (max-width:790px) {
.s-right-text {left:0%;width:100%;background-color:rgba(0,0,0,.16);}
.s-right-text .table_middle {width:100%;}
.s-right-text-inner {font-size:3.5em;}
.s-right-text-inner-w {line-height:1.35em;font-size:.875em;}
.s-right-text-inner, 
.s-right-text-inner-w {margin:auto;}
}
@media screen and (max-width:560px) {
.s-right-text .table_middle {width:90%;}
.s-right-text-inner-w {line-height:2em;padding:0;}
}
/*--- page.php top ---*/
.site_top {position:relative;width:100%;margin-top:68px;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.site_top:before {content:"";position:absolute;display:block;width:100%;height:100%;background-color:rgb(0 0 0 / 25%);}
.site_top h1 {display:block;margin:0 auto;padding:140px 0;vertical-align:middle;text-align:center;text-transform:uppercase;font-family:din-condensed, sans-serif;font-style:normal;font-size:40px;font-weight:400!important;letter-spacing:.2em;color:#fff;filter:drop-shadow(0px 0px 6px #414141);}
@media screen and (max-width:1080px) {
.top > .container {height:calc(100vh - 64px - 48px);margin-top:64px;}
}
@media screen and (max-width:789px) {
.site_top h1 {padding:80px 0;font-size:32px;}	
}
@media screen and (max-width:590px) {
.top > .container {width:100%;height:calc(100vh - 68px - 48px);margin-top:68px;}
}
.scroll_btn {height:90px;position:relative;margin:auto;text-align:center;}
.scroll_btn a {position:absolute;top:42%;left:50%;display:inline-block;font-size:18px;letter-spacing:2px;color:#000;transform:translate(-50%, -50%);transition:.35s ease;}
.scroll_btn .arrow {width:15px;height:15px;margin:5px auto 1%;text-align:center;border:1px solid;border-color:transparent transparent #333 #333;transform:rotate(-45deg);}
.scroll_btn p {padding-top:15px;font-size:1.1em;color:#333;line-height:1;}
@media screen and (max-width:1080px) {
.scroll_btn {height:48px;}
.scroll_btn p {padding-top:8px;font-size:.875em;}
}
@media screen and (max-height:560px) {
.top > .container {width:100%;height:calc(100vh - 64px - 70px);margin-top:64px;}
.scroll_btn {height:70px;}
.scroll_btn a {font-size:14px;}
}
/*=== end top ===*/


/*=== main ===*/
main {color:#333;background-color:#efefef;}
#main_top {padding-top:77px;}
main .con-center {margin:auto;text-align:center;}
main .title {margin:0;padding:0 30px;background-color:#fff;}
main .title_m {margin:0 auto .3em;font-family:din-condensed, sans-serif;font-style:normal;font-weight:400;font-size:3em;}
main .title_w {color:#231815;font-size:1em;line-height:1.5em;letter-spacing:.5px;max-width:720px;text-align:center;margin:32px auto 0;}
@media screen and (max-width:1080px) {
main .title_m {font-size:2.4em;}
main .title_w {margin:18px auto 0;font-size:1em;line-height:1.35em;}
}
/*-- Plus Template CSS --*/
.entry-content {margin:0 auto!important;}
.entry-content>div {width:100%!important;max-width:100%!important;margin:0 auto;}
/*-- end　Plus Template CSS --*/
.inner1000 {text-align:center!important;margin:auto!important;max-width:1000px!important;}
.inner1200 {text-align:center!important;margin:auto!important;max-width:1200px!important;}
.con-inner {max-width:1920px;text-align:center;margin:auto;}
.contents {margin-top:0em;}
.flex3 {display:flex;justify-content:space-between;padding:0;}
.flex3_con {width:calc(33.333% - 3px);margin:0px;}
.flex4_con {width:calc(25% - 20px);margin:10px;}
.flex70_con {width:calc(70% - 10px);}
.flex30_con {width:calc(30% - 10px);background-position:center top;background-size:cover;background-repeat:no-repeat;min-height:384px;}
.at_cnter {align-items:center;}
.pd5 {padding:5% 0;}
.pd-bottom {padding-bottom:5%;}
.flex50_con {width:calc(50% - 20px);margin:10px;}
.flex50_con img {width:100%;}
._ml {margin-left:10px;}
._mr {margin-right:10px;}
._mt {margin-top:5%}
._mb {margin-bottom:5%}
._com01 {background-image:url("/wp-content/themes/global-takasho/img/company/com_img01.jpg");}
._com02 {background-image:url("/wp-content/themes/global-takasho/img/company/com_img02.jpg");}
.flex3_title {margin:15% auto 10%;width:30%;text-align:center;}
.flex3_title img {width:100%;margin-bottom:30px;filter:drop-shadow(0px 0px 6px #515151);}
.hukidashi {position:relative;margin-bottom:32px!important;padding:56px 30px!important;color:#222;border-radius:0px;filter:drop-shadow(0px 0px 4px rgba(30,30,30,0.3));}
.hukidashi:after {content:'';position:absolute;width:0;height:0;bottom:-15px;left:50%;transform:translate(-50%, 0);border-width:15px 15px 0 15px;border-style:solid;border-color:#fff transparent transparent transparent;}
#about .title_m {}
#about ul.flex3 {list-style:none;padding:0;}
#about .img01 {background-image:url("/wp-content/themes/global-takasho/img/home/flex3img_01.jpg");}
#about .img02 {background-image:url("/wp-content/themes/global-takasho/img/home/flex3img_02.jpg");}
#about .img03 {background-image:url("/wp-content/themes/global-takasho/img/home/flex3img_03.jpg");}
#about .img01, .img02, .img03 {background-repeat:no-repeat;background-size:cover;background-position:center center;}
#about .img01::before, #about .img02::before, #about .img03::before {}
#product {padding-top:68px;}
.container > div.pro {display:flex;}
.pro {margin:0 auto;padding-bottom:10%;}
.bak1 {width:calc(70%/2);height:60vh;display:table;background-color:#FFF;}
.bak1 .card-text {display:table-cell;margin-bottom:auto;margin-top:auto;margin-right:auto;margin-left:auto;padding:10% 20%;text-align:left;vertical-align:middle;}
.card-text h2 {padding-bottom:0em;font-family:din-condensed, sans-serif;font-size:4em;font-weight:400;font-style:normal;line-height:1em;letter-spacing:3px;}
.card-text p{margin-top:2em;margin-bottom:2em;font-family:Arial, Helvetica, "sans-serif";font-size:16px;line-height:1.8em;}
#eb .bak2 {background-image:url("/wp-content/themes/global-takasho/img/home/top_con2.jpg");}
#eaw .bak2 {background-image:url("/wp-content/themes/global-takasho/img/home/top_con1.jpg");}
#eab .bak2 {background-image:url("/wp-content/themes/global-takasho/img/home/top_con3.jpg");}
#led .bak2 {background-image:url("/wp-content/themes/global-takasho/img/home/top_con4.jpg");}
.bak2 {width:calc(130%/2);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.reverse {flex-flow:row-reverse;}
.reverse .bak1 .card-text {display:table-cell;margin-bottom:auto;margin-top:auto;margin-right:auto;margin-left:auto;vertical-align:middle;text-align:left;}
#global {max-width:1000px !important;text-align:center;margin:auto;padding:0 3%;color:#333;}
#global h1 {margin-top:10%;line-height:1.2em;border-bottom:1px solid #c1c1c1;padding-bottom:4%;font-size:2.2em;letter-spacing:.02em;font-family:Arial, Helvetica, "sans-serif";font-weight:bold;}
#global h2 {margin-bottom:6%;margin-top:5%;padding:4% 0;border-bottom:1px solid #c1c1c1;line-height:1.4em;font-size:1.4em;letter-spacing:.02em;font-family:Arial, Helvetica, "sans-serif";font-weight:bold;color:#333;}
#global.title_w{text-align:left;margin:4% auto 10%;border-bottom:1px solid #c1c1c1;padding-bottom:4%;line-height:1.8em;letter-spacing:.3px}
#global .flex70_con p > span {display:block;margin-top:120px;}
.gl_img {margin:8% auto 5%;}
.gl_img img {width:80%;}
.gl_title {font-size:50px;line-height:1em;padding-bottom:0em;font-family:din-condensed, sans-serif;font-weight:400;font-style:normal;margin-bottom:5%;letter-spacing:.05em;position:relative;}
.gl_title:before {position:absolute;bottom:-20px;left:calc(50% - 30px);width:60px;height:5px;content:'';border-radius:3px;background:#b99d5f;}
.gl_compny {margin-bottom:0%;width:100vw;position:relative;left:50%;transform:translateX(-50%);background-color:#efefef;padding:40px 0;}
.gl_compny-inner {margin:0 auto;max-width:1000px;}
.gl_compny .flex3 {flex-wrap:wrap;justify-content:flex-start;}
.gl_compny .flex3_con {width:calc(33.333% - 20px);margin:10px;position:relative;}
.gl_compny .flex3 .flex3_con {overflow:hidden;filter:drop-shadow(0px 0px 6px #cccccc);}
.gl_compny .flex3 .flex3_con img {width:100%;transition:0.5s all;}
.gl_compny .flex3 .flex3_con img:hover{transform:scale(1.2,1.2);transition:0.5s all;}
.gl_compny .img_text {font-size:1em;text-align:center;font-weight:bold;line-height:1.3em;color:#fff;letter-spacing:1px;bottom:0px;margin:0;padding:2% 0;background:rgba(0,0,0,0.6);position:absolute;width:100%;font-family:Arial, Helvetica, "sans-serif";text-shadow:0px 0px 4px #515151;}
.img_text span {display:block;font-weight:lighter;}
.intoro {margin-bottom:8%;}
.intro-inner {margin-bottom:5%;}
.intro-inner p {text-align:left;font-size:16px;line-height:1.5;font-family:Arial, Helvetica, "sans-serif";letter-spacing:.2px}
.intro-inner img {width:100%;}
.tex_img {text-align:left;}
.tex_img h3 {font-size:2.4em;font-family:din-condensed, sans-serif;font-weight:400;font-style:normal;margin-bottom:5%;}
.tex_img p {font-size:16px;line-height:24px;}
#kainan {background-color:#f0eee3;}
#kainan.pdg {padding:5% 0;}
.pd3 {padding:0 3%;}
._full {margin:auto;text-align:center;width:auto;}
.wa_shiki {background-image:url("/wp-content/themes/global-takasho/img/company/shiki_000.jpg");background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100%;padding:3.5%;}
.kurowaku {max-width:800px;text-align:center;margin:auto;background-color:rgba(0,0,0,0.4);padding:4%;color:#FFF;}
#jp_cul h5 {font-size:3em;font-family:din-condensed, sans-serif;font-style:normal;font-weight:400;margin-bottom:14px;padding-bottom:14px;border-bottom:1px  solid #fff}
#jp_cul p {font-size:16px;line-height:28px;font-weight:600;}
.shiki4 {display:flex;flex-wrap:wrap;padding:0;}
.shiki4 img {width:100%;display:block;}
.shiki4 li {width:25%;list-style:none;background-color:rgb(35 24 21);}
.shiki4 li p {text-align:left;font-size:1em;color:#FFF;background-color:#231815;padding:30px 0;font-weight:600;margin:0 20px;}
.shiki4 li p span {font-size:14px;line-height:1.4em;margin-top:14px;}
#data {background-image:url("/wp-content/themes/global-takasho/img/company/data_img.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom:5%;margin-top:3%;}
.font-bd {font-weight:bold;font-size:18px;}
.border-10 {border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px;}
table {font-family:Arial, Helvetica, "sans-serif";}
#data {padding-bottom:5%;margin-top:3%;margin-bottom:3%;}
#data table {margin:0px auto;width:100%;border:1px solid #ccc;line-height:1.6em;}
#data .tbl-r02 th {background:#8e8e8a;padding:5px;text-align:center;border:1px solid #ccc;color:#fff;vertical-align:middle;}
#data .tbl-r02 td {background:#fff;padding:15px 20px;border:1px solid #ccc;text-align:left;margin:auto;vertical-align:middle;}
#history {padding-bottom:5%;margin-bottom:3%;}
#history table {margin:0px auto;width:100%;border:1px solid #ccc;line-height:1.6em;}
#history .tbl-r02 th {background:#dcd5c2;padding:5px;text-align:center;border:1px solid #dcd5c2;color:#333;font-weight:bold;}
#history .tbl-r02 td {background:#fff;padding:15px 20px;border:1px solid #ccc;text-align:left;margin:auto;}
.midle-24 {font-size:24px;padding:1% 2%;vertical-align:middle;}
#catalog {background-image:url("/wp-content/themes/global-takasho/img/download/wood_background.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}
#catalog img {width:100%;height:auto;display:block}
#catalog .flex3 {flex-wrap:wrap;}
.flex4_con {position:relative;overflow:hidden;height:auto;display:inline-block;}
.flex4_con .caption {width:20%;text-align:center;margin:60% auto;display:table-cell;vertical-align:middle;padding:40%;}
.flex4_con .mask {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.4);-webkit-transition:all 0.6s ease;transition:all 0.4s ease;display:table;}
.caption img {width:15%;}
.flex4_con :hover .mask {opacity:1;}
/*=== end main ===*/

@media screen and (max-width:1080px) {
/*--top--*/
.flex3_title img {margin-bottom:20px;}
/*--top--*/
.bak1 {height:70vh;}
.bak1 .card-text {margin-bottom:auto;margin-top:auto;margin-left:auto;margin-right:auto;padding:15%;}
.reverse .bak1 .card-text {margin-left:auto;margin-right:auto;}
.card-text h2 {font-size:2.8em;line-height:.9em;padding-bottom:0em;letter-spacing:3px;}
.card-text p {font-size:16px;}
.bak1 {width:calc(80%/2);}
#eb .bak2,#eaw .bak2,#eab .bak2,#red .bak2 {width:calc(120%/2);}
}
@media screen and (max-width:810px) {
#global h2 {font-size:1.2em;}
.shiki4 li p {font-size:1em;}
.tex_img h3 {font-size:2em;}
.tex_img p {font-size:14px;line-height:20px;}
.container > div.pro {flex-wrap:wrap-reverse;}
.bak1, .bak2 {width:100% !important;}
.bak1 {height:100%;}
.bak2 {height:180px;}
.bak1 .card-text {padding:15% 10%;}
.bak1 .card-text .button {padding:5% 0%;width:100%;background-color:#036e4f;border:double 2px rgb(255 255 255);}
.bak1 .card-text .button > span{color:#fff;}
.bak1 .card-text .button > span::after {border-top:.05em solid #fff;border-right:.05em solid #fff;}
.card-text p {font-size:16px;line-height:2.2em;margin:8% auto;}
.card-text h2 {font-size:3em;text-align:center;padding-bottom:8%;border-bottom:1px solid #ccc;}
.card-text h2 > br {display:none;}
}
@media screen and (max-width:680px) {
.flex3 {display:flex;flex-wrap:wrap;}
.flex3_con {width:calc(100%);margin:5px 0px;}
.gl_compny .flex3_con {width:calc(50% - 20px);}
.gl_img {margin:8% 5%!important;}
.gl_img img {width:100%;}
#global .title_w {line-height:1.4em;}
#global .flex70_con p > span {display:block;margin-top:32px;}
.shiki4 li {width:50%;}
.shiki4 li p span {font-size:10px;}
}
@media screen and (max-width:480px) {
#global h1 {font-size:1.2em;}
.title_w {line-height:1.6em;font-size:.9em;}
.gl_title {font-size:30px;}
.gl_compny .flex3_con {width:calc(50% - 10px);margin:5px;}
.img_text span {font-size:10px;}
#global h2 {line-height:1.2em;font-size:1em;}
#global	.flex3 {flex-wrap:wrap;}
#global ._ml {margin-left:0px;margin-bottom:2%;}
#global ._mr {margin-right:0px;margin-bottom:2%;}
.intro-inner p {font-size:14px;line-height:18px;}
#jp_cul p {font-size:14px;line-height:20px;}
.flex70_con {width:100%;}
.flex30_con {width:100%;}
.wa_shiki {background-image:url(/wp-content/themes/global-takasho/img/company/shiki_000.jpg);background-attachment:initial;}
.flex50_con {width:100%;}
.tex_img h3 {font-size:2.1em;}
.tex_img p {font-size:14px;line-height:20px;margin-bottom:5%;}
#catalog .flex3 {padding-top:5%}
.flex4_con {width:calc(50% - 20px);}
}
.skippr-next {opacity:.7;border-bottom:4px solid white;border-right:4px solid white;}
.skippr-previous {opacity:.7;border-top:4px solid white;border-left:4px solid white;}
.skippr-nav-container {display:flex;align-items:center;}
.skippr-nav-element {background-color:rgba(255,255,255,0.7);}
.skippr-nav-element-active {width:18px;height:18px;}
.skippr-nav-element:hover, .skippr-nav-element-active {background-color:#15b2c7!important;}
.skippr-nav-element:hover {opacity:.6!important;}
@media screen and (max-width:820px) {
.skippr-next, .skippr-previous {display:none;}
}

/*=== contact form ===*/
.form-box {max-width:1000px;width:100%;height:auto;margin:3% auto;padding:60px 5%;background-color:rgb(30 30 30 / 100%);color:#333;font-family:Arial, Helvetica, "sans-serif";}
.form-box h2 {display:inline-block;margin:0 auto 20px;padding:0;text-align:center;font-size:2em;padding-bottom:20px;border-bottom:1px solid rgb(255 255 255);color:#fff;}
.form-box span {display:block;}
.form-box .flex-box {display:flex;}
.form-box p {font-size:18px;display:block;}
.form-box p:first-child {margin-bottom:40px;font-size:1.75em;font-weight:600;}
.form-box .btn {display:inline-block;margin-top:40px;padding:0;background-color:#fff;}
.form-box .btn > a {font-size:18px;color:#333;display:inline-block;padding:8px 40px;font-weight:600;}
.form-box .inputField {margin:5% auto;text-align:center;}
.form-box .inputTitle {font-size:16px;padding-bottom:8px;font-weight:400;font-family:Arial, Helvetica, "sans-serif"!important;letter-spacing:1.1px;color:#fff;}
.inputField div.input-box {text-align:left;margin-bottom:26px;}
.inputField div.input-box .max-width {max-width:460px;width:100%;}
.inputField input {margin:0!important;}
.inputField input,
.inputField select {outline:none!important;padding:5px!important;border:1px solid #ccc!important;font-size:16px;font-weight:600;}
.inputField .flex-box > .phonenumber {max-width:120px;min-width:120px;width:100%;} 
.inputField .flex-box > .phone {width:calc(100% - 120px);} 
.inputField .your-message textarea {padding:5px!important;max-width:100%!important;}
.inputField p {font-size:16px;margin-bottom:30px;}
input.wpcf7-form-control.has-spinner.wpcf7-submit {padding:5px 36px !important;}
form.invalid .wpcf7-response-output {border:3px solid rgb(255 185 0);background-color:rgb(255 255 255);padding:10px 0;color:rgb(255 0 0);}
.wpcf7-not-valid-tip {padding-top:10px;font-size:14px;font-weight:600;}
input.wpcf7-countrytext.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext {padding-right:6px !important;padding-left:52px !important;}
.gender span.wpcf7-form-control.wpcf7-radio {display:inline-flex;}
.gender span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item {display:inline-block;margin:0 10px 0 0;}
.gender span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type=radio] {width:20px;height:20px;}
.gender span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type=radio]:after {top:50%;left:50%;transform:translate(-50%, -50%);background-color:#036e4f;}
.gender span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {font-size:14px;color:rgb(255 255 255);	}
input[type=submit] {transition:.3s ease!important;margin-top:5%!important;}
input[type=submit]:not(:hover):not(:active):not(.has-background) {color:rgb(255 255 255)!important;background-color:rgb(51 51 51)!important;}
input[type=submit]:hover {color:rgb(51 51 51)!important;background-color:rgb(255 255 255)!important;}
/*=== end contact form ===*/

/*=== footer ===*/
footer {width:100%;height:auto;box-sizing:border-box;background-color:#333;font-family:Arial, Helvetica, "sans-serif";}
footer .inner1000 {text-align:center;margin:auto;max-width:1200px;}
footer .footer-inner {width:100%;text-align:center;}
footer .footer-inner p, .footer-inner a {font-size:14px;color:#fff;transition:.3s ease;letter-spacing:.5px;}
footer > #info {padding:3% 0;background-color:#7e7e7e;}
footer > #info .f-logo {display:flex;justify-content:space-between;border-bottom:1px solid #fff;margin-bottom:3%;padding-bottom:3%;}
footer > #info .sns {display:flex;justify-content:space-between;}
footer > #info .sns a {transition:.3s ease;}
footer > #info .sns a:hover {filter:invert(1);}
footer > #info .sns a p {display:inline-block;padding-right:6px;}
footer > #info .flex {display:flex;justify-content:space-between;}
footer > #info .flex .flex_60 {width:calc(60% - 40px);text-align:left;}
footer > #info .flex .flex_40 {width:calc(40% - 40px);}
footer > #info .flex .flex_40 {display:flex;flex-direction:column;justify-content:space-between;}
footer > #info .flex .flex_40 ul {padding:0;}
footer > #info .flex .flex_40 ul li a {font-size:12px;}
footer > #info .flex .flex_40 > ul.menu {padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1em;}
footer > #info .flex .flex_40 > ul.menu li {display:block;width:calc(33.333% - 10px);text-align:left;margin-bottom:10px;}
footer > #info .flex .flex_40  ul li > a::before {content:url("/wp-content/themes/global-takasho/img/temp_img/brfore_icon.png");width:auto;height:auto;line-height:1;vertical-align:middle;padding-right:3px;}
footer > #info .flex .flex_40  ul li > a:hover {border-bottom:1px solid;}
footer > #info .flex .flex_40 > ul.menu li > ul li {display:block;width:calc(100%);text-align:left;margin-top:15px;font-size:12px;}
footer > #info .flex .flex_40 > ul.menu li > ul li a::before {content:none;}
footer > #info .flex .flex_40 > .flex {display:flex;justify-content:space-between;}
footer > #info .flex .flex_40 > .flex div {display:flex;flex-direction:column;width:calc(50% - 5px);}
footer > #info .flex .flex_40 > .flex p {padding:0 0 5px;text-align:left;font-size:14px;color:#fff;}
footer > #info .flex .flex_40 > .flex a {padding:10px 0;font-size:14px;color:#333;background-color:#fff;}
footer > #info .flex .flex_40 > .flex a:hover {opacity:.6;}
/*-- Contact Enter button　--*/
footer > #info .flex .flex_40 .btn {display:inline-block;width:100%;position:relative;padding:13px 0;border:1px solid #fff;box-sizing:border-box;background:transparent;z-index:1;font-size:13px; transition:.3s;}
footer > #info .flex .flex_40 .btn:hover {color:#333;}
footer > #info .flex .flex_40 .btn::before {content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#fff;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .3s;}
footer > #info .flex .flex_40 .btn:hover::before {transform-origin:0% 50%;transform:scaleX(1);}
/*-- Google Map --*/
footer .gmap {position:relative;height:0;padding-bottom:56.25%;padding-top:30px;overflow:hidden;}
footer .gmap iframe,.gmap object,.gmap embed {position:absolute;top:0;left:0;width:100%;height:100%;}
/*-- copyright --*/
footer > #copyright {background-color:#101010}
footer > #copyright.footer-inner > p {padding:20px 0;font-size:10px;}
@media screen and (max-width:1080px) {.inner1000 {padding: 0 24px;}
}
@media screen and (max-width:780px) {
footer .footer-inner p, .footer-inner a {font-size:12px;}
footer > #info .f-logo {margin:5% auto;text-align:center;border-bottom:1px solid #fff;padding:20px 16px;}
footer > #info .f-logo img {width:auto;}
footer > #info .flex {flex-wrap:wrap;justify-content:center;}
footer > #info .flex .flex_60 {width:calc(100% - 0px);margin:0 auto 10%;}
footer > #info .flex .flex_40 {width:calc(100% - 40px);}
footer > #info .flex .flex_40 > ul.menu li {margin-bottom:30px;}
footer > #info .flex .flex_40 > ul.menu li > ul {display:none;}
footer > #info .flex .flex_40 .btn {margin-bottom:5%;}
footer > #info .flex .flex_40 > .flex a {font-size:12px;}
}
/*=== end footer ===*/