@charset "UTF-8";
/* SCSS Document */
#wrapper { width: 100%; min-width: 1240px; }
#wrapper * { box-sizing: border-box; }

/* 共通設定
*/
.mr0 { margin-right: 0px !important; }

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

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

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

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

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

/* main */
#main_box { width: 100%; height: 260px; background-color: #79A5B8; background-repeat: no-repeat; background-position: center top; }

#main_txt { position: relative; width: 960px; margin: 0 auto; }
#main_txt h1 { position: absolute; left: 30px; }
#main_txt h1 img { max-width: 100%; }
#main_txt .language { position: absolute; top: 170px; left: 40px; }
#main_txt .info { position: absolute; right: 30px; top: 15px; width: 360px; color: #fff; background-image: url(/corporate/images/common/info_bg.png); background-repeat: repeat; border: 2px solid #fff; }
#main_txt .info .ttl { color: #333; background-color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 5px 0; }
#main_txt .info .txt { padding: 15px; }
#main_txt .info .txt .tel { font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; line-height: 1em; margin-bottom: 6px; color: #fff; }
#main_txt .info .txt .tel a { color: white; }
#main_txt .info .txt .tel a:visited { color: white; }
#main_txt .info .txt .tel_eng { font-family: Arial, Helvetica, sans-serif; font-size: 33px; font-weight: bold; line-height: 1em; margin-bottom: 6px; }

#main_txt .info .txt .tel img { margin-right: 5px; }

#main_txt .info .txt strong { display: block; }

#main_txt .info .txt p { margin-bottom: 8px; line-height: 1.5em; }

#main_txt .language .txt a { display: block; color: #fff; font-weight: bold; }

#main_txt .language .txt a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

#main_txt .info .txt a.btn2 { display: block; color: #333333; background-color: #fff; text-align: center; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-image: url(/corporate/images/common/info_arrow.gif); background-position: right center; background-repeat: no-repeat; padding: 12px 10px 10px 10px; }

#main_txt .info .txt a.btn2:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

/* menu */
#menu { border-bottom: 1px solid #333; border-top: 2px solid #333; margin-bottom: 20px; }

#menu table { width: 959px; border-right: 1px solid #DDD3D1; margin: 0 auto; text-align: center; }

#menu table td { width: 106px; text-align: center; border-left: 1px solid #DDD3D1; }

#menu table td a { display: table; height: 58px; width: 100%; color: #333; font-size: 100%; font-weight: bold; line-height: 1.2em; }

.ie8 #menu table td a { display: block; height: 43px; padding: 15px 0 0 0; text-align: center; }

#menu table td a span { display: table-cell; width: 100%; vertical-align: middle; text-align: center; }

.ie8 #menu table td a span { display: block; }

#menu table td a:hover, .btm #menu table td.menu2 a, .wide #menu table td.menu3 a, .incentive #menu table td.menu4 a, .companytrip #menu table td.menu5 a, .kikaku #menu table td.menu6 a, .inbound #menu table td.menu7 a, .event #menu table td.menu8 a { color: #fff; background-color: #333; text-decoration: none; }

#sp_menu { display: none; }

/* breadcrumb */
#breadcrumb { width: 900px; margin: 0 auto; letter-spacing: -0.4em; margin-bottom: 40px; }

#breadcrumb li { display: inline-block; letter-spacing: normal; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px; line-height: 1.2em; margin-right: 15px; }

#breadcrumb li.arrow { width: 8px; height: 12px; font-size: 12px; text-indent: -999999px; background-image: url(/corporate/images/common/breadcrumb_arrow.gif); background-repeat: no-repeat; }

#breadcrumb li a { color: #333; text-decoration: underline; }

#breadcrumb li a:hover { text-decoration: none; }

/* f_info */
#f_info { width: 700px; border: 2px solid #333; margin: 0 auto; padding-bottom: 15px; }
@media screen and (min-width: 658px) { #f_info.single { width: 370px; } }

#f_info .ttl { color: #fff; background-color: #333; font-size: 18px; text-align: center; padding: 5px 0; }

#f_info ul { overflow: hidden; display: flex; margin: 0 auto; padding: 15px 30px; justify-content: center; }

#f_info ul li { color: #333; }

#f_info ul li.left { border-right: 2px solid #333; padding-right: 19px; }

#f_info ul li.right { padding-left: 19px; }

#f_info ul li .tel { font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; line-height: 1em; }

#f_info ul li .tel_eng { font-family: Arial, Helvetica, sans-serif; font-size: 33px; font-weight: bold; line-height: 1em; }

#f_info ul li .tel a { color: #333; }

#f_info ul li .tel img { margin-right: 5px; margin-bottom: 6px; }

#f_info a.btn { width: 260px; font-weight: bold; background-image: url(/corporate/images/common/f_info_arrow.png); background-position: right center; background-repeat: no-repeat; padding: 12px 15px 10px 15px; margin: 0 auto; }

/* contents */
.container { padding: 30px 0 60px 0; }

.contents { width: 900px; margin: 0 auto; display: block; line-height: 1.5em; }
.contents table { width: 100%; margin-bottom: 10px; }
.contents table th { background-color: #333; color: #fff; text-align: left; font-weight: normal; font-size: 12px; padding: 3px 10px; border-bottom: 1px solid #fff; width: 100px; }
.contents table td { font-size: 12px; padding: 3px 10px; background-color: #f6f1ea; border-bottom: 1px solid #fff; }
.contents #read { font-size: 107%; line-height: 1.5em; margin-bottom: 20px; }
.contents h2 { font-size: 24px; line-height: 1.2em; border-left: 5px solid  #F9423A; padding-left: 10px; margin-bottom: 25px; color: #333; }
.contents img { vertical-align: bottom; }
.contents .notice { font-size: 18px; font-weight: bold; color: #F9423A; }

/* section */
.section { border-bottom: 1px dotted #666; padding-bottom: 35px; margin-bottom: 40px; }

.section.bbn { border-bottom: none; padding-bottom: 60px; margin-bottom: 0px; }

/* link */
a.btn { background-color: #f9423a; display: block; color: #fff; text-align: center; padding: 12px 0 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 10px; }

a.btn:hover { background-color: #333; text-decoration: none; }

a.btn.arrow { background-image: url(/corporate/images/common/f_info_arrow.png); background-position: right center; background-repeat: no-repeat; }

a.btn span { display: inline-block; letter-spacing: normal; *display: inline; *zoom: 1; padding-right: 20px; background-repeat: no-repeat; background-position: right center; }

a.btn.win span { background-image: url(/corporate/images/common/icon_win.png); }

a.link { color: #333333; text-decoration: underline; background-repeat: no-repeat; background-position: right center; }

a.link:hover { text-decoration: none; }

a.link.win { padding-right: 20px; background-image: url(/corporate/images/common/icon_link_win.png); }

/* intro */
.intro h3 { color: #333; font-size: 18px; margin-bottom: 10px; }

/* merit */
.merit h3 { color: #333; font-size: 18px; margin-bottom: 10px; border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 8px 0; text-align: center; }

.merit ul { overflow: hidden; }

.merit ul li { float: left; width: 280px; margin: 0 30px 30px 0; }

/* strong_point */
.strong_point h3 { color: #333; width: 240px; height: 240px; border-radius: 200px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 2; text-align: center; margin: 0 auto; border: 8px solid; box-sizing: border-box; }

.strong_point ul { overflow: hidden; }

.strong_point ul li { float: left; width: 280px; margin: 0 30px 30px 0; }

/* what */
.what h3 { color: #333; font-size: 15px; line-height: 1.5; padding: 8px 0; text-align: center; }

.what h3 span { font-size: 22px; color: #333333; }

.what p { margin-top: 10px; }

.what ul { display: flex; }

.what ul li { width: 222px; margin: 0 4px 0 0; padding-bottom: 10px; border-bottom: 2px solid #333; border-top: 2px solid #333; }

/* bnr_list */
.bnr_list { border-bottom: none; padding-bottom: 0px; }
.bnr_list ul { display: flex; flex-wrap: wrap; }
.bnr_list ul li { width: 280px; margin: 0 20px 30px 0; }
.bnr_list ul li:nth-child(3n) { margin-right: 0; }
.bnr_list ul li .img { margin-bottom: 15px; }
.bnr_list ul li .img img { width: 100%; height: auto; }
.bnr_list ul li h3 { border-left: 2px solid #333; padding-left: 10px; font-size: 16px; margin-bottom: 12px; }
.bnr_list ul li.img { width: 48%; margin-right: 4%; }
.bnr_list ul li.img img { width: 100%; }
.bnr_list ul li.img:last-of-type { margin: 0; }
@media screen and (max-width: 657px) { .bnr_list ul li.img { width: 43%; } }

/* eスポーツ
*/
.entertainment#index #main_box { background-image: url(/corporate/images/entertainment/main.jpg); background-color: #f6f1eb; height: 420px; border-bottom: 1px dotted #666; }
.entertainment#index #main_txt h1 { top: 120px; font-size: 30px; letter-spacing: 2px; width: 350px; padding: 0 0 25px; border-bottom: 1px dotted #666; }
.entertainment#index #main_txt h1 span { display: inline-block; font-size: 15px; background: #f9423a; padding: 5px 10px; color: white; border-radius: 50px; text-align: center; margin-top: 20px; }
@media screen and (max-width: 657px) { .entertainment#index #main_box { height: auto; padding-bottom: 50%; background-size: 250% auto; background-position: 80% bottom; }
  .entertainment#index #main_box #main_txt h1 { width: 100%; padding: 30px 15px; position: unset; font-size: 24px; border-bottom: none; transform: none; }
  .entertainment#index #main_box #main_txt h1 span { font-size: 13px; margin-top: 10px; } }

.businessImage { margin: 25px 0; }
.businessImage h3 { color: #333; font-size: 18px; margin-bottom: 10px; border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 8px 0; text-align: center; }
.businessImage img { max-width: 100%; }
.businessImage ul { width: 100%; margin: 20px 0; }
.businessImage ul li { float: none; width: auto; margin: 0; text-indent: -1em; padding-left: 1em; }
.businessImage ul li::before { content: "・"; }
@media screen and (max-width: 657px) { .businessImage h3 { font-size: 15px; } }

.column2 li { display: flex; flex-wrap: wrap; position: relative; }
.column2 li .icon { right: 10px; top: 10px; margin-top: 10px; }
.column2 li .icon li { display: inline-flex; align-items: center; justify-content: center; background: #f9423a; border-radius: 50px; color: #ffffff; font-size: 12px; padding: 5px; }
.column2 li .icon li + li { margin-top: 0; }
.column2 li .text { width: 60%; padding-right: 30px; }
.column2 li .text h3 { border-left: 2px solid #333; padding-left: 10px; font-size: 20px; line-height: 1.2; margin-bottom: 15px; }
.column2 li .text table th, .column2 li .text table td { font-size: 13px; padding: 5px 10px; }
.column2 li .text table th a, .column2 li .text table td a { text-decoration: underline; color: #f9423a; }
.column2 li .text .btn { display: flex; justify-content: space-between; }
.column2 li .text .btn a { width: 49%; margin: 0; }
.column2 li .img { width: 40%; }
.column2 li .img img { width: 100%; height: auto; }
.column2 li .comment { width: 90%; margin: 30px auto 0; padding: 25px 30px; border: dotted 3px #f9423a; border-radius: 30px; font-size: 15px; }
.column2 li .comment span { color: #f9423a; font-weight: bold; padding-right: 10px; }
.column2 li + li { margin-top: 45px; }

.bgColor { background: #f6f1ea; }

.iframe { padding: 45px 0; text-align: center; }
@media screen and (max-width: 657px) { .iframe { padding: 30px 15px; } }

p.btn a { background-color: #f9423a; display: block; color: #fff; text-align: center; width: 260px; font-weight: bold; background-image: url(/corporate/images/common/f_info_arrow.png); background-position: right center; background-repeat: no-repeat; padding: 12px 15px 10px 15px; margin: 0 auto 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.bannerArea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 100px auto 60px; }
.bannerArea .banner + .banner { margin-left: 30px; }
.bannerArea img { width: 100%; }
@media screen and (max-width: 657px) { .bannerArea { margin-top: 50px; }
  .bannerArea .banner { width: 50%; margin: 0; } }

@media screen and (max-width: 1240px) { #wrapper { min-width: 320px; } }
@media screen and (max-width: 980px) { /* main */
  #main_txt { width: auto; height: 100%; }
  #main_txt .info { width: 240px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  #main_txt .info .txt { padding: 10px; }
  #main_txt .info .txt strong { margin-bottom: 2px; }
  #main_txt .info .txt .tel { font-size: 30px; }
  #main_txt .info .txt .tel_eng { font-size: 25px; }
  #main_txt .info .txt .tel img { width: 20px; height: auto; }
  #main_txt .info .txt p { font-size: 10px; }
  #main_txt .info .txt a.btn2 { font-size: 12px; text-align: left; }
  /* menu */
  #menu table { width: 100%; border-right: none; }
  #menu table td:first-child { border-left: none; }
  /* breadcrumb */
  #breadcrumb { width: auto; margin: 0 30px 40px 30px; }
  /* contents */
  .contents { width: auto; margin: 0 40px; }
  .bannerArea { margin: 30px 40px; }
  /* .merit */
  .merit ul li { width: 32%; margin-right: 2%; }
  .merit ul li a span { width: 125px; text-align: left; }
  /* .strong_point */
  .strong_point h3 { width: 160px; height: 160px; border: 6px solid; font-size: 15px; }
  .strong_point ul li { width: 32%; margin-right: 2%; }
  .strong_point ul li a span { width: 125px; text-align: left; }
  /* .what */
  .what ul li { width: 32%; margin-right: 2%; }
  .what ul li a span { width: 125px; text-align: left; }
  /* bnr_list */
  .bnr_list ul li { width: 31%; margin-bottom: 20px; }
  .bnr_list ul li p { font-size: 12px; }
  .bnr_list table th { width: 80px; } }
@media screen and (max-width: 800px) { /* menu */
  #menu table td a { font-size: 10px; } }
@media screen and (max-width: 760px) { /* f_info */
  #f_info { width: auto; margin: 0 15px; }
  #f_info ul { display: block; width: auto; max-width: 290px; padding: 15px; }
  #f_info ul li { float: none; width: auto; }
  #f_info ul li .tel { padding: 10px 0; font-size: 34px; }
  #f_info ul li .tel img { margin-bottom: 0; }
  #f_info ul li.left { border-right: none; padding-right: 0px; }
  #f_info ul li.right { padding-left: 0px; }
  #f_info a.btn { width: auto; margin: 0 15px; } }
@media screen and (max-width: 657px) { /* main */
  #main_box { height: 120px; -moz-background-size: cover; background-size: cover; }
  #main_txt h1 { left: 15px; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  #main_txt h1 img { width: auto; }
  #index #main_txt h1 img { height: 54px; }
  #main_txt .language { right: 5%; text-align: right; top: 90% !important; -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); transform: translateY(-90%); }
  #main_txt .info { display: none; }
  /* menu */
  #menu { display: none; }
  #sp_menu { display: block; margin-bottom: 20px; }
  #sp_menu_btn { display: block; text-align: center; padding: 12px 0 12px 0; cursor: pointer; font-weight: bold; color: #fff; background-color: #333333; }
  #sp_menu_btn:hover, #sp_menu_btn.active { background-color: #333; }
  #sp_menu_btn span { display: inline-block; background-image: url(/corporate/images/common/sp_menu_icon.png); background-size: 14px 12px; background-repeat: no-repeat; background-position: left center; padding: 0 22px; font-size: 16px; }
  #sp_menu ul { display: none; border-bottom: 2px solid #333333; }
  #sp_menu ul li a { display: block; border-top: 1px solid #ddd3d1; padding: 11px 15px 9px 15px; font-weight: bold; color: #333333; text-decoration: none; background-color: #f6f1ea; background-image: url(/corporate/images/common/sp_menu_arrow.gif); background-size: 29px 15px; background-position: right center; background-repeat: no-repeat; }
  #sp_menu ul li:first-child a { border-top: none; }
  #sp_menu ul li a:hover, #top #sp_menu ul li.menu1 a, .btm #sp_menu ul li.menu2 a, .companytrip #sp_menu ul li.menu5 a, .kikaku #sp_menu ul li.menu6 a { color: #fff; background-color: #333333; background-image: url(/corporate/images/common/sp_menu_arrow_hover.gif); }
  /* breadcrumb */
  #breadcrumb { margin-bottom: 15px; margin: 0 15px 15px 15px; }
  #breadcrumb li { margin-right: 10px; margin-bottom: 5px; }
  #breadcrumb li:last-child { margin-right: 0px; }
  #breadcrumb li.arrow { background-image: url(/corporate/images/common/breadcrumb_arrow_sp.gif); background-size: 6px 10px; }
  /* f_info */
  #f_info .ttl { font-size: 14px; }
  #f_info ul { padding-bottom: 10px; }
  #f_info ul li strong { display: block; margin-bottom: 5px; }
  #f_info ul li .tel { font-size: 35px; margin-bottom: 5px; }
  #f_info ul li .tel_eng { font-size: 30px; margin-bottom: 5px; }
  #f_info ul li p { font-size: 11px; }
  #f_info a.btn { background-image: url(/corporate/images/common/f_info_arrow_sp.png); background-size: 35px 21px; text-align: left; }
  /* contents */
  .container { padding-bottom: 30px; }
  .contents { width: auto; margin: 0 15px; }
  .contents #read { font-size: 13px; padding-bottom: 15px; margin-bottom: 20px; }
  .contents h2 { font-size: 18px; margin-bottom: 15px; padding-left: 8px; }
  a.btn.arrow { background-image: url(/corporate/images/common/f_info_arrow_sp.png); background-size: 35px 21px; }
  a.btn.win span { background-image: url(/corporate/images/common/icon_win_sp.png); background-size: 13px 12px; }
  .section.bbn { padding-bottom: 30px; }
  .column2 li { display: block; margin-bottom: 30px; }
  .column2 li:last-child { margin-bottom: 0; }
  .column2 li .img { position: relative; width: 100%; }
  .column2 li .text { padding-right: 0; width: 100%; }
  .column2 li .text .btn { margin-bottom: 20px; flex-wrap: wrap; }
  .column2 li .text .btn a { background-position: right center; background-size: 20px; padding: 10px 25px 10px 10px; width: 100%; }
  .column2 li .text .btn a + a { margin-top: 5px; }
  .column2 li .comment { width: 100%; margin: 20px auto 0; }
  .bnr_list ul { margin-bottom: 20px; }
  .bannerArea { justify-content: space-between; margin: 30px 15px; }
  .bannerArea .banner { width: 47%; }
  .bannerArea .banner + .banner { margin-left: 0; }
  /* intro */
  .intro p { font-size: 12px; }
  .intro h3 { font-size: 15px; }
  /* merit */
  .merit ul li { width: 100%; margin-right: 0px; margin-bottom: 20px; font-size: 12px; }
  .merit ul li h3 { font-size: 15px; }
  .merit ul li a span { width: auto; text-align: center; }
  /* strong_point */
  .strong_point ul li { width: 100%; margin-right: 0px; margin-bottom: 20px; font-size: 12px; }
  .strong_point ul li h3 { font-size: 15px; width: 200px; height: 200px; }
  .strong_point ul li a span { width: auto; text-align: center; }
  /* what */
  .what ul { flex-wrap: wrap; }
  .what ul li { width: 100%; margin-right: 0px; margin-bottom: 20px; font-size: 12px; }
  .what ul li h3 { font-size: 15px; }
  .what ul li a span { width: auto; text-align: center; }
  /* bnr_list */
  .bnr_list ul li { width: 49%; margin-bottom: 25px; }
  .bnr_list ul li#bnr3, .bnr_list ul li#bnr6 { margin-right: 2%; }
  .bnr_list ul li#bnr2, .bnr_list ul li#bnr4, .bnr_list ul li#bnr6 { margin-right: 0px; }
  .bnr_list ul li .img { margin-bottom: 12px; }
  .bnr_list ul li h3 { font-size: 15px; padding-left: 6px; margin-bottom: 10px; }
  .bnr_list ul li p { font-size: 11px; }
  a.link.win { background-image: url(/corporate/images/common/icon_link_win_sp.png); background-size: 13px 12px; } }
@media screen and (max-width: 480px) { /* bnr_list */
  .bnr_list ul li { display: block; width: 290px; margin: 0 auto 25px auto !important; }
  .bnr_list ul li:last-child { margin-bottom: 0px !important; }
  .bnr_list ul li .img { margin-bottom: 10px; height: 120px; overflow: hidden; }
  .bnr_list ul li .img img { margin-top: -10px; } }
.officeHourLink { display: none; }

/*# sourceMappingURL=style.css.map */