@charset "utf-8";
* {
padding: 0;
margin: 0;
}
html, body{
height: 100%;
margin:0;
padding:0;
height: 100%;
overflow: auto;
text-align:left;
}
div {
margin:0;
padding:0;
}
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-style:normal;
font-weight: 400;
vertical-align: baseline;
text-align:left;
}
span, em, strong{
margin: 0;
padding: 0;
border: 0;
font-style:normal;
vertical-align: baseline;
text-align:left;
font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ul, ol {
list-style:none;
}
sup {
font-size:76%;
}
sub {
vertical-align:bottom;
font-size:76%;
}
button {
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
margin: 0;
padding: 0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
th, td {
margin:0;
padding:0;
border:0;
vertical-align:top;
}
th, caption {
font-style:normal;
font-weight:normal;
text-align:left;
}
a:focus {
outline:none;
}
img { border:0; vertical-align: bottom; height: auto; }
hr { display: none; }
.cfix:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.cfix { display: inline-block;}
* html .cfix { height: 1%; }
.cfix { display:block; }
.both{
clear:both;
}
@font-face {
font-family: 'IPA-mincho';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('/_pack/other/ipaexm_subset.woff2') format('woff2'),
url('/_pack/other/ipaexm_subset.woff') format('woff'),
url('/_pack/other/ipaexm_subset.ttf') format('truetype');
}
body {
color:#5f5f5f;
-webkit-text-size-adjust: 100%;
font-size:14px;
line-height:1.9em;
font-weight: 400;
height:auto;
overflow: hidden;
font-family:'Noto Sans JP','Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.elmPC, .elmPCTB { display:block ; }
a.elmPC, span.elmPC, em.elmPC, img.elmPC,
a.elmPCTB, span.elmPCTB, em.elmPCTB, img.elmPCTB
{ display:inline; }
@media screen and (min-width: 741px) {
.elmTB { display:none!important ; }
.elmTBSP { display:none!important ; }
.elmSP { display:none!important ; }
}
object{pointer-events: none;}
a {
outline: none;
color:#404040;
text-decoration:none;
}
a.underline {
text-decoration:underline;
}
a.underline:visited {
text-decoration:underline;
}
a.underline:hover {
text-decoration:none;
}
a.underline:active {
text-decoration:none;
}
a.underline:focus {
text-decoration:none;
}
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a:hover img.nohover {
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.ffMin{
font-family: "游明朝","Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'IPA-mincho',sans-serif;
font-weight: 500;
}
.malrAuto{ margin-left: auto!important;margin-right: auto!important;}
@media screen and (min-width: 741px) {
.mat01 { margin-top: 1px !important; }
.mat02 { margin-top: 2px !important; }
.mat03 { margin-top: 3px !important; }
.mat04 { margin-top: 4px !important; }
.mat05 { margin-top: 5px !important; }
.mat07 { margin-top: 7px !important; }
.mat10 { margin-top: 10px !important; }
.mat15 { margin-top: 15px !important; }
.mat20 { margin-top: 20px !important; }
.mat25 { margin-top: 25px !important; }
.mat30 { margin-top: 30px !important; }
.mat35 { margin-top: 35px !important; }
.mat40 { margin-top: 40px !important; }
.mat45 { margin-top: 45px !important; }
.mat50 { margin-top: 50px !important; }
.mat60 { margin-top: 60px !important; }
.mab00 { margin-bottom: 0px !important; }
.mab01 { margin-bottom: 1px !important; }
.mab02 { margin-bottom: 2px !important; }
.mab03 { margin-bottom: 3px !important; }
.mab04 { margin-bottom: 4px !important; }
.mab05 { margin-bottom: 5px !important; }
.mab07 { margin-bottom: 7px !important; }
.mab10 { margin-bottom: 10px !important; }
.mab15 { margin-bottom: 15px !important; }
.mab20 { margin-bottom: 20px !important; }
.mab25 { margin-bottom: 25px !important; }
.mab30 { margin-bottom: 30px !important; }
.mab35 { margin-bottom: 35px !important; }
.mab40 { margin-bottom: 40px !important; }
.mab45 { margin-bottom: 45px !important; }
.mab50 { margin-bottom: 50px !important; }
.mab55 { margin-bottom: 55px !important; }
.mab60 { margin-bottom: 60px !important; }
.mab70 { margin-bottom: 70px !important; }
.mab80 { margin-bottom: 80px !important; }
.mab90 { margin-bottom: 90px !important; }
.mab100 { margin-bottom: 100px !important; }
.mar01 { margin-right: 1px !important; }
.mar02 { margin-right: 2px !important; }
.mar03 { margin-right: 3px !important; }
.mar04 { margin-right: 4px !important; }
.mar05 { margin-right: 5px !important; }
.mar07 { margin-right: 7px !important; }
.mar10 { margin-right: 10px !important; }
.mar15 { margin-right: 15px !important; }
.mar20 { margin-right: 20px !important; }
.mar25 { margin-right: 25px !important; }
.mar30 { margin-right: 30px !important; }
.mar35 { margin-right: 35px !important; }
.mar40 { margin-right: 40px !important; }
.mar45 { margin-right: 45px !important; }
.mar50 { margin-right: 50px !important; }
.mar60 { margin-right: 60px !important; }
.mal01 { margin-left: 1px !important; }
.mal02 { margin-left: 2px !important; }
.mal03 { margin-left: 3px !important; }
.mal04 { margin-left: 4px !important; }
.mal05 { margin-left: 5px !important; }
.mal07 { margin-left: 7px !important; }
.mal10 { margin-left: 10px !important; }
.mal15 { margin-left: 15px !important; }
.mal20 { margin-left: 20px !important; }
.mal25 { margin-left: 25px !important; }
.mal30 { margin-left: 30px !important; }
.mal35 { margin-left: 35px !important; }
.mal40 { margin-left: 40px !important; }
.mal45 { margin-left: 45px !important; }
.mal50 { margin-left: 50px !important; }
.mal60 { margin-left: 60px !important; }
}
@media screen and (min-width: 741px) {
.pat00 { padding-top: 0 !important; }
.pat01 { padding-top: 1px !important; }
.pat02 { padding-top: 2px !important; }
.pat03 { padding-top: 3px !important; }
.pat04 { padding-top: 4px !important; }
.pat05 { padding-top: 5px !important; }
.pat07 { padding-top: 7px !important; }
.pat10 { padding-top: 10px !important; }
.pat15 { padding-top: 15px !important; }
.pat20 { padding-top: 20px !important; }
.pat25 { padding-top: 25px !important; }
.pat30 { padding-top: 30px !important; }
.pat35 { padding-top: 35px !important; }
.pat40 { padding-top: 40px !important; }
.pat45 { padding-top: 45px !important; }
.pat50 { padding-top: 50px !important; }
.pat60 { padding-top: 60px !important; }
.pat70 { padding-top: 70px !important; }
.pat80 { padding-top: 80px !important; }
.pat90 { padding-top: 90px !important; }
.pat120 { padding-top: 120px !important; }
.pat150 { padding-top: 150px !important; }
.pat200 { padding-top: 200px !important; }
.pab00 { padding-bottom: 0px !important; }
.pab01 { padding-bottom: 1px !important; }
.pab02 { padding-bottom: 2px !important; }
.pab03 { padding-bottom: 3px !important; }
.pab04 { padding-bottom: 4px !important; }
.pab05 { padding-bottom: 5px !important; }
.pab07 { padding-bottom: 7px !important; }
.pab10 { padding-bottom: 10px !important; }
.pab15 { padding-bottom: 15px !important; }
.pab20 { padding-bottom: 20px !important; }
.pab25 { padding-bottom: 25px !important; }
.pab30 { padding-bottom: 30px !important; }
.pab35 { padding-bottom: 35px !important; }
.pab40 { padding-bottom: 40px !important; }
.pab45 { padding-bottom: 45px !important; }
.pab50 { padding-bottom: 50px !important; }
.pab60 { padding-bottom: 60px !important; }
.pab70 { padding-bottom: 70px !important; }
.pab80 { padding-bottom: 80px !important; }
.pab90 { padding-bottom: 90px !important; }
.pab150 { padding-bottom: 150px !important; }
.par00 { padding-right: 0px !important; }
.par01 { padding-right: 1px !important; }
.par02 { padding-right: 2px !important; }
.par03 { padding-right: 3px !important; }
.par04 { padding-right: 4px !important; }
.par05 { padding-right: 5px !important; }
.par07 { padding-right: 7px !important; }
.par10 { padding-right: 10px !important; }
.par15 { padding-right: 15px !important; }
.par20 { padding-right: 20px !important; }
.par25 { padding-right: 25px !important; }
.par30 { padding-right: 30px !important; }
.par35 { padding-right: 35px !important; }
.par40 { padding-right: 40px !important; }
.par45 { padding-right: 45px !important; }
.par50 { padding-right: 50px !important; }
.par60 { padding-right: 60px !important; }
.pal00 { padding-left: 0px !important; }
.pal01 { padding-left: 1px !important; }
.pal02 { padding-left: 2px !important; }
.pal03 { padding-left: 3px !important; }
.pal04 { padding-left: 4px !important; }
.pal05 { padding-left: 5px !important; }
.pal07 { padding-left: 7px !important; }
.pal10 { padding-left: 10px !important; }
.pal15 { padding-left: 15px !important; }
.pal20 { padding-left: 20px !important; }
.pal25 { padding-left: 25px !important; }
.pal30 { padding-left: 30px !important; }
.pal35 { padding-left: 35px !important; }
.pal40 { padding-left: 40px !important; }
.pal45 { padding-left: 45px !important; }
.pal50 { padding-left: 50px !important; }
.pal60 { padding-left: 60px !important; }
.pal100 { padding-left: 100px !important; }
}
.w10 { width:10%; }
.w15 { width:15%; }
.w18 { width:18%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w82 { width:82%; }
.w90 { width:90%; }
.w100 { width:100%; }
.colWrap:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.colWrap { display: inline-block;}
* html .colWrap { height: 1%; }
.colWrap { display:block; }
.colWrap {
}
.col {
float:left;
}
.col.btmNoMargin {
margin-bottom:0;
}
.colWrap.col2 {
width:1080px;
margin-left:-80px;
}
.colWrap.col2 .col {
width:460px;
margin-left:80px;
}
.colWrap.col3 {
width:1002px;
margin-left:-42px;
}
.colWrap.col3 .col {
width:292px;
margin-left:42px;
}
.colWrap.col4 {
width:948px;
margin-left:-28px;
}
.colWrap.col4 .col {
width:209px;
margin-left:28px;
}
.colWrap.fullWidth.col2 {
width:1050px;
margin-left:-50px;
}
.colWrap.fullWidth.col2 .col {
width:475px;
margin-left:50px;
}
.fsS { font-size:91%;}
.fsSB { font-size:91%; font-weight:bold;}
.fs2S { font-size:82%;}
.fs2SB { font-size:82%; font-weight:bold;}
.fsM { font-size:100%;}
.fsMB { font-size:100%; font-weight:bold;}
.fsM { font-size:100%;}
.fsMB { font-size:100%; font-weight:bold;}
.fsL { font-size:109%;}
.fsLB { font-size:109%; font-weight:bold;}
.fs2L { font-size:118%;}
.fs2LB { font-size:118%; font-weight:bold;}
.fs3L { font-size:127%;}
.fs3LB { font-size:127%; font-weight:bold;}
.fcBlack { color:#000; }
.fcGray { color:#999; }
.fcWhite { color:#FFF; }
.fcRed { color:#E00; }
.fcDarkRed { color:#CC0000; }
.fcBlue { color:#00E; }
.fcGreen { color:#0C894F; }
.fcBlueGreen { color:#01a279; }
.fcNavy { color:#2D3F87; }
.fcPink{ color: #b6386e}
.fcPurple{ color: #7e254b}
.fcPinkRed{ color: #ed4b66 }
.lh08 { line-height:0.8em; }
.lh09 { line-height:0.9em; }
.lh10 { line-height:1.0em; }
.lh11 { line-height:1.1em; }
.lh12 { line-height:1.2em; }
.lh13 { line-height:1.3em; }
.lh14 { line-height:1.4em; }
.lh15 { line-height:1.5em; }
.lh16 { line-height:1.6em; }
.lh17 { line-height:1.7em; }
.lh18 { line-height:1.8em; }
.lh19 { line-height:1.9em; }
.lh20 { line-height:2.0em; }
.tdUnderline { text-decoration:underline; }
.tdNone { text-decoration:none; }
.tdOverline { text-decoration:overline; }
.fwBold { font-weight:bold!important; }
.fwNormal { font-weight:normal!important }
.fw100 { font-weight:100!important }
.fw200 { font-weight:200!important }
.fw300 { font-weight:300!important }
.fw400 { font-weight:400!important }
.fw500 { font-weight:500!important }
.fw600 { font-weight:600!important }
.fw700 { font-weight:700!important }
.taRight { text-align:right!important; }
.taLeft { text-align:left!important; }
.taCenter { text-align:center!important; }
.liCircle li{
list-style-type: circle;
}
.liDisc li, .liDecimal .liDisc li{
list-style-type: disc;
}
.liDecimal li, .liDisc .liDecimal li{
list-style-type: decimal;
}
.liAlpha li{
list-style-type: upper-alpha;
}
.liNone li, .liDisc .liNone li, .liDecimal .liNone li{
list-style-type: none;
margin-left:0;
}
.liCircle li, .liDisc li{
margin-left:1.4em;
margin-bottom:6px;
line-height:1.5em;
}
.liDecimal li, .liAlpha li{
margin-left:2.0em;
margin-bottom:6px;
line-height:1.5em;
}
.flRight { float: right; }
.flLeft { float: left; }
br.clear { clear: both; line-height:0; font-size:1px;
background-color:red; }
br.clearLeft { clear: left; line-height:0.1; font-size:1px; }
.poRelative {
position:relative !important;
}
.poAbsolute {
position:absolute !important;
}
@media screen and (min-width: 741px) {
.poCenterX{
position:absolute !important;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.poCenterY{
position:absolute !important;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.dispNone {
display:none;
}
.dispBlock {
display:block;
}
.dispInlineBlock {
display:inline-block;
}
.dispInline {
display: inline;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
line-height:1.8em;
}
table.tableA{
width: 100%;
border-collapse: collapse;
}
table.tableA th{
padding: 8px;
vertical-align: top;
background-color: #f7f7f7;
border: 1px solid #dedede;
text-align:center;
}
table.tableA td{
padding: 8px;
background-color: #fff;
border: 1px solid #dedede;
text-align:center;
}
table.tableA th.taLeft,
table.tableA td.taLeft {
text-align:left;
}
a.btn{
position: relative;
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3em;
text-decoration: none;
}
.box{
width: 100%;
box-sizing:border-box;
}
img.widthFull {
width:100%;
}
img.widthHalf {
width:50%;
}
img.border {
border:1px solid #DDD;
}
.inqury input{
display: inline-block;
}
.inqury input[type="tel"],
.inqury input[type="text"],
.inqury input[type="email"]{
width: 60%;
padding:10px 10px;
margin: 5px 0;
border:1px solid #ccc;
box-sizing: border-box;
border-radius: 1px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.inqury input[type="checkbox"],
.inqury input[type="radio"]{
margin-right: 5px;
}
.inqury select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:10px 20px;
margin: 5px 0;
border:1px solid #ccc;
border-radius: 1px;
background: #fff url(/_pack/img/cmn_arrow_g_down.webp) 80px 50% no-repeat;
background-size: 10px auto;
min-width: 105px;
}
.inqury input[type="text"].hasDatepicker{
width: 240px;
padding-left: 50px;
position: relative;
}
.inqury textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding:10px 10px;
margin: 5px 0;
border:1px solid #ccc;
border-radius: 1px;
box-sizing: border-box;
}
.inqury input[type="submit"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.inqury input.sizeS{
width: 15%;
}
.inqury input.sizeL{
width: 100%;
}
::-webkit-input-placeholder{
color: #ddd;
}
:-ms-input-placeholder{
color: #ddd;
}
::-moz-placeholder{
color: #ddd;
}
#ContentsWrap {
}
#Top #ContentsWrap,
#Message #ContentsWrap {
padding-top: 0;
}
#ContentsWrap:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
#ContentsWrap { display: inline-block;}
* html #ContentsWrap { height: 1%; }
#ContentsWrap { display:block; }
.cfix:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.cfix { display: inline-block;}
* html .cfix { height: 1%; }
.cfix { display:block; }
dl:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
dl { display: inline-block;}
* html dl { height: 1%; }
dl { display:block; }
.widthFix{
width:1000px;
margin:0 auto;
transition: 1s;
}
.widthFix.narrow{
width:800px;
}
@media screen and (min-width: 1301px){
.widthFix.wide{
width:1200px;
margin:0 auto;
}
}
.widthFix:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.widthFix { display: inline-block;}
* html .widthFix { height: 1%; }
.widthFix { display:block; }
.section:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.section { display: inline-block;}
* html .section { height: 1%; }
.section { display:block; }
.block:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.block { display: inline-block;}
* html .block { height: 1%; }
.block { display:block; }
.itemWrap:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.itemWrap { display: inline-block;}
* html .itemWrap { height: 1%; }
.itemWrap { display:block; }
.section { margin-bottom:0px; }
.section.last { margin-bottom:0; }
.section.nomargin { margin-bottom:0; }
.section {
overflow:hidden;
}
.section.padding {
padding-top:60px;
padding-bottom:60px;
}
.block { margin-bottom:50px; }
.block.last { margin-bottom:0; }
.block.nomargin { margin-bottom:0; }
.block {
overflow:hidden;
}
.item { margin-bottom:25px; }
.item.last { margin-bottom:0; }
.item.nomargin { margin-bottom:0; }
.item {
overflow:hidden;
}
#Header{
top: -100px;
transition: .3s;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
#Header .poRelative {
position: inherit !important;
width: 100%;
max-width: 1200px;
margin: auto;
}
#Header .right {
position: absolute;
right: 0 ;
top:0;
display: flex;
align-items: center;
}
#Header:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
#Header { display: inline-block;}
* html #Header { height: 1%; }
#Header { display:block; }
#Header .wrap{
position: relative;
}
#Header .logo{
display: inline-block;
position: absolute;
top: 15px;
left: 0;
width: 10%;
max-width: 135px;
}
@media screen and (max-width: 1040px){
#Header .logo{
top: 60px;
}
}
#Header .logo img{
width: 100%;
pointer-events: none;
}
#Header .btnWrap{
display: flex;
}
#Header .btnWrap a{
width: auto;
height: 100%;
}
#Header .btnWrap a img {
width: auto;
height: 40px;
}
#Header .no1{
z-index: 20;
height: 32px;
margin-right: 10px;
}
#Header .no1 img {
width: auto;
height: 100%;
}
#Header .tel{
z-index: 20;
width: 220px;
margin-right: 10px;
}
#Header .tel img {
width: 100%;
}
#Header .aclink{
z-index: 20;
width: 140px;
margin-right: 10px;
}
#Header .aclink img {
width: 100%;
}
#Header .aclink>*{display: block;}
#Header .aclink a{
text-align: center;
margin-top: 2px;
border-radius: 0;
}
#Gnavi {
width:100%;
display: flex;
justify-content: flex-end;
padding-top: 60px;
}
#Gnavi>ul{
letter-spacing: -.40em;
}
#Gnavi>ul>li {
display: inline-block;
font-size: 0;
letter-spacing: normal;
overflow: hidden;
vertical-align:bottom;
}
#Gnavi>ul>li>a{
display: block;
padding-bottom: 10px;
padding-top: 15px;
position: relative;
}
#Gnavi>ul>li:not(:last-child)>a:after{
content: "　";
display: block;
position: absolute;
left: -100%;
width: 100%;
bottom: 0;
height: 5px;
background:url(/_pack/img/cmn_bg_gold.webp);
opacity: 0;
transition: left .2s ease-out;
}
.fixed #Gnavi>ul>li:not(:last-child)>a:after {
bottom:-5px;
}
#Gnavi>ul>li.on>a:after{
opacity: 1!important;
left: 0;
}
#Gnavi>ul>li:hover>a:after{
opacity: .5;
left: 0;
}
#Gnavi>ul>li>a>em{
display: block;
border-left: none;
}
#Gnavi>ul.nav1>li>a>em{
padding: 0 18px;
}
@media screen and (max-width: 1040px){
#Gnavi>ul.nav1>li>a>em{
padding: 0 18px;
}
}
#Gnavi>ul.nav2>li>a>em{
padding: 0 17px;
}
#Gnavi>ul>li:last-child>a>em{
}
#Gnavi>ul>li .ja{
display: block;
font-size: 14px;
color: #5d4813;
text-align: center;
font-weight: 400;
margin-bottom: 10px;
letter-spacing: .05em;
line-height: 18px;
}
#Gnavi>ul>li .en{
display: block;
font-size: 11.5px;
color: #c1baa7;
text-align: center;
letter-spacing: .2em;
line-height: 13px;
}
#Gnavi>ul>li:last-child>a {
background: #586A3A;
border-radius: 100px;
}
#Gnavi>ul>li:last-child>a>em {
padding: 0 26px;
}
#Gnavi>ul>li:last-child>a:hover {
opacity: 0.7;
}
#Gnavi>ul>li:last-child .ja {
color: #fff;
}
#Gnavi>ul>li:nth-last-child(2)>a:after {
display: none;
}
#Header.fixed #Gnavi>ul>li:nth-last-child(2)>a {
border-radius: 100px;
border:1px solid #8B7539;
padding: 4px 0 6px;
margin-right: 10px;
}
#Header.fixed #Gnavi>ul>li:nth-last-child(2)>a>em {
padding: 0 15px 0 38px;
position: relative;
}
#Header.fixed #Gnavi>ul>li:nth-last-child(2)>a>em:before {
position: absolute;
background: url(/_pack/img/icon_login_brn.webp) no-repeat;
top: 50%;
transform: translateY(-50%);
content: "";
width: 20px;
height: 21px;
display: inline-block;
background-size: contain;
z-index: 100;
left: 15px;
}
#Header.fixed #Gnavi>ul>li:nth-last-child(2) .ja {
color: #8B7539;
margin-bottom: 0;
}
#Gnavi>ul>li:nth-last-child(2)>a {
border-radius: 100px;
border:1px solid #8B7539;
padding: 6px 0 8px;
margin-right: 10px;
}
#Gnavi>ul>li:nth-last-child(2)>a>em {
padding: 0 20px 0 40px;
position: relative;
}
#Gnavi>ul>li:nth-last-child(2)>a>em:before {
position: absolute;
background: url(/_pack/img/icon_login_brn.webp) no-repeat;
top: 50%;
transform: translateY(-50%);
content: "";
width: 20px;
height: 21px;
display: inline-block;
background-size: contain;
z-index: 100;
left: 13px;
}
#Gnavi>ul>li:nth-last-child(2)>a:hover {
opacity: 0.7;
}
#Gnavi>ul>li:nth-last-child(2) .ja {
color: #8B7539;
margin-bottom: 0;
}
#Gnavi>ul>li:nth-last-child(2) .fs {
font-size: 11px;
}
.megaWrap{
position: absolute;
left: 0;
top: 113px;
width: 100%;
z-index: 2000;
}
.megaWrap:before{
content:"　";
z-index: 1900;
left: -1000px;
right: -1000px;
background-color: rgba(0, 0, 0, 0.8);
display: block;
height: 100%;
position: absolute;
}
.megaWrap.hover{
z-index : 2001;
}
#Header.fixed .megaWrap{
top: 59px;
}
.megaWrap .mega {
font-size:0;
text-align: center;
position: relative;
max-height: 0px;
overflow: hidden;
transition: 0s;
z-index : 2100;
}
.megaWrap.hover .mega{
max-height : 1000px;
transition: .8s;
}
.megaWrap .mega .item{
display: inline-block;
margin-right: 20px;
margin-bottom: 0;
vertical-align: top;
margin: 30px 18px 30px 0;
}
.megaWrap.media .mega .img {
position: relative;
z-index: 3000;
margin-top: 30px;
text-align: center;
}
.megaWrap.media .mega .item {
width: 188px;
margin: 20px 15px 30px 0;
}
.megaWrap .mega .item:last-child{
margin-right: 0;
}
.megaWrap .mega .item a{
font-size: 13px;
display: block;
}
.megaWrap .mega .item .image{
position: relative;
display: block;
}
.megaWrap .mega .item .image img{
opacity: 1;
}
.megaWrap .mega .item .image .title{
position: absolute;
left: 0;
bottom: 0;
padding: 0.1em 10px 0.7em;
width: 100%;
box-sizing: border-box;
background: rgba(80, 102, 48, 0.9) url(/_pack/img/cmn_arrow_w_right.webp) no-repeat 220px 15px;
background-size: 6px auto;
min-height: 0;
transition: .4s;
}
.megaWrap.plan .mega .item .image .title {
padding: 0.6em 10px 0.3em;
font-size: 16.5px;
}
.megaWrap .mega .item .image:hover .title{
min-height: 4.5em;
background-color: rgba(80, 102, 48, 1);
}
.megaWrap.plan .mega .item .plan_name {
position: absolute;
top: 0;
left: 0;
color: #fff;
padding: 0 10px 1px 8px;
font-size: 12px;
}
.megaWrap.plan .mega .item:nth-child(1) .image .title,
.megaWrap.plan .mega .item:nth-child(1) .image:hover .title{
background-color: rgba(52, 121, 83, 1);
}
.megaWrap.plan .mega .item:nth-child(1) .plan_name {
background-color: rgba(52, 121, 83, 1);
}
.megaWrap.plan .mega .item:nth-child(2) .image .title,
.megaWrap.plan .mega .item:nth-child(2) .image:hover .title{
background-color: rgba(227, 139, 91, 1);
}
.megaWrap.plan .mega .item:nth-child(2) .plan_name {
background-color: rgba(227, 139, 91, 1);
}
.megaWrap.plan .mega .item:nth-child(3) .image .title,
.megaWrap.plan .mega .item:nth-child(3) .image:hover .title{
background-color: rgba(26, 163, 171, 1);
}
.megaWrap.plan .mega .item:nth-child(3) .plan_name {
background-color: rgba(26, 163, 171, 1);
}
.megaWrap.plan .mega .item:nth-child(4) .image .title,
.megaWrap.plan .mega .item:nth-child(4) .image:hover .title{
background-color: rgba(26, 25, 22, 1);
}
.megaWrap.plan .mega .item:nth-child(4) .plan_name {
background-color: rgba(26, 25, 22, 1);
}
.megaWrap.plan .mega .item:nth-child(4) {
border:1px solid #666666;
}
.megaWrap .mega .item .megaSub a{
background: url(/_pack/img/cmn_arrow_w_right.webp) no-repeat 220px center;
background-size: 6px auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #ececec;
padding: 7px 12px;
transition: .3s;
}
.megaWrap.media .mega .item .megaSub a{
background: url(/_pack/img/cmn_arrow_w_right.webp) no-repeat 175px center;
background-size: 6px auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #ececec;
padding: 7px 12px;
transition: .3s;
text-align: center;
}
.megaWrap.media .mega .item1 .megaSub li:nth-child(1) a {
border-bottom: 1px solid #d6d6d6;
}
.megaWrap.media .mega .item1 .megaSub li:nth-child(2) a {
border-bottom: 1px solid #d664e8;
}
.megaWrap.media .mega .item2 .megaSub li:nth-child(1) a {
border-bottom: 1px solid #24b1ed;
}
.megaWrap.media .mega .item2 .megaSub li:nth-child(2) a {
border-bottom: 1px solid #32d9c0;
}
.megaWrap.media .mega .item3 .megaSub li:nth-child(1) a {
border-bottom: 1px solid #47bf13;
}
.megaWrap.media .mega .item3 .megaSub li:nth-child(2) a {
border-bottom: 1px solid #f78e25;
}
.megaWrap.media .mega .item4 .megaSub li:nth-child(1) a {
border-bottom: 1px solid #d6c31a;
}
.megaWrap.media .mega .item4 .megaSub li:nth-child(2) a {
border-bottom: 1px solid #ff1463;
}
.megaWrap.media .mega .item5 .megaSub li:nth-child(1) a {
border-bottom: 1px solid #ff5233;
}
.megaWrap.media .mega .item5 .megaSub li:nth-child(2) a {
border-bottom: 1px solid #808080;
}
.megaWrap .mega .item .megaSub a:hover{
background-color: rgba(255, 255, 255, 0.2);
}
#Gnavi>ul>li .megaPlanChooseLink{
background: url(/_pack/img/megamenu_plan_choose_bnr.webp) no-repeat left top;
background-size: cover;
display: block;
color: #eff0cd;
padding: 18px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
position: relative;
}
#Gnavi>ul>li .megaPlanChooseLink:after{
content:" ";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 7px;
box-sizing: border-box;
background: url(/_pack/img/cmn_arrow_w_right.webp) no-repeat left top;
background-size: contain;
}
#Gnavi>ul>li .megaPlanChooseLink .jp{
padding-left: 18px;
position: relative;
font-size: 19px;
letter-spacing: 0.05em;
font-weight: 500;
margin-right: 15px;
}
#Gnavi>ul>li .megaPlanChooseLink .jp:before {
content:" ";
position: absolute;
display: block;
width: 6px;
height: 20px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #eff0cd;
border-radius: 2px;
}
#Gnavi>ul>li .megaPlanChooseLink .en{
opacity: .8;
font-size: 11px;
letter-spacing: 0.12em;
margin-right: 12px;
}
#Gnavi>ul>li .megaPlanChooseLink .circle{
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
margin-right: 4px;
}
#Gnavi>ul>li .megaPlanChooseLink .circle.c1{
background-color: #209c60;
}
#Gnavi>ul>li .megaPlanChooseLink .circle.c2{
background-color: #e58056;
}
#Gnavi>ul>li .megaPlanChooseLink .circle.c3{
background-color: #149be9;
}
#Gnavi>ul>li .megaPlanChooseLink .circle.c4{
background-color: #4c4c4c;
}
#Gnavi>ul>li .megaPlanChooseLink .tx{
margin-left: 12px;
font-size: 13px;
letter-spacing: 0.05em;
}
.megaWrap.plan .mega .item .title {
color: #fff;
line-height: 1.5;
}
#Header.fixed{
position: fixed;
left: 0;
top:0;
background-color: rgba(255,255,255,.8);
width: 100%;
z-index: 5000;
box-shadow: none;
}
#Header.fixed:hover{
background-color: rgba(255,255,255,.95);
}
#Header.fixed .logo{
position: absolute;
top: 0px;
left: 20px;
}
#Header.fixed .logo img{
width: 130px;
}
#Header.fixed .btnWrap{
display: none;
}
#Header.fixed .no1,
#Header.fixed .tel,
#Header.fixed .aclink{
display: none;
}
#Header.fixed #Gnavi{
padding-top: 0;
}
#Header.fixed #Gnavi>ul>li{
padding-bottom: 0;
}
#Header.fixed #Gnavi>ul>li>a{
padding-top: 13px;
padding-bottom: 8px;
margin: 5px 0;
}
#Header.fixed #Gnavi>ul>li>a>em>span{
-webkit-transform:scale(.9);
transform:scale(.9);
}
@media screen and (min-width: 801px) {
.tel{
pointer-events: none;
}
}
#Container>h1{
font-size: 10px;
background: #eee;
color: #aaa;
line-height: 1;
padding: 6px 0;
position: relative;
z-index: 5;
}
@media all and (min-width: 741px) {
#BtmfixArea{
background: url(../img/fixedlink_pc_bg.webp);
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 500;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
#BtmfixArea.show{
opacity: 1;
}
#BtmfixArea .inner{
padding: 15px 0 15px 230px;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
position: relative;
}
#BtmfixArea .msg{
position: absolute;
left: -10px;
bottom: 0;
}
}
.subNavi{
padding: 20px 0;
}
.subNavi.top{ box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.subNavi.bottom{ box-shadow: 0 -1px 3px rgba(0,0,0,.1);}
.subNavi.noshadow{ box-shadow: none;}
.subNavi.bottom.overlay{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,.3);
}
.subNavi .box{
text-align: center;
}
.subNavi .col2 a{ margin:0 15px;}
.subNavi .col3 a{ margin:0 15px;}
.subNavi .col4 a{ margin:0 15px;}
.subNavi a{
display: inline-block;
height: 57px;
}
.subNavi a:not(.on){
background-image: none!important;
}
.subNavi .col2 a{
display: inline-block;
width: 360px;
}
.subNavi .col3 a{
display: inline-block;
width: 264px;
}
.subNavi .col4 a{
display: inline-block;
width: 212px;
}
.subNavi a img{
transition: .2s;
}
.subNavi a:hover img{
opacity: 1;
-webkit-filter: brightness(105%);
filter: brightness(105%);
}
.subNavi a.on img{opacity: 0!important;}
.subNavi a.on img {
opacity:1 !important;
}
.subNavi.plan{
padding: 30px 0 30px;
}
.subNavi.plan .col3 a {
margin: 0 8px;
}
.subNavi.plan .col3 a.full {
margin: 0 auto;
max-width: 1120px;
height: 165px;
margin-bottom: 25px;
width: 100%;
display: block;
}
.subNavi.plan .col3 a {
display: inline-block;
width: 360px;
height: 156px;
position: relative;
}
.subNavi.plan.top .col3 a.on.arrow01:after,
.subNavi.plan.top .col3 a.on.arrow02:after,
.subNavi.plan.top .col3 a.on.arrow03:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #e38b5b transparent transparent transparent;
bottom: -20px;
margin-left:-20px;
left: 50%;
position: absolute;
}
.subNavi.plan.top .col3 a.on.arrow03:after{border-color: #347953 transparent transparent transparent;}
.subNavi.plan.top .col3 a.on.arrow02:after{border-color: #26a8ad transparent transparent transparent;}
.subNavi.plan.bottom .col3 a.on.arrow01:after,
.subNavi.plan.bottom .col3 a.on.arrow02:after,
.subNavi.plan.bottom .col3 a.on.arrow03:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #e38b5b transparent;
top: -20px;
margin-left:-20px;
left: 50%;
position: absolute;
}
.subNavi.plan.bottom .col3 a.on.arrow03:after{
border-color: transparent transparent #347953 transparent;
}
.subNavi.plan.bottom .col3 a.on.arrow02:after{
border-color: transparent transparent #26a8ad transparent;
}
.planTabs{
padding: 90px 0 0;
}
.planTabs .titleTypeA {
margin-bottom: 120px;
background: url(../img/cmn_bg_darkgreen.webp);
padding: 10px 0;
position: relative;
}
.planTabs .titleTypeA:after {
content:" ";
position: absolute;
display: block;
width: 100%;
height: 5px;
left: 0;
top: 100%;
background: url(../img/cmn_bg_darkgreen.webp);
z-index: 1;
opacity: .6;
transition: .5s;
}
.planTabs .titleTypeA span{
color: #fff;
margin: 0;
}
.planTabs .titleTypeA em{
font-size: 140%;
}
.planTabs .wrap{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
}
.planTabs .planTabItem{
width: calc( (100% - 30px) / 2 );
margin-bottom: 124px;
}
.planTabs .planTabItem a{
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 350px;
transition: .3s;
}
.planTabs .planTabItem.active a{
pointer-events: none;
}
.planTabs .planTabItem a:hover{
opacity: .7;
}
.planTabs .planTabItem a:before{
content:" ";
position: absolute;
display: block;
width: 100%;
height: 125px;
left: 0;
bottom: 0;
background-color: #000;
z-index: 1;
opacity: 0.6;
transition: .5s;
}
.planTabs .planTabItem.active a:before{
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.planTabs .planTabItem#plan_project a:before{
opacity: .3;
}
.planTabs .planTabItem.active a:after{
content:" ";
position: absolute;
display: block;
width: 209px;
height: 112px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: url(../img/plan_tab_active.webp) no-repeat left top;
background-size: contain;
z-index: 15;
transition: .5s;
}
.planTabs .planTabItem *{
text-align: center;
color: #fff;
}
.planTabs .planTabItem .label{
position: relative;
z-index: 10;
width: 420px;
margin: 0 auto;
padding: 3px;
background-color: #347953;
-webkit-transform: translateY(-65px);
-ms-transform: translateY(-65px);
transform: translateY(-65px);
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planTabs .planTabItem.active .label:after{
content:" ";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #000;
z-index: 1;
opacity: 0.6;
}
.planTabs .planTabItem#plan_episode .label{background-color: #e38b5b;}
.planTabs .planTabItem#plan_research .label{background-color: #1ca6ad;}
.planTabs .planTabItem#plan_project .label{
background-color: #000;
}
.planTabs .planTabItem .label .labelTxt{
width: 155px;
}
.planTabs .planTabItem .label .labelTxt .ja{
font-size: 16px;
font-weight: 600;
}
.planTabs .planTabItem .label .labelTxt .en{
font-size: 12px;
letter-spacing: 0.05em;
}
.planTabs .planTabItem .labelPd {
padding: 14px 0;
background: #fff;
-webkit-flex-grow: 5;
-ms-flex-grow: 5;
flex-grow: 5;
}
.planTabs .planTabItem .labelPd img:hover {
opacity: 1;
}
.planTabs .planTabItem .planname{
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 125px;
z-index: 5;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.planTabs .planTabItem.active .planname{
opacity: .4;
}
.planTabs .planTabItem .planname .shoulder{
font-size: 27px;
margin-bottom: 7px;
letter-spacing: 0.05em;
padding-top: 5px;
}
.planTabs .planTabItem#plan_project .planname .shoulder{
font-size: 21px;
}
.planTabs .planTabItem .planname .en{
font-size: 27px;
margin-bottom: 3px;
letter-spacing: 0.05em;
}
.planTabs .planTabItem .planname .en span{
position: relative;
display: inline-block;
}
.planTabs .planTabItem .planname .en span:before,
.planTabs .planTabItem .planname .en span:after{
content:" ";
position: absolute;
display: block;
width: 15px;
height: 2px;
top: 50%;
margin-top: -1px;
background-color: #fff;
z-index: 1;
transition: .5s;
}
.planTabs .planTabItem .planname .en span:before{
left: -25px;
}
.planTabs .planTabItem .planname .en span:after{
right: -25px;
}
.planTabs .planTabItem .planname .ja{
font-size: 13px;
}
.chooselinkWrap{
padding-bottom: 90px;
}
.chooseLink{
margin-top: -60px;
width: 622px;
height: 155px;
background: url(/_pack/img/plan_choose_bnr.webp) no-repeat left top;
background-size: cover;
display: block;
color: #fdfede;
padding: 33px;
position: relative;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
line-height: 1;
}
.chooseLink:after{
content:" ";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 9px;
height: 9px;
box-sizing: border-box;
background: url(/_pack/img/cmn_arrow_w_right.webp) no-repeat left top;
background-size: contain;
}
.chooseLink .jp{
display: block;
position: relative;
font-size: 24px;
text-align: center;
font-weight: 500;
letter-spacing: 0.07em;
margin-bottom: 6px;
}
.chooseLink .en{
display: block;
opacity: .6;
text-align: center;
font-size: 11px;
letter-spacing: 0.12em;
margin-bottom: 9px;
}
.chooseLink .circles{
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: 15px;
}
.chooseLink .circle{
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
margin-right: 4px;
}
.chooseLink .circle.c1{
background-color: #209c60;
}
.chooseLink .circle.c2{
background-color: #e58056;
}
.chooseLink .circle.c3{
background-color: #149be9;
}
.chooseLink .circle.c4{
background-color: #4c4c4c;
}
.chooseLink .tx{
display: block;
font-size: 13px;
text-align: center;
letter-spacing: 0.05em;
}
#PageHeader{
box-sizing: border-box;
}
#PageHeader.main{
background-color: #fff;
background-position: center 0;
background-repeat: no-repeat;
background-attachment: fixed;
height: 378px;
padding-top: 58px;
}
#PageHeader.normal{
background:url(/_pack/img/pageheader_normal.webp) no-repeat center center;
height: 230px;
padding-top: 5px;
}
#PageHeader .box{
text-align: center;
width: 460px;
margin:0 auto;
}
#PageHeader.main .box{
width: 460px;
}
#PageHeader.normal .box{
width: 460px;
}
#PageHeader .ttl{
text-align: center;
}
#PageHeader.main .ttl{
border-bottom: 1px solid rgba(255,255,255,.2);
padding-bottom: 25px;
margin-bottom: 35px;
}
#PageHeader.normal .ttl{
border-bottom: 1px solid #dbd4cc;
padding-bottom: 15px;
margin-bottom: 15px;
position: relative;
}
#PageHeader.normal .ttl:after{
display: block;
position: absolute;
content: "　";
left: 0;
bottom: 1px;
width: 100%;
height: 1px;
background-color: rgba(255,255,255,.2);
}
#PageHeader .text{
text-align: center;
font-size: 17px;
}
#PageHeader.main .text{
color: #fff;
}
#PageHeader.main .text.copy{
font-size: 19px;
letter-spacing: .05em;
}
#PageHeader.normal .text{
color: #876e2f;
}
#PageHeader.normal.notext .ttl{
padding-top: 40px;
border: 0;
}
#PageHeader.normal.notext .ttl:after{
display: none;
}
#ContactArea{
padding: 50px 0;
background-color: #f6f3eb;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
}
#ContactArea p{text-align: center;}
#ContactArea .catch{
color: #db9561;
font-size: 24px;
font-weight: bold;
}
#ContactArea .time{
color: #695d3f;
font-size: 22px;
}
#ContactArea .box{
width: 420px;
padding: 15px 0;
border-radius: 5px;
background-color: #fff;
margin:0 auto;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#ContactArea .box a{
display: inline-block;
margin-right: 27px;
}
#ContactArea .box a:last-child{
margin-right: 0;
}
.giftImg{
text-align: center;
position: relative;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
a.pageTop {
position:fixed;
right:10px;
bottom:-80px;
z-index:9999;
transition:0.3s;
}
html:not(.tbsp) a.pageTop:hover {
opacity: .8;
}
#launcher{
right: 66px!important;
margin:20px 20px!important;
}
#Footer,#Footer a{color: #fff;}
#Footer .navArea{
background-color: #454337;
padding: 50px 0 100px;
}
#Footer .navArea .logo{
position: absolute;
left: 0;
top: -10px;
display: block;
z-index: 30;
}
#Footer .navArea .logo img{
width: 168px;
pointer-events: none;
}
#Footer .navArea .pmark{
position: absolute;
left: 120px;
top: 76px;
display: block;
z-index: 30;
}
#Footer .navArea .wrap{
padding-left: 260px;
padding-top: 10px;
}
#Footer .navArea .acInfo{
position: absolute;
left: 0;
top: 0;
padding-top: 110px;
padding-bottom: 30px;
padding-right: 50px;
display: block;
z-index: 20;
border-right: 1px solid #646159;
}
#Footer .navArea .acInfo p{
color: #e5e5e5;
font-size: 12px;
line-height: 1.7;
}
#Footer .navArea .acInfo .btn{
background: #fff;
color: #504e39;
font-weight: 400;
}
#Footer .navArea .acInfo .address {
margin-top: 15px;
}
#Footer .navArea .wrap{
position: relative;
}
#Footer .navArea .wrap>ul{
display: inline-block;
margin-right: 40px;
vertical-align: top;
}
#Footer .navArea .wrap>ul>li:not(.bnrArea){
background:url(/_pack/img/cmn_arrow_w_right.webp) no-repeat 11px 10px;
background-size: auto 8px;
margin-bottom: 5px;
}
#Footer .navArea .wrap>ul:last-of-type{
margin-right: 0;
}
#Footer .navArea .wrap li.bnrArea{
padding-top: 15px;
padding-left: 5px;
}
#Footer .navArea .wrap .sub{
border-top: 1px dotted #a2a19b;
}
#Footer .navArea .wrap li:not(.bnrArea) a{
display: block;
padding: 0 0 3px 30px;
}
#Footer .navArea .wrap .sub {
padding-top: 3px;
padding-bottom: 10px;
}
#Footer .navArea .wrap .sub li a{
padding: 0 0 0 30px;
}
#Footer .bottom{
background-color: #262521;
padding: 30px 0 150px;
font-size: 13px;
}
#Footer .bottom .btn{
background: #eee;
color: #504e39;
font-weight: 400;
}
#Footer .bottom li{
display: inline-block;
}
#Footer .bottom li:after{
content: "｜";
}
#Footer .bottom li:last-child:after{
content: "";
}
#Footer .bottom li a{
display: inline-block;
padding: 0 10px;
}
@media screen and (max-width: 740px){
#Footer .navArea{
padding: 30px 0 30px;
}
#Footer .navArea .logo{
position: inherit;
display: block;
z-index: 30;
text-align: center;
}
#Footer .navArea .pmark{
position: inherit;
display: block;
z-index: 30;
}
#Footer .navArea .wrap{
padding-left: 0;
padding-top: inherit;
}
#Footer .navArea .wrap>ul{
display: block;
margin-right: 0;
vertical-align: top;
}
#Footer .navArea .acInfo{
position: inherit;
padding-top: 0;
padding-bottom: 30px;
padding-right: 0;
display: block;
z-index: 20;
border-right: none;
display: flex;
}
#Footer .navArea .acInfo .address {
margin-top: 0;
}
#Footer .navArea .acInfo .logo_wrap {
width: 35%;
margin-right: 5%;
}
#Footer .navArea .acInfo .logo img {
width:100%;
}
}
#Container{
opacity: 1;
transition: .5s;
}
#Container.default{
opacity: 0;
transition: .5s;
}
a.btnA{
display: inline-block;
color: #fff;
font-size: 16px;
border-radius: 2px;
padding: 10px 40px 10px 35px;
background: #4f622c;
background: -moz-linear-gradient(-80deg, #4f622c 0%, #4f622c 50%, #465a21 51%, #465a21 100%);
background: -webkit-linear-gradient(-80deg, #4f622c 0%,#4f622c 50%,#465a21 51%,#465a21 100%);
background: linear-gradient(170deg, #4f622c 0%,#4f622c 50%,#465a21 51%,#465a21 100%);
}
a.btnA em{
display: inline-block;
margin:0 auto;
padding-left: 35px;
background:url(/_pack/img/cmn_arrow_w_right.webp) no-repeat 0 center;
background-size: auto 10px;
}
a.btnA.white{
color: #504e39;
background: #eff9ed;
background: -moz-linear-gradient(-80deg, #eff9ed 0%, #eff9ed 50%, #e2eedf 51%, #e2eedf 100%);
background: -webkit-linear-gradient(-80deg, #eff9ed 0%,#eff9ed 50%,#e2eedf 51%,#e2eedf 100%);
background: linear-gradient(170deg, #eff9ed 0%,#eff9ed 50%,#e2eedf 51%,#e2eedf 100%);
}
a.btnA.white em{
background:url(/_pack/img/cmn_arrow_m_right.webp) no-repeat 0 center;
background-size: auto 10px;
}
a.btnA.l{
font-size: 18px;
padding: 18px 60px 18px 50px;
}
.btnB{
display: inline-block;
color: #fff;
font-size: 13px;
border-radius: 2px;
padding: 3px 20px;
background-color: #506630;
}
a.hoverA{
transition: .4s;
}
a.hoverA:hover{
-webkit-filter: brightness(85%) contrast(130%);
filter: brightness(85%) contrast(130%);
transition: .4s;
}
a.hoverA img{
opacity: 1;
}
.titleTypeA span{
margin-bottom: 15px;
color: #695d3f;
font-family: "游明朝","Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'IPA-mincho',sans-serif;
font-size: 36px;
position: relative;
display: inline-block;
font-weight: bold;
line-height: 1.2;
}
.titleTypeA span ruby{
font-weight: bold;
}
.mac .titleTypeA span,
.mac .titleTypeA span ruby{
font-weight: normal;
}
.titleTypeA.line span{
border-bottom: 1px solid #ddd7cf;
padding: 0 45px 15px 45px;
}
.titleTypeA.m span{
font-size: 32px;
line-height: 1.5;
}
.titleTypeA.s span{
font-size: 24px;
}
.titleTypeA.ss span{
font-size: 20px;
}
.titleTypeB{
padding-left: 20px;
color: #876e2f;
border-left: 7px solid #876e2f;
font-size: 16px;
line-height: 1.5;
}
.titleTypeB,
.titleTypeB *{
font-weight: 500;
}
.titleTypeB.brown{
color: #7f7a6c;
border-color: #7f7a6c;
}
.titleTypeB.l{
font-size: 21px;
margin-bottom: 20px;
}
.titleTypeB.ll{
font-size: 28px;
line-height: 1.4;
margin-bottom: 30px;
}
.titleTypeC span{
font-family: "游明朝","Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'IPA-mincho',sans-serif;
font-size: 30px;
position: relative;
display: inline-block;
font-weight: bold;
line-height: 1.2;
padding: 0.8em 0 0.8em 1.2em;
background:url(/_pack/img/cmn_icon_kamon.webp) no-repeat left center;
}
.titleTypeC.s span{
font-size: 20px;
background-size: auto 55px;
padding: 1.5em 0 1.5em 2em;
}
.titleTypeC span ruby{
font-weight: bold;
}
.mac .titleTypeC span,
.mac .titleTypeC span ruby{
font-weight: normal;
}
.fcBrown{color: #695d3f;}
.fcRed{color: #d84a4a;}
.fcGold{color: #b59430;}
.modal{display: none;}
.gLine{position: relative;}
.gLine:after{
content: "　";
left: 0;
right: 0;
background:url(/_pack/img/cmn_bg_gold.webp);
display: block;
position: absolute;
z-index: 10;
}
.bgGrayPtn {
background:url(/_pack/img/cmn_bg_gray.webp);
}
.bgWhitePtn {
background:url(/_pack/img/cmn_bg_white.webp);
}
.shadowDot{position: relative;}
.shadowDot:before{
position: relative;
display: block;
content: "　";
left: 0;
top: 0;
background: url(/_pack/img/df_ptn_net_g_02.webp);
z-index: 4;
height: 100%;
transition: all .5s ease;
}
.wideviewBlock{
position: relative;
height: 550px;
box-sizing: border-box;
transition: .8s;
overflow: hidden;
}
.wideviewBlock .wideImg{
position: absolute;
left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -1000px;
z-index: 5;
}
.wideviewBlock .wrap{
position: relative;
z-index: 6;
}
.wideViewSlider .sp-buttons{
position: absolute;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
bottom: 50px;
}
.wideViewSlider .sp-button{
background-color: rgba(150,150,150,.8);
border-color: rgba(150,150,150,.8);
width: 15px;
height: 15px;
margin:0 10px;
}
.wideViewSlider .sp-selected-button{
background-color: #a1c171;
border-color: #a1c171;
}
.wideViewSlider .single{
position: relative;
}
.wideViewSlider .single .sp-slide{
position: absolute;
left: 50%;
top: 0;
transform:translateX(-50%);
}
.wideViewSlider .sp-previous-arrow:before,
.wideViewSlider .sp-previous-arrow:after,
.wideViewSlider .sp-next-arrow:before,
.wideViewSlider .sp-next-arrow:after{
background-color: #CDB984;
}
.layerInfo{
position: relative;
top: -50px;
z-index: 10;
}
.layerInfo:before{
content: "　";
display: block;
position: absolute;
left: 100%;
top: 0;
width: 57px;
height: 100%;
background:url(/_pack/img/case_movblock_shadow_right.webp) no-repeat left top;
background-size: 100% 100%;
}
.layerInfo:after{
content: "　";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 57px;
background:url(/_pack/img/case_movblock_shadow_bottom.webp) no-repeat left top;
background-size: 100% 100%;
}
.layerInfo .info{
padding: 50px 90px 90px 90px;
background-color: #fff;
}
.layerInfo .info.gLine:after{
top: 0;
height: 5px;
}
.shadowBox {
box-shadow: 0 0 30px rgba(0,0,0,.2);
background-color: #fff;
}
.hoverTextView .imgWrap .img{
transition: .3s;
}
.hoverTextView:hover .imgWrap .img{
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.hoverTextView .imgWrap{
position: relative;
}
.hoverTextView .imgWrap span.ontext{
position: absolute;
z-index: 7;
color: #fff;
left: 50%;
top: 50%;
font-size: 18px;
letter-spacing: .2em;
transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
padding: 5px 0;
opacity: 0;
white-space: nowrap;
transition: .3s ease-out;
transition-delay: 0s;
}
.hoverTextView:hover .imgWrap span.ontext{
letter-spacing: .6em;
opacity: 1;
transition: .2s ease-out;
transition-delay: .1s;
}
.hoverTextView .imgWrap span.ontext:before,
.hoverTextView .imgWrap span.ontext:after{
content: "　";
height: 1px;
position: absolute;
left: 0;
width: 100%;
background-color: #fff;
-webkit-transform:scaleX(0);
transform:scaleX(0);
transition: .3s ease-out;
transition-delay: 0s;
}
.hoverTextView .imgWrap span.ontext:before{
top: 0;
}
.hoverTextView .imgWrap span.ontext:after{
bottom: 0;
}
.hoverTextView:hover .imgWrap span.ontext:before,
.hoverTextView:hover .imgWrap span.ontext:after{
-webkit-transform:scaleX(1.2);
transform:scaleX(1.2);
transition: .3s ease-out;
transition-delay: .1s;
}
.columnList{
width: 930px;
padding: 50px 45px;
margin-left: -32px;
}
.columnList li{
width: 254px;
float: left;
margin-left: 56px;
margin-bottom: 56px;
background-color: #fff;
transition: .5s;
}
.columnList li:hover{
background-color: #555;
}
.columnList li:after{
height: 3px;
bottom: 0;
}
.columnList li a{
display: block;
padding-bottom: 40px;
}
.columnList li .imgWrap{
width: 100%;
}
.columnList li .imgWrap .img{
width: 100%;
height: 180px;
display: block;
background-size: cover;
background-position: center;
}
.columnList li .imgWrap .ontext{
font-size: 14px;
}
.columnList li .infoWrap{
font-size: 12px;
margin-top: 20px;
padding: 0 15px;
color: #999;
}
.columnList li .infoWrap .cat{
color:#9F8B57;
font-weight: bold;
transition: .5s;
}
.columnList li:hover .infoWrap,
.columnList li:hover .infoWrap .cat{
color: #f1f1f1;
}
.columnList li .articleTitle{
font-weight: 600;
padding: 0 15px;
color: #555;
transition: .5s;
}
.columnList li:hover .articleTitle{
color: #f1f1f1;
}
.newsList{
width: 880px;
margin:0 auto;
}
.newsList li{
padding: 20px 0 20px 150px;
background: url(/_pack/img/cmn_arrow_m_right.webp) no-repeat 15px 32px;
background-size: 5px auto;
position: relative;
border-bottom: 1px dotted #aaa;
}
.newsList li:last-child{
border-bottom: 0;
}
.newsList li .date{
color: #44683e;
display: inline-block;
position: absolute;
left: 50px;
top: 20px;
}
.newsList li a{
color: #44683e;
}
.newsList li a:hover{
border-bottom: 1px dotted #44683e;
}
.movLink{
display: block;
width: 700px;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}
.movLink.gLine:after{
height: 5px;
bottom: 0;
}
.movLink .imgWrap{
float: left;
width: 240px;
height: 170px;
position: relative;
background-position: center;
background-size: cover;
overflow: hidden;
}
.movLink .imgWrap span{
position: absolute;
display: block;
text-align: center;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
opacity: 0;
letter-spacing: .2em;
transition: .3s;
transition-delay: .2s;
z-index: 20;
}
.movLink:hover .imgWrap span{
opacity: 1;
}
.movLink .imgWrap span i{
font-size: 200%;
}
.movLink .imgWrap:after{
content: "　";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
background-color: #000;
opacity: .2;
transition: .3s;
z-index: 15;
}
.movLink:hover .imgWrap:after{
top: 0;
}
.movLink .textWrap{
float: left;
background-color: #fff;
width: 460px;
box-sizing: border-box;
padding: 10px 10px 10px 25px;
position: relative;
min-height: 170px;
}
.movLink .textWrap:after{
content: "　";
position: absolute;
right: 8px;
top: 8px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 45px 45px 0;
border-color: transparent #f2f0ee transparent transparent;
}
.movLink:hover .textWrap:after{
border-color: transparent #ccc transparent transparent;
}
.movLink .textWrap .movTitle{
font-size: 18px;
color: #876e2f;
}
.tabList li:not(.on){
float: left;
background:url(/_pack/img/cmn_bg_darkgold.webp);
color: #fff;
box-shadow: 0 -30px 30px 0 rgba(0,0,0,.1) inset;
display: block;
padding: 15px 40px;
border-radius: 2px;
margin-top: 10px;
cursor: pointer;
transition: opacity .9s;
}
.tabList li:not(.on) em{
background:url(/_pack/img/cmn_arrow_w_right.webp) no-repeat left center;
background-size:10px auto;
padding-left: 30px;
font-size: 18px;
font-weight: 400;
}
.tabList li:not(.on):hover{
opacity: .8;
}
.tabList li.on{
float: left;
background:#fff;
color: #9d7b29;
box-shadow: 0 0 30px rgba(0,0,0,.2);
display: block;
padding: 25px 40px;
border-radius: 2px 2px 0 0;
position: relative;
}
.tabList li.on em{
background:url(/_pack/img/cmn_arrow_g_down.webp) no-repeat left center;
padding-left: 30px;
font-size: 18px;
font-weight: 400;
}
.tabList li.on:after{
content: "　";
position: absolute;
display: block;
width: 100%;
top: 100%;
left:0;
height: 30px;
background-color: #fff;
}
.tabList li{
margin-right: 10px;
}
.tabList li:last-child{
margin-right: 0;
}
.changeBoxWrap:not(.single){
position: relative;
}
.changeBoxWrap:not(.single) .changeBox{
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
z-index: 5;
transition: .5s
}
.changeBoxWrap:not(.single) .changeBox.on{
opacity: 1;
z-index: 6;
}
.tableTypeA{
box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
}
.tableTypeA th{
background:#c7b164;
border:1px solid #d5d5d5;
border-bottom: 3px solid #e2d9ba;
color: #fff;
text-align: center;
font-weight: 300;
padding: 15px 0;
font-size: 15px;
}
.tableTypeA td{
background-color: #fff;
border-right: 1px solid #d5d5d5;
}
.tableTypeA td:last-child{
border-right: 0px;
}
.tableTypeA:not(.border) tr:nth-child(2n-1) td{
background-color: #f9f9f8;
}
.tableTypeA.thin th{
border-bottom: 1px solid #e2d9ba;
vertical-align: middle;
}
.tableTypeA.padding td{
padding: 15px 30px;
}
.tableTypeA.border{
border:1px solid #eee;
}
.tableTypeA.border td{
border:1px solid #eee;
}
.tableTypeA.brown th{
background:#7e6a43;
border-color: #a78e5d;
color: #fff;
}
.tableTypeB th,
.tableTypeB td{
border:1px solid #ddd;
padding: 30px 20px;
vertical-align: middle;
}
.tableTypeB th{
font-size: 18px;
text-align:center;
}
.tableTypeB td{
background: #f1f1f1;
text-align: center;
}
.wp-pagenavi{
text-align: center;
font-size: 18px;
}
.wp-pagenavi span.pages{
display: none;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page{
display: inline-block;
padding: 0 10px;
margin:0 10px;
background-color: #fff;
border:0!important;
}
.wp-pagenavi span.current{
color: #C09E3D;
font-weight: bold;
}
.wp-pagenavi a.page{
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
display: inline-block;
margin: 0 10px;
padding: 0 10px;
font-weight: bold;
color: #C09E3D;
border:0!important;
}
.pageError{
padding: 40px 0 100px;
}
.pageError p{
text-align: center;
letter-spacing: .05em;
}
.pageError .htx{
margin-bottom: 30px;
font-weight: 400;
font-size: 300%;
}
.pageError .ttl{
margin-bottom: 42px;
font-size: 140%;
}
.pageError .txt{
margin-bottom: 56px;
}
.sideCvBtn {
position: fixed;
right: 0;
top: 35%;
z-index: 100;
}
@media screen and (max-width: 740px){
.sideCvBtn {
display: none!important;
}
}
#timerex_calendar{
min-height: 1000px;
}
@media screen and (max-width: 1120px){
.pc #ContentsWrap .widthFix,
.pc #MainContainer{
width: auto;
margin: 0 10px;
}
.pc #SideContainer{
width: auto;
height: auto !important;
padding: 50px 0 0 0;
}
.pc #SideContainer .side{
position: static !important;
width: auto;
}
.pc .relatedObj{
display: inline-block;
max-width: 30%;
margin: 0 10px 20px;
vertical-align: top;
}
.pc #SideContainer .relatedObj + .relatedObj{
margin-top: 0;
}
}
@media screen and (max-width: 1020px){
.pc img{
max-width: 100%;
height: auto;
vertical-align: top;
}
.pc .widthFix,
.pc .widthFix.narrow,
.pc .widthFix.wide{
width: auto;
margin: 0 10px;
}
.pc .subNavi .box{
display: flex;
justify-content: center;
gap: 20px;
}
.pc .subNavi a{
height: auto;
}
.pc .subNavi .col4 a{
margin: 0;
}
.pc #PageHeader.main{
height: auto;
padding-bottom: 58px;
background-size: auto 60%;
}
.pc #PageHeader.main[style="background-image:url(/_pack/img/pageheader_03_choose.webp)"]{
height: 378px;
}
.pc #Header .logo{
top: 55px;
left: 5px;
width: 12%;
}
.pc #Header .logo img{
width: 100%;
}
.pc #Header.fixed .logo{
}
.pc #Header .tel{
left: auto;
right: 170px;
}
.pc #Gnavi{
display: flex;
justify-content: right;
}
.pc #Gnavi>ul{
font-size: 0;
letter-spacing: 0;
}
.pc #Gnavi>ul.nav1,
.pc #Gnavi>ul.nav2{
float: none;
}
.pc #Gnavi>ul>li:last-child>a>em{
border-right: none !important;
}
.pc #Gnavi>ul.nav1>li:first-child>a>em{
border-left: none !important;
}
.pc .megaWrap{
top: 236px;
}
.pc #BtmfixArea .btn{
width: 26%;
}
.pc #Footer .navArea .wrap>ul{
width: 30%;
margin-right: 3%;
}
.pc #Footer .navArea .wrap>ul:last-of-type{
margin-right: 0;
}
.pc .mvArea{
}
.pc .caselink .imgWrap{
width: 40%;
}
.pc .caselink .textWrap{
width: 47%;
}
.pc .columnarea .newlist.newlist,
.pc .columnarea .poplist .list{
width: 46%;
}
.pc .columnarea .articles .list:not(.highlight) .articles_item .image{
width: 34.78%;
}
.pc .columnarea .articles .list:not(.highlight) .articles_item .txt{
width: 61.95%;
}
.pc .merit .text,
.pc .aboutkaju .text{
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.pc .movlist ul{
display: flex;
justify-content: space-between;
gap: 8px;
}
.pc .movlist ul li{
float: none;
width: calc(16.66% - 6.66px);
margin: 0;
}
.pc .movlist li .imgWrap.imgWrap{
width: 100%;
height: 15vw;
}
.pc .movlist li .text img{
width: auto;
height: 40px;
}
.pc .wideviewBlock .wideImg{
max-width: initial;
}
.pc .caseArea .box .info{
background-position: right 50px top 38px;
}
.pc .caseArea .box .info .text{
max-width: initial;
width: calc(100% - 190px - 25px);
}
.pc .layerInfo .info{
padding-left: 50px;
padding-right: 50px;
}
.pc .merritlist.top ul{
display: flex;
justify-content: space-between;
gap: 8%;
}
.pc .merritlist.top li{
float: none;
margin-right: 0;
}
.pc #plan_choose .l_inner {
padding-left: 20px;
padding-right: 20px;
}
.pc #plan_choose .tbl-scroll {
overflow: auto;
margin-left: -20px;
margin-right: -20px;
}
.pc #plan_choose .tbl-scroll::-webkit-scrollbar {
height: 5px;
}
.pc #plan_choose .tbl-scroll::-webkit-scrollbar-track {
background: #999;
}
.pc #plan_choose .tbl-scroll::-webkit-scrollbar-thumb {
background: #999;
}
.pc #plan_choose .ranking .box-wrap{
flex-wrap: wrap;
gap: 20px;
padding: 28px 20px 20px;
}
.pc #plan_choose .ranking .box-wrap .num-wrap{
width: 100%;
}
.pc #plan_choose .ranking .box-wrap .paln-name{
margin: 0;
}
.pc #discovery .planBox .grade p,
.pc #discovery .planBox .grade p.wide{
min-width: initial;
}
.pc #discovery .planBox .grade p span{
left: 5px;
min-width: initial;
font-size: 10px;
}
.pc .changeBox .stepList li .detail{
width: calc(100% - 330px);
}
.pc .changeBox .textWrap{
width: 55%;
}
.pc #SpecialTalkIndex .Wrap,
.pc .reviewsSection #subNavWrap,
.pc .reviewsSection #cardArea{
width: auto;
margin: 0 10px;
}
.pc .colWrap.col3{
display: flex;
justify-content: space-between;
gap: 4%;
width: auto;
margin-left: 0;
}
.pc .colWrap.col3 .col{
width: 30.66%;
margin-left: 0;
}
.pc .colWrap.col2{
display: flex;
justify-content: space-between;
gap: 8% 5%;
width: auto;
margin-left: 0;
}
.pc .colWrap.col2 .col{
width: 46%;
margin-left: 0;
}
}
@media screen and (max-width: 920px){
.pc .newsList{
width: auto;
margin: 0 10px;
}
}
@media screen and (max-width: 820px){
.pc #Header .btnWrap a img{
height: 44px;
}
.pc #Gnavi>ul.nav1>li>a>em{
padding: 0 14px;
}
}