@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body { font-family: "新ゴ R"; background: #FFFFFF; padding-top: 0px; }
hr { border-top: 1px solid #B3B3B3; margin-top: 30px; margin-bottom: 30px; }
hr.lg { border-top: 1px solid #B3B3B3; margin-top: 60px; margin-bottom: 60px; }
a { color: #333333 }
a:hover,
a:active,
a:focus { color: #333333 }
/*Overwrite----------------------------------------------------*/
.form-horizontal .control-label { text-align: left; }
.control-label { font-weight: bold; }
.breadcrumb { text-align: right; }
.panel-title > a { display: block; }
.lead { font-weight: bold; }
.label { font-size: 80%; font-weight: normal; }
.table-responsive { -webkit-overflow-scrolling: touch; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-menu { min-width: 300px; }
.dropdown-menu.vertical { left: auto !important; position: absolute !important; right: auto !important; }
.dropdown-menu.vertical * { float: none; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-weight: bold; font-family: Verdana, "新ゴ R", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top: 0; }
h5,
.h5 { font-size: 16px; }
h6,
.h6 { font-size: 14px; }
.container { padding-right: 42px; padding-left: 42px; }
.container-fluid { padding-left: 42px; padding-right: 42px; }
p { margin-bottom: 1.6em; }
.label-danger { font-size: 0.6em; padding: 0.2em 0.4em; line-height: 1; border-radius: 0; }
#colorbox,
#cboxOverlay,
#cboxWrapper { z-index: 99999999 }
/*Structure----------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-15 { width: 20%; float: left; }
.row.pdd0 { margin-left: 0; margin-right: 0; }
.row.pdd1 { margin-left: -1px; margin-right: -1px; }
.row.pdd5 { margin-left: -5px; margin-right: -5px; }
.row.pdd20 { margin-left: -20px; margin-right: -20px; }
.row.pdd42 { margin-left: -42px; margin-right: -42px; }
.row.gtr-50 { margin-left: -25px; margin-right: -25px; }
.pdd0 > [class*='col-'] { padding-left: 0; padding-right: 0; }
.pdd1 > [class*='col-'] { padding-left: 1px; padding-right: 1px; }
.pdd5 > [class*='col-'] { padding-left: 5px; padding-right: 5px; }
.pdd20 > [class*='col-'] { padding-left: 20px; padding-right: 20px; }
.pdd42 > [class*='col-'] { padding-left: 42px; padding-right: 42px; }
.gtr-50 > [class*='col-'] { padding-left: 25px; padding-right: 25px; }
.container-50 { padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; }
.container-fluid-50 { padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; }
.form-control.inline { display: inline-block !important; width: auto !important; }
.table-fixed { table-layout: fixed; }
.pos-rel { position: relative }
.pos-abs { position: absolute }
.list-reset { margin: 0; padding: 0; list-style: none; }
.list-reset > li { display: block; }
.sameheight,
.sameheight4,
.sameheight6,
.tilethis {/* for Auto Correct*/ }
ul.list-table { padding: 0; margin: 0; display: table; list-style: none; }
ul.list-table li { display: table-cell; }
.display-table { display: table }
.table-row { display: table-row }
.table-cell { display: table-cell }
/*Margin,Padding----------------------------------------------------*/
.mgt-0 { margin-top: 0px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgb-0 { margin-bottom: 0px !important; }
.mgb-1 { margin-bottom: 1px !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 15px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgb-60 { margin-bottom: 60px !important; }
.mgb-74 { margin-bottom: 74px !important; }
.mgb-90 { margin-bottom: 90px !important; }
.mgb-100 { margin-bottom: 100px !important; }
.mgb-120 { margin-bottom: 120px !important; }
.mgb-150 { margin-bottom: 150px !important; }
.mgt-30 { margin-top: 30px !important; }
.pdd-0 { padding: 0px !important; }
.pdd-5 { padding: 5px !important; }
.pdd-10 { padding: 10px!important; }
.pdd-15 { padding: 15px!important; }
.pdt-100 { padding-top: 100px!important; }
.pdb-100 { padding-bottom: 100px!important; }
.pdd-0 { padding: 0 !important; }
.pdd-xs { padding: 0.5em !important; }
.pdd-sm { padding: 1em !important; }
.pdd-md { padding: 2em !important; }
.pdd-lg { padding: 4em !important; }
.pdt-0 { padding-top: 0 !important; }
.pdt-xs { padding-top: 0.5em !important; }
.pdt-sm { padding-top: 1em !important; }
.pdt-md { padding-top: 2em !important; }
.pdt-lg { padding-top: 4em !important; }
.pdt-xlg { padding-top: 6em !important; }
.pdt-xxlg { padding-top: 8em !important; }
.pdr-0 { padding-right: 0 !important; }
.pdr-xs { padding-right: 0.5em !important; }
.pdr-sm { padding-right: 1em !important; }
.pdr-md { padding-right: 2em !important; }
.pdr-lg { padding-right: 4em !important; }
.pdb-0 { padding-bottom: 0 !important; }
.pdb-xs { padding-bottom: 0.5em !important; }
.pdb-sm { padding-bottom: 1em !important; }
.pdb-md { padding-bottom: 2em !important; }
.pdb-lg { padding-bottom: 4em !important; }
.pdb-xlg { padding-bottom: 6em !important; }
.pdb-xxlg { padding-bottom: 8em !important; }
.pdl-0 { padding-left: 0 !important; }
.pdl-xs { padding-left: 0.5em !important; }
.pdl-sm { padding-left: 1em !important; }
.pdl-md { padding-left: 2em !important; }
.pdl-lg { padding-left: 4em !important; }
.mgt-0 { margin-top: 0 !important; }
.mgt-xs { margin-top: 0.5em !important; }
.mgt-sm { margin-top: 1em !important; }
.mgt-md { margin-top: 2em !important; }
.mgt-lg { margin-top: 4em !important; }
.mgt-xlg { margin-top: 6em !important; }
.mgt-xxlg { margin-top: 8em !important; }
.mgb-0 { margin-bottom: 0 !important; }
.mgb-xs { margin-bottom: 0.5em !important; }
.mgb-sm { margin-bottom: 1em !important; }
.mgb-md { margin-bottom: 2em !important; }
.mgb-lg { margin-bottom: 4em !important; }
.mgb-xlg { margin-bottom: 6em !important; }
.mgb-xxlg { margin-bottom: 8em !important; }
.width-window { width: calc(100% + 8em) !important; margin-left: -4em; margin-right: -4em; }
/*Button----------------------------------------------------*/
.btn-gray { background: #E7E7E7; color: #000000; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px; border-radius: 0px; }
.btn-gray:hover,
.btn-gray:focus { background: #D0D0D0; color: #000000 }
.btn-gray:active { background: #E7E7E7; color: #000000 }
.btn-black { background: #000000; color: #FFFFFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px; border-radius: 0px; }
.btn-black:hover,
.btn-black:focus { background: #2D2D2D; color: #FFFFFF }
.btn-black:active { background: #000000; color: #FFFFFF }
.btn-mono { background: #000000; color: #FFFFFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-mono:hover,
.btn-mono:focus { background: #2D2D2D; color: #FFFFFF }
.btn-mono:active { background: #000000; color: #FFFFFF }
.btn-line { background: #FFFFFF; color: #000000; border: 1px solid #000000 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px; border-radius: 0px; }
.btn-line:hover,
.btn-line:focus { background: #2D2D2D; color: #FFFFFF }
.btn-line:active { background: #000000; color: #FFFFFF }
.btn-entry { background: rgba(255,255,255,1.00); border: 1px solid #343636; border-radius: 0; color: #9A1E23; font-size: 1.4em; letter-spacing: 0.3em; padding: 1.6em 0; transition: all 0.3s ease-out; }
.btn-entry:hover { background: #9A1E23; color: #FFFFFF; }
.btn-entry:focus { background: #9A1E23; color: #FFFFFF }
.btn-entry:active { background: #9A1E23; color: #FFFFFF }
/*Text----------------------------------------------------*/
.text-black { color: #000000 !important }
.text-white { color: #FFFFFF !important }
.text-orange { color: #FF5209 !important }
.text-green { color: #006837 !important }
.text-gold { color: #B9A165 !important }
.text-red { color: #C93E55 !important }
.text-gray { color: #D0D0D0 !important }
.text-pink { color: #F29B8F !important }
.lh-xxl { line-height: 2.52 !important; }
.lh-xl { line-height: 1.87 !important; }
.lh-lg { line-height: 1.65 !important; }
.lh-sm { line-height: 1.1 !important; }
.ff-serif { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; letter-spacing: 0.0625em; }
.xs { font-size: 75% }
.ff-shingo-b { font-family: "新ゴ B"; }
.ff-shingo-r { font-family: "新ゴ R"; }
.ls-md { letter-spacing: 0.1em; }
.ls-lg { letter-spacing: 0.3em; }
.fs-06 { font-size: 0.6em; }
.fs-08 { font-size: 0.8em; }
.fs-09 { font-size: 0.9em; }
.fs-10 { font-size: 1em; }
.fs-12 { font-size: 1.2em; }
.fs-14 { font-size: 1.4em; }
.fs-16 { font-size: 1.6em; }
.fs-18 { font-size: 1.8em; }
.fs-20 { font-size: 2em; }
.fs-22 { font-size: 2.2em; }
.fs-24 { font-size: 2.4em; }
.fs-26 { font-size: 2.6em; }
.fs-28 { font-size: 2.8em; }
.fs-30 { font-size: 3em; }
.fs-32 { font-size: 3.2em; }
.fs-34 { font-size: 3.4em; }
.fs-36 { font-size: 3.6em; }
.fs-38 { font-size: 3.8em; }
.fs-40 { font-size: 4em; }
.text-underline { text-decoration: underline; }
form .error { display: block; color: rgba(203,0,3,1.00); margin-top: 0.4em; }
.entry input,
.entry textarea,
.entry select { border: none; }
.entry input,
.entry textarea { border-radius: 0; background: #E5E6E5; }
.entry input:focus { background: #FFFFFF }
.entry .input-lg { border-radius: 0; }
/*Appearance----------------------------------------------------*/
.bg-none { background: none !important; }
.bg-black { background: #000000 !important; overflow: hidden }
.bg-blue { background: #30A3A1 !important; }
.bg-green { background: #1E894F !important; }
.bg-pink { background: #C7265B !important; }
.bg-gray { background: #EAECF1 !important; }
.bg-l-gray { background: #F4F4F4 !important; }
.bg-white { background: #FFFFFF !important; }
.img-full { width: 100%; }
.label-green { background-color: #71AF3D; }
.label-green[href]:hover,
.label-green[href]:focus { background-color: #71AF3D; }
.label-black { background: #000000; color: #FFFFFF; }
.label-green { background: #006837; color: #FFFFFF; }
.label-border { background: #FFFFFF; color: #006837; border: 1px solid #006837 }
.brd-gray-1 { border: 1px solid #D0D0D0 }
.brd-black-1 { border: 1px solid #000000 }
.brd-black-dot-1 { border: 1px dotted #000000 }
.brd-bottom-gray-dot-1 { border-bottom: 1px dotted #BABABA }
.pagination-black > li > a,
.pagination-black > li > span { color: #000000 }
.pagination-black > .active > a,
.pagination-black > .active > span,
.pagination-black > .active > a:hover,
.pagination-black > .active > span:hover,
.pagination-black > .active > a:focus,
.pagination-black > .active > span:focus { background-color: #000000; border-color: #C4C4C4; }
/*----------------------------------------------------*/
.pagetop { width: 36px; position: fixed; bottom: 50px; right: 10px; z-index: 1000; color: #000000; opacity: 0.75; display: none; cursor: pointer; }
/*----------------------------------------------------*/
#cover { position: relative; background-color: #000000; width: 100%; height: 80vh; overflow: hidden }
#movie { width: 100%; height: 100vw; position: absolute; top: 50%; margin-top: -50vw; }
.mute { width: 41px; position: absolute; left: 10px; bottom: 10px; cursor: pointer; opacity: 0.5 }
#overlay { position: absolute; width: 100%; background: url(../images/overlay.png); top: 0; left: 0; z-index: 1000 }
#branding { width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
#branding .table-cell { vertical-align: middle; }
#branding .lead { font-family: "FOT-UD角ゴC80 Pro DB"; letter-spacing: 4px; }
#overlay,
#branding { height: 400px; }
/*----------------------------------------------------*/

#gnav { padding: 35px 0; text-align: center; border-bottom: 1px solid #B3B3B3; font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; position: relative; width: 100%; }
#gnav .list-inline { margin: 0; }
#gnav .list-inline > li { padding-left: 20px; padding-right: 20px; height: 20px; cursor: pointer; }
#gnav .list-inline > li.active { position: relative; }
#gnav .list-inline > li.active:after { content: ''; width: 19px; height: 13px; background: url(../images/blt_down.png); position: absolute; left: 50%; bottom: -46px; margin-left: -8px; z-index: 500000; }
#gnav a:hover { text-decoration: none; }
/*----------------------------------------------------*/

#snav { width: 100%; background: #D8DEE6; padding: 35px 0; text-align: center; border-bottom: 1px solid #B3B3B3; font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; position: relative; width: 100%; }
#snav .list-inline { margin: 0; }
#snav .list-inline > li { padding-left: 20px; padding-right: 20px; height: 20px; cursor: pointer; }
#snav .list-inline > li a:hover { transition: .16s ease-in-out; -webkit-transition: .16s ease-in-out; -moz-transition: .16s ease-in-out; -ms-transition: .16s ease-in-out; -o-transition: .16s ease-in-out; opacity: 1 }
#snav .list-inline > li a:after { content: ''; height: 13px; border-bottom: 2px solid #00002B; display: block; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transition: .16s ease-in-out; -webkit-transition: .16s ease-in-out; -moz-transition: .16s ease-in-out; -ms-transition: .16s ease-in-out; -o-transition: .16s ease-in-out }
#snav .list-inline > li a:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
#snav .list-inline > li.active a { position: relative; }
#snav .list-inline > li.active a:after { content: ''; height: 13px; border-bottom: 2px solid #00002B; display: block; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
#snav a:hover { text-decoration: none; }
.dispnon { display: none }
/*----------------------------------------------------*/

#list { background: #EBEEF2; padding: 100px 0 }
#list .item { width: 100%; position: relative; overflow: hidden;/* background: #FFFFFF; box-shadow: 0px 0px 5px 0px #8CAAC0; padding: 10px;*/ }
/* #list .item .title { width: 100%; color: #FFFFFF; padding: 20px; position: absolute; top: 50%; left: 0; margin-top: -32px; text-align: center; display: none; font-size: 18px; font-family: "FOT-筑紫明朝 Pr6 M"; letter-spacing: 1px; } */
#list .item .title { width: 100%; color: #FFFFFF; padding: 20px; position: absolute; top: 50%; left: 0; margin-top: -32px; text-align: center; display: none; font-size: 18px; font-family: "新ゴ R"; letter-spacing: 1px; }
#list .item img { -moz-transition: -moz-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -ms-transition: -ms-transform 0.3s linear; transition: transform 0.3s linear; }
#list .item img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*----------------------------------------------------*/



#footer_link { padding: 12px; text-align: center; border-top: 1px solid #B3B3B3; font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; }
#footer_link .list-inline { margin: 0; }
#footer_link .list-inline > li { padding-left: 20px; padding-right: 20px; height: 20px; }
/*----------------------------------------------------*/

#copyright { background: #2A2C30; color: #FFFFFF; padding: 60px 0; font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; }
/*----------------------------------------------------*/

#slider_single { width: 100%; display: none; }
.slick-prev { left: 0px; z-index: 10000; width: 40px; height: 40px; margin-top: -20px; }
.slick-next { right: 0px; z-index: 10000; width: 40px; height: 40px; margin-top: -20px; }
.slick-prev:before,
.slick-next:before { color: #000000; font-size: 40px; }
/*----------------------------------------------------*/


/*.h_single { font-family: "FOT-筑紫明朝 Pr5N B"; }*/
.h_single { font-size: 25px; font-family: "新ゴ R"; letter-spacing: 0.1em; }
.ch-2 { font-weight: normal; font-size: 1.2em; letter-spacing: 0.15em; font-family: "新ゴ R"; }
.h_sq { text-align: center; font-size: 14px; color: #FFFFFF; letter-spacing: 2px; font-weight: normal; margin: 0; position: relative; margin-bottom: 15px; margin-top: 10px; }
.h_sq span { display: inline-block; padding: 6px; background: #000000; font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; }
.h_sq::before { content: ''; display: block; width: 100%; height: 1px; background: #000000; top: 50%; left: 0; position: absolute; z-index: -10000; }
/* #single { padding-bottom: 30px; font-family: "FOT-筑紫明朝 Pr6 RB"; font-size: 15px; letter-spacing: 1px; } */
#single { padding-bottom: 30px; font-family: "新ゴ R"; font-size: 15px; letter-spacing: 1px; }
.spec_body { margin-bottom: 30px; font-size: 13px; font-family: "FOT-筑紫明朝 Pr6 RB"; }
.spec_body:last-child { margin-bottom: 0; }
/*----------------------------------------------------*/

#infscr-loading { margin-left: auto; margin-right: auto; text-align: center; }
#infscr-loading > div { margin-left: auto; margin-right: auto; }
#infscr-loading img { display: none; }
/*----------------------------------------------------*/

#mapframe { border: 1px solid #AFAEAE; padding: 40px 45px; }
#mapframe iframe { width: 100%; }
.embed-responsive-a { padding-bottom: 87%; }
/*----------------------------------------------------*/

.tableset-1 { width: 100%; border-collapse: separate; border-spacing: 1em }
.tableset-1 th,
.tableset-1 td { border-bottom: 1px solid rgba(204,205,205,1.00); padding-top: 1em; vertical-align: bottom; line-height: 1.8; letter-spacing: 0.3em; }
.tableset-1 th { text-align: center; font-weight: normal; white-space: nowrap; padding-left: 1em; padding-right: 1em; }
.tableset-1 td { padding-left: 0.6em; }
/*----------------------------------------------------*/

.covertop { width: 100%; height: 80vh; position: relative; overflow: hidden; background: #000000 }
.inline-YTPlayer { height: 100%; }
.covertop .movie { position: absolute !important; z-index: 10; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#iframe_js-mainvisualVideo { width: 100vw !important; height: 100vw !important; top: 50% !important; left: 50% !important; margin: 0 !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.covertop .shade { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 100 }
.covertop .mute { width: 41px; position: absolute; left: 10px; bottom: 10px; cursor: pointer; opacity: 0.5; z-index: 1000 }
/*----------------------------------------------------*/
.bnrs { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #C7C8C8; padding: 1.2em; }
.bnrs > div { padding: 0 1.8em; }

@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 900px) {
.col-md-15 { width: 20%; float: left; }
#overlay,
#branding { min-height: 500px; }
}

@media (min-width: 1200px) {
.col-lg-15 { width: 20%; float: left; }
#overlay,
#branding { min-height: 600px; }
}

@media (min-width: 1500px) {
.col-lg-15 { width: 20%; float: left; }
#overlay,
#branding { min-height: 700px; }
}

@media (min-width: 2000px) {
.col-lg-15 { width: 20%; float: left; }
#overlay,
#branding { min-height: 900px; }
}
/*----------------------------------------------------*/
.aboutus-j { font-family: "FOT-筑紫ゴシック Pro E"; font-size: 26px; line-height: 2em; margin-bottom: 1em }
.aboutus-e { font-family: "FOT-筑紫ゴシック Pro E"; font-size: 20px; line-height: 2em; }
.table-about th { text-align: right }
#member p { font-family: "FOT-筑紫ゴシック Pro R"; }
.photo_member { padding: 20px; background: #E4EDF3; margin-bottom: 10px; position: relative; }
.photo_member .class { display: block; background: 10px; background: #000000; color: #FFFFFF; padding: 10px 20px; ; width: auto; position: absolute; top: 0px; left: 0px; letter-spacing: 1px; }
/*----------------------------------------------------*/
.ic-blog,
.ic-works { font-size: 11px; width: 100%; background: #B7B8BA; color: #FFFFFF; font-family: "FOT-UD角ゴC80 Pro R"; letter-spacing: 2px; padding: 1px 4px 1px 10px; margin-top: 9px; }
@media only screen and (min-width : 768px) {
/* PC */
header .dropdown:hover .dropdown-menu { display: block; }
.nav-justified > .dropdown .dropdown-menu { top: 90%; }
/*----------------------------------------------------*/

}

@media only screen and (max-width: 768px) {
/* SP */
/*Overwrite----------------------------------------------------*/
body { padding-top: 70px; }
.container-fluid > .navbar-header { margin-left: -10px; margin-right: -10px }
.page_title { font-size: 20px; margin: 15px 0; }
.img-responsive { margin-left: auto; margin-right: auto; }
.container { padding-left: 15px; padding-right: 15px; }
.container-fluid { padding-left: 15px; padding-right: 15px; }
.row { margin-left: -10px; margin-right: -10px; }
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { padding-left: 10px; padding-right: 10px; }
.btn { padding-left: 5px; padding-right: 5px; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
.pdd20 > [class*='col-'] { padding-left: 10px; padding-right: 10px; }
.row.pdd20 { margin-left: -10px; margin-right: -10px; }
.gtr-50 > [class*='col-'] { padding-left: 7px; padding-right: 7px; }
.row.gtr-50 { margin-left: -15px; margin-right: -15px; }
.container-xs-15 { padding-left: 15px !important; padding-right: 15px !important; }
.container-fluid-xs-15 { padding-left: 15px !important; padding-right: 15px !important; }
.pdt-xs-30 { padding-top: 30px!important; }
.pdd-sp-0 { padding: 0 !important; }
.pdd-sp-xs { padding: 0.5em !important; }
.pdd-sp-sm { padding: 1em !important; }
.pdd-sp-md { padding: 2em !important; }
.pdd-sp-lg { padding: 4em !important; }
.pdt-sp-xs { padding-top: 0.5em !important; }
.pdt-sp-sm { padding-top: 1em !important; }
.pdt-sp-md { padding-top: 2em !important; }
.pdt-sp-lg { padding-top: 4em !important; }
.pdl-sp-0 { padding-left: 0 !important; }
.mgt-sp-0 { margin-top: 0 !important; }
.mgt-sp-xs { margin-top: 0.5em !important; }
.mgt-sp-sm { margin-top: 1em !important; }
.mgt-sp-md { margin-top: 2em !important; }
.mgt-sp-lg { margin-top: 4em !important; }
.mgb-sp-0 { margin-bottom: 0 !important; }
.mgb-sp-xs { margin-bottom: 0.5em !important; }
.mgb-sp-sm { margin-bottom: 1em !important; }
.mgb-sp-md { margin-bottom: 2em !important; }
.mgb-sp-lg { margin-bottom: 4em !important; }
.width-window-sp { width: calc(100% + 30px) !important; margin-left: -15px; margin-right: -15px; }
.max-width-60-sp { max-width: 60% !important; }
.max-width-80-sp { max-width: 80% !important; }
/*----------------------------------------------------*/
#gnav-sp { font-family: "FOT-UD角ゴC80 Pro M"; letter-spacing: 2px; z-index: 20000; }
/*#cover { min-height: 400px; background-image: url(../images/cover_1.jpg); background-size: cover; background-position: center center; } */
#cover { background-image: url(../images/2017-12-04_123828.jpg); background-size: cover; background-position: center center; height: 0; padding-bottom: 74%; }
#overlay,
#branding { min-height: 400px; }
.aboutus-j { font-size: 16px; }
.aboutus-e { font-size: 14px; }
.row.pdd42 { margin-left: -15px; margin-right: -15px; }
.pdd42 > [class*='col-'] { padding-left: 15px; padding-right: 15px; }
.tableset-1,
.tableset-1 body,
.tableset-1 tr,
.tableset-1 th,
.tableset-1 td { display: block; width: 100%; text-align: left; padding: 0; }
.tableset-1 th { border: none; background: rgba(236,236,236,1.00) }
.tableset-1 td { margin-bottom: 1.6em; }
.tableset-1 th,
.tableset-1 td { padding: 0.4em; }
/*----------------------------------------------------*/
#iframe_js-mainvisualVideo { }
.covertop { width: 100%; height: 60vw; position: relative; overflow: hidden; }
.covertop .movie { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.2); }
/*----------------------------------------------------*/
.bnrs { padding: 1.2em 2.4em; }

}