@charset "UTF-8";
@-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; --animate-duration: 1s; }

.inviewfadeIn { opacity: 0; }

/* COMMON */
* { letter-spacing: 0.05em; font-size: 14px; color: #333333; }

body { position: relative; font-family: "Poppins", "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴシック", "メイリオ", "Hiragino maru Gothic ProN W4", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "arial", "Meiryo", "MS PGothic", BlinkMacSystemFont, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif　 !important; letter-spacing: .1em; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { body { font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴシック", "メイリオ", "Hiragino maru Gothic ProN W4", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "arial", "Meiryo", "MS PGothic", BlinkMacSystemFont, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", sans-serif　 !important; letter-spacing: .1em; } }
body#fullscreen { position: fixed; }

video { width: 100%; min-width: 100%; }

img { width: 100%; }

.inner { width: 95%; position: relative; margin: 0 auto; padding: 20px 0 20px; }

.inner2 { max-width: 800px; position: relative; margin: 0 auto; }

.inner900 { max-width: 950px; position: relative; margin: 0 auto; }

.inner-middle { max-width: 1200px; position: relative; margin: 0 auto; }

p { font-size: 14px; color: #666666; letter-spacing: 0.05em; line-height: 2em; margin-bottom: 20px; }

a { text-decoration: none; color: #666666; }

a:hover { color: #ee7700; }

section { margin-bottom: 60px; position: relative; }

.note { font-size: 12px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #ee7700; letter-spacing: .2em; margin-bottom: 1em; text-align: center; }

h1 { font-size: 200%; }

body#sub h1 { position: relative; font-size: 250%; text-align: center; margin: 1em 0 2em; letter-spacing: .3em; }
body#sub h1:after { content: attr(data-ja); position: absolute; font-size: 40%; letter-spacing: .2em; left: 50%; top: 130%; transform: translate(-50%, 0); color: #666666; }
body#sub .inner { background: #f9f9f9; }

h2 { font-size: 160%; }

h2.classes { width: 85% !important; }

h2.mypage { width: 80% !important; }

h3 { font-size: 140%; }

dl { font-size: 14px; }

ul { font-size: 14px; list-style-type: none; }
ul li { margin-bottom: 5px; }

.error { color: #ff0000; font-weight: bold; }

input, textarea { margin-bottom: 2em !important; background-color: #f9f9f9 !important; border: 2px solid #ebebeb !important; height: 60px !important; width: 100% !important; box-sizing: border-box !important; padding: 20px !important; }

.submit_buttons { width: 70%; margin: 0 auto; }

input[type="submit"] { border: 2px solid #f6ab00 !important; color: #666666; font-size: 120%; cursor: pointer; line-height: 0; letter-spacing: 0.5em; transition: all .3s ease-in-out; background-color: #ffffff !important; }

input[type="submit"]:hover { color: #ffffff; background-color: #f6ab00 !important; }

input[type="submit"].formback { border: 2px solid #666666 !important; }

input[type="submit"].formback:hover { color: #666666; background-color: #ebebeb !important; }

.nobox { border: none !important; }

textarea { height: auto !important; }

input:focus, textarea:focus { border: 2px solid #f49b00 !important; z-index: 10 !important; outline: 0 !important; }

.radio { display: none; }

.radio + .radio-icon:before { content: "\f111"; font-family: "Font Awesome 5 Free"; color: #ebebeb; font-size: 2em; }

.radio:checked + .radio-icon:before { content: "\f192"; color: #ee7700; }

.radio + .mwform-radio-field-text:before { content: "\f111"; font-family: "Font Awesome 5 Free"; color: #ebebeb; font-size: 2em; padding-right: 1em; }

.radio:checked + .mwform-radio-field-text:before { content: "\f192"; color: #ee7700; }

.radio_label .vertical-item { display: block; margin-bottom: 1em; }

.select-wrap { position: relative; background-color: #f9f9f9; }

.select-wrap:before { z-index: 1; position: absolute; right: 15px; top: 0; content: "\f078"; font-family: "Font Awesome 5 Free"; line-height: 4.5em; color: #666666; pointer-events: none; height: 60px; }

select { outline: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 60px; padding: 8px 12px; border: 2px solid #ebebeb !important; color: #666666; width: 100%; }

select option { background-color: #fff; color: #666666; }

select::-ms-expand { display: none; }

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }

.select-wrap.select-primary:before { color: #fff; }

.select-wrap.select-primary > select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; }

.select-wrap.select-inverse:before { color: #fff; }

.select-wrap.select-inverse > select { color: #fff; border-color: #fff; }

.select-wrap.select-inverse > select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; }

.label-checkbox input[type="checkbox"] { display: none; }

.label-checkbox { cursor: pointer; color: #666666; padding-right: 15px; font-weight: normal; }

.label-checkbox .label-text:before { content: "\f0c8"; font-family: "Font Awesome 5 Free"; margin-right: 7px; color: #ebebeb; font-size: 24px; position: relative; top: 2px; }

.label-checkbox input[type="checkbox"]:checked + .label-text { color: #666666; }

.label-checkbox input[type="checkbox"]:checked + .label-text:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; color: #ee7700; }

.label-checkbox .mwform-checkbox-field-text:before { content: "\f0c8"; font-family: "Font Awesome 5 Free"; margin-right: 7px; color: #ebebeb; font-size: 24px; position: relative; top: 2px; }

.label-checkbox input[type="checkbox"]:checked + .mwform-checkbox-field-text { color: #666666; }

.label-checkbox input[type="checkbox"]:checked + .mwform-checkbox-field-text:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; color: #ee7700; }

.confirm .select-wrap { background: #ffffff; }

.confirm .select-wrap:before { content: ""; }

.confirm #is_form { display: none; }

.is_confirm { display: none; }

.confirm .is_confirm { display: initial; }

.sub2 section .inner { background: #f9f9f9 !important; padding: 40px; box-sizing: border-box; }
.sub2 section .inner2 { background: #ffffff; padding: 20px; box-sizing: border-box; }
.sub2 .caution_box { border: 1px solid #ebebeb; }

.content-image { margin-bottom: 0; line-height: 0; }

.content_bnr { max-height: 300px; overflow: hidden; }

/* BOX */
.supp_box { background: #ffffff; padding: 20px; max-width: 350px; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 40px; }
.supp_box .title { color: #ee7700; font-size: 120%; border-bottom: 3px solid #ee7700; }
.supp_box ul { margin: 0 auto; display: inline-block; text-align: left; }
.supp_box ul li { margin-bottom: .5em; }
.supp_box p { line-height: 1.5em; }

.supp_box2 { max-width: 300px; }
.supp_box2 ul { font-size: 80%; }
.supp_box2 p { font-size: 80%; }

.section_box { border: 1px solid #ebebeb; background: #ffffff; padding: 40px; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 40px; /*
.title { color: #ee7700; font-size: 140%; border-bottom: 3px solid #ee7700; position: relative; padding-bottom: 1em; width: 50%; margin: 0 auto;
}
.title:after { font-size: 60%; content: attr(data-ja); color: #666666; position: absolute; left: 50%; top: 75%; transform: translate(-50%,-50%); width: 100%;
}
*/ }
.section_box h2 { color: #ee7700; font-size: 180%; border-bottom: 3px solid #ee7700; position: relative; padding-bottom: 1em; width: 50%; margin: 0 auto; line-height: 2em; }
.section_box h2:after { font-size: 40%; content: attr(data-ja); color: #666666; position: absolute; left: 50%; top: 75%; transform: translate(-50%, -50%); width: 100%; }
.section_box h2.noaf { line-height: 1em; padding-bottom: 0.5em; }
.section_box ul { margin: 0 auto; text-align: left; }
.section_box ul li { margin-bottom: .5em; }

.caution_box { background: #f9f9f9; padding: 10px; }
.caution_box p { font-size: 75%; line-height: 1.5em; margin-bottom: 0 !important; }

/* PAGE-TOP */
#top-scroll { position: relative; z-index: 100; margin: 0; padding: 0; }

#page-top { display: block; position: fixed; z-index: 9999; right: 50px; transition: 1s; -webkit-transition: 1s; }
#page-top i { font-size: 300%; }

/* Contact Button */
.contact_button { overflow: hidden; position: relative; background-color: #f49b00; display: block; text-align: center; margin: 0 auto; padding: 20px 0; max-width: 280px; width: 100%; height: 50px; z-index: 15; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.contact_button span { display: block; color: #ffffff !important; position: relative; font-size: 130%; letter-spacing: .2em; }
.contact_button span:after { content: attr(data-ja); font-size: 60%; position: absolute; top: 150%; left: 50%; transform: translate(-50%, 0); }

.contact_button:before { position: absolute; top: 0; left: 0; width: 560px; height: 100px; content: ''; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translateX(-25%) translateY(-30%); transform: translateX(-25%) translateY(-30%); border-radius: 50%; background: #f6ab00; }

.contact_button:hover:before { -webkit-transform: translateX(-25%) translateY(-100%); transform: translateX(-25%) translateY(-100%); }

.fl_container { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

/* HEADER */
header { padding: 20px 20px 0; position: relative; box-sizing: border-box; background: #ffffff; width: 100%; top: 0; left: 0; z-index: 100; }
header #logo { z-index: 99; max-width: 230px; }
header #head_contact { position: absolute; right: 0; margin-right: 20px; margin-top: 10px; }
header #head_contact a { font-size: 80%; letter-spacing: .2em; }
header .header_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
header .header_container #gnavi ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
header .header_container #gnavi ul li { margin-bottom: 0; position: relative; }
header .header_container #gnavi ul li a { letter-spacing: .25em; }
header .header_container #gnavi ul li a::after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; content: attr(data-ja); border-top: 2px solid #ee7700; position: absolute; left: 0; top: 150%; padding-top: 8px; color: #ee7700; text-align: center; font-size: 65%; width: 80%; opacity: 0; }
header .header_container #gnavi ul li a:hover::after { width: 100%; opacity: 0; }
header .header_container #gnavi ul li.on > a { color: #ee7700; }
header .header_container #gnavi ul li.on > a::after { opacity: 0; width: 100%; }
header .header_container #gnavi ul li:nth-of-type(n+2) { margin-left: 30px; }
header .header_container #gnavi ul li:nth-of-type(n+2):before { content: "|"; position: relative; left: -15px; }
header .header_container #gnavi .parent { position: relative; }
header .header_container #gnavi .parent .child { display: none; position: absolute; width: auto; background-color: #ffffff; top: 2em; border: 1px solid #e6e6e6; }
header .header_container #gnavi .parent .child li { padding: 1.25em; }
header .header_container #gnavi .parent .child li a { white-space: nowrap; }
header .header_container #gnavi .parent .child li a::after { text-align: left; top: 80%; margin-left: 1.5em; margin-right: 1.5em; }
header .header_container #gnavi .parent .child li a:hover::after { width: 90%; }
header .header_container #gnavi .parent .child li:nth-of-type(n+2) { margin-left: 0 !important; }
header .header_container #gnavi .parent .child li:nth-of-type(n+2):before { content: ""; }
header .header_container #gnavi .parent .child li:nth-last-child(1) { margin-bottom: 1.5em; }
header .header_container .sp_header { position: absolute; margin-right: 20px; right: 0; z-index: 99; }
header .header_container .sp_header #sp_toggle { width: 30px; height: 25px; cursor: pointer; z-index: 99; }
header .header_container .sp_header #sp_toggle .bar { display: inline-block; width: 30px; height: 3px; background-color: #666666; position: absolute; left: 0; transition: .15s ease-in-out; }
header .header_container .sp_header #sp_toggle #bar01 { top: 0; }
header .header_container .sp_header #sp_toggle #bar02 { top: 10px; }
header .header_container .sp_header #sp_toggle #bar03 { top: 20px; }
header .header_container .sp_header #sp_toggle.active #bar01 { top: 10px; transform: rotate(45deg); background-color: #666666; }
header .header_container .sp_header #sp_toggle.active #bar02 { width: 0; }
header .header_container .sp_header #sp_toggle.active #bar03 { top: 10px; transform: rotate(-45deg); background-color: #666666; }
header .header_container #menu_overlay { display: block; visibility: hidden; opacity: 0; transition: opacity 0.3s , visibility 0.3s; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #ffffff; z-index: 10; }
header .header_container #menu_overlay.is-view { visibility: visible; opacity: 1; }
header .header_container #sp_menu { display: block; visibility: hidden; opacity: 0; transition: opacity 0.3s , visibility 0.3s; position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; list-style: none; margin: 0 auto; vertical-align: middle; font-weight: bold; letter-spacing: 0.2em; text-align: left; z-index: 10; }
header .header_container #sp_menu li { padding: 10px; margin: 5px 20px 20px 20px; }
header .header_container #sp_menu li a { color: #666666; font-weight: normal; font-size: 120%; text-decoration: none; }
header .header_container #sp_menu li a:after { font-size: 70%; padding-left: 2em; }
header .header_container #sp_menu.is-view { visibility: visible; opacity: 1; }
header .header_container #sp_menu.is-view .parent .child li:nth-last-child(1) { margin-bottom: 0; }

/* TOP */
.catchbox { position: absolute; left: 50%; top: 10%; padding-right: 20px; }
.catchbox h1 { text-align: left; font-size: 225%; color: #ee7700; font-size: 210%; line-height: 1.5em; margin-bottom: .5em; }
.catchbox h2 { line-height: 1.2em; color: #666666; margin-bottom: .5em; font-size: 190%; text-align: left; }
.catchbox h3 { margin-bottom: 1em; }
.catchbox p { letter-spacing: .2em; }
.catchbox .concept { font-weight: bold; font-size: 100%; }

.logo_mark { width: 30%; max-width: 400px; text-align: center; }
.logo_mark img { max-width: 200px; }

.logo_explan_box { background: #ee7700; padding: 50px; position: absolute; left: 30%; width: 60%; height: 140%; top: -40%; z-index: 2; }
.logo_explan_box div { position: absolute; top: 50%; transform: translate(0, -50%); }
.logo_explan_box h3 { color: #ffffff; }
.logo_explan_box p { letter-spacing: .2em; color: #ffffff; }

.logo_explan_box:before { content: ""; position: absolute; top: 50%; left: 0%; margin-top: -30px; margin-left: -60px; border: 30px solid transparent; border-right: 30px solid #ee7700; }

.owner_container { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; }
.owner_container .owner_portrait { position: absolute; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; right: 0; top: 0; }
.owner_container .owner_portrait p { white-space: nowrap; }
.owner_container .owner_portrait img { width: auto; max-width: 400px; }

/* FOOTER */
footer { text-align: center; margin: 0 auto; }
footer p { font-size: 60%; }

/* CAPACITY */
.capacity_container { text-align: center; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }
.capacity_container h3 { color: #666666; font-size: 130%; }
.capacity_container .profile_img { max-width: 240px; width: 60%; padding: 40px 0; }
.capacity_container dl { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.capacity_container dl dt { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; text-align: left; padding: 30px 0 30px 120px; box-sizing: border-box; font-weight: bold; }
.capacity_container dl dd { -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; text-align: left; padding: 30px; box-sizing: border-box; }
.capacity_container dl dd ul { margin-bottom: 1em; }
.capacity_container dl dd ul li { line-height: 2em; }
.capacity_container dl dd ul.sub li { padding-left: 1em; }
.capacity_container dl dd ul.disc li:before { content: "・"; }
.capacity_container dl:not(:last-child) { border-bottom: 1px solid #ebebeb; }

.participants_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; }
.participants_container .box { padding: 20px; box-sizing: border-box; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; text-align: left; margin-bottom: 4em; min-height: 300px; }
.participants_container .box .title { color: #666666; font-size: 105%; padding-bottom: 0; width: auto; margin: 0 0 1em; border: 1px solid #f6ab00; text-align: center; }
.participants_container .box .title:after { content: ""; }

/* TRAINING PROGRAM */
.training_container { text-align: center; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }

.menu_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; }
.menu_container .box { padding: 20px; box-sizing: border-box; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; text-align: left; margin-bottom: 4em; min-height: 300px; }
.menu_container .box img { margin-bottom: 1.5em; }
.menu_container .box .title { color: #666666; font-size: 140%; padding-bottom: 0; width: auto; margin: 0 0 1em; text-align: left; line-height: 1em; height: 2em; }
.menu_container .box .title:after { content: ""; }

.program_tbl .program_title { color: #666666; font-size: 160%; font-weight: bold; }
.program_tbl dl { text-align: left; padding: 40px 40px 40px; margin: 0 auto; }
.program_tbl dl dt { font-size: 120%; margin-bottom: 1em; font-weight: bold; line-height: 1.5em; }
.program_tbl dl dd { line-height: 2em; }
.program_tbl dl:nth-last-of-type(2n+1) { background: #f2f2f2; }
.program_tbl dl + dl { border-top: none; }
.program_tbl dl:last-child { margin-bottom: 40px; }
.program_tbl dl.defaultbg { background: #ffffff; }
.program_tbl ul { list-style: disc; font-size: 90%; line-height: 1.5em; padding-left: 10px; }

/* E-LEARNING */
.elarning_container dl { text-align: left; margin-bottom: 10em; padding: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; }
.elarning_container dl dt { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; }
.elarning_container dl dd { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; }

/* ENTERPRISE */
.enterprise_container { text-align: center; margin: 0 auto; padding: 0 0 40px; box-sizing: border-box; /*
h2 { font-size: 130%; position: relative;
}
h2:after { color: #666666; content:attr(data-ja); font-size: 60%;
}
*/ }
.enterprise_container .profile_img { max-width: 400px; width: 60%; padding: 40px 0 20px; }
.enterprise_container dl { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.enterprise_container dl dt { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; text-align: left; padding: 30px 0 30px 120px; box-sizing: border-box; }
.enterprise_container dl dd { -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; text-align: left; padding: 30px; box-sizing: border-box; }
.enterprise_container dl dd ul { margin-bottom: 1em; }
.enterprise_container dl dd ul li { line-height: 2em; }
.enterprise_container dl dd ul.sub li { padding-left: 1em; }
.enterprise_container dl dd ul.disc li:before { content: "・"; }
.enterprise_container dl:not(:last-child) { border-bottom: 1px solid #ebebeb; }

/* TOTTORI */
.tottori_catch { text-align: center; display: table; margin: 0 auto; }
.tottori_catch p { text-align: center; line-height: 1.5em; color: #666666; margin-bottom: .5em; }

.tottori_container { margin-bottom: 40px; /*
h2 { text-align: center; font-size: 130%; position: relative;
}
h2:after { color: #666666; content:attr(data-ja); font-size: 60%;
}
*/ }

.tottori_garallybox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; border: 1px solid #ebebeb; padding: 20px; }
.tottori_garallybox .garally { -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; }
.tottori_garallybox .description { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 20px; box-sizing: border-box; }

.garally_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; position: relative; }
.garally_container .box { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; padding: 20px; position: relative; /*
.img:hover { border: 0px solid #ffffff; height: 320px; box-shadow: 5px 5px 5px;
}
*/ }
.garally_container .box .img { height: 300px; overflow: overlay; position: relative; transition: all .3s ease-in-out; border: 10px solid #ffffff; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none; }
.garally_container .box .img img { width: auto; height: auto !important; vertical-align: top; max-height: 300px; max-width: 100%; }
.garally_container .box .img::-webkit-scrollbar { display: none; }
.garally_container .box p { padding: 1em; }
.garally_container .box p.copy { margin: 0; padding: 10px 20px 0; line-height: 1em; text-align: right; }

.credits_container { margin: 0 auto; margin-bottom: 40px; text-align: center; padding: 0 0 40px; box-sizing: border-box; }
.credits_container h2 { margin-bottom: 20px; }
.credits_container .credits_box { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.credits_container .credits_box .credit_box { -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; margin-bottom: 20px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.credits_container .credits_box .credit_box div.credit_text { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; }
.credits_container .credits_box .credit_box div.credit_text p.title { font-weight: bold; }
.credits_container .credits_box .credit_box div.credit_text p { text-align: left; box-sizing: border-box; margin-bottom: 0; }
.credits_container .credits_box .credit_box div.credit_text dl { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.credits_container .credits_box .credit_box div.credit_text dl dt { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; text-align: left; line-height: 2em; }
.credits_container .credits_box .credit_box div.credit_text dl dd { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; text-align: left; line-height: 2em; }
.credits_container .credits_box .credit_box img { margin: 20px 0 20px 0; max-width: 400px; }
.credits_container .credits_box dl:not(:last-child) { border-bottom: none; }

/* CONTACT */
.contact_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; position: relative; margin: 0 auto; width: 80%; }
.contact_container .box { -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid #ebebeb; padding: 20px; box-sizing: border-box; background: #ffffff; }
.contact_container .box h2 { font-size: 110%; border-bottom: 3px solid #ee7700; line-height: 2em; margin-bottom: 1.5em; }
.contact_container .box img { width: 80%; margin: 0 auto; display: block; margin-bottom: 1.5em; }
.contact_container .box p { text-align: center; font-size: 80%; }
.contact_container .box .contact_button.btn_small { height: 2em; padding: 1em 0; }
.contact_container .box .contact_button.btn_small span { font-size: 100%; line-height: 2em; }
.contact_container .box .contact_button.btn_small:before { -webkit-transform: translateX(-25%) translateY(-50%); transform: translateX(-25%) translateY(-50%); }
.contact_container .box .contact_button.btn_small:hover:before { -webkit-transform: translateX(-25%) translateY(-100%); transform: translateX(-25%) translateY(-100%); }

/* PRIVACY */
.privacy_container { text-align: left; margin: 0 auto; padding: 40px 0 0; box-sizing: border-box; }
.privacy_container h3 { color: #666666; font-size: 120%; text-align: left; }

/* FORM */
.form_container { text-align: center; margin: 0 auto; padding: 40px 80px; box-sizing: border-box; }
.form_container form dl { position: relative; margin-bottom: 3em; }
.form_container form dl dt { position: relative; text-align: left; margin-bottom: 1.5em; padding: 10px; box-sizing: border-box; border-left: 0.5em solid #ebebeb; }
.form_container form dl dt.required { border-left: 0.5em solid #ee7700; }
.form_container form .radio_label { display: block; text-align: left; margin-bottom: 1.5em; }

.orange_box { width: 0.5em; display: inline-block; background: #ee7700; margin-right: 1em; }

@media screen and (max-width: 1440px) { .catchbox .concept { font-size: 90%; } }
@media screen and (max-width: 1280px) { .inner { width: 90% !important; }
  #gnavi ul li a { font-size: 90%; }
  #gnavi ul li:nth-of-type(n+2) { margin-left: 20px !important; }
  #gnavi ul li:nth-of-type(n+2):before { left: -10px !important; }
  .catchbox h1 { font-size: 160%; line-height: 1.2em; text-align: left !important; }
  .catchbox h2 { font-size: 140%; line-height: 1.2em; text-align: left !important; }
  .catchbox h3 { font-size: 100%; text-align: left !important; }
  .catchbox p { letter-spacing: .1em; font-size: 80%; }
  .catchbox .concept { font-size: 90%; }
  .contact_container .box { font-size: 80%; }
  .contact_container .box p { font-size: 70%; }
  .contact_container .box .contact_button.btn_small span { font-size: 80%; }
  .contact_container .box .contact_button.btn_small:before { -webkit-transform: translateX(-33%) translateY(-60%); transform: translateX(-33%) translateY(-60%); }
  .contact_container .box .contact_button.btn_small:hover:before { -webkit-transform: translateX(-33%) translateY(-100%); transform: translateX(-33%) translateY(-100%); }
  .owner_container .owner_portrait { position: relative; } }
@media screen and (max-width: 1160px) { #gnavi ul li a { font-size: 90%; letter-spacing: .1em !important; }
  #gnavi ul li:nth-of-type(n+2) { margin-left: 20px !important; }
  #gnavi ul li:nth-of-type(n+2):before { left: -10px !important; } }
@media screen and (max-width: 1024px) { #gnavi ul li a { font-size: 80%; letter-spacing: .1em !important; }
  #gnavi ul li:nth-of-type(n+2) { margin-left: 16px !important; }
  #gnavi ul li:nth-of-type(n+2):before { left: -8px !important; } }
@media screen and (max-width: 980px) { .catchbox .concept { font-size: 80%; } }
@media screen and (max-width: 900px) { .pc { display: none !important; }
  .sp { display: block !important; }
  .inner2 { max-width: 95%; }
  .supp_box { margin-bottom: 20px; }
  .nobox { display: none; }
  p { font-size: 80%; }
  section { margin-bottom: 30px; }
  #sub h1 { font-size: 200% !important; margin: 1em !important; margin-bottom: 2em !important; }
  .section_box { width: 90%; margin: 0 auto 40px; padding: 1em; }
  .section_box h2 { font-size: 120%; width: 100%; }
  .section_box .title.br { line-height: 1.5em; }
  .section_box .title.br:after { top: 85%; }
  .catchbox { text-align: center; position: relative; left: 0; padding: 20px; }
  .catchbox h1 { font-size: 160%; line-height: 1.2em; text-align: center !important; }
  .catchbox h2 { font-size: 140%; line-height: 1.2em; text-align: center !important; }
  .catchbox h3 { font-size: 100%; text-align: center !important; }
  .catchbox p { letter-spacing: .1em; font-size: 80%; }
  .logo_mark { text-align: center; margin: 0 auto; margin-bottom: 30px; }
  .logo_explan_box { padding: 20px; position: relative; width: 90%; height: 100%; left: 0; top: 0; margin: 0 auto; z-index: 2; text-align: center; }
  .logo_explan_box div { position: relative; top: 0; transform: none; }
  .logo_explan_box h3 { font-size: 100%; text-align: center !important; }
  .logo_explan_box p { font-size: 80%; letter-spacing: .2em; }
  .logo_explan_box:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -20px; margin-top: -40px; border: 20px solid transparent; border-bottom: 20px solid #ee7700; }
  .enterprise_container p { font-size: 100%; }
  .enterprise_container dl dt { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 1em; }
  .enterprise_container dl dd { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 1em; padding-bottom: 2em; }
  .garally_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .garally_container .box { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 20px; }
  .garally_container .box .img { height: auto; border: 0px; max-height: 300px; }
  .garally_container .box .img:hover { height: auto; }
  .credits_container .credits_box .credit_box { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .credits_container .credits_box .credit_box div.credit_text { margin-bottom: 15px; }
  .credits_container .credits_box .credit_box div.credit_text p { text-align: center; }
  .credits_container .credits_box .credit_box div.credit_text dl dt { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: center; }
  .credits_container .credits_box .credit_box div.credit_text dl dd { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: center; }
  .credits_container .credits_box .credit_box img { margin: 0; margin-bottom: 15px; }
  .credits_container .credits_box .credit_box:not(:last-child) { border-bottom: 1px solid #ebebeb; }
  .contact_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; position: relative; width: 100%; }
  .contact_container .box { -webkit-flex: 0 1 90%; -ms-flex: 0 1 90%; flex: 0 1 90%; margin-bottom: 2em; }
  .contact_container .box h2 { margin-bottom: 2em; font-size: 120%; }
  .contact_container .box .contact_button.btn_small:before { -webkit-transform: translateX(-25%) translateY(-60%); transform: translateX(-25%) translateY(-60%); }
  .contact_container .box .contact_button.btn_small:hover:before { -webkit-transform: translateX(-25%) translateY(-100%); transform: translateX(-25%) translateY(-100%); }
  .owner_container .owner_portrait img { max-width: 50%; }
  .capacity_container { padding: 0 0 40px; }
  .participants_container .box { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; min-height: 200px; }
  .training_container { padding: 0 0 40px; }
  .menu_container .box { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; min-height: 200px; }
  .program_tbl dl { padding: 20px; }
  .program_tbl dl dt { font-size: 100%; }
  .program_tbl dl dd { font-size: 90%; }
  .elarning_container dl { margin-bottom: 3em; padding: 0; }
  .elarning_container dl dt { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
  .enterprise_container { padding: 0 0 40px; }
  .enterprise_container .profile_img { padding: 20px 0; }
  #page-top { right: 20px; }
  .form_container { padding: 0; }
  input[type="submit"] { font-size: 80%; } }
/*------------------------------------------------ 汎用
------------------------------------------------*/
.blue { color: #0000ff; }

.red { color: #ff0000; }

.orange { color: #ee7700; }

.orange-lite { color: #f6ab00; }

.fw_normal { font-weight: normal !important; }

.fw_bold { font-weight: bold !important; }

.pc { display: block; }

.sp { display: none; }

.tx_l { text-align: left !important; }

.tx_c { text-align: center !important; }

.tx_r { text-align: right !important; }

.vm { vertical-align: middle !important; }

.vt { vertical-align: top !important; }

.vb { vertical-align: bottom !important; }

.tx_slarge { font-size: 115% !important; }

.tx_large { font-size: 120% !important; }

.tx_xlarge { font-size: 150% !important; }

.tx_xxlarge { font-size: 200% !important; }

.tx_small { font-size: 90% !important; }

.tx_midium { font-size: 100% !important; }

.tx_xsmall { font-size: 75% !important; }

.f_12 { font-size: 12px !important; }

.f_14 { font-size: 14px !important; }

.f_16 { font-size: 16px !important; }

.f_18 { font-size: 18px !important; }

.f_bold { font-weight: bold !important; }

.f_normal { font-weight: normal !important; }

.txt_under { text-decoration: underline !important; }

.txt_strike { text-decoration: line-through !important; }

.inblock { display: inline-block !important; }

.ls_w { letter-spacing: 0.2em; }

.ls_m { letter-spacing: 0.1em; }

.relative { position: relative !important; }

.lh0 { line-height: 0em !important; }

.lh1 { line-height: 1em !important; }

.lh13 { line-height: 1.3em !important; }

.lh15 { line-height: 1.5em !important; }

.lh2 { line-height: 2em !important; }

ul.note { list-style: none !important; }

ul.note li { text-indent: -1em !important; padding-left: 1em !important; }

ul.note li:before { content: "※"; }

.note01 { padding-left: 1em !important; text-indent: -1em !important; }

.note02 { padding-left: 2em !important; text-indent: -2em !important; }

.note03 { padding-left: 3em !important; text-indent: -3em !important; }

.note04 { padding-left: 4em !important; text-indent: -4em !important; }

.note05 { padding-left: 5em !important; text-indent: -5em !important; }

.note06 { padding-left: 6em !important; text-indent: -6em !important; }

.note07 { padding-left: 7em !important; text-indent: -7em !important; }

.note08 { padding-left: 8em !important; text-indent: -8em !important; }

.note09 { padding-left: 9em !important; text-indent: -9em !important; }

.note10 { padding-left: 10em !important; text-indent: -10em !important; }

.note11 { padding-left: 11em !important; text-indent: -11em !important; }

.note12 { padding-left: 12em !important; text-indent: -12em !important; }

.red { color: #BF6A67 !important; }

.white { color: #ffffff !important; }

.black { color: #333333 !important; }

.pink { color: #ea66a1 !important; }

.green { color: #2eb6aa !important; }

.w_full { width: 100% !important; }

.wauto { width: auto !important; }

.w100 { width: 100px !important; }

.w200 { width: 200px !important; }

.w300 { width: 300px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w600 { width: 600px !important; }

.w03em { width: 3em !important; }

.w04em { width: 4em !important; }

.w05em { width: 5em !important; }

.w06em { width: 6em !important; }

.w07em { width: 7em !important; }

.w08em { width: 8em !important; }

.w09em { width: 9em !important; }

.w10em { width: 10em !important; }

.w11em { width: 11em !important; }

.w12em { width: 12em !important; }

.w13em { width: 13em !important; }

.w14em { width: 14em !important; }

.w15em { width: 15em !important; }

.w16em { width: 16em !important; }

.w17em { width: 17em !important; }

.w18em { width: 18em !important; }

.w19em { width: 19em !important; }

.w20em { width: 20em !important; }

.w21em { width: 21em !important; }

.w22em { width: 22em !important; }

.w23em { width: 23em !important; }

.w24em { width: 24em !important; }

.w25em { width: 25em !important; }

.w26em { width: 26em !important; }

.w27em { width: 27em !important; }

.w28em { width: 28em !important; }

.w29em { width: 29em !important; }

.w30em { width: 30em !important; }

.bdr { border: solid 1px #dddddd !important; }

.bdr_none { border: none !important; }

.radius05 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }

.radius10 { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }

.radius_top05 { -webkit-border-top-left-radius: 5px !important; -webkit-border-top-right-radius: 5px !important; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; }

.radius_top10 { -webkit-border-top-left-radius: 10px !important; -webkit-border-top-right-radius: 10px !important; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius: 10px 10px 0 0 !important; border-radius: 10px 10px 0 0 !important; }

.radius_bottom05 { -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -webkit-border-bottom-left-radius: 5px !important; -webkit-border-bottom-right-radius: 5px !important; -moz-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; }

.radius_bottom10 { -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -webkit-border-bottom-left-radius: 10px !important; -webkit-border-bottom-right-radius: 10px !important; -moz-border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px !important; }

.mauto { margin: auto !important; }

.mt0 { margin-top: 0px !important; }

.mt01 { margin-top: 1px !important; }

.mt05 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb110 { margin-bottom: 110px !important; }

.mb120 { margin-bottom: 120px !important; }

.mb130 { margin-bottom: 130px !important; }

.mb140 { margin-bottom: 140px !important; }

.mb150 { margin-bottom: 150px !important; }

.mb160 { margin-bottom: 160px !important; }

.mb170 { margin-bottom: 170px !important; }

.mb180 { margin-bottom: 180px !important; }

.mb190 { margin-bottom: 190px !important; }

.mb200 { margin-bottom: 200px !important; }

.mb210 { margin-bottom: 210px !important; }

.mb220 { margin-bottom: 220px !important; }

.ml0 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml30 { margin-left: 30px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.mr0 { margin-right: 0px !important; }

.mr01 { margin-right: 1px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mr40 { margin-right: 40px !important; }

.mr50 { margin-right: 50px !important; }

.pt0 { padding-top: 0 !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt90 { padding-top: 90px !important; }

.pt100 { padding-top: 100px !important; }

.pt110 { padding-top: 110px !important; }

.pt120 { padding-top: 120px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb100 { padding-bottom: 100px !important; }

.pb110 { padding-bottom: 110px !important; }

.pb120 { padding-bottom: 120px !important; }

.pb130 { padding-bottom: 130px !important; }

.pb140 { padding-bottom: 140px !important; }

.pb150 { padding-bottom: 150px !important; }

.pb160 { padding-bottom: 160px !important; }

.pb170 { padding-bottom: 170px !important; }

.pb180 { padding-bottom: 180px !important; }

.pb190 { padding-bottom: 190px !important; }

.pb200 { padding-bottom: 200px !important; }

.pl0 { padding-left: 0 !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl30 { padding-left: 30px !important; }

.pl40 { padding-left: 40px !important; }

.pr0 { padding-right: 0 !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr30 { padding-right: 30px !important; }

.pr40 { padding-right: 40px !important; }

.pad0 { padding: 0 !important; }

.pad05 { padding: 5px !important; }

.pad10 { padding: 10px !important; }

.pad15 { padding: 15px !important; }

.pad20 { padding: 20px !important; }

.pad30 { padding: 30px !important; }

.pad40 { padding: 40px !important; }

.plr05 { padding-left: 5px !important; padding-right: 5px !important; }

.plr10 { padding-left: 10px !important; padding-right: 10px !important; }

.plr15 { padding-left: 15px !important; padding-right: 15px !important; }

.plr20 { padding-left: 20px !important; padding-right: 20px !important; }

.plr30 { padding-left: 30px !important; padding-right: 30px !important; }

.plr40 { padding-left: 40px !important; padding-right: 40px !important; }

.fl { float: left !important; }

.fr { float: right !important; }

.visi { display: block !important; }

.hide { display: none !important; }

/* clearfix */
.cls { clear: both; }

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

/* clearfixここまで */
.pc { display: block; }

.sp { display: none; }

.yellow_line { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff45c 0%) repeat scroll 0 0; }

.yellow_back { background: rgba(0, 0, 0, 0) linear-gradient(transparent 0%, #fff45c 0%) repeat scroll 0 0; }

/*
.f_sansserif { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN", sans-serif;
}

.f_serif { font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W4", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",  serif;
}
*/