@charset "utf8";
/* reset 
----------------------------- */
body { background: transparent;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,th,td,figure {margin:0;padding:0;zoom:1;}fieldset, img {border:0;}img{vertical-align:top;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}dfn{font-style:italic}ol, ul, li, dl, dt, dd {list-style:none;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before{content:' “';}q:after {content:'” ';}blockquote{margin:1em 40px;font-weight:bold;}blockquote p{margin-bottom:0px;}blockquote p.txt12{line-height:150%;margin-bottom:6px;}abbr, acronym {border:0;}table {border-collapse: collapse;border-spacing: 0;margin:0;padding:0;font-size: 100%;font-size:inherit;font:100%;font-family: inherit;color:#333333;}caption, th, td {text-align: left;vertical-align: top;}* {zoom : 1;}ol li {zoom : normal;}* html ul li dl,* html ol li dl {display: inline;}*:first-child+html ul li dl,*:first-child+html ol li dl { display: inline;}ol,ul,dl{margin: 0;margin-bottom: 1rem;padding:0;}li{margin: 0;padding:0;list-style:none;}ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}dt{font-weight: 400;}dd{margin-bottom: .5rem;margin-left: 0;}address{font-style:normal;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ffffcc;color:#333;}*{margin: 0;padding: 0;}*, *:before, *:after {box-sizing: border-box;}

/*root 
----------------------------- */
:root {
/* -- color-- */
--color-base-1: rgb(0,51,139)/*#00338B*/;
--color-base-1-light1:rgba(5,100,240,1)/* */;
--color-sub-1:rgba(5,100,240,1)/*#007AFF */;
--color-sub-1-light1:rgba(0,158,255,1)/*#009EFF*/;
--color-bg-nav-sp:rgba(5,100,240,1);
--color-contact-bg:#ffffff;
/*footer contact BG*/
--color-footer-bg:#f3f2f0;
--color-link1: var(--color-base-1);
--color-danger: rgb(255,51,51);
--color-danger-light: rgb(255,234,234);
--linkcolor-bg2: var(--color-base-1-light1);
--color-caution: rgb(255,234,0)/*mark*/;
--color-gray1:#999999;
--color-gray2:#f3f2f0;
/* -- font-family -- */
--my-font-sans-serif:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
--my-font-sans-serif-bold:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
--my-font-serif:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
--my-font-serif-bold:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
--my-body-font-family: var(--my-font-sans-serif);
/* -- height -- */
--height-gnav:60px;
--height-header--sp:auto/*100vh*/;
--height-header--pc:680px;
--height-header-hdBlock-sp:60px;
--height-header-hdBlock-pc:120px;
--height-cover-front-mgT-sp:60px;
--height-cover-front-mgT-pc:120px;
--height-cover-front-sp:auto;
--height-cover-front-pc:560px;
--height-conthd-sp:140px;
--height-conthd-pc:293px;
--height-cover-page-sp:auto/*80px */;
--height-cover-page-pc:160px;
--height-pan-sp:130px;
--height-pan-pc:303px/*--height-conthd-pc + 10px */;
/* -- font-size -- */
--size-font-large2:13.2rem;
--size-font-large1:9rem;
--size-font-x3-2:3.6rem;
--size-font-x3:3rem;
--size-font-x2-5:2.4rem;
--size-font-x2:2rem;
--size-font-x1:1.8rem;
--size-font-base:1.6rem;
--size-font-s:1.4rem;
--size-font-ss:1.2rem;
--size-font-gnav:1.8rem;
--size-font-h2-sp:2.4rem;
--size-font-h2-pc:3.6rem;
}
/* base ----------------------------- */
html,body {height: 100%;}
body {color: #333;letter-spacing: 0.5px;}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family: var(--my-body-font-family)}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong,.bold{font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* font ----------------------------- */
html{font-size: 62.5%;}
body{font-size:1.6rem;line-height: 1.6;}
@media print,screen and (min-width:768px){/* [ PC ] */
body{font-size:1.6rem;line-height: 1.8;}
}/* [ PC ] end */
p{margin-top:1.5em;}
p:first-child{margin-top:0;}
.text_justify{text-align: justify;}

/* heading ----------------------------- */
h2,h3,h4{font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative;}
h1{font-size:2em;margin:.67em 0;text-transform:uppercase;}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
main h1:first-child,main h2:first-child,main h3:first-child,main h4:first-child,main h5:first-child{margin-top:0;}
/*heading style*/
@media screen and (max-width:767px){ /* [ SP ] */
.h-border1{font-size:var(--size-font-x2);padding-bottom:1rem;border-bottom:2px solid var(--color-base-1);}
}/* [ PC ] end */
@media print, screen and (min-width:768px){ /* [ PC ] */
.h-border1{width:100%;display:flex;align-items: center;}
.h-border1:before,.h-border1:after {content: "";height: 1px;flex-grow: 1;background-color:var(--color-base-1);}
.h-border1:before {margin-right: 1.5rem;}
.h-border1:after {margin-left: 1.5rem;}
h2.h-border1:before,h2.h-border1:after{background-color:var(--color-base-1);}
}/* [ PC ] end */
#idn_contact .tt_hd h1{margin-bottom:7.2rem;font-size:var(--size-font-x2-5);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative;display:flex;flex-direction:column;align-items:center;color:var(--color-base-1);}
#idn_contact .tt_hd h1::after{content:"営業時間：8:00〜17:00（平日）";position:absolute;display:block;width:100%;top:110%;left:50%;font-size:1.5rem;font-weight:normal;transform:translateX(-50%);color:#333;}
/*font size ----------------------------- */
.bolds-srf{font-weight:bold;font-family:var(--my-font-serif-bold);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bolds-ssrf{font-weight:bold;font-family:var(--my-font-sans-serif-bold);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.tx9 {font-size:9px !important;font-size:.9rem !important;}
.tx10 {font-size:10px !important;font-size:1.0rem !important;}
.tx11 {font-size:11px !important;font-size:1.1rem !important;}
.tx12 {font-size:12px !important;font-size:1.2rem !important;}
.tx13 {font-size:13px !important;font-size:1.3rem !important;}
.tx14 {font-size:14px !important;font-size:1.4rem !important;}
.tx15 {font-size:15px !important;font-size:1.5rem !important;}
.tx16 {font-size:16px !important;font-size:1.6rem !important;}
.tx17 {font-size:17px !important;font-size:1.7rem !important;}
.tx18 {font-size:18px !important;font-size:1.8rem !important;}
.tx19 {font-size:19px !important;font-size:1.9rem !important;}
.tx20 {font-size:20px !important;font-size:2.0rem !important;}
.tx24 {font-size:24px !important;font-size:2.4rem !important;}
.tx30 {font-size:30px !important;font-size:3rem !important;}
.tx36 {font-size:36px !important;font-size:3.6rem !important;}
.tx40 {font-size:40px !important;font-size:4rem !important;}
.tx-r{text-align:right !important;}
.tx-l{text-align:left !important;}
.tx-c{text-align:center !important;}
.tx-ss{font-size:72% !important;}
.tx-s{font-size:83.3% !important;}
.tx-m{font-size:123.1% !important;}
.tx-L{font-size:2.4rem !important;}
.tx-xL{font-size:3.2rem !important;}
.tt_0{font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.tt_1{font-size:3rem;}
.tt_2{font-size:2.4rem;}
.tt_3{font-size:1.8rem;}
.tt_1,.tt_2,.tt_3{line-height:1.4;margin-bottom:3rem;}
.float_l{float:left;}
.float_r{float:right}
.align-m{vertical-align:middle;}
@media print,screen and (min-width:768px){ /*PC*/
.tt_1{font-size:300%;}
.tt_2{font-size:150%;}
.tt_3{font-size:120%;}
}
/*clear ----------------------------- */
#clears{clear: both;width:1px;height:1px;}
.clears{clear: both;}
.clearfix:after{content:".";display:block;height:1%;clear:both;visibility:hidden;line-height:0;}
/*margin ----------------------------- */
.mg1em{margin:1em !important;}
.mg2em{margin:2em !important;}
.mgT1em{margin-top:1em !important;}
.mgT2em{margin-top:2em !important;}
.mgT-primary1 , .mgT3em{margin-top:3em !important;}
.mgB0{margin-bottom:0 !important;}
.mgB1em{margin-bottom:1em !important;}
.mgB2em{margin-bottom:2em !important;}
.mgB3em{margin-bottom:3em !important;}
.pd1em{padding:1em;}
/*width ----------------------------- */
.w100{ width:100%;}
.w80{ width:80%;}
.w60{ width:60%;}
.w50{ width:50%;}
.w33{ width:33%;}
.w25{ width:25%;}
/*header ----------------------------- */
header,nav{position:relative;margin-top:0;}
/*links ----------------------------- */
a,a:hover,a:active,a:visited{text-decoration:none;border:none 0;transition: color .8s,opacity .6s,background-size .6s;border-width:0;}
a{color:#333;}
main a{-moz-transition:color 0.2s ease,border-bottom-color 0.2s ease;-webkit-transition:color 0.2s ease,border-bottom-color 0.2s ease;-ms-transition:color 0.2s ease,border-bottom-color 0.2s ease;transition:color 0.2s ease,border-bottom-color 0.2s ease;border-bottom:dotted 1px rgba(100,100,100,1);color:inherit;}
a:hover,a:active{border-bottom-color:transparent;color:#9c9c9c;}
/*btn ----------------------------- */
a.btn,a.btn:hover,a.btn:active,a.btn:visited,.btn{display: inline-block;text-decoration: none;outline: none;border-bottom:1px solid #ff0000;margin:3rem 0;padding:.9rem 3em .9rem .2em ;font-size:var(--size-font-base);}
.btn{display: flex;justify-content: space-between;align-items: center;position: relative;width: 50%;transition: 0.3s;text-align:left;text-transform:uppercase;}
a.btn::before {content: '';position: absolute;top: calc(50% - 1px);
right: 0;transform: translateY(calc(-50% - 2px)) rotate(30deg);width: 12px;height: 1px;background-color:#333;transition: 0.3s;}
a.btn::after {content: '';position: absolute;top: 50%;
right: 0;transform: translateY(-50%);width: 36px;height: 1px;background-color:#333;transition: 0.3s;}
a.btn:hover {text-decoration: none;}
a.btn:hover::before,a.btn:hover::after {right: 0.5em;}
@media print,screen and (min-width:768px){ /* [ PC ] */
.btn{display: flex;justify-content: space-between;align-items: center;position: relative;width: 240px;transition: 0.3s;text-align:left;}
a.btn::before {content: '';position: absolute;top: calc(50% - 1px);
right: 0;transform: translateY(calc(-50% - 2px)) rotate(30deg);width: 12px;height: 1px;background-color: #333;transition: 0.3s;}
a.btn::after {content: '';position: absolute;top: 50%;
right: 0;transform: translateY(-50%);width: 70px;height: 1px;background-color: #333;transition: 0.3s;}
a.btn:hover {text-decoration: none;}
a.btn:hover::before,a.btn:hover::after {right: 0;}
a.btn:hover::after {width: 35px;}
}/* [ PC ] end */
.btn_tab{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.btn_tab li{width:calc(100% - 2px);}
@media print,screen and (min-width:768px){ /* [ PC ] */
.btn_tab{max-width:780px;}
.btn_tab li{width:calc(50% - 2px);margin:0 1px !important;}
}/* [ PC ] end */
.btn1 {display: inline-block;text-align: center;border:1px solid var(--color-sub-1);line-height:1.5;padding:2rem 2em;background:#333;color:white;}
.btn1:hover,.btn1:active {}
.btn-s { /*link google map*/
display:inline-block;
font-size:1.3rem;position:relative;}
.btn1.btn-w100 {display:block;}
.btn_tab a,.btn_contact{margin-bottom:6rem;display:block;background-color:var(--color-base-1);border:1px solid var(--color-base-1);display:inline-block;color:#fff;width:100%;max-width:100%;height:66px;line-height: 66px;letter-spacing:.1em;font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: all .3s ease-out;transition: all .3s ease-out;border:1px solid var(--color-base-1);text-align:center;}
.btn_tab a{margin-bottom:0;}
#idn_contact .btn_contac{border:1px solid var(--color-base-1);}
.btn_tab a:hover,#idn_contact .btn_contact:hover,#idn_contact .btn_contact.hover{background-size:72% auto;background-position: right center;background:transparent;color:var(--color-base-1);}
a[target="_blank"]{position:relative;}
a[target="_blank"]::before,a[target="_blank"]::after{content:"";width:1.2rem;height:1.2rem;position:absolute;background-position:0 50%;background-repeat:no-repeat;display:inline;
top:50%;transform: translateY(-50%);right:-1.2em;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;background-image:url(../imgs/ico_win-open01.png);}
a[target="_blank"]::before{background-image:url(../imgs/ico_win-open01.png);opacity:1;}
a[target="_blank"]::after{background-image:url(../imgs/ico_win-open01-hover.png);opacity:0;}
a[target="_blank"]:hover::before,a[target="_blank"]:active::before{opacity:0;}
a[target="_blank"]:hover::after,a[target="_blank"]:active::after{opacity: 1;}
a.imglink[target="_blank"]::after{content: "";margin: 0;}
a.btn1[target="_blank"]{padding-right:3em;}
a.btn1[target="_blank"]::before,a.btn1[target="_blank"]::after{content:"";width:1.2rem;height:1.2rem;position:absolute;background-position:0 50%;background-repeat:no-repeat;display:inline-block;top:50%;right:1.8em;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;transform:translateY(-50%);}
a.btn1[target="_blank"]::before{background-image:url(../imgs/ico_win-open02-hover.png);opacity:1;}
a.btn1[target="_blank"]::after{background-image:url(../imgs/ico_win-open02.png);opacity:0;}
a.btn1[target="_blank"]:hover::before,a.btn1[target="_blank"]:active::before{opacity:0;}
a.btn1[target="_blank"]:hover::after,a.btn1[target="_blank"]:active::after{opacity: 1;}
a.btn1.imglink[target="_blank"]::after{content: "";margin: 0;}
a.icon-remove[target="_blank"]::before,a.icon-remove[target="_blank"]::after{content:"";content:none;}
@media screen and (max-width:767px){ /* [ SP ] */
/* icon_info */
#idn_contact .wrp_info-tel,#idn_contact .wrp_info-mail{height:51px;line-height: 51px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:0;}
#idn_contact .wrp_info-tel .icon_info{margin-right:.9rem;}
}/* [ SP ] end */
@media print,screen and (min-width:768px){ /* [ PC ] */
.btn_tab a,#nav-sub .btn_contact,#idn_contact .btn_contact{display:inline-block;color:#fff;width:100%;max-width:100%;height:66px;line-height: 66px;letter-spacing:.1em;font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: all .3s ease-out;transition: all .3s ease-out;border:1px solid var(--color-base-1);}
.btn_tab a:hover,#idn_contact .btn_contact:hover,#idn_contact .btn_contact.hover{background-size: 180% auto;background-position: right center;}
#idn_contact .icon_info{display:none;}
}/* [ PC ] end */

/* ----------------------------------- */
/* body */
/* ----------------------------------- */
body,.wrapper{display: flex;flex-flow: column;min-height: 100vh;}
main {flex: 1;}
img{max-width:100%;max-height:100%;}
.nodisplay{display:none !important;}

@media screen and (max-width: 767px) { /* [ SP ] */
body {min-width:300px;}
#main-wrapper,.wrapper {width: 100%;min-width:300px;margin: 0 auto;padding:0;border:0;position: relative;}
.pc{display:none;}
.sp{visibility:visible;}
}/* [ SP ] end */
/* --- SP PC -- */
.sp{visibility:visible;}
.pc{display:none;}
@media print,screen and (min-width:768px){ /* [ PC ] */
body {min-width:1200px;}
#main-wrapper,.wrapper{min-width: 1080px;}
/* --- SP PC -- */
.sp{display:none;}
.pc{visibility:visible;display:block;}
}/* [ PC ] end */

/* ----------------------------------- */
/* header layout */
/* ----------------------------------- */
header,.header,.header .wrp_area-hdmenu{margin:0 auto;position:relative;}
header{background-color:transparent;background-image: linear-gradient(to bottom,var(--color-base-1) 0% 3px, transparent 3px 100%);background-repeat:no-repeat;}
.header{position:absolute;top:0;left:0;z-index:2;}
header,.header{width:100%;}
.header .wrp_area-hdmenu{width:100%;margin:0 auto;display: flex;flex-wrap: wrap;justify-content:space-between;z-index:15;height:var(--height-header-hdBlock-sp);}
.header .header-main{width:calc(100% - 70px);
height:var(--height-header-hdBlock-sp);margin-left:0;z-index:2;}
.header .header-main .logoBlock{width:100%;height:100%;height:var(--height-header-hdBlock-sp);padding-left:2rem;display:flex;flex-wrap:nowrap;flex-direction:column;text-align:left;}
.header .header-menu-sub{display:none;}
@media screen and (max-width: 767px) { /* [ SP ] */
.header{height:var(--height-header-hdBlock-sp);}
.header .header-main .logoBlock{padding-left:.9rem !important;padding-top:1rem;}
}/* [ SP ] end */

/*header ----------------------------- */
body{font-size:1.8rem;}
header,nav{position:relative;}
.p_front header{position:relative;margin:0 auto;}
@media print,screen and (min-width:768px){ /* [ PC ] */
.p_front header{height:var(--height-header--pc);border:solid 1px transparent;}
}/* [ PC ] end */
@media screen and (max-width:767px){ /* [ SP ] */
.p_front header{height:var(--height-header--sp);}
}/* [ SP ] end */
/*header-main （logoset） ----------------------------- */
.header .logoBlock h1{width:100%;margin:0;order:2;display:inline-block;height:70%;}
.header .logoBlock h1 span{display:none;}
.header .logoBlock h2{order:1;display:inline-block;}
.header .logoBlock img{vertical-align:bottom;height:100%;width:auto;max-width:300px;max-height:100%;margin:0;vertical-align:middle;}
.header .logoBlock p{display:none;}
.header .hdline{ /*hdline*/
font-size:70%;display:none !important;}
/*main-menu ----------------------------- */
.header #main-menu{width:100%;height:var(--height-gnav);position:absolute;right:0;top:0;z-index:15;display:block;}
.header .header-main .logoBlock{padding-left:0;}
/*sub-menu-sp ----------------------------- */
@media print, screen and (min-width:768px){ /* [ PC ] */
#sub-menu-sp{opacity:0;display:none;}
}/* [ PC ] end */
@media print, screen and (min-width:768px){ /* [ PC ] */
.header{left:50%;transform:translateX(-50%);height:var(--height-header-hdBlock-pc);max-width:1280px;min-width:1080px;}
.header .wrp_area-hdmenu{height:var(--height-header-hdBlock-pc);width:100%;align-items:flex-start;}
.header .header-main{width:40%;height:var(--height-header-hdBlock-pc);}
.header .header-main .logoBlock{width:100%;height:100%;margin:0;padding-left:0;justify-content:flex-start;vertical-align:bottom;}
.header .header-main .logoBlock h1{margin-top:auto;}
.header .hdline{display:block !important;font-size:70%;line-height:1;margin-top:.8rem;}
.header .header-main .logoBlock img{width:420px;height:auto;max-width:420px;max-height:100%;margin:0;vertical-align:bottom;}
.header .header-menu-sub{display:block;width:58%;}
.header #main-menu{width:58%;top:6rem;}
/* area_contact （.header-menu-sub　ヘッダー上部） */
.area_contact{width:100%;display:flex;justify-content:flex-end;align-items:flex-start;}
.area_contact div{width:260px;height:5rem;display:flex;justify-content:center;align-items:center;text-align:center;border-left:1px solid var(--color-base-1);}
.area_contact div:last-child{border-right:1px solid var(--color-base-1);}
.area_contact .info_tel,.area_contact .info_fax{padding-left:33px;text-align:center;position:relative;font-size:var(--size-font-x2-5);color:var(--color-base-1);}
.area_contact .info_tel::before,.area_contact .info_fax::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:28px;height:28px;background:url(../imgs/icon_contact.svg);background-size:100% auto;background-repeat:no-repeat;}
.area_contact .info_tel::before{background-position:50% 2px;background-size:80% auto;}
.area_contact .info_fax::before{background-position:0 bottom;}
.area_contact.type2{justify-content:center;}
.area_contact.type2 div{width:50%;padding:4rem;border:1px solid var(--color-base-1);}
.area_contact.type2 div:first-child{border-right:1px solid transparent;}
}/* [ PC ] end */
@media screen and (max-width:767px){ /* [ SP ] */
.area_contact.type2{width:100%;display:block;}
.area_contact.type2 div{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:4rem 0;border:1px solid var(--color-base-1);}
.area_contact.type2 .info_tel,.area_contact.type2 .info_fax{padding-left:45px;padding-right:20px;text-align:center;position:relative;font-size:var(--size-font-x2-5);color:var(--color-base-1);}
.area_contact.type2 .info_tel::before,.area_contact.type2 .info_fax::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:36px;height:36px;background:url(../imgs/icon_contact.svg);background-size:100% auto;background-repeat:no-repeat;}
.area_contact.type2 .info_tel::before{background-position:50% 6px;background-size:70% auto;transform:translateY(calc(-50% -3px));}
.area_contact.type2 .info_fax::before{background-position:0 bottom;}
.area_contact.type2 div:first-child{border-bottom:1px solid transparent;}
}
 /* [ SP ] end */
/*header-main header--menu-sub --------------------------- */
@media screen and (max-width:767px){ /* [ SP ] */
.header #main-menu{display:none;}
}/* [ SP ] end*/
 /* [ SP ] end */
@media print,screen and (min-width: 768px) { /*[ PC ]*/
}/* [PC] end*/

/* ----------------------------------- */
/* Global Navigation */
/* ----------------------------------- */
@media print,screen and (min-width: 768px) { /*[ PC ]*/
.gnav-wrapper a:focus, *:focus {outline:none;}
.gnav-wrapper {background-color:transparent;position:absolute;top:0;left:0;width: 100%;height:var(--height-gnav);margin: 0 auto 0;z-index: 10;background:transparent;font-size:var(--size-font-gnav);text-transform:uppercase;}
.gnav-wrapper,.gnav-wrapper .wrpnav,.gnav {height:var(--height-gnav);display: flex;justify-content:flex-end;}
.gnav-wrapper .wrpnav{width: 100%;}
.gnav {padding-bottom:10px;justify-content:flex-end;align-items:flex-end;}
.gnav.main-wrapper.wrp_mainnav{width:calc(100% - 130px);}
.gnav.main-wrapper.wrp_lang{width:130px;height:var(--height-gnav);position:relative;text-transform:capitalize}
.gnav > li{text-align: center;transition: all .3s ease-in-out;margin:0 1em;line-height:1;font-family: var(--my-font-sans-serif);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.gnav > li:last-child{margin-right:0;}
.gnav > li > a{color:var(--color-link1);}
.gnav.main-wrapper.wrp_lang > li > a{}
.gnav > li > a{padding:0;position: relative;display: inline-block;text-decoration: none;height:30px;}
.gnav > li > a.current::after,.gnav > li > a::after{position:absolute;left:0;bottom:4px;content:"";width:100%;height:2px;background:var(--color-sub-1);opacity: 0;visibility: hidden;transition: all 0.3s;}
.gnav > li a.current::after,.gnav > li:hover > a::after{display: inline-block;opacity: 1;visibility: visible;}
.gnav > li > a.current::after,.gnav > li > a::after{transition: all 0.2s;transform: scale(0,0);}
.gnav > li a.current::after,.gnav > li:hover > a::after{transform: scale(1,1);}
#main-menu nav .menu-item-has-children .sub-menu {display: none;}
}/* [ PC ] end*/

/* ----------------------------------- */
/* contContainer */
/* ----------------------------------- */
.contContainer {width:100%;margin:0 auto 0;position:relative;z-index:2;}
.wrp_Block{margin-bottom:6rem;}
.contContainer section.sect_footer{margin:0 auto;padding:60px 0;box-sizing:border-box;}
/*contarea ----------------------------- */
main > .contarea {width:90%;padding:0;margin:0 auto;}
aside .contarea {padding:3rem 5% 6rem;}
.p_front main{display:flex;justify-content:center;align-items:center;flex-direction:column;}
@media print,screen and (min-width:768px){ /* [ PC ] */
main > .contarea {width:100%;max-width:1080px;}
}/* [ /PC ] end */

/* ----------------------------------- */
/* contact （footer） */
/* ----------------------------------- */
#idn_contact{width:90%;background: var(--color-contact-bg);margin:5% auto;text-align:center;border:1px solid var(--color-base-1);font-size:var(--size-font-x2-5);}
#idn_contact .innerBlock{width:90%;margin:3rem 5% 5%;}

/*#idn_contact .wrp-contactset ----------------------------- */
#idn_contact .wrp-contactset{width:100%;display:grid;place-content: center;grid-template-rows:115px;grid-template-columns: repeat(2, 1fr);text-align:center;background:var(--color-base-1);}
#idn_contact .wrp_info-tel,#idn_contact .wrp_info-fax,#idn_contact .wrp_info-mail{display:grid;place-content: center;text-align:center;line-height:1;color:#fff;position:relative;font-size:var(--size-font-x2-5);color:white;}
#idn_contact .wrp_info-mail{width:100%;background:var(--color-sub-1);font-size:var(--size-font-x2);}
.contact .info_tel,.contact .info_fax{margin:0;line-height:1;position:relative;font-family: 'Roboto', sans-serif;text-align:center;}
#idn_contact .wrp_info-tel a,#idn_contact .wrp_info-fax a,#idn_contact .wrp_info-mail a{color:#fff;width: 100%;height: 100%;}
 @media screen and (max-width:767px){ /* [ SP ] */
#idn_contact .wrp-contactset{display:block;}
#idn_contact .wrp_info-mail,#idn_contact .wrp_info-tel,#idn_contact .wrp_info-fax{width:100%;position:relative;padding:4rem 0;}
}/* [ SP ] end */
@media print,screen and ( min-width: 768px) { /* [PC] */
#idn_contact{width:100%;margin:4.2rem 0 0 ;text-align:center;background: var(--color-contact-bg);border:1px solid transparent;font-size:var(--size-font-x2-5);}
#idn_contact .innerBlock{margin:4.5rem auto 0;width:100%;font-size:2.6rem;}
.contact .info_tel{font-size:3.2rem;}
#idn_contact .wrp-contactset{grid-template-rows:136px;}
}/* [ PC ] end */

/* ----------------------------------- */
/* return page top */
/* ----------------------------------- */
@media only screen{
#pagetop_Block {position:fixed;bottom:9px;right:9px;z-index:19;text-align:center;}
#pagetop_Block,#pagetop,#pagetop a{margin:0 auto;}
#pagetop_Block,#pagetop span,#pagetop a{width:50px;height:50px;}
#pagetop span{font-size:10px;vertical-align:middle;position:relative;display:block;}
#pagetop a{display:block;margin:0;width:50px;height:50px;line-height:50px;color: #fff;text-decoration: none;background:rgba(0,51,139,1);transition: 1s;opacity:0.9;}
#pagetop a:hover {text-shadow: 0 0 20px rgba(0,51,139,.9);background-color:rgba(100,155,180,.5);}
#pagetop span::before{display:block;content: '';position:absolute;top:50%;width:16px;height:16px;border-top:1px solid #fff;border-left:1px solid #fff;left:50%;transform: translate(-50%,-50%) rotate(45deg);}
}
#pagetop_fix{position:absolute;bottom:50px;height:40px;}

/* ----------------------------------- */
/* breadcrumbs */
/* ----------------------------------- */
.pan{position:absolute;top:var(--height-pan-sp);left:0;width:100%;font-size:1.3rem;z-index:1;text-transform:uppercase;}
.pan ul{width:90%;margin:12px 5% 0;}
.pan ul > li{display:inline-block;color:rgba(170,168,168,1);}
.pan ul > li{position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;text-decoration: none;}
.pan ul > li:first-child{padding-left:0;}
.pan ul > li::before,.pan ul > li::after{position: absolute;top: 0;bottom: 1px;left: 0;margin: auto;content: "";}
.pan ul > li::before{left:3px;top:0;width:6px;height:6px;border-top: 1px solid rgba(185,190,205,1) ;border-right: 1px solid rgba(185,190,205,1) ;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pan ul > li:first-child::before{border:none 0;margin: 0;position: relative;top: 1px;}
.pan ul > li a{text-decoration:underline;color:var(--color-base-1);text-decoration:none;}
@media print,screen and (min-width:768px){ /* [ PC ] */
.pan{width:1080px;max-width:1080px;top:var(--height-pan-pc);left:50%;transform:translateX(-50%);}
.pan ul{width:100%;margin:0;padding:0;}
}/* [ PC ] end */
@media screen and (min-width:768px) and (max-width:1199px){
.pan{width:100%;margin:0 6rem;left:0;transform:translateX(0);}
}
/* ----------------------------------- */
/* footer */
/* ----------------------------------- */
footer {width:100%;margin:0;padding:0;background: var(--color-footer-bg);position:relative;font-size:var(--size-font-ss);}
footer .innerBlock{width:90%;margin:0 auto;}
footer p{margin-bottom:0;text-transform:uppercase;}
.ft_wrp,footer .wrp_vcard{margin:0 auto;padding:0;display:flex;align-items:center;}
.ft_wrp{width:100%;}
footer .vcard1{margin:0;}
footer .vcard1 h1{font-size:2rem;display:block;margin:4rem 0 1rem;}
footer .vcard1 p{font-size:1.2rem;}
footer .info_tel,footer address{margin:0 auto 0;}
footer .info_tel span{margin:0}
footer .info_tel .tel-link::before{content: "TEL:";}
footer .info-fax::before{content: "FAX:";}
.vcard2 h2{display:none;}
.foot_nav{width:100%;}
.foot_nav ul{margin:3rem 0 ;font-size:1.5rem;padding:0;}
.foot_nav li{display:inline-block;position:relative;margin:0 auto;}
.foot_nav li a:hover{color:var(--color-base-1);}
#copyright{width:100%;margin:0 auto;padding:1.2rem 0;text-align:left;font-size:.9rem;color:rgba(255,255,255,.5);background:var(--color-base-1);text-transform:capitalize !important;}
#copyright p{text-transform:capitalize !important;font-size:1rem;}
@media screen and (max-width:767px){ /* [ SP ] */
footer .vcard1 {width:38%;}
footer .vcard1 h1 img{width:100%;max-width:100%;margin-bottom:1rem;}
footer .info_tel{margin:0 auto 1rem;}
.ft_wrp,footer .wrp_vcard{flex-wrap:wrap;align-items:flex-start;}
.ft_wrp{margin:0 auto 0;flex-wrap:nowrap;justify-content:space-between;width:100%;flex-direction:column;}
footer .vcard2{width:100%;margin-left:1rem;}
.foot_nav ul{width:100%;margin:1rem 0 3rem 1rem;font-size:1.5rem;padding:0;}
.foot_nav li{width:100%;}
.foot_nav li::before{content:none;}
.foot_nav li a{-moz-transition:color 0.2s ease,border-bottom-color 0.2s ease;-webkit-transition:color 0.2s ease,border-bottom-color 0.2s ease;-ms-transition:color 0.2s ease,border-bottom-color 0.2s ease;transition:color 0.2s ease,border-bottom-color 0.2s ease;border-bottom:dotted 1px rgba(100,100,100,1);color:inherit;}
.foot_nav li a:hover,.foot_nav li a:active{border-bottom-color:transparent;color:#9c9c9c;}
} /*[ SP ] end */
@media print,screen and (min-width:768px) { /* [ PC ] */
footer{font-size:1.5rem;}
footer .innerBlock{width:90%;min-width:1080px;margin:0 auto;}
.ft_wrp{margin:3rem auto;flex-wrap:nowrap;justify-content:space-between;width:100%;text-align:left;align-items:center;}
footer .wrp_vcard{flex-grow:2;justify-content:flex-start;}
footer .wrp_vcard.vcard1{margin-right:6rem;}
footer .vcard1 h1 img{width:300px;height:auto;}
footer .info_tel,footer address{margin:0 auto;}
footer .vcard1 h1{font-size:2rem;display:block;margin:0 0 1rem;}
footer .vcard1 h1 img{max-width:100%;}
.foot_nav{width:auto;}
.foot_nav ul{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;}
.foot_nav ul{margin:0 0 0 auto;font-size:1.5rem;text-align:right;}
.foot_nav ul li{ padding-left:1rem;margin-left:auto;margin-right:0;}
footer .vcard1{order:1;margin-right:3rem;}
footer .vcard2{order:2;flex-grow:1;}
.foot_nav{order:3;flex-grow:1;height:60px;text-align:right;}
.foot_nav li ul{padding-top:3%}
} /*[ PC ] end */

/* ----------------------------------- */
/* aside */
/* ----------------------------------- */
/* -------scroll-------*/
@media screen and (min-width:768px){ /* [ PC ] */
.block-sld{display:none;}} /*[ PC ] end */
@media screen and (max-width:767px){ /* [ SP ] */
.block-sld{position:absolute;right:0px;top:50%;width:100px;min-width:1200px;height:100%;z-index:1;writing-mode: vertical-lr;font-family:sans-serif;}
.block-sld .wrp{position:absolute;right:0px;top:83%;width:80px;height:200px;z-index:-1;mix-blend-mode: screen;color:#666;}
.block-sld a {display: inline-block;position: absolute;right: 9px;top: 0px;z-index: 2;padding: 10px 10px 130px;overflow: hidden;color: #ccc;line-height: 1;text-transform: uppercase;text-decoration: none;writing-mode: vertical-lr;background:rgba(0,0,0,.3);background: rgba(255, 255, 255, 0);}
.block-sld p{line-height:1;letter-spacing: .15em;margin:0;padding:0;font-size: 1rem; transform: scale(0.8);}
.block-sld a::before {content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 120px;background: rgba(255, 255, 255, .4);background:rgba(100,100,100,.2);background:#ccc;}
.block-sld a::after {content: '';position: absolute;bottom: 0;left: 50%;width:7px;height:7px;background: var(--color-sub-1);transform:translateX(-50%);}
.block-sld a::after {animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite;}
@keyframes circlemove{0%{bottom:120px;}
100%{bottom:-5px;}
}
@keyframes cirlemovehide{0%{opacity:0}
50%{opacity:1;}
80%{opacity:0.9;}
100%{opacity:0;}
}
.scrolldown2:after{content:"";position: absolute;bottom:0;left:0;width:2px;height: 50px;background:#eee;}
} /* [ SP ] end */

/* ----------------------------------- */
/* Animation（screen only） */
/* ----------------------------------- */
@media screen{
/* fadeUp */
.fadeUp{animation-name:fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeUpAnime{from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}
}
.fadeUpTrigger{opacity: 0.1;}
}
/* -------box-------*/
.box1 {display: inline-block;border:1px solid var(--color-secondaly1);color:var(--color-secondaly1);line-height:1.5;padding:2rem 2em;}
@media print, screen and (min-width:768px){ /* [ PC ] */.box1 {text-align:center;}}/* [ PC ] end */

/* ----------------------------------- */
/* print only */
/* ----------------------------------- */
@page {size: A4 portrait;margin: 9.0mm 9.7mm;}
@media print{
body {width: 1200px;transform: scale(0.9) !important;transform-origin: 0 0;}
body,.wrapper,main{display: block;}
#main-menu,#sub-menu-sp{display:none !important;}
#main-wrapper,.wrapper,header,.header,.header .wrap{min-width:100%;}
.p_front header{background-color:#fff !important;}
.pan{display:none;}
#idn_contact.contact,.foot_nav{display:none !important;}
footer{margin-top:12rem;}
}