@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

address { font-style: normal; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/*	preload
---------------------------------*/
body:after { content: url("../images/") url(""); display: none; }

@font-face { font-family: 'futura'; src: url(futura.ttf); }

.futura { font-family: 'futura'; }

/*	common
---------------------------------*/
.ttl_r { font-family: "Rounded Mplus 1c"; }

body { color: #303030; font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; font-size: 14px; font-weight: 500; word-wrap: break-word; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 1060px) { body { width: 1060px; } }

@media screen and (max-width: 640px) { body { width: 100%; font-size: 14px; } }

/* link */
a { color: black; text-decoration: none; }

a:active, a:focus { outline: none; }

/* adjust anchor */
.anc { margin-top: -0px; padding-top: 0px; }

/* figure */
img { max-width: 100%; height: auto; }

/* heading */
/* text */
p { text-align: justify; }

/*	clearfix
---------------------------------*/
/* add parent object */
.cl:before, .cl:after { content: " "; display: table; }

.cl:after { clear: both; }

.cl { *zoom: 1; display: block; }

/*	section
---------------------------------*/
#main { width: 100%; }

/*	breads
---------------------------------*/
@media screen and (max-width: 640px) { .bread_crumb { display: none; } }

.bread_crumb ul { width: 980px; margin: 0 auto; text-align: right; }

.bread_crumb ul li { display: inline-block; }

.bread_crumb ul li::after { content: " ＞ "; }

.bread_crumb ul li:last-child::after { content: none; }

.bread_crumb ul li > a:hover { text-decoration: underline; }

#breads { width: 980px; margin: 0 auto; color: #303030; }

@media screen and (max-width: 640px) { #breads { display: none; } }

#breads a { color: #303030; }

#breads a:hover { text-decoration: underline; }

/*	pagination
---------------------------------*/
/* wrap */
.pagination { text-align: center; margin-bottom: 60px; }

/* heading */
.screen-reader-text { display: none; }

/* wrap */
.nav-links { overflow: hidden; }

/* link */
a.page-numbers { background-color: #23c18f; color: white; display: inline-block; margin-right: 15px; padding: 6px 6px 6px; }

.nav-links .current { display: inline-block; margin-right: 15px; color: #23c18f; }

.dots { margin-right: 15px; }

.nav-links a.next { border: none; }

.nav-links a.prev { border: none; }

/*	display
---------------------------------*/
.hide-panel { display: none; }

.pc-block { display: block; }

@media screen and (max-width: 640px) { .pc-block { display: none; } }

.sp-block { display: none; }

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

.pc-inline { display: inline; }

@media screen and (max-width: 640px) { .pc-inline { display: none; } }

.sp-inline { display: none; }

@media screen and (max-width: 640px) { .sp-inline { display: inline; } }

.block_p { display: block; }

@media screen and (max-width: 640px) { .block_p { display: none; } }

.block_s { display: none; }

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

.inline_p { display: inline; }

@media screen and (max-width: 640px) { .inline_p { display: none; } }

.inline_s { display: none; }

@media screen and (max-width: 640px) { .inline_s { display: inline; } }

/*	device
---------------------------------*/
/* Android bugfix ４系 */
/* iOS */
input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

/*	header
---------------------------------*/
.dropdown > ul { display: none; position: absolute; top: 90px; background-image: url(../images/common/triangle.png); background-repeat: no-repeat; background-position: center top; padding-top: 17px; z-index: 10000; }

.dropdown > ul.n1 { left: 290px; }

.dropdown > ul.n2 { left: 395px; }

.dropdown > ul.n3 { left: 545px; }

.dropdown > ul.n4 { left: 660px; }

.dropdown > ul.n5 { left: 760px; }

.dropdown > ul > li { background: #23c18f; }

.dropdown > ul > li:first-child > a { padding-top: 20px; }

.dropdown > ul > li:last-child > a { padding-bottom: 20px; }

.dropdown > ul > li > a { display: block; color: white; padding: 10px; text-align: center; transition: all 0.5s; }

.dropdown > ul > li > a:hover { color: white; opacity: .5; }

.home #header_normal { position: absolute; width: 100%; left: 0; top: 0; z-index: 10000; background: rgba(255, 255, 255, 0.5); }

.home #header_device { position: absolute; width: 100%; left: 0; top: 0; z-index: 10000; background: rgba(255, 255, 255, 0.5); }

@media screen and (max-width: 640px) { #header_normal { display: none; } }

#header_normal > .inner { width: 980px; margin: 0 auto; padding: 20px 0 20px; box-sizing: border-box; overflow: hidden; }

#header_normal > .inner .seo { font-weight: normal; font-size: 13px; clear: both; margin-bottom: 5px; }

#header_normal > .inner .logo { width: 273px; float: left; }

#header_normal > .inner > ul { overflow: hidden; float: right; margin-right: 100px; }

#header_normal > .inner > ul > li { width: 100px; float: left; margin-right: 5px; }

#header_normal > .inner > ul > li > a { display: block; transition: all 0.5s; }

#header_normal > .inner > ul > li > a:hover { opacity: .5; }

#header_normal #global { width: 980px; margin: 0 auto 20px; position: relative; }

#header_normal #global > .inner { overflow: hidden; }

#header_normal #global > .inner > ul { display: inline-block; background: #23c18f; border-radius: 20px; padding: 10px 0; float: right; }

#header_normal #global > .inner > ul > li { display: inline-block; float: left; border-left: 1px solid white; }

#header_normal #global > .inner > ul > li:first-child { border-left: none; }

#header_normal #global > .inner > ul > li > a { display: block; transition: all 0.5s; padding: 0 20px; color: white; text-align: center; line-height: 150%; cursor: pointer; }

#header_normal #global > .inner > ul > li > a > .is { display: block; font-size: 30px; width: 30px; margin: 0 auto 5px; }

#header_normal #global > .inner > ul > li > a:hover { color: #fcf76f; }

#header_device { display: none; }

@media screen and (max-width: 640px) { #header_device { display: block; } }

#header_device.active_header { background: #23c18f; }

#header_device.active_header .inner .logo { background-image: url(../images/common/logo_w.png); }

#header_device.active_header .inner .toggle_header { background-image: url(../images/common/close.png); }

#header_device .inner { padding: 3vw; overflow: hidden; }

#header_device .inner .logo { display: block; width: 64vw; height: 14vw; float: left; background-image: url(../images/common/logo.png); background-repeat: no-repeat; background-size: 100%; }

#header_device .inner .toggle_header { display: block; width: 12vw; height: 14vw; background-image: url(../images/common/toggle.png); background-repeat: no-repeat; background-size: 100%; float: right; }

#header_device #global_s { display: none; }

#header_device #global_s .btn_s { display: block; padding: 5vw 3vw; background: #23c18f; color: white; font-size: 18px; text-align: center; }

#header_device #global_s .btn_s .is { padding-right: 2vw; }

#header_device #global_s .toggle { display: block; padding: 5vw 3vw; background: #23c18f; color: white; font-size: 18px; text-align: center; }

#header_device #global_s .toggle .is { padding-right: 2vw; }

#header_device #global_s .toggle::after { color: white; font-family: "Font Awesome\ 5 Free"; content: "\f103"; padding-left: 4vw; }

#header_device #global_s .toggle.active::after { content: "\f102"; }

#header_device #global_s .box { display: none; background: #46d2a6; }

#header_device #global_s .box a { display: block; padding: 5vw 3vw; color: white; font-size: 18px; text-align: center; }

/*	nav
---------------------------------*/
/*//toggle .toggle, .toggle span { display: inline-block; transition: all .4s; box-sizing: border-box; } .toggle { float: right; position: relative; width: 6vw; height: 5vw; } .toggle span { position: absolute; left: 0; width: 100%; height: 2px; background-color: $base; .page-home & { background-color: white; } } .toggle span:nth-of-type(1) { top: 0; } .toggle span:nth-of-type(2) { top: 2.4vw; } .toggle span:nth-of-type(3) { bottom: 0; } .toggle { -webkit-animation: menu-close .6s; animation: menu-close .6s; } .toggle.active { -webkit-animation: menu-open .6s; animation: menu-open .6s; } @-webkit-keyframes menu-close { 30% { -webkit-transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes menu-close { 30% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes menu-open { 30% { -webkit-transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes menu-open { 30% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .toggle.active span:nth-of-type(1) { -webkit-transform: translateY(2.4vw) rotate(-45deg); transform: translateY(2.4vw) rotate(-45deg); } .toggle.active span:nth-of-type(2) { opacity: 0; } .toggle.active span:nth-of-type(3) { -webkit-transform: translateY(-2.4vw) rotate(45deg); transform: translateY(-2.4vw) rotate(45deg); } */
/*	post
---------------------------------*/
/* heading */
.single-content h1 { font-size: 26px; line-height: 150%; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .single-content h1 { font-size: 18px; line-height: 150%; margin-bottom: 3vw; } }

.single-content h2 { font-size: 22px; line-height: 150%; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .single-content h2 { font-size: 16px; line-height: 150%; margin-bottom: 3vw; } }

.single-content h3 { font-size: 18px; line-height: 150%; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .single-content h3 { font-size: 14px; line-height: 150%; margin-bottom: 3vw; } }

.single-content h4, .single-content h5, .single-content h6 { font-size: 15px; line-height: 150%; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .single-content h4, .single-content h5, .single-content h6 { font-size: 14px; line-height: 150%; margin-bottom: 3vw; } }

/* text */
.single-content p { font-size: 14px; line-height: 200%; margin-bottom: 30px; }

@media screen and (max-width: 640px) { .single-content p { margin-bottom: 5vw; } }

/* list */
.single-content ul { list-style-type: circle; list-style-position: inside; line-height: 200%; margin-bottom: 60px; }

@media screen and (max-width: 640px) { .single-content ul { margin-bottom: 5vw; } }

.single-content ol { list-style-position: inside; line-height: 200%; margin-bottom: 60px; }

@media screen and (max-width: 640px) { .single-content ol { margin-bottom: 5vw; } }

/* link */
.single-content a { color: #709ae8; }

.single-content a:hover { text-decoration: underline; }

/* modifier */
.alignleft { display: inline; float: left; padding-right: 10px; }

.alignright { display: inline; float: right; padding-left: 10px; }

.aligncenter { display: block; margin-right: auto; margin-left: auto; }

/*	element
---------------------------------*/
.button_base { margin: 0; border: 0; position: relative; margin-top: 0; margin-left: 0; width: 430px; height: 90px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; cursor: default; }

.button_base:hover { cursor: pointer; }

/* ### ### ### 03 */
.b03_skewed_slide_in { overflow: hidden; border: #303030 solid 1px; border-radius: 3px; }

.b03_skewed_slide_in div { position: absolute; text-align: center; width: 100%; height: 90px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; }

.b03_skewed_slide_in div:nth-child(1) { color: #000000; background-color: #ffffff; }

.b03_skewed_slide_in div:nth-child(2) { background-color: #000000; width: 700px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transform: translate(-740px, 0px) skewX(-30deg); -webkit-transform: translate(-740px, 0px) skewX(-30deg); -moz-transform: translate(-740px, 0px) skewX(-30deg); }

.b03_skewed_slide_in div:nth-child(3) { color: #ffffff; left: -600px; transition: left 0.2s ease; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; }

.b03_skewed_slide_in:hover div:nth-child(2) { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transform: translate(-30px, 0px) skewX(-30deg); -webkit-transform: translate(-30px, 0px) skewX(-30deg); -moz-transform: translate(-30px, 0px) skewX(-30deg); }

.b03_skewed_slide_in:hover div:nth-child(3) { left: 0px; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }

#cv_items_home { /* ### ### ### 03 */ }

#cv_items_home .button_base { margin: 0; border: 0; position: relative; margin-top: 0; margin-left: 0; width: 300px; height: 110px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; cursor: default; }

#cv_items_home .button_base:hover { cursor: pointer; }

#cv_items_home .b03_skewed_slide_in { overflow: hidden; border: #303030 solid 1px; border-radius: 3px; }

#cv_items_home .b03_skewed_slide_in div { position: absolute; text-align: center; width: 100%; height: 110px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; }

#cv_items_home .b03_skewed_slide_in div:nth-child(1) { color: #000000; background-color: #ffffff; }

#cv_items_home .b03_skewed_slide_in div:nth-child(2) { background-color: #000000; width: 700px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transform: translate(-740px, 0px) skewX(-30deg); -webkit-transform: translate(-740px, 0px) skewX(-30deg); -moz-transform: translate(-740px, 0px) skewX(-30deg); }

#cv_items_home .b03_skewed_slide_in div:nth-child(3) { color: #ffffff; left: -600px; transition: left 0.2s ease; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; }

#cv_items_home .b03_skewed_slide_in:hover div:nth-child(2) { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transform: translate(-30px, 0px) skewX(-30deg); -webkit-transform: translate(-30px, 0px) skewX(-30deg); -moz-transform: translate(-30px, 0px) skewX(-30deg); }

#cv_items_home .b03_skewed_slide_in:hover div:nth-child(3) { left: 0px; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }

#guide_items .b03_skewed_slide_in { overflow: hidden; border: #df92fc solid 1px; border-radius: 3px; }

#guide_items .b03_skewed_slide_in div { position: absolute; text-align: center; width: 100%; height: 90px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; }

#guide_items .b03_skewed_slide_in div:nth-child(1) { color: #000000; background-color: #ffffff; }

#guide_items .b03_skewed_slide_in div:nth-child(1) .is { color: #df92fc; }

#guide_items .b03_skewed_slide_in div:nth-child(2) { background-color: #df92fc; width: 700px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transform: translate(-740px, 0px) skewX(-30deg); -webkit-transform: translate(-740px, 0px) skewX(-30deg); -moz-transform: translate(-740px, 0px) skewX(-30deg); }

#guide_items .b03_skewed_slide_in div:nth-child(3) { color: #ffffff; left: -600px; transition: left 0.2s ease; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; }

#guide_items .b03_skewed_slide_in:hover div:nth-child(2) { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transform: translate(-30px, 0px) skewX(-30deg); -webkit-transform: translate(-30px, 0px) skewX(-30deg); -moz-transform: translate(-30px, 0px) skewX(-30deg); }

#guide_items .b03_skewed_slide_in:hover div:nth-child(3) { left: 0px; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }

/*	pages
---------------------------------*/
.page_navigation { text-align: center; }

.page_navigation.work_license_list a:nth-of-type(1) { margin-left: 120px; }

@media screen and (max-width: 640px) { .page_navigation.work_license_list a:nth-of-type(1) { margin-left: 0; } }

.page_navigation > a { display: inline-block; padding: 10px; margin: 0 5px 10px; border-radius: 8px; transition: all 0.5s; }

.page_navigation > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .page_navigation > a:hover { opacity: 1; } }

.page_navigation > a:nth-of-type(1) { background: #d0f0cb; }

.page_navigation > a:nth-of-type(2) { background: #def4fe; }

.page_navigation > a:nth-of-type(3) { background: #fefbd9; }

.page_navigation > a:nth-of-type(4) { background: #fed9d9; }

.page_navigation > a:nth-of-type(5) { background: #dbe1fa; }

.page_navigation > a:nth-of-type(6) { background: #fee7d9; }

.page_navigation > a:nth-of-type(7) { background: #ffeabd; }

.page_navigation > a:nth-of-type(8) { background: #d0f0cb; }

#home_nav_inner { overflow: hidden; }

#home_nav_inner .box { padding-bottom: 60px; overflow: hidden; }

@media screen and (max-width: 640px) { #home_nav_inner .box { padding-bottom: 5vw; } }

#home_nav_inner .box .data { width: 500px; }

@media screen and (max-width: 640px) { #home_nav_inner .box .data { width: 100%; } }

#home_nav_inner .box .data .ttl { margin-bottom: 30px; padding: 20px; }

@media screen and (max-width: 640px) { #home_nav_inner .box .data .ttl { margin-bottom: 3vw; } }

#home_nav_inner .box .data p.text { padding: 20px; }

#home_nav_inner .box .data .name { display: block; background: white; margin-bottom: 20px; padding: 10px 30px; font-size: 20px; font-family: "Rounded Mplus 1c"; letter-spacing: 2px; }

@media screen and (max-width: 640px) { #home_nav_inner .box .data .name { display: block; background: white; margin-bottom: 3vw; padding: 2vw 3vw; font-size: 18px; font-family: "Rounded Mplus 1c"; letter-spacing: 2px; } }

#home_nav_inner .box .data ul > li { border-bottom: 1px solid #303030; }

#home_nav_inner .box .data ul > li > a { font-size: 18px; padding: 20px 20px; display: block; transition: all 0.5s; overflow: hidden; }

@media screen and (max-width: 640px) { #home_nav_inner .box .data ul > li > a { padding: 3vw; } }

#home_nav_inner .box .data ul > li > a .fa-angle-double-right { float: right; }

#home_nav_inner .box .data ul > li > a:hover { color: #23c18f; }

@media screen and (max-width: 640px) { #home_nav_inner .box .data ul > li > a:hover { color: #303030; } }

#home_nav_inner .box_left { width: 50%; float: left; background: #fbf793; box-sizing: border-box; border-right: 2px dashed #ebebeb; }

@media screen and (max-width: 640px) { #home_nav_inner .box_left { width: 100%; float: none; background: #fbf793; box-sizing: border-box; border-right: none; } }

#home_nav_inner .box_left .data { float: right; }

@media screen and (max-width: 640px) { #home_nav_inner .box_left .data { float: none; } }

#home_nav_inner .box_left .data .ttl { text-align: right; }

#home_nav_inner .box_right { width: 50%; float: right; background: #cef5f5; }

@media screen and (max-width: 640px) { #home_nav_inner .box_right { width: 100%; float: none; background: #cef5f5; } }

#home_nav_inner .box_right .data { float: left; }

@media screen and (max-width: 640px) { #home_nav_inner .box_right .data { float: none; } }

#home_guide { background: #e5c6f0; padding-bottom: 60px; }

@media screen and (max-width: 640px) { #home_guide { padding-bottom: 10vw; } }

#home_guide .ttl { padding-top: 20px; margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 640px) { #home_guide .ttl { padding: 3vw; margin-bottom: 3vw; } }

#home_guide .data { width: 1000px; margin: 0 auto; }

@media screen and (max-width: 640px) { #home_guide .data { width: 100%; } }

#home_guide .inner_data { overflow: hidden; }

#home_guide .data_left { width: 500px; float: left; }

@media screen and (max-width: 640px) { #home_guide .data_left { width: 100%; float: none; margin-bottom: 5vw; } }

#home_guide .data_left .ttl { margin-bottom: 30px; padding: 20px; }

#home_guide .data_left p.text { padding: 20px; margin-bottom: 0; }

#home_guide .data_left .name { display: block; background: white; margin-bottom: 20px; padding: 10px 30px; font-size: 20px; font-family: "Rounded Mplus 1c"; letter-spacing: 2px; }

@media screen and (max-width: 640px) { #home_guide .data_left .name { display: block; background: white; margin-bottom: 3vw; padding: 2vw 3vw; font-size: 18px; font-family: "Rounded Mplus 1c"; letter-spacing: 2px; } }

#home_guide .data_left ul > li { border-bottom: 1px solid #303030; }

#home_guide .data_left ul > li > a { font-size: 18px; padding: 20px 20px; display: block; transition: all 0.5s; overflow: hidden; }

@media screen and (max-width: 640px) { #home_guide .data_left ul > li > a { padding: 3vw; } }

#home_guide .data_left ul > li > a .fa-angle-double-right { float: right; }

#home_guide .data_left ul > li > a:hover { color: #23c18f; }

@media screen and (max-width: 640px) { #home_guide .data_left ul > li > a:hover { color: #303030; } }

#home_guide .data_right { width: 470px; float: right; }

@media screen and (max-width: 640px) { #home_guide .data_right { width: 100%; float: none; } }

@media screen and (max-width: 640px) { #home_guide .data_right #guide_items { display: none; } }

#home_guide .data_right #guide_items > li { background: white; margin-bottom: 20px; padding: 20px; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .left { display: block; float: left; width: 50%; overflow: hidden; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .left .is { display: block; float: left; width: 30%; font-size: 40px; margin-top: 14px; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .left .div_box_inner { width: 70%; float: right; text-align: left; padding-top: 14px; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .left .div_box_inner .title { display: block; margin-bottom: 5px; font-size: 18px; letter-spacing: 1px; font-weight: bold; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .left .div_box_inner .en { display: block; }

#home_guide .data_right #guide_items > li .button_base.b03_skewed_slide_in .text { display: block; width: 50%; float: right; line-height: 150%; padding-top: 10px; }

#home_guide .data_right #guide_items_s { display: none; }

@media screen and (max-width: 640px) { #home_guide .data_right #guide_items_s { display: block; width: 88vw; margin: 0 auto; }
  #home_guide .data_right #guide_items_s > li { margin-bottom: 5vw; }
  #home_guide .data_right #guide_items_s > li:last-child { margin-bottom: 0; } }

#home_map iframe { width: 100%; display: block; }

#home_nav_2 { background: #f0f0f0; padding: 30px 0; }

@media screen and (max-width: 640px) { #home_nav_2 { padding: 5vw 0; } }

#cv_items_home { width: 960px; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 640px) { #cv_items_home { display: none; } }

#cv_items_home > li { width: 300px; float: left; margin: 0 10px; }

#cv_items_home > li:first-child .button_base.b03_skewed_slide_in .left { display: block; float: none; width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: bold; padding-top: 0; }

#cv_items_home > li:first-child .button_base.b03_skewed_slide_in .left img { position: relative; top: 8px; }

#cv_items_home > li .button_base.b03_skewed_slide_in .left { display: block; float: none; width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: bold; padding-top: 10px; }

#cv_items_home > li .button_base.b03_skewed_slide_in .text { display: block; width: 100%; line-height: 150%; text-align: center; }

#cv_items_home_s { display: none; }

@media screen and (max-width: 640px) { #cv_items_home_s { display: block; width: 88vw; margin: 0 auto; }
  #cv_items_home_s > li { margin-bottom: 5vw; }
  #cv_items_home_s > li:last-child { margin-bottom: 0; } }

#home_whatsnew { padding: 60px 0; }

@media screen and (max-width: 640px) { #home_whatsnew { padding: 10vw 0; } }

#home_whatsnew .ttl_home_w_n { text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { #home_whatsnew .ttl_home_w_n { margin-bottom: 3vw; } }

#home_whatsnew .items_home_new_info { width: 640px; margin: 0 auto; }

@media screen and (max-width: 640px) { #home_whatsnew .items_home_new_info { width: 88vw; } }

#home_whatsnew .items_home_new_info > li { padding: 20px 10px 26px; background: url(../images/home/dots_info.png) repeat-x center bottom; }

#home_whatsnew .items_home_new_info > li > a { display: block; transition: all 0.5s; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#home_whatsnew .items_home_new_info > li > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { #home_whatsnew .items_home_new_info > li > a:hover { opacity: 1; } }

.items_gallery { overflow: hidden; padding-bottom: 60px; }

@media screen and (max-width: 640px) { .items_gallery { display: none; } }

.items_gallery > li { width: 210px; float: left; margin: 0 10px 20px; }

.items_gallery > li > a { display: block; transition: all 0.5s; }

.items_gallery > li > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .items_gallery > li > a:hover { opacity: 1; } }

.items_gallery_s { display: none !important; }

@media screen and (max-width: 640px) { .items_gallery_s { display: block !important; width: 100%; margin: 0 auto; padding: 5vw 0; box-sizing: border-box; overflow: hidden; }
  .items_gallery_s .item_gallery_s { margin: 0 3vw; }
  .items_gallery_s .item_gallery_s .text_gallery { display: block; line-height: 150%; margin-top: 10px; font-size: 12px; text-align: center; } }

.camp_nav_license { width: 860px; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 640px) { .camp_nav_license { width: 88vw; margin: 0 auto; overflow: hidden; } }

.camp_nav_license .box { position: relative; }

.camp_nav_license .box:nth-of-type(1) { width: 418px; float: left; }

.camp_nav_license .box:nth-of-type(1) .btn_more { right: 35px; }

@media screen and (max-width: 640px) { .camp_nav_license .box:nth-of-type(1) { width: 100%; float: none; margin-bottom: 5vw; }
  .camp_nav_license .box:nth-of-type(1) .btn_more { right: 2vw; } }

.camp_nav_license .box:nth-of-type(2) { width: 418px; float: right; margin-bottom: 24px; }

.camp_nav_license .box:nth-of-type(2) .btn_more { right: 20px; }

@media screen and (max-width: 640px) { .camp_nav_license .box:nth-of-type(2) { width: 100%; float: none; margin-bottom: 5vw; }
  .camp_nav_license .box:nth-of-type(2) .btn_more { right: 2vw; } }

.camp_nav_license .box:nth-of-type(3) { width: 492px; clear: both; margin: 0 auto; }

.camp_nav_license .box:nth-of-type(3) .btn_more { right: 60px; }

@media screen and (max-width: 640px) { .camp_nav_license .box:nth-of-type(3) { width: 100%; float: none; margin-bottom: 5vw; }
  .camp_nav_license .box:nth-of-type(3) .btn_more { right: 2vw; } }

.camp_nav_license .box .btn_more { position: absolute; bottom: 14px; display: block; width: 10em; text-align: center; padding: 6px 0; color: white; background: #23c18f; margin: 0 auto; transition: all 0.5s; }

@media screen and (max-width: 640px) { .camp_nav_license .box .btn_more { position: absolute; bottom: 3vw; display: block; width: 10em; text-align: center; padding: 4px 0; color: white; background: #23c18f; margin: 0 auto; transition: all 0.5s; font-size: 12px; } }

.camp_nav_license .box .btn_more:hover { color: white !important; opacity: .5; }

@media screen and (max-width: 640px) { .camp_nav_license .box .btn_more:hover { opacity: 1; } }

.icons_camp { text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 640px) { .icons_camp { width: 88vw; margin: 0 auto 5vw; overflow: hidden; } }

.icons_camp > li { display: inline-block; width: 88px; margin: 0 10px; }

@media screen and (max-width: 640px) { .icons_camp > li { width: 33%; display: block; float: left; padding: 2vw; box-sizing: border-box; margin: 0; } }

.inner_gallery { width: 920px; margin: 0 auto; }

@media screen and (max-width: 640px) { .inner_gallery { width: 100vw; margin: 0 auto; } }

.inner_gallery .ttl_gallery { background: #d0f0cb; color: #23c18f; display: inline-block; padding: 5px; font-family: 'futura'; margin-bottom: 20px; letter-spacing: 2px; font-size: 18px; }

@media screen and (max-width: 640px) { .inner_gallery .ttl_gallery { font-size: 15px; margin: 0 3vw 3vw; box-sizing: border-box; } }

.inner_gallery .ttl_gallery_2 { background: white; color: #23c18f; display: inline-block; padding: 5px; font-family: 'futura'; margin-bottom: 20px; letter-spacing: 2px; font-size: 18px; }

@media screen and (max-width: 640px) { .inner_gallery .ttl_gallery_2 { font-size: 15px; margin: 0 3vw 3vw; box-sizing: border-box; } }

.page-company .screen table tr td:first-of-type { width: 6em !important; }

.figure_3 { width: 804px; margin: 0 auto 60px; overflow: hidden; }

@media screen and (max-width: 640px) { .figure_3 { width: 88vw; margin: 0 auto 10vw; } }

.figure_3 > li { width: 248px; float: left; margin: 0 10px; }

@media screen and (max-width: 640px) { .figure_3 > li { width: 100%; float: none; margin: 0 0 5vw; } }

.figure_3 > li figure { text-align: center; }

.figure_3 > li p { text-align: center; line-height: 150%; }

.school_license { width: 804px; margin: 0 auto 60px; overflow: hidden; }

@media screen and (max-width: 640px) { .school_license { width: 88vw; margin: 0 auto 10vw; overflow: hidden; } }

.school_license > li { width: 248px; float: left; margin: 0 10px 20px; box-sizing: border-box; border: 3px solid #23c18f; border-radius: 10px; padding: 20px; }

@media screen and (max-width: 640px) { .school_license > li { width: 100%; float: none; margin: 0 0 5vw; box-sizing: border-box; border: 3px solid #23c18f; border-radius: 10px; padding: 3vw; } }

.school_license > li .title { display: block; text-align: center; font-size: 18px; font-family: "Rounded Mplus 1c"; color: #23c18f; margin-bottom: 10px; letter-spacing: 2px; }

@media screen and (max-width: 640px) { .school_license > li .title { font-size: 18px; } }

.school_license > li p { line-height: 150%; margin-bottom: 10px; }

.school_license > li figure { margin-bottom: 10px; text-align: center; }

.school_license > li .btn_more { display: block; width: 10em; text-align: center; padding: 7px 0; color: white; background: #23c18f; margin: 0 auto; transition: all 0.5s; }

.school_license > li .btn_more:hover { color: white !important; opacity: .5; }

@media screen and (max-width: 640px) { .school_license > li .btn_more:hover { opacity: 1; } }

.inner_school_schoolbus { width: 980px; margin: 0 auto 30px; overflow: hidden; }

@media screen and (max-width: 640px) { .inner_school_schoolbus { width: 88vw; margin: 0 auto 5vw; overflow: hidden; } }

.inner_school_schoolbus .map_school_schoolbus { width: 460px; float: left; }

@media screen and (max-width: 640px) { .inner_school_schoolbus .map_school_schoolbus { width: 100%; float: none; margin-bottom: 5vw; }
  .inner_school_schoolbus .map_school_schoolbus iframe { width: 100%; } }

.inner_school_schoolbus .data { width: 490px; float: right; padding-top: 20px; }

@media screen and (max-width: 640px) { .inner_school_schoolbus .data { width: 100%; float: none; } }

.inner_school_schoolbus .data span { display: block; margin-bottom: 20px; color: #23c18f; letter-spacing: 2px; font-size: 20px; font-family: "Rounded Mplus 1c"; line-height: 150%; }

@media screen and (max-width: 640px) { .inner_school_schoolbus .data span { font-size: 16px; } }

.item_schoolprice { width: 804px; margin: 0 auto 60px; overflow: hidden; }

@media screen and (max-width: 640px) { .item_schoolprice { width: 88vw; margin: 0 auto 10vw; overflow: hidden; } }

.item_schoolprice > li { width: 248px; float: left; margin: 0 10px 20px; box-sizing: border-box; }

@media screen and (max-width: 640px) { .item_schoolprice > li { width: 88%; float: none; margin: 0 auto 5vw; box-sizing: border-box; } }

.item_schoolprice > li > a { display: block; transition: all 0.5s; padding: 20px; background: #23c18f; color: white; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-align: center; }

@media screen and (max-width: 640px) { .item_schoolprice > li > a { text-align: left; } }

.item_schoolprice > li > a:hover { opacity: .5; color: white !important; }

@media screen and (max-width: 640px) { .item_schoolprice > li > a:hover { opacity: 1; } }

.inner_wrap_feed { width: 860px; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 640px) { .inner_wrap_feed { width: 88vw; } }

.box_information { width: 540px; float: left; }

@media screen and (max-width: 640px) { .box_information { width: 100%; float: none; margin-bottom: 10vw; } }

.ttl_line.feed_ttl { text-align: left; clear: both; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.items_feed { width: 540px; float: left; }

@media screen and (max-width: 640px) { .items_feed { width: 100%; float: none; margin-bottom: 10vw; } }

.items_feed > li { padding: 30px 40px; border: 3px solid #23c18f; background: white; border-radius: 5px; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .items_feed > li { width: 88vw; margin: 0 auto; } }

.items_feed > li .title { display: block; color: #23c18f; font-size: 18px; font-weight: bold; font-family: "Rounded Mplus 1c"; line-height: 150%; border-bottom: 2px solid #23c18f; padding-bottom: 5px; margin-bottom: 10px; }

.items_feed > li .date { display: block; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .items_feed > li .date { margin-bottom: 3vw; } }

.items_feed > li .data { display: block; line-height: 200%; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .items_feed > li .data { margin-bottom: 3vw; } }

.items_feed > li .btn_more { display: block; text-align: right; }

.items_feed > li .btn_more > a { display: inline-block; background: #23c18f; color: white; padding: 7px 20px; transition: all 0.5s; }

.items_feed > li .btn_more > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .items_feed > li .btn_more > a:hover { opacity: 1; } }

.side { width: 253px; float: right; }

@media screen and (max-width: 640px) { .side { width: 100%; float: none; } }

.side .side_link { margin-bottom: 20px; }

.side .side_link > li { margin-bottom: 5px; }

.side .side_link > li > a { display: block; transition: all 0.5s; }

.side .side_link > li > a > img { width: 100%; }

.side .side_link > li > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .side .side_link > li > a:hover { opacity: 1; } }

.side .ttl_side { background: #d0f0cb; color: #23c18f; font-size: 20px; font-weight: bold; font-family: "Rounded Mplus 1c"; letter-spacing: 2px; padding: 10px 10px; margin-bottom: 10px; }

@media screen and (max-width: 640px) { .side .ttl_side { font-size: 16px; letter-spacing: 0; } }

.side .items_term { margin-bottom: 20px; }

.side .items_term > li { line-height: 200%; }

.side .items_term > li > a { display: block; transition: all 0.5s; }

.side .items_term > li > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .side .items_term > li > a:hover { opacity: 1; } }

.side .items_new_info { margin-bottom: 20px; }

.side .items_new_info > li { line-height: 200%; }

.side .items_new_info > li > a { display: block; transition: all 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.side .items_new_info > li > a:hover { opacity: .5; }

@media screen and (max-width: 640px) { .side .items_new_info > li > a:hover { opacity: 1; } }

.map_access { display: block; width: 760px; margin: 0 auto 60px; }

@media screen and (max-width: 640px) { .map_access { display: block; width: 88vw; margin: 0 auto 5vw; } }

.inner_access_car { width: 840px; margin: 0 auto; }

@media screen and (max-width: 640px) { .inner_access_car { width: 88vw; } }

.inner_access_car .ttl_mini { text-align: left; line-height: 150%; margin-bottom: 5px; }

.inner_access_car p { line-height: 200%; margin-bottom: 40px; }

.inner_access_car .disc { margin-bottom: 40px; margin-left: 1em; }

.access_train { width: 760px; margin: 0 auto; }

@media screen and (max-width: 640px) { .access_train { width: 88vw; } }

.access_train > li { margin-bottom: 60px; }

.access_train > li .title { color: #23c18f; text-align: left; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .access_train > li .title { color: #23c18f; text-align: left; margin-bottom: 10px; } }

.access_train > li .title > span { display: inline-block; padding: 9px 40px 9px; font-size: 22px; letter-spacing: 2px; border: 1px solid #23c18f; border-radius: 10px; background: white; }

@media screen and (max-width: 640px) { .access_train > li .title > span { display: inline-block; padding: 2vw 3vw 2vw; font-size: 16px; line-height: 150%; letter-spacing: 1px; border: 1px solid #23c18f; border-radius: 10px; } }

.access_train > li .station { display: block; line-height: 150%; margin-bottom: 10px; }

.access_train > li .station .is { color: #23c18f; }

.access_train > li .data { display: block; line-height: 150%; margin-left: 1em; margin-bottom: 10px; }

.item_voice { width: 980px; margin: 0 auto; }

@media screen and (max-width: 640px) { .item_voice { width: 88vw; } }

.item_voice li { box-sizing: border-box; padding: 30px 40px; border: 3px solid #303030; background: white; border-radius: 5px; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .item_voice li { width: 88vw; margin: 0 auto 3vw; } }

.item_voice li .title { display: block; font-size: 18px; font-weight: bold; font-family: "Rounded Mplus 1c"; line-height: 150%; border-bottom: 2px solid #303030; padding-bottom: 5px; margin-bottom: 10px; }

@media screen and (max-width: 640px) { .item_voice li .title { font-size: 16px; } }

.item_voice li p { line-height: 200%; margin-bottom: 30px; }

@media screen and (max-width: 640px) { .item_voice li p { margin-bottom: 3vw; } }

.hub_voice { overflow: hidden; width: 860px; margin: 0 auto; }

@media screen and (max-width: 640px) { .hub_voice { width: 88vw; margin: 0 auto; } }

.hub_voice > li { width: 420px; box-sizing: border-box; margin: 0 auto; box-sizing: border-box; padding: 30px 20px 30px; border: 3px solid #e5e5e5; background: white; border-radius: 5px; }

@media screen and (max-width: 640px) { .hub_voice > li { width: 100%; padding: 4vw 3vw 4vw; } }

.hub_voice > li:nth-child(odd) { float: left; }

@media screen and (max-width: 640px) { .hub_voice > li:nth-child(odd) { float: none; margin-bottom: 5vw; } }

.hub_voice > li:nth-child(even) { float: right; }

@media screen and (max-width: 640px) { .hub_voice > li:nth-child(even) { float: none; } }

.hub_voice > li .ttl_hub_voice { display: block; color: #23c18f; font-family: "Rounded Mplus 1c"; font-size: 22px; letter-spacing: 2px; text-align: center; margin-bottom: 20px; }

@media screen and (max-width: 640px) { .hub_voice > li .ttl_hub_voice { font-size: 16px; line-height: 150%; } }

.hub_voice > li p { line-height: 200%; text-align: center; margin-bottom: 20px; }

.hub_voice > li .btn_effect { margin-bottom: 0; }

.btn_price { display: inline-block; background: #23c18f; color: white; letter-spacing: 2px; padding: 10px 20px 10px 10px; transition: all 0.5s; }

.btn_price:hover { color: white !important; opacity: .5; }

@media screen and (max-width: 640px) { .btn_price:hover { opacity: 1; } }

.license_download { width: 980px; margin: 0 auto 20px; }

@media screen and (max-width: 640px) { .license_download { width: 88vw; margin: 0 auto 5vw; } }

.license_download p { line-height: 150%; margin-bottom: 10px; font-weight: bold; }

.license_download a { display: inline-block; background: #23c18f; color: white; line-height: 200%; text-align: center; padding: 10px 20px 10px; transition: all 0.5s; }

.license_download a:hover { color: white !important; opacity: .5; }

@media screen and (max-width: 640px) { .license_download a:hover { opacity: 1; } }

.ttl_minitext { line-height: 150%; margin-bottom: 10px; }

.table_license { width: 100%; line-height: 150%; text-align: center; font-weight: bold; border-top: 1px solid #303030; border-right: 1px solid #303030; background: white; }

@media screen and (max-width: 640px) { .table_license { font-size: 12px; } }

.table_license td { padding: 15px; vertical-align: middle; border-bottom: 1px solid #303030; border-left: 1px solid #303030; }

@media screen and (max-width: 640px) { .table_license td { padding: 0; } }

.table_license caption { caption-side: bottom; text-align: left; line-height: 150%; margin-top: 5px; font-weight: normal; }

.map_schoolbus { width: 640px; margin: 0 auto 60px; }

@media screen and (max-width: 640px) { .map_schoolbus { width: 88vw; margin: 0 auto 10vw; }
  .map_schoolbus > iframe { width: 100%; } }

.inner_table { width: 980px; height: 100%; overflow: scroll; margin: 0 auto; }

@media screen and (max-width: 640px) { .inner_table { width: 88vw; height: 100%; overflow: scroll; margin: 0 auto; } }

.inner_table .table_scoolbus { text-align: center; line-height: 120%; border-top: 1px solid #303030; border-left: 1px solid #303030; }

@media screen and (max-width: 640px) { .inner_table .table_scoolbus { font-size: 12px; } }

.inner_table .table_scoolbus tr:nth-of-type(even) { background: white; }

.inner_table .table_scoolbus tr td:first-of-type { background: #fefbd9; min-width: 150px;}

.inner_table .table_scoolbus td { min-width: 100px; padding: 5px; border-bottom: 1px solid #303030; border-right: 1px solid #303030; vertical-align: middle; }

.steps { width: 680px; margin: 0 auto; }

@media screen and (max-width: 640px) { .steps { width: 88vw; margin: 0 auto; } }

.steps > li:after { content: "▼"; color: #23c18f; display: block; text-align: center; margin: 10px 0; }

.steps > li table { background: white; border: 2px solid #23c18f; border-radius: 10px; padding: 20px; width: 100%; line-height: 150%; border-collapse: separate; }

.steps > li table th { font-family: "Rounded Mplus 1c"; color: #23c18f; font-size: 20px; letter-spacing: 2px; vertical-align: middle; text-align: right; width: 40%; }

@media screen and (max-width: 640px) { .steps > li table th { display: block; width: 100%; font-size: 18px; text-align: center; padding-bottom: 3vw; } }

.steps > li table td { vertical-align: middle; padding-left: 30px; }

@media screen and (max-width: 640px) { .steps > li table td { display: block; width: 100%; padding-left: 0; } }

.goal { color: #23c18f; font-size: 18px; line-height: 150%; text-align: center; margin: 20px 0 60px; }

@media screen and (max-width: 640px) { .goal { color: #23c18f; font-size: 16px; line-height: 150%; text-align: center; margin: 3vw 0 10vw; } }

.table_colored { width: 680px; margin: 0 auto 60px; line-height: 150%; border-right: 1px solid #303030; border-top: 1px solid #303030; background: white; font-weight: bold; }

.table_colored.wide { width: 980px; }

.table_colored.free { width: initial; margin: 0 0 60px; min-width: 400px; }

@media screen and (max-width: 640px) { .table_colored { width: 88vw; margin: 0 auto 10vw; }
  .table_colored.wide { width: 88vw; }
  .table_colored.wide td { padding: 0; }
  .table_colored.free { width: initial; margin: 0 0 10vw; min-width: initial; width: 100%; } }

.table_colored caption { caption-side: bottom; text-align: left; line-height: 150%; margin-top: 5px; font-weight: normal; }

.table_colored caption.upper { caption-side: top; text-align: left; line-height: 150%; margin-top: 0; margin-bottom: 5px; font-weight: normal; }

.table_colored tr th { padding: 20px; text-align: left; border-left: 1px solid #303030; border-bottom: 1px solid #303030; }

@media screen and (max-width: 640px) { .table_colored tr th { padding: 0; } }

.table_colored tr th:nth-of-type(2) { background: #def4fe; }

.table_colored tr th:nth-of-type(3) { background: #fefbd9; }

.table_colored tr th:nth-of-type(4) { background: #f1ddf1; }

.table_colored tr th:nth-of-type(5) { background: #dbe1fa; }

.table_colored tr td { padding: 20px; text-align: left; border-left: 1px solid #303030; border-bottom: 1px solid #303030; }

@media screen and (max-width: 640px) { .table_colored tr td { padding: 0; } }

.table_colored tr td:nth-of-type(1) { background: #def4fe; }

.table_colored tr td:nth-of-type(2) { background: #fefbd9; }

.table_colored tr td:nth-of-type(3) { background: #f1ddf1; }

.table_colored tr td:nth-of-type(4) { background: #dbe1fa; }

.box_border_gray { width: 680px; margin: 0 auto; box-sizing: border-box; padding: 30px 40px; border: 3px solid #e5e5e5; background: #f8f8f8; border-radius: 5px; }

.box_border_gray.wide { width: 980px; }

@media screen and (max-width: 640px) { .box_border_gray { width: 88vw; margin: 0 auto; }
  .box_border_gray.wide { width: 88vw; } }

.box_border_gray .ttl_box_border_gray { font-size: 18px; font-weight: bold; font-family: "Rounded Mplus 1c"; line-height: 150%; border-bottom: 2px solid #303030; padding-bottom: 5px; margin-bottom: 10px; }

.disc { line-height: 200%; }

.disc li { list-style-position: outside; list-style-type: disc; }

.square { line-height: 200%; }

.square > li { margin-bottom: 10px; }

.square > li ul { line-height: 200%; margin-left: 1em; }

.list_normal { line-height: 200%; }

.list_normal > li { margin-bottom: 10px; }

.list_normal > li ul { line-height: 200%; margin-left: 1em; }

/*	home
---------------------------------*/
#Glide { position: relative; }

@media screen and (max-width: 640px) { #Glide { display: none; } }

#Glide .glide__slide img { display: block; width: 100%; height: auto; }

#Glide .inner { width: 980px; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; }

#Glide .inner a { display: block; transition: all 0.5s; }

#Glide .inner a:hover { opacity: .5; }

#Glide .inner .btn_1 { display: block; width: 16vw; margin-bottom: 20px; margin-left: 700px; }

#Glide .inner .btn_2 { display: block; width: 16vw; margin-bottom: 20px; margin-left: 700px; }

#Glide_s { display: none; }

@media screen and (max-width: 640px) { #Glide_s { display: block; position: relative; } }

#Glide_s .glide__slide img { display: block; width: 100%; height: auto; }

#Glide_s .inner { width: 76vw; margin: auto; position: absolute; left: 0; right: 0; bottom: 5vw; }

#Glide_s .inner .btn_1 { display: block; width: 100%; }

#Glide_s .inner .btn_2 { display: block; width: 100%; margin-top: 5vw; }

.glide { position: relative; width: 100%; }

.glide__wrapper { overflow: hidden; }

.glide__track { position: relative; width: 100%; height: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-touch-action: pan-Y; touch-action: pan-Y; overflow: hidden; }

.glide__track.dragging { cursor: -webkit-grabbing; cursor: grabbing; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.glide__slide { width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }

.glide__slide a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; }

.glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.glide__arrow { cursor: pointer; }

.glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.glide--slider .glide__slide { float: left; clear: none; }

.glide--carousel.glide--vertical .glide__track { overflow: visible; }

.glide--carousel .glide__slide { float: left; clear: none; }

.glide--slideshow .glide__wrapper { height: 100%; }

.glide--slideshow .glide__slide { height: 100%; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0px, 0px, 0px); }

.glide--slideshow .glide__slide.active { z-index: 1; }

.glide__arrows { position: absolute; }

.glide--horizontal .glide__arrows { top: 50%; width: 92%; margin-left: 4%; }

.glide--vertical .glide__arrows { left: 50%; height: 88%; margin-top: 6%; }

.glide__arrow { position: absolute; z-index: 2; color: white; text-transform: uppercase; font: 11px Arial, sans-serif; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; -webkit-transition: border 300ms ease-in-out; transition: border 300ms ease-in-out; }

.glide__arrow:focus { outline: none; }

.glide__arrow:hover { border-color: white; }

.glide--horizontal .glide__arrow { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.glide--horizontal .glide__arrow.prev { left: 0; }

.glide--horizontal .glide__arrow.next { right: 0; }

.glide--vertical .glide__arrow { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.glide--vertical .glide__arrow.prev { top: 0; }

.glide--vertical .glide__arrow.next { bottom: 0; }

.glide__bullets { position: absolute; z-index: 2; list-style: none; }

.glide--horizontal .glide__bullets { bottom: 8%; left: 0; width: 100%; height: 12px; text-align: center; }

.glide--vertical .glide__bullets { top: 50%; right: 8%; width: 12px; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.glide__bullets > * { display: inline-block; background-color: rgba(255, 255, 255, 0.5); width: 12px; height: 12px; padding: 0; cursor: pointer; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.glide--horizontal .glide__bullets > * { margin: 0 5px; }

.glide--vertical .glide__bullets > * { vertical-align: middle; }

.glide__bullets > *.active { background-color: white; }

.glide__bullets > *:focus { outline: none; }

.glide__bullets > *:hover, .glide__bullets > *:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); }

.glide--slider .glide__arrow { opacity: 1; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; }

.glide--slider .glide__arrow.disabled { opacity: 0.33; }

/** bxSlider v4.2.5 Copyright 2013-2015 Steven Wanderski Written while drinking Belgian ales and listening to jazz Licensed under MIT (http://opensource.org/licenses/MIT) */
/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }

.bx-wrapper img { max-width: 100%; display: block; }

.bxslider { margin: 0; padding: 0; }

ul.bxslider { list-style: none; }

.bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url("bx_loader.gif") center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 32.7%; background: url(../images/home/arrow-slider-preview.png); }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; }

.bx-wrapper .bx-next { right: 32.7%; background: url(../images/home/arrow-slider-next.png); }

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { x-background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 38px; height: 38px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("controls.png") -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("controls.png") -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/*	中央表示
---------------------------------*/
/* 設定 */
#slider__container { width: 100%; height: 100%; overflow-x: hidden; }

#slider__all { width: 1000px; margin: 0 auto; height: 350px; position: relative; }

#slider__wrap { width: 3000px; position: absolute; left: 50%; margin-left: -1500px; }

#bxslider__items { width: 100%; }

.slide { width: 1000px; }

.slide img { width: 100%; vertical-align: bottom; }

/* Preload images */
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-container { padding: 4px; }

.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(loading.gif) no-repeat; }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/* General Demo Style */
@font-face { font-family: 'codropsicons'; src: url("../fonts/codropsicons/codropsicons.eot"); src: url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../fonts/codropsicons/codropsicons.woff") format("woff"), url("../fonts/codropsicons/codropsicons.ttf") format("truetype"), url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg"); font-weight: normal; font-style: normal; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0; height: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ 
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #aaa;
	background: #fff;
}

a {
	color: #ccc;
	text-decoration: none;
}*/
.no-touch a:hover, .no-touch a:active { color: #333; }

.container { height: 100%; position: relative; }

.container > section { min-height: 100%; margin: 0 auto; padding: 20em 3em; }

.touch .container > section { padding: 0; min-height: 0; }

.container > header { margin: 0 auto; padding: 2em 1em 2em; position: fixed; top: 0; left: 0; width: 100%; text-align: center; background: #fff; z-index: 999999; -webkit-backface-visibility: hidden; }

.touch .container > header { position: relative; }

.container > header h1 { font-size: 2.625em; line-height: 1.3; margin: 0; font-weight: 300; }

.container > header span { display: block; font-size: 60%; opacity: 0.6; padding: 0 0 0.6em 0.1em; }

.container > section p { color: #fff; text-align: center; padding: 1em; margin: 0; }

/* To Navigation Style */
.codrops-top { background: #fff; background: rgba(255, 255, 255, 0.6); text-transform: uppercase; width: 100%; font-size: 0.69em; line-height: 2.2; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; }

.codrops-top a { padding: 0 1em; letter-spacing: 0.1em; display: inline-block; }

.codrops-top a:hover { background: rgba(255, 255, 255, 0.95); color: #777; }

.codrops-top span.right { float: right; }

.codrops-top span.right a { float: left; display: block; }

.codrops-icon:before { font-family: 'codropsicons'; margin: 0 4px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before { content: "\e001"; }

.codrops-icon-prev:before { content: "\e004"; }

.codrops-icon-archive:before { content: "\e002"; }

.codrops-icon-next:before { content: "\e000"; }

.codrops-icon-about:before { content: "\e003"; }

/* Demo Buttons Style */
.codrops-demos { padding-top: 1em; font-size: 0.9em; }

.touch .codrops-demos { display: none; }

.codrops-demos a { display: inline-block; margin: 0.5em; padding: 0.6em 1em; border: 3px solid #ddd; font-weight: 700; }

.codrops-demos a:hover { opacity: 0.6; }

.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { border: 3px solid #aaa; opacity: 1; color: #aaa; }

#set-1 { background: #41ab6b; }

#set-2 { background: #eea303; }

#set-3 { background: #f06060; }

#set-4 { background: #0e83cd; }

#set-5 { background: #702fa8; }

#set-6 { background: #64bb5d; }

#set-7 { background: #d54f30; }

#set-8 { background: #3851bc; }

#set-9 { background: #96a94b; }

@media screen and (max-width: 800px) { .hi-icon { margin: 15px !important; }
  .container > section { padding: 20em 1em; } }

@media screen and (max-width: 25em) { .codrops-icon span { display: none; } }

@font-face { font-family: 'ecoicon'; src: url("../fonts/ecoicons/ecoicon.eot"); src: url("../fonts/ecoicons/ecoicon.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicon.woff") format("woff"), url("../fonts/ecoicons/ecoicon.ttf") format("truetype"), url("../fonts/ecoicons/ecoicon.svg#ecoicon") format("svg"); font-weight: normal; font-style: normal; }

.hi-icon-wrap { text-align: center; margin: 0 auto; padding: 2em 0 3em; }

.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; }

.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.hi-icon:before { font-family: 'ecoicon'; speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }

.hi-icon-mobile:before { content: "\e009"; }

.hi-icon-screen:before { content: "\e00a"; }

.hi-icon-earth:before { content: "\e002"; }

.hi-icon-support:before { content: "\e000"; }

.hi-icon-locked:before { content: "\e001"; }

.hi-icon-cog:before { content: "\e003"; }

.hi-icon-clock:before { content: "\e004"; }

.hi-icon-videos:before { content: "\e005"; }

.hi-icon-list:before { content: "\e006"; }

.hi-icon-refresh:before { content: "\e007"; }

.hi-icon-images:before { content: "\e008"; }

.hi-icon-pencil:before { content: "\e00b"; }

.hi-icon-link:before { content: "\e00c"; }

.hi-icon-mail:before { content: "\e00d"; }

.hi-icon-location:before { content: "\e00e"; }

.hi-icon-archive:before { content: "\e00f"; }

.hi-icon-chat:before { content: "\e010"; }

.hi-icon-bookmark:before { content: "\e011"; }

.hi-icon-user:before { content: "\e012"; }

.hi-icon-contract:before { content: "\e013"; }

.hi-icon-star:before { content: "\e014"; }

/* Effect 3 */
.hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 4px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }

.hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; }

/* Effect 3a */
.hi-icon-effect-3a .hi-icon { color: #ffac40; }

.hi-icon-effect-3a .hi-icon:hover { color: #fff; }

.hi-icon-effect-3a .hi-icon:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }

/* Effect 3b */
.hi-icon-effect-3b .hi-icon { color: #fff; }

.hi-icon-effect-3b .hi-icon:hover { color: #f06060; }

.hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }

.hi-icon-effect-3b .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

/*	cv
---------------------------------*/
#cv { margin-top: 20px; }

@media screen and (max-width: 640px) { #cv { margin-top: 5vw; } }

#cv .ttl_home_contact { text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 640px) { #cv .ttl_home_contact { margin-bottom: 5vw; } }

#cv_items { overflow: hidden; width: 980px; margin: 0px auto 60px; }

@media screen and (max-width: 640px) { #cv_items { display: none; } }

#cv_items > li { display: block; width: 485px; box-sizing: border-box; padding: 20px; background: #fcf76f; }

#cv_items > li:nth-child(odd) { float: left; }

@media screen and (max-width: 640px) { #cv_items > li:nth-child(odd) { float: none; margin-bottom: 5vw; } }

#cv_items > li:nth-child(even) { float: right; }

#cv_items > li > a { display: block; }

#cv_items > li > a .b03_skewed_slide_in div { overflow: hidden; padding: 20px 20px 0; }

@media screen and (max-width: 640px) { #cv_items > li > a .b03_skewed_slide_in div { width: 100%; } }

#cv_items > li > a .b03_skewed_slide_in div .left { display: block; width: 40%; float: left; text-align: left; }

#cv_items > li > a .b03_skewed_slide_in div .left .title { display: block; font-size: 30px; font-weight: bold; margin-bottom: 10px; }

#cv_items > li > a .b03_skewed_slide_in div .left .title .is { padding-right: 5px; }

#cv_items > li > a .b03_skewed_slide_in div .left .ja { display: block; text-align: center; font-weight: bold; }

#cv_items > li > a .b03_skewed_slide_in div .text { display: block; width: 50%; float: right; text-align: left; line-height: 200%; }

#cv_items > li > a .b03_skewed_slide_in div:nth-child(1) { background: #fcf76f; }

#cv_items_s { display: none; }

@media screen and (max-width: 640px) { #cv_items_s { display: block; background: #fcf76f; padding: 5vw 10vw 5vw; margin-bottom: 10vw; }
  #cv_items_s > li { margin-bottom: 5vw; }
  #cv_items_s > li:last-child { margin-bottom: 0; }
  #cv_items_s > li > a { display: block; } }

#home_contact { width: 860px; margin: 0 auto 90px; overflow: hidden; text-align: center; }

@media screen and (max-width: 640px) { #home_contact { width: 88vw; margin: 0 auto 10vw; overflow: hidden; } }

#home_contact > li { display: inline-block; margin: 0 40px; transition: all 0.5s; }

@media screen and (max-width: 640px) { #home_contact > li { display: block; width: 30%; float: left; margin: 0 5% 0 0; }
  #home_contact > li:last-child { margin-right: 0; } }

#home_contact > li .text { display: block; text-align: center; font-size: 12px; margin-top: 30px; }

@media screen and (max-width: 640px) { #home_contact > li .text { margin-top: 5vw; } }

#home_contact > li:hover { opacity: .5; }

@media screen and (max-width: 640px) { #home_contact > li:hover { opacity: 1; } }

#home_contact > li > a { color: orange; font-size: 90px; display: block; transform: rotate(20deg); padding-top: 30px; }

@media screen and (max-width: 640px) { #home_contact > li > a { font-size: 16vw; } }

/*	footer
---------------------------------*/
footer { background: #f0f0f0; padding: 60px 0 60px; }

@media screen and (max-width: 640px) { footer { padding: 5vw 0 5vw; } }

footer .inner { width: 980px; margin: 0 auto; overflow: hidden; }

@media screen and (max-width: 640px) { footer .inner { width: 88vw; margin: 0 auto; } }

footer .inner .logo { display: block; float: left; width: 317px; margin-right: 60px; }

@media screen and (max-width: 640px) { footer .inner .logo { width: 64vw; float: none; margin-right: 0; margin-bottom: 5vw; } }

footer .inner address { line-height: 150%; font-size: 23px; }

@media screen and (max-width: 640px) { footer .inner address { font-size: 14px; line-height: 200%; } }

footer .inner address .inline_p { padding-right: 20px; }

#nav_foot_normal { display: none; }

@media screen and (max-width: 640px) { #nav_foot_normal { display: none; }
  #nav_foot_normal .inner_other { box-sizing: border-box; position: fixed; width: 100%; left: 0; bottom: 10vw; padding: 4vw; overflow: hidden; }
  #nav_foot_normal .inner_other > a { box-sizing: border-box; display: block; width: 12vw; height: 12vw; border-radius: 6vw; text-align: center; font-size: 6vw; font-weight: bold; color: white; padding-top: 2vw; background: #23c18f; float: right; } }

/*	template
---------------------------------*/
.wrap_form { width: 860px; margin: 0 auto; }

@media screen and (max-width: 640px) { .wrap_form { width: 88vw; margin: 0 auto; } }

.wrap_form .error { display: block; margin-top: 10px; font-size: 18px; }

.wrap_form p { margin-bottom: 30px; }

@media screen and (max-width: 640px) { .wrap_form p { margin-bottom: 5vw; } }

.wrap_form p .title { color: #23c18f; font-size: 19px; letter-spacing: 2px; font-family: "Rounded Mplus 1c"; display: block; line-height: 150%; margin-bottom: 10px; }

@media screen and (max-width: 640px) { .wrap_form p .title { color: #23c18f; font-size: 16px; letter-spacing: 2px; font-family: "Rounded Mplus 1c"; display: block; line-height: 150%; margin-bottom: 10px; } }

.wrap_form p:first-of-type { margin-top: 30px; }

@media screen and (max-width: 640px) { .wrap_form p:first-of-type { margin-top: 5vw; } }

.wrap_form input[type="text"], .wrap_form #zip { display: block; box-sizing: border-box; border: 2px solid #23c18f; border-radius: 10px; width: 100%; padding: 10px; font-size: 16px; }

.wrap_form .mwform-radio-field.horizontal-item { font-size: 18px; color: #23c18f; }

@media screen and (max-width: 640px) { .wrap_form .mwform-radio-field.horizontal-item { font-size: 16px; } }

.wrap_form .mwform-checkbox-field.vertical-item { font-size: 18px; color: #23c18f; display: block; margin-bottom: 10px; }

@media screen and (max-width: 640px) { .wrap_form .mwform-checkbox-field.vertical-item { font-size: 16px; } }

.wrap_form textarea { border: 1px solid #23c18f; border-radius: 10px; width: 100%; height: 200px; padding: 10px; box-sizing: border-box; }

.wrap_form input[type="submit"] { display: block; width: 200px; background: #23c18f; color: white; font-size: 18px; margin: 0 auto; border: none; border-radius: 5px; cursor: pointer; transition: all 0.5s; }

.wrap_form input[type="submit"]:hover { opacity: .5; }

@media screen and (max-width: 640px) { .wrap_form input[type="submit"]:hover { opacity: 1; } }

.m_60 { margin-bottom: 60px; }

@media screen and (max-width: 640px) { .m_60 { margin-bottom: 10vw; } }

.m_50 { margin-bottom: 50px; }

@media screen and (max-width: 640px) { .m_50 { margin-bottom: 8vw; } }

.m_40 { margin-bottom: 40px; }

@media screen and (max-width: 640px) { .m_40 { margin-bottom: 5vw; } }

.m_30 { margin-bottom: 30px; }

@media screen and (max-width: 640px) { .m_30 { margin-bottom: 5vw; } }

.m_20 { margin-bottom: 20px; }

@media screen and (max-width: 640px) { .m_20 { margin-bottom: 3vw; } }

.mint { background: #d0f0cb; }

.sky { background: #def4fe; }

.yellow { background: #fefbd9; }

.pink { background: #fed9d9; }

.lavender { background: #dbe1fa; }

.peach { background: #fee7d9; }

.mikan { background: #ffeabd; }

.screen { width: 980px; margin: 0 auto; padding: 60px 0 60px; box-sizing: border-box; }

@media screen and (max-width: 640px) { .screen { width: 88vw; margin: 0 auto; padding: 10vw 0 10vw; box-sizing: border-box; } }

.contents { width: 100%; margin: 0 auto; padding: 60px 0 60px; box-sizing: border-box; }

.contents .inner_sec { width: 980px; margin: 0 auto; padding: 60px 0 60px; box-sizing: border-box; }

@media screen and (max-width: 640px) { .contents .inner_sec { width: 88vw; margin: 0 auto; padding: 10vw 0 10vw; box-sizing: border-box; } }

.contents .sec { padding: 60px 0; }

@media screen and (max-width: 640px) { .contents .sec { padding: 10vw 0; } }

@media screen and (max-width: 640px) { .contents { width: 100%; margin: 0 auto; padding: 60px 0 60px; box-sizing: border-box; } }

.contents .inner_divide { width: 820px; margin: 0 auto 60px; overflow: hidden; }

@media screen and (max-width: 640px) { .contents .inner_divide { width: 80%; margin: 0 auto 10vw; } }

.contents .inner_divide p { width: 380px; float: left; font-size: 16px; line-height: 200%; }

@media screen and (max-width: 640px) { .contents .inner_divide p { width: 100%; float: none; margin-bottom: 5vw; } }

.contents .inner_divide > figure { width: 400px; float: right; }

@media screen and (max-width: 640px) { .contents .inner_divide > figure { width: 100%; float: none; } }

.contents > figure { margin-bottom: 40px; }

@media screen and (max-width: 640px) { .contents > figure { margin-bottom: 5vw; } }

.contents > figure figcaption { margin-top: 5px; line-height: 150%; }

.ttl_page { color: #23c18f; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { .ttl_page { color: #23c18f; margin-bottom: 3vw; } }

.ttl_page .ja { display: inline-block; font-size: 32px; line-height: 40px; letter-spacing: 2px; background-image: url(../images/common/line_yellow.png); background-position: left bottom; background-repeat: repeat-x; margin-bottom: 10px; }

@media screen and (max-width: 640px) { .ttl_page .ja { display: inline-block; font-size: 18px; line-height: 150%; letter-spacing: 1px; background-image: url(../images/common/line_yellow.png); background-position: left bottom; background-repeat: repeat-x; background-size: auto 3vw; margin-bottom: 1vw; } }

.ttl_page::before { font-family: "Font Awesome\ 5 Free"; content: "\f207"; display: block; font-size: 38px; width: 38px; margin: 0 auto 5px; }

@media screen and (max-width: 640px) { .ttl_page::before { font-family: "Font Awesome\ 5 Free"; content: "\f207"; display: block; font-size: 28px; width: 28px; margin: 0 auto 1vw; } }

.ttl_page .en { display: block; font-family: "futura"; font-size: 25px; line-height: 30px; letter-spacing: 2px; }

@media screen and (max-width: 640px) { .ttl_page .en { display: block; font-family: "futura"; font-size: 16px; line-height: 150%; letter-spacing: 1px; } }

.ttl_page.info::before { content: "\f0a1"; }

@media screen and (max-width: 640px) { .ttl_page.info::before { content: "\f0a1"; } }

p.text { font-size: 16px; line-height: 25px; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { p.text { font-size: 14px; line-height: 170%; text-align: left; width: 94%; margin: 0 auto 5vw; } }

.ttl_line { color: #23c18f; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { .ttl_line { color: #23c18f; text-align: center; margin-bottom: 4vw; } }

.ttl_line > span { font-size: 30px; line-height: 40px; letter-spacing: 2px; display: inline-block; background-image: url(../images/common/line_yellow.png); background-position: left bottom; background-repeat: repeat-x; }

@media screen and (max-width: 640px) { .ttl_line > span { font-size: 18px; line-height: 150%; letter-spacing: 1px; background-image: url(../images/common/line_yellow.png); background-position: left bottom; background-repeat: repeat-x; background-size: auto 3vw; } }


.ttl_borer { color: #23c18f; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { .ttl_borer { color: #23c18f; text-align: center; margin-bottom: 4vw; } }

.ttl_borer > span { display: inline-block; padding: 9px 40px 9px; font-size: 24px; letter-spacing: 2px; border: 1px solid #23c18f; border-radius: 10px; }

@media screen and (max-width: 640px) { .ttl_borer > span { display: inline-block; padding: 2vw 3vw 2vw; font-size: 16px; line-height: 150%; letter-spacing: 1px; border: 1px solid #23c18f; border-radius: 10px; } }

.ttl_fill { color: white; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 640px) { .ttl_fill { color: white; text-align: center; margin-bottom: 4vw; } }

.ttl_fill.style_left { width: 980px; margin: 0 auto 40px; text-align: left; }

@media screen and (max-width: 640px) { .ttl_fill.style_left { width: 88vw; margin: 0 auto 4vw; text-align: left; } }

.ttl_fill > span { display: inline-block; padding: 9px 40px 9px; font-size: 24px; letter-spacing: 2px; border: 1px solid #23c18f; background: #23c18f; border-radius: 10px; }

@media screen and (max-width: 640px) { .ttl_fill > span { display: inline-block; padding: 2vw 3vw 2vw; font-size: 16px; line-height: 150%; letter-spacing: 1px; border: 1px solid #23c18f; background: #23c18f; border-radius: 10px; } }

.ttl_mini { color: #23c18f; font-size: 20px; text-align: center; line-height: 150%; margin-bottom: 40px; }

@media screen and (max-width: 640px) { .ttl_mini { color: #23c18f; font-size: 18px; text-align: center; line-height: 150%; margin-bottom: 3vw; } }

.btn_effect { display: block; width: 246px; height: 42px; margin: 0px auto 60px; /* ### ### ### 04 */ }

@media screen and (max-width: 640px) { .btn_effect { margin-bottom: 10vw; } }

.btn_effect .button_base { border: 0; position: relative; margin-top: 0; margin-left: 0; width: 246px; height: 42px; margin: 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; cursor: default; }

.btn_effect .button_base:hover { cursor: pointer; }

.btn_effect .b04_skewed_slide_in { overflow: hidden; border: #23c18f solid 1px; }

.btn_effect .b04_skewed_slide_in div { position: absolute; text-align: center; width: 100%; height: 42px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 12px 10px 0; }

.btn_effect .b04_skewed_slide_in div:nth-child(1) { color: white; background-color: #23c18f; }

.btn_effect .b04_skewed_slide_in div:nth-child(2) { background-color: white; width: 300px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transform: translate(-320px, 0px) skewX(-30deg); -webkit-transform: translate(-320px, 0px) skewX(-30deg); -moz-transform: translate(-320px, 0px) skewX(-30deg); }

.btn_effect .b04_skewed_slide_in div:nth-child(3) { color: #23c18f; left: -240px; transition: left 0.2s ease; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; }

.btn_effect .b04_skewed_slide_in:hover div:nth-child(2) { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transform: translate(-15px, 0px) skewX(-30deg); -webkit-transform: translate(-15px, 0px) skewX(-30deg); -moz-transform: translate(-15px, 0px) skewX(-30deg); }

.btn_effect .b04_skewed_slide_in:hover div:nth-child(3) { left: 0px; transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }