* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-size: 17px; line-height: 1.4; background-color: #248ddf; background-attachment: fixed; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.center { text-align: center; margin: 0 auto; }

img { border-style: none; vertical-align: bottom; }

.strong { font-weight: bold; }

.red { color: red; }

.left { float: left; }

.right { float: right; }

a:hover { opacity: 0.7; }

li { list-style-type: none; }

.cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

.pager { text-align: right; padding: 20px; }

.pager a { text-decoration: none; color: #222; }

.pager li { display: inline; border: 1px #ccc solid; padding: 10px; }

.last { border: none !important; }

input[type=text], input[type=password], textarea { padding: 10px; box-sizing: border-box; border-radius: 5px; border: 1px #ccc solid; }

input[type=submit] { cursor: pointer; }

input[type=submit]:hover { opacity: 0.6; filter: alpha(opacity=60); }

.sticky_menu { position: relative; z-index: 99; }

.blue_btn { background: #006699; background: -moz-linear-gradient(top, #930000 0%, #700000); background: -webkit-gradient(linear, left top, left bottom, from(#930000), to(#700000)); border: none; color: #FFF; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding: 10px 50px; margin: 20px auto; border-radius: 5px; display: inline-block; text-align: center; }

#fullpage, #menu > div { min-width: 1000px; }

.comp_msg1, .comp_msg2 { color: red; font-weight: bold; }

#menu { z-index: 99; position: fixed; margin: 0 auto; height: 68px; width: 100%; padding: 0 1em; text-align: center; background-color: rgba(0, 0, 0, 0.2); }
#menu .menu1 { min-width: 1080px; }
#menu .menu1 .logo { padding: 13px 0 0 10px; float: left; display: block; }
#menu .menu1 .nav { float: right; }
#menu .menu1 .nav nav { float: left; padding: 20px 15px 0 0; display: none; }
#menu .menu1 .nav nav span { display: inline-block; }
#menu .menu1 .nav nav span a { display: inline-block; min-width : 121px ; position: relative; color: #fff; text-decoration: none; font-size: 13px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; padding: 5px 16px; margin: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#menu .menu1 .nav nav span a:hover { background-color: rgba(255, 255, 255, 0.2); }
#menu .menu1 .nav nav span a img { width: 1.2em; height: 1.2em; margin: -0px 0.5em 0 0; display: block; float: left; }
#menu .menu1 .nav nav span .dropDown { text-align: left; display: none; }
#menu .menu1 .nav nav span .dropDown .inner { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.2); position: absolute; padding: 0.5em; margin-left: 0.3em; }
#menu .menu1 .nav nav span .dropDown .inner ul li a { background-color: #248ddf; display: block; margin-bottom: 2px; }
#menu .menu1 .nav nav span .dropDown .inner ul li a:hover { background-color: #5face8; opacity: 1; }
#menu .menu1 .nav nav span .dropDown .inner ul .title { font-size: 13px; color: #fff; padding: 0.3em 0 0.5em 0.5em; }
#menu .menu1 .nav nav .dropMenu:hover .dropDown { display: block; }
#menu .menu1 .nav .info { float: right; padding: 12px 0 0 0; }
#menu .menu1 .nav .info > a { float: left; background-color: rgba(255, 255, 255, 0.7); text-decoration: none; color: #248ddf; font-size: 14px; font-weight: bold; padding: 0.8em; line-height: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#menu .menu1 .nav .info .address { padding: 0 10px 0 10px; float: right; text-align: right;}
#menu .menu1 .nav .info .address p { font-size: 13px; margin: 0; padding: 0; line-height: 1em; color: #fff; font-size : 11px !important;}
#menu .menu1 .nav .info .address p:first-child { margin-bottom: 5px; }
#menu .menu1 .nav .info .address p:last-child { font-size: 12px; }
#menu .menu1 .nav .info .address p strong { font-size: 14px; font-weight: bold; }

.section.storeWrap { background-image: url(../img/background1.jpg); background-size: cover; }

.section.recWrap { background-image: url(../img/background2.jpg); background-size: cover; }

.section.coWrap { background-image: url(../img/background3.jpg); background-size: cover; }

#menu.nomal { background-color: rgba(0, 0, 0, 0.1); }
#menu.nomal .nav nav {display: block;width: 650px;}

#child h2, .child h2 { font-family: "KozGoPro-Light", "小塚ゴシック Pro L","Century Gothic", "arial", sans-serif; }

.hollow { height: 145px; }

.warning { font-size: 11px; }

#fullpage { margin: 0 auto; }

.bgSwElm { background-size: cover; background-position: center center; overflow: hidden; }

#main_visual { background-size: cover; background-position: center center; position: relative; }
#main_visual .inner { position: absolute; box-sizing: border-box; width: 100%; bottom: 0; width: 100%; min-height: 600px; max-height: 100%; overflow: hidden; padding: 20px 10px; }
#main_visual .inner .wrap { width: 90%; min-width: 1000px; min-height: 500px; margin: 0 auto; position: relative; }
#main_visual .inner .wrap canvas { position: absolute; top: 100px; left: 20px; }
#main_visual .inner .wrap nav { position: absolute; bottom: 20px; left: 20px; text-align: center; width: 560px; display: table; border-spacing: 20px; }
#main_visual .inner .wrap nav a { text-decoration: none; }
#main_visual .inner .wrap nav a p { color: #248ddf; margin-top: -1em; }
#main_visual .inner .wrap nav .arrow_box { position: relative; background: #fff; border: 10px solid #248ddf; display: table-cell; vertical-align: middle; text-align: center; width: 160px; height: 160px; -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; }
#main_visual .inner .wrap nav .arrow_box:hover:after, #main_visual .inner .wrap nav .arrow_box:hover:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#main_visual .inner .wrap nav .arrow_box:hover:after { border-color: rgba(0, 0, 0, 0); border-width: 10px; margin-left: -10px; }
#main_visual .inner .wrap nav .arrow_box:hover:before { border-color: rgba(0, 0, 0, 0); border-top-color: #248ddf; border-width: 34px; margin-left: -34px; }
#main_visual .inner .wrap .news { position: absolute; bottom: 20px; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 440px; padding: 5px 20px ; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#main_visual .inner .wrap .news a { display: block; font-size: 14px; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; padding: 0.6em 1em; }
#main_visual .inner .wrap .news a:hover { background-color: rgba(255, 255, 255, 0.3); }
#main_visual .inner .wrap .news a:last-child { border-bottom: none; }
#main_visual .inner .wrap .news a span { font-size: 12px; margin-right: 1.5em; }

.slide.cf { width: 100%; height: 100%; color: #fff; text-align: center; }
.slide.cf .content { position: relative; top: 80px; margin: 0 auto; display: block; text-align: left; max-width: 90%; }
.slide.cf .content > .title { position: absolute; top: -20px; display: block; width: 100%; text-align: center; padding-bottom: 0.5em; opacity: 0; transition: all 0.5s; }
.slide.cf .content > .title > p { font-size: 14px; font-weight: bold; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); padding: 0.5em 2em; margin: 0 auto; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em; }
.slide.cf .content > .title > p > span { font-size: 12px; margin-right: 1em; }
.slide.cf .content .caption { text-align: center; margin: -1em 0 1em 0; }
.slide.cf .content .caption p { max-width: 600px; display: inline-block; padding: 1em; font-size: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.slide.cf .content > .active { opacity: 1; transition: all 0.8s; transition-delay: 0.5s; top: 0; }
.slide.cf .content .txt { padding-top: 50px; min-width: 1000px; }

.scrollWrap { overflow-y: scroll; }

.store .content > .storeMap { position: relative; width: 1000px; margin: 0 auto; padding-top: 80px; }
.store .content > .storeMap .map { position: absolute; width: 1000px; }
.store .content > .storeMap .map img { display: block; margin: 0 auto; }
.store .content > .storeMap .nav { position: relative; }
.store .content > .storeMap .nav > li { position: absolute; }
.store .content > .storeMap .nav > li:hover ul { display: block; }
.store .content > .storeMap .nav > li > a { display: inline-block; background-color: orange; color: #fff; font-weight: bold; text-decoration: none; text-align: center; padding: 0.5em 1em; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.65); box-shadow: 0 0 4px rgba(0, 0, 0, 0.65); opacity: 0.8; }
.store .content > .storeMap .nav > li > a:hover { opacity: 1; }
.store .content > .storeMap .nav > li ul { display: none; padding: 1em; background-color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; -ms-border-radius: 0 10px 10px 10px; -o-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; }
.store .content > .storeMap .nav > li ul > li { padding: 0.5em; background-color: #248ddf; margin-bottom: 1px; }
.store .content > .storeMap .nav > li ul > li:first-child { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.store .content > .storeMap .nav > li ul > li:last-child { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.store .content > .storeMap .nav > li ul > li > a { color: #fff; display: block; width: 300px; overflow: hidden; text-decoration: none; }

.store .content > .storeMap .nav .kitakyusyu ul li:nth-child(4) {
	background-color: #2eb44d !important;
}

.store .content > .storeMap .nav > li ul > li > a img { float: left; border: 1px solid #fff; margin-right: 0.5em; }
.store .content > .storeMap .nav > li ul > li > a p { font-size: 12px; }
.store .content > .storeMap .nav > .kitakyusyu { top: 20px; left: 480px; }
.store .content > .storeMap .nav > .fukuoka { top: 120px; left: 360px; }
.store .content > .storeMap .nav > .kurume { top: 260px; left: 370px; }
.store .content > .storeDetail { overflow: hidden; }
.store .content > .storeDetail .col_L { float: left; width: 45%; padding: 0 1em 1em 1em; margin-left: 5%; }
.store .content > .storeDetail .col_L table { width: 100%; border-spacing: 0; font-size: 12px; }
.store .content > .storeDetail .col_L table th { width: 45%; }
.store .content > .storeDetail .col_L table td, .store .content > .storeDetail .col_L table th { padding: 2px; border-top: 1px solid rgba(255, 255, 255, 0.3); border-left: 1px solid rgba(255, 255, 255, 0.3); }
.store .content > .storeDetail .col_L table td { border-right: 1px solid rgba(255, 255, 255, 0.3); }
.store .content > .storeDetail .col_L table tr:last-child th { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.store .content > .storeDetail .col_L table tr:last-child td { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); }
.store .content > .storeDetail .col_R { float: right; width: 45%; padding: 0 1em 1em 1em; margin-right: 5%; }
.store .content > .storeDetail .col_R .info img { width: 30%; }
.store .content > .storeDetail .col_R .info p { padding: 1em 0; font-size: 14px; }
.store .content > .storeDetail .col_R .map-canvas { width: 100%; height: 300px; }
.store .content > .storeDetail .col_R .backBtn { margin-top: 1em; text-align: right; }
.store .content > .storeDetail .col_R .backBtn a { display: inline-block; color: #fff; text-decoration: none; font-size: 14px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.store .content > .storeDetail .col_R .backBtn a:hover { background-color: rgba(255, 255, 255, 0.2); }

.recruit .content .recruitDetail { overflow: hidden; }
.recruit .content .recruitDetail .col_L { float: left; width: 45%; margin-left: 4.5%; }
.recruit .content .recruitDetail .col_R { float: right; width: 45%; margin-right: 4.5%; }
.recruit .content .recruitDetail .col_L p, .recruit .content .recruitDetail .col_R p { text-align: center; }
.recruit .content .recruitDetail table { width: 100%; border-spacing: 0; font-size: 13px; }
.recruit .content .recruitDetail table th { width: 20%; }
.recruit .content .recruitDetail table td, .recruit .content .recruitDetail table th { font-size: 12px; padding: 2px; border-top: 1px solid rgba(255, 255, 255, 0.3); border-left: 1px solid rgba(255, 255, 255, 0.3); }
.recruit .content .recruitDetail table td { border-right: 1px solid rgba(255, 255, 255, 0.3); }
.recruit .content .recruitDetail table tr:last-child th { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.recruit .content .recruitDetail table tr:last-child td { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); }
.recruit .content .recruitNav { clear: both; }
.recruit .content .recruitNav ul { margin: 0 auto; padding-top: 20px; width: 90%; min-width: 1000px; text-align: center; }
.recruit .content .recruitNav li { display: inline-block; margin: 0 5px; }
.recruit .content .recruitNav li:hover { opacity: 0.7; }
.recruit .content .recruitNav li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; }
.recruit .content .recruitNav li a img { display: block; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin-bottom: 3px; }
.recruit .content .staff, .recruit .content .welfare { text-align: center; }
.recruit .content .staff .caption, .recruit .content .welfare .caption { overflow: hidden; }
.recruit .content .staff .caption p, .recruit .content .welfare .caption p { font-size: 12px; text-align: left; }
.recruit .content .staff .caption p img, .recruit .content .welfare .caption p img { float: left; background-color: #fff; padding: 3px; width: 120px; margin-right: 10px; }
.recruit .content .staff a, .recruit .content .welfare a { display: inline-block; padding: 0.5em; margin: 0 0.3em; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; width: 160px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.recruit .content .staff a img, .recruit .content .welfare a img { display: block; width: 100%; height: auto; }
.recruit .content .staff a p, .recruit .content .welfare a p { font-size: 13px; color: #fff; text-align: left; font-weight: normal; line-height: 1.6em; }
.recruit .content .staff a p strong, .recruit .content .welfare a p strong { display: block; text-align: center; margin: 0.5em 0; }
.recruit .content .staff a p { font-size: 13px; text-align: center; }
.recruit .content .welfare > .top { overflow: hidden; text-align: left; margin-bottom: 1em; }
.recruit .content .welfare > .top .title { font-size: 14px; margin-bottom: 0.5em; }
.recruit .content .welfare > .top p { font-size: 12px; }
.recruit .content .welfare > .top > .left { float: left; width: 30%; margin-left: 19.5%; }
.recruit .content .welfare > .top > .right { float: right; width: 30%; margin-right: 19.5%; }
.recruit .content .welfare > .top > .left, .recruit .content .welfare > .top > .right { background-color: #fff; padding: 1em; color: #248ddf; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.recruit .content .welfare > .top img { width: 80px; height: auto; float: right; }
.recruit .content .training { min-width: 1000px; overflow: hidden; }
.recruit .content .training .title { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; }
.recruit .content .training .col_L { float: left; width: 48%; }
.recruit .content .training .col_L .cts { font-size: 12px; line-height: 1.5em; margin-bottom: 1em; }
.recruit .content .training .col_L .cts > img { width: 200px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.recruit .content .training .col_L .cts > p { margin-bottom: 1em; }
.recruit .content .training .col_L .cts .bs { background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 1em; overflow: hidden; }
.recruit .content .training .col_L .cts .bs img { float: left; width: 140px; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin: 0 1em 0 0; }
.recruit .content .training .col_L .cts .right { float: right; margin: 0 0 1em 1em; }
.recruit .content .training .col_L .cts .left { float: left; margin: 0 1em 1em 0; }
.recruit .content .training .col_R { float: right; width: 48%; }
.recruit .content .training .col_R .cts { font-size: 14px; line-height: 1.8em; }
.recruit .content .training .col_R .cts > img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.recruit .content .training .col_R .cts .cLink { margin-top: 0.5em; display: inline-block; width: auto; color: #fff; text-decoration: none; font-size: 14px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.recruit .content .training .col_R .cts .cLink:hover { background-color: rgba(255, 255, 255, 0.2); }
.recruit .content .training .bottom { text-align: center; clear: both; padding-top: 1.5em; }
.recruit .content .training .bottom a { display: inline-block; padding: 0.5em; margin: 0 3px; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; width: 136px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.recruit .content .training .bottom a img { display: block; width: 100%; height: auto; }
.recruit .content .training .bottom a p { font-size: 12px; color: #fff; text-align: left; line-height: 1.6em; }
.recruit .content .training .bottom a p strong { display: block; text-align: center; margin: 0.5em 0; font-weight: normal; }
.recruit .content .entry { font-size: 12px; }
.recruit .content .entry table { width: 100%; }
.recruit .content .entry table th, .recruit .content .entry table td { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); padding: 2px; }
.recruit .content .entry table th { width: 200px; }
.recruit .content .entry table td input, .recruit .content .entry table td select { padding: 0.5em; }
.recruit .content .entry table td input[type=text] { width: 50%; }
.recruit .content .entry table td textarea { width: 100%; height: 3.5em; }
.recruit .content .entry table td p { padding-bottom: 3px; }
.recruit .content .entry table td .lbl { width: 9em; display: inline-block; }
.recruit .content .entry table td .kiyaku { padding: 1em; width: 100%; height: 3em; overflow-y: scroll; background-color: rgba(255, 255, 255, 0.2); }
.recruit .content .entry table td.btn { border: none; text-align: center; }
.recruit .content .entry table td.btn input { padding: 1em 4em; margin: 1em; }
.recruit .content .entry table td.btn input:last-child { padding: 1em 2em; cursor: pointer; }
.recruit .content .entry .col_L { float: left; width: 48%; }
.recruit .content .entry .col_R { float: right; width: 48%; }

.company .content .coDetail { overflow: hidden; }
.company .content .coDetail .col_L { float: left; width: 36%; margin-left: 4.5%; }
.company .content .coDetail .col_L table { width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); padding: 5px; line-height: 1.8em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .coDetail .col_L table .coName { font-size: 12px; font-weight: bold; padding: 0 0 0.5rem 0; }
.company .content .coDetail .col_L table th { font-size: 12px; width: 6em; padding: 2px; }
.company .content .coDetail .col_L table td { font-size: 12px; }
.company .content .coDetail .col_R { float: right; width: 54%; margin-right: 4.5%; }
.company .content .coDetail .col_R .cts { padding: 0 1em; margin-bottom: 1em; overflow: hidden; font-size: 12px; }
.company .content .coDetail .col_R .cts .title { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); padding: 0 0 0.5em 0; margin: 0 0 0.5em 0; font-weight: bold; }
.company .content .coDetail .col_R .cts p { font-size: 14px; line-height: 1.8em; }
.company .content .coDetail .col_R .cts .aisatsu { font-size: 12px; line-height: 1.2em; }
.company .content .coDetail .col_R .cts .prof { padding-top: 5px; }
.company .content .coDetail .col_R .cts .prof p { line-height: 1.2em; }
.company .content .coDetail .col_R .cts .prof p strong { line-height: 1.2em; font-size: 14px; font-weight: bold; }
.company .content .coDetail .coNav { clear: both; }
.company .content .coDetail .coNav ul { margin: 0 auto; padding-top: 20px; width: 90%; min-width: 1000px; text-align: center; }
.company .content .coDetail .coNav li { display: inline-block; margin: 0 5px; }
.company .content .coDetail .coNav li:hover { opacity: 0.7; }
.company .content .coDetail .coNav li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; }
.company .content .coDetail .coNav li a img { display: block; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin-bottom: 3px; }
.company .content .coHistory .inner { overflow: hidden; margin: 0 auto; width: 640px; }
.company .content .coHistory .inner img { float: right; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .coHistory .inner table { font-size: 14px; }
.company .content .coHistory .inner table tr th, .company .content .coHistory .inner table tr td { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); padding: 0.5em; }
.company .content .coHistory .inner table tr th { width : 120px ; }


.company .content .contribute { text-align: center; }
.company .content .contribute .caption { line-height: 1.5em; margin-bottom: 3em; }
.company .content .contribute a { display: inline-block; padding: 0.5em; margin: 0 0.3em; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; width: 260px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .contribute a img { display: block; width: 100%; height: auto; }
.company .content .contribute a p { font-size: 13px; color: #fff; text-align: left; font-weight: normal; line-height: 1.6em; }
.company .content .contribute a p strong { display: block; text-align: center; margin: 0.5em 0; }
.company .content .zaitaku .title { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; }
.company .content .zaitaku .cts img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: 2px solid #fff; }
.company .content .zaitaku .col_L { float: left; width: 45%; margin-left: 4.5%; padding-right: 1em; }
.company .content .zaitaku .col_L .cts { font-size: 12px; overflow: hidden; margin-bottom: 1em; }
.company .content .zaitaku .col_L .cts .right { float: right; margin: 0 0 1em 1em; }
.company .content .zaitaku .col_L .cts .cap { font-size: 1.3em; color: #ff9; margin: 0.5rem 0 1rem 0; }
.company .content .zaitaku .col_L .cts > p { font-size: 12px; }
.company .content .zaitaku .col_R { float: right; width: 45%; margin-right: 4.5%; padding-left: 1em; }
.company .content .zaitaku .col_R .cts { overflow: hidden; margin-bottom: 1em; }
.company .content .zaitaku .col_R .cts .right { float: right; margin: 0 0 1em 1em; }
.company .content .zaitaku .col_R .cts .left { float: left; margin: 0 1em 1em 0; }
.company .content .zaitaku .col_R .cts .cap { font-size: 1.3em; color: #ff9; margin: 0.5rem 0 1rem 0; }
.company .content .zaitaku .col_R .cts > p { font-size: 12px; }
.company .content .zaitaku .col_R .cLink { margin-top: 0.5em; display: inline-block; width: auto; color: #fff; text-decoration: none; font-size: 14px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.company .content .zaitaku .col_R .cLink:hover { background-color: rgba(255, 255, 255, 0.2); }
.company .content .zaitaku .col_R .group { padding: 0.5em; margin: 0.5em 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: 2px solid rgba(255, 255, 255, 0.5); }
.company .content .zaitaku .col_R .group .title { text-align: center; font-size: 16px; font-weight: bold; }
.company .content .zaitaku .col_R .group p { font-size: 14px; display: inline-block; }
.company .content .zaitaku .col_R .box { margin-bottom: 2em; overflow: hidden; }
.company .content .zaitaku .col_R .box .imgBox { clear: both; text-align: center; padding: 1em; }
.company .content .zaitaku .col_R .box .imgBox img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: 2px solid #fff; }
.company .content .zaitaku .bottom { text-align: center; clear: both; padding-top: 10px; }
.company .content .zaitaku .bottom a { display: inline-block; padding: 0.5em; margin: 0 0.3em; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; width: 180px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .zaitaku .bottom a img { display: block; width: 100%; height: auto; }
.company .content .zaitaku .bottom a p { font-size: 13px; color: #fff; text-align: left; font-weight: normal; line-height: 1.6em; }
.company .content .zaitaku .bottom a p strong { display: block; text-align: center; margin: 0.5em 0; }
.company .content .intern .title { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; }
.company .content .intern .col_L { float: left; width: 45%; margin-left: 4.5%; padding-right: 1em; }
.company .content .intern .col_L .cts { overflow: hidden; }
.company .content .intern .col_L .cts .master { float: left; margin: 0 1em 1em 0; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .intern .col_L .cts .post { background-color: rgba(0, 0, 0, 0.1); padding: 0.5em; font-weight: bold; font-size: 0.9em; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .intern .col_L .cts .cap { font-size: 1.3em; color: #ff9; margin: 0.5rem 0 1rem 0; }
.company .content .intern .col_L .cts > p { font-size: 12px; }
.company .content .intern .col_L .cts .detail { font-size: 12px; line-height: 1.5em; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 1em; overflow: hidden; }
.company .content .intern .col_L .cts .detail img { float: left; width: 140px; border: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin: 0 1em 0 0; }
.company .content .intern .col_L .cts .detail strong { color: #ff0; }
.company .content .intern .col_R { float: right; width: 45%; margin-right: 4.5%; padding-left: 1em; }
.company .content .intern .col_R .cLink { display: inline-block; width: auto; color: #fff; text-decoration: none; font-size: 14px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.company .content .intern .col_R .cLink:hover { background-color: rgba(255, 255, 255, 0.2); }
.company .content .intern .col_R .box { margin-bottom: 2em; overflow: hidden; }
.company .content .intern .col_R .box .imgBox { clear: both; text-align: center; padding: 1em 0; }
.company .content .intern .col_R .box .imgBox img { width: 100%; height: auto; }
.company .content .intern .col_R table { width: 100%; font-size: 14px; line-height: 1.5em; }
.company .content .intern .col_R table th, .company .content .intern .col_R table td { padding: 0.5em 1em; border: 1px solid rgba(255, 255, 255, 0.3); }
.company .content .intern .col_R table th { background-color: rgba(255, 255, 255, 0.1); }
.company .content .intern .bottom { text-align: center; clear: both; padding-top: 10px; }
.company .content .intern .bottom a { display: inline-block; padding: 0.5em; margin: 0 0.3em; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; width: 200px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.company .content .intern .bottom a img { display: block; width: 100%; height: auto; }
.company .content .intern .bottom a p { font-size: 13px; color: #fff; text-align: left; font-weight: normal; line-height: 1.6em; }
.company .content .intern .bottom a p strong { display: block; text-align: center; margin: 0.5em 0; }

/* 追加 */
	.rec_modal {
		background: rgba(0,0,0,0.7);
		width: 100%;
		position: fixed;
		height: 100%;
		/* top : 30%; */
		display: none ;
		color : #fff;
		/* left : 50%; */
		font-size: 13px;
		/* margin-left : -300px; */
		border-radius : 10px;
		text-align: center;
		padding-top: 300px;
		z-index : 9999;
		box-sizing: border-box;
	}
	
	.rec_modal h5 {
		font-weight : bold;
		font-size: 16px;
		border: 1px #fff solid;
		width: 330px;
		padding : 10px;
		margin: 0 auto;
		border-radius: 30px;
	}
	
	.err_msg {
		color : red ;
		margin-top : 10px ;
	}
	
	.news dl {
		font-size : 13px;
		border-bottom: 1px #fff dotted;
		color: #fff;
		padding : 10px 0 ;
	}
	
	.news dt,
	.news dd {
		display : table-cell ;
		vertical-align: middle ;
	}
	
	.news dt {
		width : 89px ;
	}
	
	.news dd {
		max-width : 296px ;
		padding-left : 8px ;
		box-sizing:border-box ;
	}
	
	.news a {
		padding:  0 !important ;
	}
	
	#application span {
		color : red;
		margin-left: 120px;
		font-size: 11px;
	}
	
	.sp_color a {
		background-color : #2eb44d !important; 
	}
	
	.section.resWrap {
		background-image: url(../img/background4.jpg);
		background-size: cover; 			
	}
	
	.resDetail ul {
		text-align : center ;
		margin : 10px 0 ;
	}
	
	.resDetail .desc {
		font-size : 14px ;
		width : 400px ;
		margin-top : 40px ;
	}
	
	.resDetail .desc h4 {
		font-size : 17px ;
		padding-bottom : 10px ;
		margin-bottom : 10px ;
		border-bottom : 1px #fff solid ;
	}
	
	.resDetail .desc h4 img {
		position : relative ;
		top : -5px ;
		margin-right : 5px; 
	}
	
	.resDetail .melit li {
		display : inline-block ;
		font-size : 13px ;
		width: 200px ;
		margin : 0 5px ;
		text-align: left ;
		vertical-align: top ;
	}
	
	.resDetail li h6 {
		font-size : 15px ;
		text-align: center ;
		margin : 5px 0 ;
	}
	
	.resDetail .step_list li {
		display : inline-block ;
		font-size : 13px ;
		width: 200px ;
		vertical-align: top ;
	}
	
	.resDetail .step_list h5 {
		background-color: rgba(0, 0, 0, 0.4);
		display : inline-block ;
		padding : 5px 10px ;
		margin-bottom : 3px ;
		border-radius: 10px ;
	}
	
	.resDetail > .cf {
		width : 1100px ;
		margin : 0 auto 10px auto ;
	}
	
	.resDetail .step_list li img {
		position : relative ;
		left : 20px ;
	}
	
	.resDetail .res_btns li {
		display : inline-block ;
		margin : 5px 5px 0 5px ;
	}
	
	.resDetail h3 {
		text-align : center ;
		display: inline-block ;
		margin : 10px auto 0 auto ;
		font-size: 14px;
		font-weight: bold;
		border: 1px solid rgba(255, 255, 255, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		padding: 0.5em 2em;
		 -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em;
	}
	
	.resDetail .red {
		font-size : 15px ;
		font-weight: bold ;
	}
	
	.res_store_list ul {
		margin : 20px 0 ;
	}
	
	.res_store_list li {
		display : inline-block;
		font-size : 14px;
		padding: 10px;
		margin : 0 10px;
		text-align: center;
		background : rgba(36,141,223,0.8);
		border : 10px rgba(255,255,255,0.8) solid;
		vertical-align: top;
		border-radius: 10px;
	}
	
	.res_store_list li .name {
		padding: 5px 0;
		border-bottom: 1px #fff solid;
		margin: 10px 0 15px;
		border-top: 1px #fff solid;
	}
	
	.res_store_list li a {
		text-decoration : none ;
		padding : 5px 15px ;
		background : orange ;
		border : 1px #fff solid ;
		color : #fff ;
		font-weight : bold ;
		border-radius: 5px ;
	}
	
	.res_store_list li p:last-child {
		margin : 5px 0 ;
	}
	
	#main_visual .inner .wrap nav a p {
		font-size : 14px ;
		font-weight : bold ;
	}
	
	#main_visual .inner .wrap nav .arrow_box {
		height : 140px ;
	}
	
	#main_visual .inner .wrap nav {
		width : 650px ;
	}
	
	#main_visual .inner .wrap .news {
		width : 420px ;
	}
	
	@media (max-width: 1250px) {		
		#menu.nomal .nav nav {
			width : 600px ;
		}
	}