.tbl_1col > tbody > tr > th, .tbl_1col > tbody > tr > td { display: block; box-sizing: border-box; width: 100% !important; }

.tbl_1col > tbody > tr > th { border-bottom: none; }

.tbl_1col > tbody > tr > td:not(:first-child) { border-top: none !important; }

.tbl_1col > tbody > tr th:not(:first-child), .tbl_1col > tbody > tr:not(:first-child) > th, .tbl_1col > tbody > tr:not(:first-child) > td { border-top: none; }

.js_tbl_res { display: none; }

/*==========================================================================*/
/*                               Gnavi                                      */
/*==========================================================================*/
.btn_menu { position: fixed; top: 0; right: 0; z-index: 113; width: 60px; height: 60px; }

.btn_menu .icon { width: 30px; height: 15px; }

#gnavi { top: 60px; }

#gnavi .gnavi_inner { top: 60px; height: calc(100vh - 60px); }

#gnavi .gnavi_content { transition-delay: 0.2s; }

.gnavi_open #gnavi .gnavi_content { transition-delay: .4s; }

ul.menu { display: flex; flex-wrap: wrap; padding-bottom:120px }

ul.menu > li { width: 100%; }

ul.menu > li:nth-child(1) { border-top: dashed 1px rgba(255, 255, 255, 0.15); }

ul.menu > li:nth-child(2n-1) { order: 1; }

ul.menu > li:nth-child(2n+0) { order: 2; }

ul.menu > li > a, ul.menu > li > span { display: block; position: relative; padding: 15px 10px 10px; font-size: 14px; }

ul.menu > li > a br, ul.menu > li > span br { display: none; }

ul.menu > li span:before, ul.menu > li span:after { content: ''; position: absolute; background: rgba(255, 255, 255, 0.4); top: 50%; }

ul.menu > li span:before { width: 11px; height: 1px; margin-top: 0px; right: 12px; }

ul.menu > li span:after { width: 1px; height: 11px; right: 17px; margin-top: -5px; transition: all .2s; opacity: 1; }

ul.menu > li a:before { content: ''; position: absolute; padding: 3px; border-right: 1px solid rgba(255, 255, 255, 0.6); border-bottom: solid 1px rgba(255, 255, 255, 0.6); right: 15px; top: 50%; transform: rotate(-45deg); margin-top: -3px; opacity: 0.7; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
header { height: 100vh; overflow: hidden; }

header .box_head { height: calc(100% - 60px); }

header h1 { margin-bottom: 30px; }
@supports (-webkit-touch-callout: none) {
		/* Specific to iOS devices */ 
	
header h1.anim svg path, header h1.anim svg polygon, header h1.anim svg rect{
	    fill: rgb(255, 255, 255);
    opacity: 1;
    stroke-dasharray: 0px;
    stroke-width: 0px;
}
	header h1.anim svg path, header h1.anim svg polygon, header h1.anim svg rect{
		    animation: none;
	}
	}
@media not all and (min-resolution:.001dpcm) {
		@supports (-webkit-appearance:none) {
		header h1.anim svg path, header h1.anim svg polygon, header h1.anim svg rect{
	    fill: rgb(255, 255, 255);
    opacity: 1;
    stroke-dasharray: 0px;
    stroke-width: 0px;
}
	header h1.anim svg path, header h1.anim svg polygon, header h1.anim svg rect{
		    animation: none;
	}
		}
	}
header h1 svg { height: 66px; }

header .txt01, header h2 { line-height: 1.8; font-size: 18px; }

header .btn_scroll { padding-right: 27px; bottom: 0px; font-size: 10px; letter-spacing: 0.5px; }

header .btn_scroll > span { width: 20px; }

header .btn_scroll.anim { right: 5px; }

.under header { height: auto; }

.under header h1 { height: 60px; padding: 10px 0 0 10px; }

.under header h1 img { height: 40px; width: auto; }

.under header .key .inner { height: 220px; padding-top: 60px; }

.under header .key h2 { font-size: 24px; }

header.js-scroll { z-index: 101 !important; }

header.js-scroll h1 { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.95); text-align: left; height: 60px; width: 100%; box-sizing: border-box; padding: 10px 0 0 10px; margin: 0; -webkit-animation: show_h1 .5s ease forwards; animation: show_h1 .5s ease forwards; z-index: 101; }

header.js-scroll h1 svg { height: 40px; width: auto; }

@-webkit-keyframes show_h1 { 0% { top: -100%; }
  100% { top: 0; } }

@keyframes show_h1 { 0% { top: -100%; }
  100% { top: 0; } }

/*==========================================================================*/
/*                               Footer                                     */
/*==========================================================================*/
footer { padding: 40px 0 50px; }

footer .ft_logo img { height: 100px; width: auto; }

footer .ft_icon { margin: 20px 0 20px; }

footer .ft_icon img { height: 60px; }

footer .ft_link { margin-bottom: 30px; }
footer .ft_bnr01 { text-align: center;}
footer .ft_bnr01 img { height: auto; max-width: 490px; width: 80%; }

footer .ft_bnr_official{ margin-top: 30px; }
footer .ft_bnr_official img { height: 60px; width: auto;}

footer address { padding: 40px 0; }

/*==========================================================================*/
/*                             Bottom Bar                                 	*/
/*==========================================================================*/
.bottom_bar { position: fixed; left: 0; bottom: 0; width: 100%; display: none; z-index: 4; border-top: solid 1px #666; background: #000; }

.bottom_bar ul { display: flex; width: 100%; }

.bottom_bar li { height: 50px; width: 25%; }

.bottom_bar li:not(:last-child) { border-right: solid 1px rgba(255, 255, 255, 0.4); }

.bottom_bar li a { display: block; width: 100%; height: 100%; text-decoration: none; text-indent: -9999px; color: transparent; background-repeat: no-repeat; background-position: center center; }

.bottom_bar li.tel a { background-size: 26px auto; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiIC8+DQoJPHBhdGggZD0iTTEzLjI1IDIxLjU5YzIuODggNS42NiA3LjUxIDEwLjI5IDEzLjE4IDEzLjE3bDQuNC00LjQxYy41NS0uNTUgMS4zNC0uNzEgMi4wMy0uNDkgMi4yNC43NCA0LjY1IDEuMTQgNy4xNCAxLjE0IDEuMTEgMCAyIC44OSAyIDJ2N2MwIDEuMTEtLjg5IDItMiAyLTE4Ljc4IDAtMzQtMTUuMjItMzQtMzQgMC0xLjExLjktMiAyLTJoN2MxLjExIDAgMiAuODkgMiAyIDAgMi40OS40IDQuOSAxLjE0IDcuMTQuMjIuNjkuMDYgMS40OC0uNDkgMi4wM2wtNC40IDQuNDJ6IiBzdHlsZT0iZmlsbDpyZ2IoMjU1LDI1NSwyNTUpO2ZpbGwtcnVsZTpub256ZXJvOyIgLz4NCjwvc3ZnPg=="); }

.bottom_bar li.mail a { background-size: 24px auto; background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADGCAYAAAA9tF57AAANa0lEQVR4nO3di3EbRxaF4RZrA0AGC2UARbBUBKYjMBWByQgoR0A6AjIDUhGQioDMwNgIjAy0NdrbqjEEYF7dp1//V6Xasr02RUl9MX3PdN933759c5GtnHNr+xL+f1exvyhQqK39tHfOubfY38K/Ivw3u8V96Zz7pbf4WfDAPFsrBN2PP60wBBPqCaBb4OfOud+dcxsWPBDNk3Pui3PuIcQXWFoAusX+m33is+gBra4YXPe2DZPNLQDdYr9h4QNZuLNCMNmcAtA96t/apz+APHQ9gj/sqWC0KQWAT30gf5OeBsYWgG7BP/OpDxSh6wl8GJMYnI34blj8QFm66P11zJP6UAHo/gOPLH6gOKOKwKkC0P2L99b0A1BmEXg+VQROFYCu2XcR5+cFQGRjL+gddKoAdN3Ez/wuAUW7s1eIDxqTAlzaVgBAOXb2XsDdqZ/x2Bjw3PYSAPLXLf5PY14KGhMDdl7G5ooAkhq9+N2MV4F5JwDIV/c68K9TDgeNfQLwdvYk8MIfAiAr3Zr8OPVk4NQC4H0cai4AkLmzT/7JW/S5BcDZgQNiQiAtf/hnVn8uxI1AF/a6MACdUTHfkFBXghETAjqTOv2nLNkC9PmYcPbVRABG2dl+f/HidwGfADxiQiCeyTHfkFBPAB4xIRDHrJhvSOgC4BETAuHMjvmGxCoAjpgQCOLzkphviGI0GAkBMN3OFn6QASDHKAqAs6bgyZtJAPwQLOYbctYb2BnTW4wGBlChbciYb8DqzC4OVMR2b5YQRJ94ChTKf1AqUrRuzb+e2WP5q+jyTx8TKqobUJIoMd8Rvi+37qcA3d+4Ev2C/UpMCPwQLeY74MrO7nzvx+3HgLc2/kuBmBCIHPPtubI1/qMZ36UAh2IA/ziiQEyIFkliPrOyhX+5/w+OFQDXa9opEBOiJbKYrzfg5+CMj1NvAm6sOaiKCUkI0II3YSN8bfv9owN+Tj0BeDvbDigWp59FyDgy1Cj4ab4TNraWTn6Aj50O/CoaE+aLDTEhapMk5hv6P045DPRITAjMkizmGzJmC7Dvs91FpuBjC6BU18IPs5up0fqcAuCICYFBWcR8Q+YWANd7b1nxWENMiJJkE/MNWVIAXO/kkioh4L5B5E7Z6V+PbfYds/RGoLVwUe6EJ6WAOZSd/s3Sxe8CXQmWIiZU7KuAKZ6Enf7RMd+QkHcCKmPCTxwkQkbu7M9kdjHfkKU9gEOUMeGlNUCAFIKM55rgNvSHbIwC4IgJ0QB1p39WzDckVgFwxISoWDEx35CYBcARE6JC2R3oWSJ2AXC9YYaq+O6Z04SI5EXY6Zc81cacDOT5T2ZFTOgYS4ZIlAd6LlRbWkUB8JQxIfcNIqQ78b1996p+lmILsM//YipcWOEB5lAe6HExYr4hKQqAIyZEAaqI+YakKgAuQUwYtZuKqigb11FjviEpC4BLcN8gMSGGVBXzDVE2AQ9ZCWM7P5aM04Q4Jst7+2JKXQBcrwio9j/EhDhEGfNdhjzQs0QOBcC7ZywZEkk6niul1D2AQx6s+6pAQtA29b19N+qYb0iOBcCJY0IOErWpmgM9S+S0Beg7F48lUzV+kAd/SK3pxe8yfgLwiAkRWlMx35BcnwA8f9+gMiZkLFm9mov5huReALxnxpJhoWzHc6VUSgFwFp0QE2KOZmO+Ibn3AA7hIBHGKmI8V0olFgBnjZwPoq9FTFgmYr4RStoC9G3EMeEHURKBMN6EDd217feLW/yu4CcATx0TPnLfYPaI+SYo9QnASzGWjJgwX8R8E5VeADzlfYPEhHki5puh9C3APuVYMh/3IL1rYVG+qSkirq0AOGLCphDzLVRjAXCMJWsCMV8AtRYAx1iyqik7/esamn3H1NIEPGQtXJQ+IeC+wfiUnf5NzYvfVV4AXKKYUDVEokVPwk5/FTHfkNoLgKeMCT9xkCiKO/u1JeYLqOYewCHKmPDSGkdYZme/Z6qYTz6eK6XWCoAjJixKE+O5UmqxADhiwiIQ8wm0WgAcMWHWONAj0nIBcOIhkE44Bq1kL8JOf/NPZ62kAMf4T2bVox9jyU5THujpfs+b35q1XgA8ZUzIfYOH3Ynv7ev2/M33ZVrfAuzzfwgVLqzwtE55oMe1FvMNoQD8jJhQh5gvMQrAYeqYsMUutLIB22zMN4QCcBxjyeIh5ssETcDjVsLYzo8la+E0Iff2ZYQCcJovAqp9Y+0xoTLmu2zlQM8SFIBx7hlLthjjuTJED2CaB+taK9SSEKjv7bsh5huPAjCdMiYs/VVVDvRkji3AdOfisWSqhllo/rAViz9jPAHMR0x4HDFfIXgCmM/fN6iMCUsYS0bMVxAKwHLPjCX7gfFchaEAhHFLTEjMVyJ6AGG1eJCI8VwFowCE92b7dYXUMSExX+HYAoT3JlyQvtgokohjX1vVmNyJthdNoQCEpbzVxtsmGEumjPn6GLoSGFuAMNTDK455FDwiKy/tPIahK4HwBLCc3wfnEM/FjgmVMd8pD8Jma9V4AlhG2QSbwsdkIb/PHJ5w9jV/rfdSFID5Uu2Dxwr1iuzW+hq5voXI0JUF2ALMo3zdda6uQL1fkM/v7N/N/RXklm5TCo4CMF0u++Cxui3KO/sUHxMXvlmn/YNwHHcIDF2ZgS3ANMq5AbGsLCn4t/33u7/+rz3NbBO9UxDSDVHheBSAcdTDK7AMQ1dGogAMy7XTj9NaH7oyCj2A03biW21aofheX6yPUeJtSjIUgOPehN3ljV0uUvsnlj/Q85cotkt5VqIIFIDDUt1q4+8brPFpwC/+S4au5IMC8DP1jPr9W23800BNL7b476l/ToGhKxmgAPyT+labYzPq18JPyNg2A/f2MXQlIVKA/8t5eIWqCRnDxYkit4+hKwlQAMq41ea6wMfXKyt0U/oZDF0Ra70AbG3xlzCjXvkJucTS8Vx+GIpiG9b8TIGWC0CJwyverAjkGmttrMgtbWAydEWk1SZgqcMrfDc9x+GXVwEXEkNXRFosADUMr7gVziccsrLvMcY9/Qxdiay1AlDT8IqNvVF3m6gQrO1r/xX5HkKGrkTUSg+ghRn1T/Y9xt7WdI/lv/Te6FN5sk9phWZiwhYKQGvDK56sefYlYBNtY4vit8TNMmLCwGovAMpOv98L5/T23s4KwldbPGN+HVb2Y2Of9JvMOuTK39O1/Z5WmxDUXACYUX+cv/1n11vwzn7+JXziqWPC3Ap7MLUWgCfhfXbnjKlORjkRSTF0Ra7GFOBOuPiZUZ8WMeFCtT0BKN+Z5/LJfHy2wSUKoYeuJFVLAWBGPZQJQTUxYQ0FgBn18NQHiYqPCUvvAShn1K9rbQRVZOjykZD85KWi7xss+QlAOaa6+WOjhSEmHKnUJ4AH4eIPeZoPGqsDdxDG4otNkUNjSiwAd+IDPcR85XoUxoSfSkyFStoCqGfUE/PVQxkTXlqjuAilFAB1p5+Yrz7EhAeUUACI+RAKMeGe3AsAB3oQ2tb+TDV/36DLvAmovLePxd8O5dCV7MeS5VoAlPf2EfO1x38yq7Z62Y4ly7EAEPNBRRkTZnnfYE49AOWBHmed/hyv14ae/9BR8ANhs5BLASDmQ2rq+wZfc/gdz2ELsBMOwOzPqAf6zm1RKraD/hCbosF9UuonAGI+5KapsWQpnwBKHc+Fuq1aiglTFQBlzHdBpx8T+SKg2iomiwlTFAD1eK57Fj9muq99LJmyB9DCeC7U6cFSKgXpQSJVAeBAD0pX5VgyxRZgmyDmY/EjNHVMKGmQx34CIOZDbaqKCWM+ARDzoUb+vkFlTBjt6TlWAVDGfBzoQQpVjCWLUQDUMd8tix+J3JYeE4bsARDzoVVP9imtEDQmDFUAiPnQuiJjwhBbAOV4rhXjuZApHxOqxpJ9CJFELH0CIOYD/qmosWRLngCeiPmAn6hjwo9Lnr7nFoA72/MT8wGHFRETztkCXDOeCxhNOZbMx+KjTSkA6piPe/tQi2zHknUF4O8Rj9fEfMAyWY4lOxvRxFPGfGtiPlRqI2xkd2v2/YgkYjvUBFSP51LdxQak4K8DV1wC6hOCU/cN7s5OPJI8MJ4LCM7HhIqnXF8EjvXtvheAQ48JjOcC4lKOJft0JE37vgX42vsbvtOvWvw3nOZDw5SnCf84cK/h1y4F6Bbf34znApJJFRO+f2evAbxahSDmA9JQx4SP/QKwEn9hmn3Az/wFuoqDRN+9E44GZPEDw/ywXMm4MNVkIGI+YBx/E7Bki6woAMR8wHSSmDD2FuCWe/uARfw7OVHEKgDEfEA40WLCGAWAmA8IL0pMGLoA0OkH4gl+32DIJiCdfiCuVegTs6EKwAWdfkDCF4Eg/bUQBeDK9vwsfkDnPsRBoiU9AMZzAek9HDjlN9rcAkCnH8jH7JhwzhaAxQ/kxY8lm7wNn/oEQMwH5GtnF/iOvsNz6hNAlz/+yR8AIDs7u9Nj0otCS3oAvOoL5OHFGoGTb+9e+iZgtyX4nUIAyO3sifx6yZuBoV4FXltTcNJcMgCT7eyE4JcQrwTHOAx0bk8G/yEpABbzn/Qvtui3IQ8EKa4EW9mPTe+vARzWLW7/w+/p49zX6Zz7H41YcHYMms78AAAAAElFTkSuQmCC"); }

.bottom_bar li.line a { background-size: 30px auto; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPg0KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyIiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KCTxnPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxwYXRoIGQ9Ik0xMiwyM2MtMC4xLDAtMC4yLDAtMC4yLTAuMWMtMC4yLTAuMS0wLjMtMC4zLTAuMy0wLjR2LTIuM2MtNi4xLTAuMi0xMS00LjQtMTEtOS42QzAuNSw1LjMsNS43LDEsMTIsMSAgICAgczExLjUsNC4zLDExLjUsOS42YzAsMy0xLjYsNS43LTQuNCw3LjVsLTYuOSw0LjhDMTIuMiwyMywxMi4xLDIzLDEyLDIzeiBNMTIsMkM2LjIsMiwxLjUsNS45LDEuNSwxMC42YzAsNC44LDQuNyw4LjYsMTAuNSw4LjYgICAgIGMwLjMsMCwwLjUsMC4yLDAuNSwwLjV2MS44bDYuMS00LjJjMi41LTEuNywzLjktNC4xLDMuOS02LjdDMjIuNSw1LjksMTcuOCwyLDEyLDJ6IiBzdHlsZT0iZmlsbDpyZ2IoMjU1LDI1NSwyNTUpO2ZpbGwtcnVsZTpub256ZXJvOyIgLz4NCgkJCTwvZz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxwYXRoIGQ9Ik03LjksMTMuOUg1LjZjLTAuMywwLTAuNS0wLjItMC41LTAuNVY4YzAtMC4zLDAuMi0wLjUsMC41LTAuNVM2LjEsNy43LDYuMSw4djQuOWgxLjhjMC4zLDAsMC41LDAuMiwwLjUsMC41ICAgICBTOC4xLDEzLjksNy45LDEzLjl6IiBzdHlsZT0iZmlsbDpyZ2IoMjU1LDI1NSwyNTUpO2ZpbGwtcnVsZTpub256ZXJvOyIgLz4NCgkJCTwvZz4NCgkJCTxnPg0KCQkJCTxwYXRoIGQ9Ik05LjgsMTMuOWMtMC4zLDAtMC41LTAuMi0wLjUtMC41VjhjMC0wLjMsMC4yLTAuNSwwLjUtMC41czAuNSwwLjIsMC41LDAuNXY1LjRDMTAuMywxMy43LDEwLjEsMTMuOSw5LjgsMTMuOXoiIHN0eWxlPSJmaWxsOnJnYigyNTUsMjU1LDI1NSk7ZmlsbC1ydWxlOm5vbnplcm87IiAvPg0KCQkJPC9nPg0KCQkJPGc+DQoJCQkJPHBhdGggZD0iTTE0LjEsMTMuOWMtMC4zLDAtMC41LTAuMi0wLjUtMC41VjhjMC0wLjMsMC4yLTAuNSwwLjUtMC41czAuNSwwLjIsMC41LDAuNXY1LjRDMTQuNiwxMy43LDE0LjQsMTMuOSwxNC4xLDEzLjl6IiBzdHlsZT0iZmlsbDpyZ2IoMjU1LDI1NSwyNTUpO2ZpbGwtcnVsZTpub256ZXJvOyIgLz4NCgkJCTwvZz4NCgkJCTxnPg0KCQkJCTxwYXRoIGQ9Ik0xMS44LDEzLjljLTAuMywwLTAuNS0wLjItMC41LTAuNVY4YzAtMC4zLDAuMi0wLjUsMC41LTAuNXMwLjUsMC4yLDAuNSwwLjV2NS40QzEyLjMsMTMuNywxMi4xLDEzLjksMTEuOCwxMy45eiIgc3R5bGU9ImZpbGw6cmdiKDI1NSwyNTUsMjU1KTtmaWxsLXJ1bGU6bm9uemVybzsiIC8+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cGF0aCBkPSJNMTQuMSwxMy45Yy0wLjIsMC0wLjQtMC4xLTAuNS0wLjNsLTIuMy01LjRjLTAuMS0wLjMsMC0wLjUsMC4zLTAuN2MwLjMtMC4xLDAuNSwwLDAuNywwLjNsMi4zLDUuNCAgICAgYzAuMSwwLjMsMCwwLjUtMC4zLDAuN0MxNC4yLDEzLjksMTQuMiwxMy45LDE0LjEsMTMuOXoiIHN0eWxlPSJmaWxsOnJnYigyNTUsMjU1LDI1NSk7ZmlsbC1ydWxlOm5vbnplcm87IiAvPg0KCQkJPC9nPg0KCQkJPGc+DQoJCQkJPHBhdGggZD0iTTE4LjQsMTMuOWgtMi4zYy0wLjMsMC0wLjUtMC4yLTAuNS0wLjVWOGMwLTAuMywwLjItMC41LDAuNS0wLjVoMi4zYzAuMywwLDAuNSwwLjIsMC41LDAuNXMtMC4yLDAuNS0wLjUsMC41aC0xLjh2NC40ICAgICBoMS44YzAuMywwLDAuNSwwLjIsMC41LDAuNVMxOC43LDEzLjksMTguNCwxMy45eiIgc3R5bGU9ImZpbGw6cmdiKDI1NSwyNTUsMjU1KTtmaWxsLXJ1bGU6bm9uemVybzsiIC8+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cGF0aCBkPSJNMTguNCwxMS4yaC0yLjNjLTAuMywwLTAuNS0wLjItMC41LTAuNXMwLjItMC41LDAuNS0wLjVoMi4zYzAuMywwLDAuNSwwLjIsMC41LDAuNVMxOC43LDExLjIsMTguNCwxMS4yeiIgc3R5bGU9ImZpbGw6cmdiKDI1NSwyNTUsMjU1KTtmaWxsLXJ1bGU6bm9uemVybzsiIC8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4="); }

.bottom_bar li.instagram a { background-size: 30px auto; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPg0KPHN2ZyBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDYwMCA2MDAiIHdpZHRoPSIxMDAlIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjAxNjE5LDAsMCwxLjAxNjE5LDQ0LDQzLjgzODQpIj4NCgkJPHBhdGggZD0iTTI1MS45MjEsMC4xNTlDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzVDMTIxLjI0LDIuODk5IDEwMi45MjcsNy4xNTcgODYuOTAyLDEzLjM4NUM3MC4zMzYsMTkuODIzIDU2LjI4NywyOC40MzcgNDIuMjgyLDQyLjQ0MkMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI1LDg3LjA2MkM2Ljk5NywxMDMuMDg2IDIuNzM5LDEyMS4zOTkgMS41MTUsMTQ4LjIxM0MwLjI4OSwxNzUuMDgzIDAsMTgzLjY2MiAwLDI1Mi4wOEMwLDMyMC40OTcgMC4yODksMzI5LjA3NiAxLjUxNSwzNTUuOTQ2QzIuNzM5LDM4Mi43NiA2Ljk5Nyw0MDEuMDczIDEzLjIyNSw0MTcuMDk3QzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4QzU2LjI4Nyw0NzUuNzIzIDcwLjMzNiw0ODQuMzM3IDg2LjkwMiw0OTAuNzc1QzEwMi45MjcsNDk3LjAwMiAxMjEuMjQsNTAxLjI2MSAxNDguMDU0LDUwMi40ODRDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDRDMzIwLjMzOCw1MDQgMzI4LjkxNyw1MDMuNzEgMzU1Ljc4Nyw1MDIuNDg0QzM4Mi42MDEsNTAxLjI2MSA0MDAuOTE0LDQ5Ny4wMDIgNDE2LjkzOCw0OTAuNzc1QzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4QzQ3NS41NjQsNDQ3LjcxMiA0ODQuMTc4LDQzMy42NjMgNDkwLjYxNiw0MTcuMDk3QzQ5Ni44NDMsNDAxLjA3MyA1MDEuMTAyLDM4Mi43NiA1MDIuMzI1LDM1NS45NDZDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOEM1MDMuODQxLDE4My42NjIgNTAzLjU1MSwxNzUuMDgzIDUwMi4zMjUsMTQ4LjIxM0M1MDEuMTAyLDEyMS4zOTkgNDk2Ljg0MywxMDMuMDg2IDQ5MC42MTYsODcuMDYyQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQyQzQ0Ny41NTMsMjguNDM3IDQzMy41MDQsMTkuODIzIDQxNi45MzgsMTMuMzg1QzQwMC45MTQsNy4xNTcgMzgyLjYwMSwyLjg5OSAzNTUuNzg3LDEuNjc1QzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5Wk0yNTEuOTIxLDQ1LjU1MUMzMTkuMTg2LDQ1LjU1MSAzMjcuMTU0LDQ1LjgwNyAzNTMuNzE4LDQ3LjAxOUMzNzguMjgsNDguMTQgMzkxLjYxOSw1Mi4yNDQgNDAwLjQ5Niw1NS42OTNDNDEyLjI1NSw2MC4yNjMgNDIwLjY0Nyw2NS43MjMgNDI5LjQ2Miw3NC41MzhDNDM4LjI3OCw4My4zNTMgNDQzLjczNyw5MS43NDYgNDQ4LjMwNywxMDMuNTA0QzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODJDNDU4LjE5MywxNzYuODQ2IDQ1OC40NSwxODQuODE0IDQ1OC40NSwyNTIuMDhDNDU4LjQ1LDMxOS4zNDUgNDU4LjE5MywzMjcuMzEzIDQ1Ni45ODEsMzUzLjg3N0M0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NUM0NDMuNzM3LDQxMi40MTQgNDM4LjI3OCw0MjAuODA2IDQyOS40NjIsNDI5LjYyMUM0MjAuNjQ3LDQzOC40MzcgNDEyLjI1NSw0NDMuODk2IDQwMC40OTYsNDQ4LjQ2NkMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNEMzMjcuMTU4LDQ1OC4zNTIgMzE5LjE5MSw0NTguNjA5IDI1MS45MjEsNDU4LjYwOUMxODQuNjUsNDU4LjYwOSAxNzYuNjg0LDQ1OC4zNTIgMTUwLjEyMyw0NTcuMTRDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NkM5MS41ODYsNDQzLjg5NiA4My4xOTQsNDM4LjQzNyA3NC4zNzgsNDI5LjYyMUM2NS41NjMsNDIwLjgwNiA2MC4xMDMsNDEyLjQxNCA1NS41MzQsNDAwLjY1NUM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg1OSwzNTMuODc3QzQ1LjY0NywzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDhDNDUuMzkxLDE4NC44MTQgNDUuNjQ3LDE3Ni44NDYgNDYuODU5LDE1MC4yODJDNDcuOTgsMTI1LjcyIDUyLjA4NCwxMTIuMzgxIDU1LjUzNCwxMDMuNTA0QzYwLjEwMyw5MS43NDYgNjUuNTYzLDgzLjM1MyA3NC4zNzgsNzQuNTM4QzgzLjE5NCw2NS43MjMgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5M0MxMTIuMjIyLDUyLjI0NCAxMjUuNTYxLDQ4LjE0IDE1MC4xMjMsNDcuMDE5QzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUxIDI1MS45MjEsNDUuNTUxWiIgc3R5bGU9ImZpbGw6cmdiKDI1NSwyNTUsMjU1KTtmaWxsLXJ1bGU6bm9uemVybzsiIC8+DQoJCTxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTNDMjA1LjU0MywzMzYuMDUzIDE2Ny45NDcsMjk4LjQ1NyAxNjcuOTQ3LDI1Mi4wOEMxNjcuOTQ3LDIwNS43MDIgMjA1LjU0MywxNjguMTA2IDI1MS45MjEsMTY4LjEwNkMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4QzMzNS44OTQsMjk4LjQ1NyAyOTguMjk4LDMzNi4wNTMgMjUxLjkyMSwzMzYuMDUzWk0yNTEuOTIxLDEyMi43MTVDMTgwLjQ3NCwxMjIuNzE1IDEyMi41NTYsMTgwLjYzMyAxMjIuNTU2LDI1Mi4wOEMxMjIuNTU2LDMyMy41MjYgMTgwLjQ3NCwzODEuNDQ0IDI1MS45MjEsMzgxLjQ0NEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4QzM4MS4yODUsMTgwLjYzMyAzMjMuMzY3LDEyMi43MTUgMjUxLjkyMSwxMjIuNzE1WiIgc3R5bGU9ImZpbGw6cmdiKDI1NSwyNTUsMjU1KTtmaWxsLXJ1bGU6bm9uemVybzsiIC8+DQoJCTxwYXRoIGQ9Ik00MTYuNjI3LDExNy42MDRDNDE2LjYyNywxMzQuMyA0MDMuMDkyLDE0Ny44MzQgMzg2LjM5NiwxNDcuODM0QzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNEMzNTYuMTY2LDEwMC45MDggMzY5LjcwMSw4Ny4zNzQgMzg2LjM5Niw4Ny4zNzRDNDAzLjA5Miw4Ny4zNzQgNDE2LjYyNywxMDAuOTA4IDQxNi42MjcsMTE3LjYwNFoiIHN0eWxlPSJmaWxsOnJnYigyNTUsMjU1LDI1NSk7ZmlsbC1ydWxlOm5vbnplcm87IiAvPg0KCTwvZz4NCjwvc3ZnPg=="); }

/*==========================================================================*/
/*                             Mainvisual                                   */
/*==========================================================================*/
/* end 480px */
/*==========================================================================*/
/*                             Index                                     */
/*==========================================================================*/
.side_navi { display: none !important; }

.button01 { width: 240px; height: 42px; font-size: 14px; letter-spacing: 1px; }

.button01:before { right: 5px; }

.slider_main .slick-prev, .slider_main .slick-next { width: 30px; height: 30px; }

.slider_main .slick-prev:before, .slider_main .slick-next:before { padding: 4px; }

.slider_main .slick-prev { left: -7px; }

.slider_main .slick-next { right: -7px; }

.slider_thumb { margin: 20px auto 0 auto; }

.slider_thumb .slick-slide { margin: 0 5px 0 0; width: calc((100vw - 40px) / 5); }

.slider_thumb .slick-slide img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.slider_thumb .slick-list { padding: 5px 0; }

.slider_thumb .slick-prev, .slider_thumb .slick-next { height: calc(100% - 10px); }

.slider_thumb.slide_button { width: calc(100% - 60px); }

.slider_thumb.slide_button .slick-slide { width: calc((100vw - 100px) / 5); }

.bg_white_rotate { width: 100%; transform: skewX(-45deg); }

.box_news:after { width: calc(100% - 60px); }

.box_news .inner { height: 60px; }

.box_news .box_h3 { width: 100px; }

.box_news .box_h3 h3 { font-size: 16px; letter-spacing: 1px; text-align: left; line-height: 1.3; }

.box_news .box_items { width: calc(100% - 150px); padding: 0 0 0 25px; }

.box_news .box_items ul li { flex-wrap: wrap; }

.box_news .box_items ul li .date { width: 100%; letter-spacing: 0.5px; line-height: 1; margin-bottom: 5px; }

.box_news .box_items ul li .ttl { width: 100%; line-height: 1; }

.box_news .btn { width: 60px; }

.box_news .btn:before { width: calc(100% + 20px); left: 14px; }

.box_news .btn a:before { padding: 5px; margin-left: 8px; }

.home h3 { font-size: 24px; margin-bottom: 20px; text-align: center; }

.home h3 .en { font-size: 18px; margin-bottom: 0px; letter-spacing: 1px; }

.home .intro { font-size: 16px; line-height: 1.8; letter-spacing: 0.2px; text-align: center; }

.home #vision { background: #fff; }

.home #vision .box_text { padding: 30px 10px 40px; background: rgba(255, 255, 255, 0.1); }

.home #vision .box_in { background-size: auto 260px; }

.home #vision h3 { letter-spacing: 3px; }

.home #vision .intro p:not(:last-child) { margin-bottom: 15px; }

.home #vision .bg_white_rotate { display: none; }

.home #strength {padding: 30px 0 120px;position: relative;}

.home #strength .box_text { max-width: 100%; margin: 30px auto 0; }

.home #strength .box_head .btn{margin-top: 20px;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
.home #strength .box_head .btn a{ margin: 0 auto;}

.home #service .box_in { padding: 40px 0; }

.home #service .box_head h3 { padding-bottom: 9px; margin-bottom: 25px; letter-spacing: 3px; }

.home #service .box_head h3::before { width: 30px; }

.home #service .box_head .intro { font-size: 16px; line-height: 2.1; }

.home #service .box_text { margin-top: 25px; }

.home #service .box_text ul li { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; height: 150px; font-size: 18px; line-height: 1.5; }

.home #service .box_text ul li:nth-child(2n+0) { margin-right: 0; }

.home #service .box_text ul li:before { left: 5px; top: 5px; right: 5px; bottom: 5px; }

.home #service .box_text ul li > span { line-height: 1.5; letter-spacing: 1px; }

.home #introduction h3, .home #interview h3, .home #director h3 { position: relative; padding-bottom: 9px; margin-bottom: 25px; }

.home #introduction h3:before, .home #interview h3:before, .home #director h3:before { content: ''; position: absolute; height: 1px; background: #fff; left: 50%; transform: translateX(-50%); bottom: 0; width: 30px; }

.home #introduction { padding: 40px 0; }

.home #introduction .box_head { margin-bottom: 25px; }

.home #introduction .box_head h3 { letter-spacing: 2px; }

.home #introduction .box_head h3:before { background: #000; }

.home #interview { padding: 40px 0; }

.home #interview .box_head { margin-bottom: 30px; }

.home #interview .box_head h3 { letter-spacing: 2px; }

.home #interview .box_head h3:before { background: #000; }

.home #interview .box_head .btn { margin: 20px 0 0; }

.home #interview .box_head .btn a { margin: 0 auto; }

.home #director { padding: 40px 0; }

.home #director .box_head { margin-bottom: 30px; }

.home #director .box_head h3 { letter-spacing: 2px; }

.home #director .box_text li { height: 32vw; max-height: 320px; }

.home #director .box_text .name { left: 15px; bottom: 10px; letter-spacing: 3px; font-size: 16px; line-height: 1.3; }

.home #director .box_slide { margin-top: 40px; }

.home #director .box_slide h4 { font-size: 12px; margin: 0 0 23px; }

.home #director .box_slide h4:before, .home #director .box_slide h4:after { width: calc(50% - 80px); margin-top: 5px; }

.home #director .box_slide h4 .en { font-size: 20px; margin: 0 0 10px; letter-spacing: 2px; }

.home #director .box_slide .slider.loopslider .slide { width: 120px; margin-right: 15px; }

.home #director .box_slide .slider.loopslider, .home #director .box_slide .slider.loopslider .loopslider_list, .home #director .box_slide .slider.loopslider .slide { height: 120px; }

.home #director .box_instagram { margin: 20px 0 0; }

.home #director .box_instagram p { margin: 0 15px; font-size: 12px; line-height: 1.5; }

.home #director .box_instagram .icn img { height: 20px; }

.home #director .box_instagram .qr img { height: 40px; }

.home #news { padding: 40px 0; background-size: auto 200px; }

.home #news h3 { font-size: 24px; letter-spacing: 2px; margin-bottom: 20px; }

.home #news .box_text { padding: 20px 15px; margin: 0 0 20px; }

.home #news .list_btn .btn { width: calc(50% - 5px); margin: 0; }

.home #news .list_btn .btn:nth-child(2n-1) { margin-right: 10px; }

.home #news .list_btn .btn a { width: 100%; height: 42px; }

.home #news .list_btn .btn .icn { padding: 3px 0; }

.home #news .list_btn .mail .icn { background-position: 0 5px; padding-left: 26px; background-size: auto 13px; }

.home #news .list_btn .line .icn { background-position: 0 2px; padding-left: 28px; background-size: auto 18px; }

.home #news .col1 { margin-bottom: 40px; }

.home #news .col1 .box_text li { flex-wrap: wrap; align-items: center; }

.home #news .col1 .box_text li:not(:first-child) { padding: 16px 0 0; margin: 13px 0 0; }

.home #news .col1 .box_text li .date { width: 120px; order: 2; }

.home #news .col1 .box_text li .cate { width: 120px; order: 1; margin-right: 10px; }

.home #news .col1 .box_text li .cate a { height: 24px; padding: 0px 5px 0 5px; font-size: 12px; letter-spacing: 1.2px; justify-content: center; }

.home #news .col1 .box_text li .ttl { order: 3; width: 100%; margin: 5px 0 0; }

.home #news .col2 .box_text p { font-size: 14px; line-height: 2; }

.home #news .col2 .box_text .txt01 { font-size: 18px; }

@media (max-width: 480px) { .box_news:after { width: 100%; }
  .box_news .inner { height: auto; flex-wrap: wrap; padding: 10px 10px 15px; }
  .box_news .box_h3 { width: 100%; margin-bottom: 10px; }
  .box_news .box_h3:before { display: none; }
  .box_news .box_h3 h3 { border-bottom: solid 1px rgba(255, 255, 255, 0.1); padding: 0 0 8px; }
  .box_news .box_h3 h3 br { display: none; }
  .box_news .box_items { width: calc(100% - 40px); padding: 0; }
  .box_news .box_items ul li .date { width: 100px; margin-bottom: 0; }
  .box_news .box_items ul li .ttl { width: calc(100% - 100px); }
  .box_news .btn { width: 40px; height: 40px; }
  .box_news .btn:before { left: 5px; }
  .box_news .btn a:before { padding: 4px; margin-left: 3px; }
  .home #service .box_text ul li { height: 110px; font-size: 14px; }
  .home #introduction .slider_thumb.slide_button .slide { width: calc((100vw - 95px) / 4); }
  .home #director .box_text .name { left: 10px; bottom: 5px; letter-spacing: 2px; font-size: 12px; line-height: 1.3; }
  .home #director .box_slide .slider.loopslider .slide { width: 80px; margin-right: 10px; }
  .home #director .box_slide .slider.loopslider, .home #director .box_slide .slider.loopslider .loopslider_list, .home #director .box_slide .slider.loopslider .slide { height: 80px; }
  .home #news .list_btn { flex-wrap: wrap; }
  .home #news .list_btn .btn { width: 100%; margin: 10px 0 0 !important; }
  .home #news .list_btn .btn a { max-width: 240px; height: 42px; margin: 0 auto; } }

/* end 480px */
/*==========================================================================*/
/*                             under page                                  	*/
/*==========================================================================*/
.under #content { padding: 40px 0 40px; }

.under h3 { font-size: 24px; margin-bottom: 20px; line-height: 1.4; }

.under h4 { font-size: 22px; line-height: 1.4; margin: 20px 0 15px; padding: 10px 0 10px; }

.under h5 { font-size: 20px; padding: 0 0 0 15px; margin: 20px 0 15px; line-height: 1.4; }

.under h6 { font-size: 18px; margin: 20px 0 15px; line-height: 1.5; }

.under ul.list01 li { padding-left: 15px; }

.under ul.list01 li:before { top: 9px; }


@media screen and (max-width: 768px){
  .under.line .line_flow li{
    width: calc((100% - 80px)/2);
    margin-right: 40px;
    margin-bottom: 30px;
  }
  
  .under.line .line_flow li:last-of-type{ margin-right: 0px;}
  .under.line .line_flow .line_image:after{ right: -40px; background-size: 18px auto; background-position: center right 11px;}
  .under.line .line_flow .line_num {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
  .under.line .line_box .line_txt1{ font-size: 16px; margin-bottom: 20px;}
  .under.line .line_box .line_note{ font-size: 14px;}
} 

/*interview page*/
@media screen and (max-width: 768px){
	
	.under.abenonamihaya header .key {
		background: url(../images/interview_key1_sp.jpg) no-repeat center/cover;
	}
	
	
  .under.komodalawoffifce header .key .inner,
	.under.abenonamihaya header .key .inner,
	.under.takaishilawoffice header .key .inner,	.under.narapatentoffice header .key .inner {height: 115vw; padding-bottom: 12vw;}
  .under.komodalawoffifce header .key h2,
	.under.abenonamihaya header .key h2,
	.under.takaishilawoffice header .key h2,
  .under.narapatentoffice header .key h2 {
    margin-bottom: 20px;
    font-size: 4vw;
  }
  .under.komodalawoffifce header .key h2 .en,
	.under.abenonamihaya header .key h2 .en,
	.under.takaishilawoffice header .key h2 .en,
  .under.narapatentoffice header .key h2 .en {
    font-size: 8vw;
    margin-bottom: 1vw;
  }
  .under.komodalawoffifce header .key p,
	.under.abenonamihaya header .key p,
	.under.takaishilawoffice header .key p,
  .under.narapatentoffice header .key p  {font-size: 5vw;}
  .under .inter_item, .under .inter_message_box{
    display: block;
  }
  .under .inter_item >div, .under .inter_message_box > div{width: 100%;}
  .under .inter_item_content, .under .inter_message_content{
    padding: 40px 20px;
  }
  .under .inter_item_content h3{
    font-size: 22px;
    margin-bottom: 10px;
  }
  .under .inter_item_content h3 .en{
    font-size: 16px;
    margin-bottom: 15px;
  }
  .under .inter_item_content h3 .en:before{
    top: 0;
    width: 65px;
    left: 115px;
  }

  .under .inter_item_content p, .under .inter_message_content p{line-height: 2;}
  .under .inter_wrap{max-width: 100%;}
  .under .inter_item:nth-child(2n+2) .inter_wrap{margin-left: 0;}
  .under .inter_message {padding: 15px 0 60px;}
  .under .inter_message_content h3{
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
  }
  .under .inter_message_content h3 .en{
    font-size: 34px;
    margin-bottom: 6px;
  }
  .under .inter_message_content p.inter_name{font-size: 16px; margin-top: 10px;}
}

@media screen and (max-width: 480px){
  .under.line .arr_480{ display: none;}
}


@media screen and (max-width: 480px) { .sp_480 { display: block; } }

@media screen and (max-width: 375px) { .sp_375 { display: block; } }

@media screen and (max-width: 320px) { .sp_320 { display: block; } }

.detail-director-1 #content .director_row1 { flex-wrap: wrap; height: auto; min-height: 0; flex-direction: column-reverse; }

.detail-director-1 #content .director_row1 .col1, .detail-director-1 #content .director_row1 .col2 { width: 100%; }

.detail-director-1 #content .director_row1 .col1 .box_head, .detail-director-1 #content .director_row1 .col1 .box_text { height: auto; padding: 40px 15px; }

.detail-director-1 #content .director_row1 .col1 .box_head .name { font-size: 16px; line-height: 1.5; margin-bottom: 15px; letter-spacing: 2px; }

.detail-director-1 #content .director_row1 .col1 .box_head .name .en { font-size: 20px; letter-spacing: 6px; margin-bottom: 15px; }

.detail-director-1 #content .director_row1 .col1 .box_head .job { line-height: 2.2; letter-spacing: 2px; }

.detail-director-1 #content .director_row1 .col1 .box_text .box_in { max-width: 560px; }

.detail-director-1 #content .director_row1 .col1 .box_text p { line-height: 2.2; letter-spacing: 2px; }

.detail-director-1 #content .director_row1 .col2 { height: calc(100vh - 60px); max-height: 640px; }

.detail-director-1 #content .director_row2 { flex-wrap: wrap; }

.detail-director-1 #content .director_row2 .item { width: 100%; }



.detail-director-2 #content .director_row1 { flex-wrap: wrap; height: auto; min-height: 0; flex-direction: column-reverse; }

.detail-director-2 #content .director_row1 .col1, .detail-director-2 #content .director_row1 .col2 { width: 100%; }

.detail-director-2 #content .director_row1 .col1 .box_head, .detail-director-2 #content .director_row1 .col1 .box_text { height: auto; padding: 40px 15px; }

.detail-director-2 #content .director_row1 .col1 .box_head .name { font-size: 20px; line-height: 1.5; margin-bottom: 15px; letter-spacing: 2px; }

.detail-director-2 #content .director_row1 .col1 .box_head .name .en { font-size: 20px; letter-spacing: 6px; margin-bottom: 15px; }

.detail-director-2 #content .director_row1 .col1 .box_head .job { line-height: 2.2; letter-spacing: 2px; }

.detail-director-2 #content .director_row1 .col1 .box_text .box_in { max-width: 560px; }

.detail-director-2 #content .director_row1 .col1 .box_text p { line-height: 2.2; letter-spacing: 2px; }

.detail-director-2 #content .director_row1 .col2 { height: calc(100vh - 60px); max-height: 640px; }

.detail-director-2 #content .director_row2 { flex-wrap: wrap; }

.detail-director-2 #content .director_row2 .item { width: 100%; }



.list-director .director_item{ display: block;}
.list-director .director_item .box_img{
  width: 100%;
  margin-bottom: 30px;
}
.list-director .director_item .box_txt{
	padding:0 0 30px;
  width: 100%;
}
.list-director .director_item .box_txt .ttl{
  padding: 0 30px 15px;
  margin: 0 auto 25px;
}
.list-director .director_item .box_txt p{
  font-size: 20px;
}
.list-director .director_item:before{
  width: 60px;
  height: 60px;
  left: -5px;
  top: -10px;
}

.list-director .director_item .txt_abs { font-size: 20px;}


.list-director .director_item .btn{ bottom: -39px;}

.list-director .director_item:hover{
  opacity: 1;
}


.box_strength {padding: 20px;}
.box_strength .box_img{width: 100%;}
.box_strength .box_text {width: 100%;}
.box_strength .box_text .label{
	right: -5px;
	top: -10px;
	width: 60px;
	height: 60px;
	font-size: 26px;
}

.box_strength .box_text .label:before,
.box_strength .box_text .label:after{
	width: 10px;
	height: 10px;
}

.box_strength .box_text h3{ font-size: 24px; text-align: center;}

.box_strength:nth-of-type(2n-1) .box_text .label {
	right: auto;
	left: -5px;
}

@media screen and (max-width: 480px){
  .list-director .director_item{ margin: 40px auto 55px;}
  .list-director .director_item .box_txt p{
    font-size: 16px;
  }

  .detail-director-1 #content .detail_director_row .col1 .box_head .name{ margin-bottom: 15px; padding-bottom: 15px;}
  .detail-director-2 #content .detail_director_row .col1 .box_head .name{ margin-bottom: 15px; padding-bottom: 15px;}

  .box_strength {padding: 10px 10px 20px;}
  .box_strength .box_text .label{
	width: 50px;
	height: 50px;
	font-size: 20px;
	}
}



/*==========================================================================*/
/*                             blog                                     	*/
/*==========================================================================*/
.layout-2col .blog-list-2 .blog-item .box_img { width: 140px; height: 110px; }

.layout-2col .blog-list-2 .blog-item .box_text { width: calc(100% - 160px); }

@media screen and (max-width: 480px) { 
.layout-2col .blog-list-2 .blog-item a{flex-wrap: wrap;}
.layout-2col .blog-list-2 .blog-item .box_img { width: 100%; height: 60vw; margin-bottom: 10px; }
  .layout-2col .blog-list-2 .blog-item .box_text { width: 100%; } 
  
}
@media only screen and (max-width: 768px){

	.interview_banner{
		flex-wrap: wrap;
    margin-bottom: 30px;
	}
	.interview_banner:nth-child(2n) .inter_img { order: 1;}
	.interview_banner:nth-child(2n) .inter_btext { order: 2;}
	.under.narapatentoffice header .key {
    background: url(../images/interview_key3_bg_sp.jpg) no-repeat center/cover;
    color: #fff;
    z-index: 0;
}
	.inter_img{
		height: 63vw;
	}
	.inter_img, .inter_btext{
		width: 100%;
	}
	.inter_col .col{
		width: 100%;
		max-width: none;
		text-align: center;
	}
	.inter_col .col1, .inter_col .col2{
		margin-bottom: 15px;
	}
	.inter_col .col1 img{
		max-width: 250px;
	}
	.inter_col .col2 img{
		max-width: 74px;
	}
	.inter_col .col3 img{
		max-width: 218px;
	}
	.inter_btext{
		padding-bottom: 76px;
	}
	.inter_btext .ttl{
		margin-bottom: 25px;
		font-size: 25px;
		text-align: center;
	}
	.inter_btext .txt_icon{
		right: 0;
		left: 0;
		font-size: 40px;
		bottom: -3px;
		text-align: center;
	}
  .interview_banner2{
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 480px){
	.inter_btext .ttl{
		font-size: 5.2vw;
	}
	.inter_btext .txt_icon{
		font-size: 26px;
	}
}
@media only screen and (max-width: 768px){
.under .introduction_box .item {
	width: 47%;
	margin: 1.5% 1%;
}
.under .introduction_box .item .ttl {
	font-size: 16px;
}
.under .introduction_infor th, .under .introduction_infor td {
	width: 100%;
	display: block;
}
.under .introduction_slider {
	    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
.under .introduction_slider li {
	height: 250px;
}
.under .introduction_slider .slick-arrow {
	width: 40px;
	height: 40px;
	top: 40%;
}
.under .introduction_slider .slick-next {
	right: 10px;
}
.under .introduction_slider .slick-prev {
	left: 10px;
}
#introduction .btn a {
	margin: 0 auto;
}	
.under .introduction_content_free table th, .under .introduction_content_free table td  {
  width: 100%;
  display: block;
}
.under .TabPager  {
	margin-bottom: 20px;
}
.under .TabPager  li a  {
	height: 60px;
	font-size: 14px;
}
}
@media only screen and (max-width: 768px){ 
	.under .introduction_box .item .img {
		       background-size: 100% 22vw;
    height: 40vw;
    max-height: 160px;
	}
}

@media only screen and (max-width: 480px){ 
	.under .introduction_box .item .img {
		    height: 32vw;
    max-height: 160px;
    background-size: auto 26vw;
	}
}

@media screen and (max-width: 768px) { 
  .chatbot { 
    max-width: 8em;
    height: 8em;
                    bottom: 70px;
            right: 55px;
  }
  .chatbot p {
    font-size: 1.9em;
  }
  .chatbot span {
    font-size: 68.42%;
  }
  .chatbot::after {
    width: 7.6em;
    height: 3.6em;
  }
}