@charset "UTF-8";
/*-------------------------------------------------- colors --------------------------------------------------*/
/*-------------------------------------------------- base font size --------------------------------------------------*/
/*-------------------------------------------------- media queries --------------------------------------------------*/
/*@mixin media375ios { @media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 375px) { @content; } }*/
/*-------------------------------------------------- font settings --------------------------------------------------*/
/*-------------------------------------------------- box width --------------------------------------------------*/
/*-------------------------------------------------- default styles reset --------------------------------------------------*/
/*-------------------------------------------------- property default set --------------------------------------------------*/
/*-- 擬似要素　before, after --*/
/*-- Animations --*/
/*-- display:flex --*/
/*-------------------------------------------------- images --------------------------------------------------*/
/*-------------------------------------------------- links --------------------------------------------------*/
/*@mixin boxLink { display: block; border: 1px solid $colBlue01; @include fontSize(16); font-weight: 500; letter-spacing: 0.34em; line-height: 72px; margin: 0 auto; max-width: 432px; text-align: center; }*/
/*@mixin linkTextHover { @include transition(500ms,opacity); &:hover { opacity: 0.6; } }*/
/*-------------------------------------------------- contact form 7 customize --------------------------------------------------*/
/*-------------------------------------------------- fontawesome customize --------------------------------------------------*/
/*-------------------------------------------------- about page --------------------------------------------------*/
/*-------------------------------------------------- SP mixins --------------------------------------------------*/
/*-------------------------------------------------- base --------------------------------------------------*/
* { box-sizing: border-box; }

html { height: auto; font-size: 13px; }

body { background-color: #fff; color: #1C1C1C; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 500; line-height: 20px; letter-spacing: 0.08em; height: 100%; word-wrap: break-word; }

a { color: #1C1C1C; text-decoration: none; }

a:hover, a:active, a:focus { color: #5583A0; text-decoration: underline; }

img { vertical-align: top; }

table { border-collapse: collapse; }

table td { padding: 0; }

address { font-style: normal; }

@media screen and (max-width: 900px) { body.fixed { position: fixed; z-index: -1; width: 100%; height: 100%; } }

/*-------------------------------------------------- modules,commons --------------------------------------------------*/
.md { /*-------------------------------------------------- wrapper --------------------------------------------------*/ /*-------------------------------------------------- side nav --------------------------------------------------*/ /*-------------------------------------------------- header --------------------------------------------------*/ /*-------------------------------------------------- contents --------------------------------------------------*/ /*-------------------------------------------------- sidebar --------------------------------------------------*/ /*-------------------------------------------------- footer --------------------------------------------------*/ /*-------------------------------------------------- to page top --------------------------------------------------*/ /*-------------------------------------------------- pager --------------------------------------------------*/ /*-------------------------------------------------- breadcrumb --------------------------------------------------*/ /*-------------------------------------------------- search results --------------------------------------------------*/ }

.md-wrapper { position: relative; padding-left: 70px; background-color: #FCFDFD; }

@media screen and (max-width: 900px) { .md-wrapper { height: 100%; padding-left: 40px; } }

.md-sideNav { display: -ms-flexbox; display: flex; -ms-flex-pack: right; justify-content: right; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: fixed; left: -310px; top: 0; z-index: 110; width: 380px; height: 100%; padding-left: 82px; overflow: hidden; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; background-color: #1C1C1C; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); color: #fff; }

@media screen and (max-width: 900px) { .md-sideNav { left: -272px; width: 314px; padding-left: 0; } }

.md-sideNav.active { opacity: 1; left: 0; background-color: #3c3c3c; }

.md-sideNav.active .sideNav-content { opacity: 1; }

.md-sideNav .sideNav-btn { cursor: pointer; width: 100%; height: 100%; margin: 0 25px; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-btn { width: 38px; margin: 0 2px; } }

.md-sideNav .sideNav-btn-icon { cursor: pointer; display: block; position: relative; z-index: 10; width: 21px; height: 18px; margin: 30px auto 18px; }

.md-sideNav .sideNav-btn-icon span { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 2px; margin: auto; background-color: #fff; }

.md-sideNav .sideNav-btn-icon:before, .md-sideNav .sideNav-btn-icon:after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; }

.md-sideNav .sideNav-btn-icon:before { top: 0; }

.md-sideNav .sideNav-btn-icon:after { bottom: 0; }

.md-sideNav .sideNav-btn-text { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 70px; margin: 0; position: absolute; right: 0; top: 66px; font-size: 1.23077rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-btn-text { line-height: 40px; } }

.md-sideNav .sideNav-content { opacity: 0; transition-property: opacity; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; padding: 54px 12px 0 0; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-content { width: calc(314px - 38px); overflow-y: scroll; padding: 34px 22px 0 34px; } }

.md-sideNav .sideNav-logo { margin-bottom: 35px; text-align: center; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-logo { display: none; } }

.md-sideNav .sideNav-image { margin-bottom: 20px; text-align: center; }

.md-sideNav .sideNav-image img { width:216px; height: auto; }

.md-sideNav .sideNav-titlesWrapper { color: #fff; text-decoration: none; }

.md-sideNav .sideNav-title { margin: 0 0 4px; font-size: 1.30769rem; line-height: 1.41176; font-family: 'Rubik', sans-serif; font-weight: 500; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-title { margin-bottom: 7px; font-size: 1.76923rem; line-height: 0.91304; letter-spacing: 0.01em; font-family: 'Rubik', sans-serif; font-weight: 400; } }

.md-sideNav .sideNav-subTitle { margin: 0 0 20px; font-size: 1rem; line-height: 1.84615; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; letter-spacing: 0.08em; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-subTitle { margin-bottom: 0; line-height: 1.61538; } }

.md-sideNav .sideNav-list { margin: 0; padding-left: 0; font-family: 'Rubik', sans-serif; margin-bottom: 20px; }

.md-sideNav .sideNav-list li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-list { margin-bottom: 18px; } }

.md-sideNav .sideNav-list li a { display: block; position: relative; font-size: 1.23077rem; line-height: 45px; border-bottom: 1px solid #fff; color: #fff; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-list li a { line-height: 44px; font-size: 1.07692rem; } }

.md-sideNav .sideNav-list li a:after { content: ''; position: absolute; top: 0; bottom: 0; right: 6px; width: 6px; height: 6px; margin: auto; transform: rotate(45deg); border-top: 3px solid #fff; border-right: 3px solid #fff; }

.md-sideNav .sideNav-address { margin: 0 0 20px; font-size: 1.07692rem; line-height: 1.71429; font-weight: 600; letter-spacing: 0.05em; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-address { font-size: 0.92308rem; line-height: 1.66667; } }

.md-sideNav .sideNav-address span { display: block; word-wrap: break-word; }

.md-sideNav .sideNav-address span.br { display: block; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-address span.br { display: inline; } }

.md-sideNav .sideNav-address a { color: #fff; pointer-events: none; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-address a { pointer-events: auto; } }

.md-sideNav .sideNav-toContact { display: block; margin-bottom: 50px; border: 1px solid #fff; border-radius: 6px; font-size: 1.15385rem; line-height: 43px; letter-spacing: 0.05em; font-weight: 600; color: #fff; text-align: center; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-toContact { margin-bottom: 28px; } }

.md-sideNav .sideNav-toSNS { margin: 0; padding-left: 0; margin: 0 auto; }

.md-sideNav .sideNav-toSNS li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-sideNav .sideNav-toSNS { margin-bottom: 30px; } }

.md-sideNav .sideNav-toSNS li { text-align: center; }

.md-sideNav .sideNav-toSNS a { font-size: 24px; color: #fff; }

.md-header { position: fixed; top: 0; z-index: 100; width: 100%; background-color: #fff; }

@media screen and (max-width: 900px) { .md-header { width: calc(100% - 40px); } }

.md-header .header-logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 900px) { .md-header .header-logo { position: relative; width: 100%; min-height: 108px; background: url(../images/header_logo_bk_SP.png) no-repeat right/cover; } }

@media only screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) { .md-header .header-logo { background-image: url(../images/header_logo_bk_SP@2x.png); } }

@media screen and (max-width: 900px) { .md-header .header-logo:before { content: ''; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(28, 28, 28, 0.7); } }

/* ヘッダーロゴ */
.md-header .header-logo h1 { max-width: 1540px; margin: 0 auto; width: 100%; margin: 10px 0 0 70px; }

@media screen and (max-width: 1650px) { .md-header .header-logo h1 { max-width: 1228px; } }

@media screen and (max-width: 1400px) { .md-header .header-logo h1 { max-width: 1068px; } }

@media screen and (max-width: 1200px) { .md-header .header-logo h1 { width: 796px; } }

@media screen and (max-width: 900px) { .md-header .header-logo h1 { /*width: 74%;*/ width: 84%; min-width: 280px; } }

@media screen and (max-width: 320px) { .md-header .header-logo h1 { min-width: inherit; } }

@media screen and (max-width: 900px) { .md-header .header-logo h1 { position: relative; z-index: 2; width: 79%; min-width: inherit; margin:10px auto 0 auto; } }

.md-header .header-logo h1 img { max-width: 79%; width: 262px; height: auto; }

@media screen and (max-width: 900px) { .md-header .header-logo h1 img { width: 100%; max-width: inherit; } }

.md-header .header-logo h1 a { text-decoration:none; }

.md-header .header-logo h1 div.description {
	font-size: 1.1rem;
	font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif;
	line-height: 1.5em;
	padding: 10px 0;
	color:#FFFFFF;
}

@media screen and (max-width: 900px) {
	.md-header .header-logo h1 div.description {
		font-size:10px;
		font-size: 0.8rem;
		white-space:nowrap;
	}

}

.md-header .header-logo h1 div.description span.onlysp {
	display:none;
}

@media screen and (max-width: 900px) {
	.md-header .header-logo h1 div.description span.onlysp {
		display:inline;
	}
}

.md-header .header-logo h1 div.description br.onlypc {
	display:inline;
}

@media screen and (max-width: 900px) {
	.md-header .header-logo h1 div.description br.onlypc {
		display:none;
	}

}

.md-header .header-logo.archives { min-height: 190px; background: url(../images/header_logo_bk_PC.png) no-repeat right/cover; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .md-header .header-logo.archives { background-image: url(../images/header_logo_bk_PC@2x.png); } }

@media screen and (max-width: 900px) { .md-header .header-logo.archives { min-height: 108px; } }

.md-header .header-logo.archives h1 img {
	/*width: 518px;*/
	width: 360px;
	height: auto;
}

@media screen and (max-width: 900px) { .md-header .header-logo.archives h1 img { width: 100%; } }

.md-header .header-logo.pages { min-height: 90px; background: url(../images/header_logo_bk_PC.png) no-repeat right/cover; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .md-header .header-logo.pages { background-image: url(../images/header_logo_bk_PC@2x.png); } }

@media screen and (max-width: 900px) { .md-header .header-logo.pages { min-height: 108px; } }

.md-header .header-nav { background-color: #FFFFFE; border-bottom: 1px solid #E4E4E4; }

@media screen and (max-width: 900px) { .md-header .header-nav { position: relative; border-bottom: none; } }

@media screen and (max-width: 900px) { .md-header .header-nav.active .nav-inner { height: 388px; padding-bottom: 48px; } }

.md-header .header-nav-spBtn { display: none; }

@media screen and (max-width: 900px) { .md-header .header-nav-spBtn { display: block; position: relative; z-index: 100; padding-right: 28px; font-weight: 600; line-height: 42px; letter-spacing: 0.02em; text-align: right; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); } }

@media screen and (max-width: 900px) { .md-header .header-nav-spBtn .spBtn-icon { display: inline-block; width: 16px; height: 16px; margin-top: -2px; margin-left: 6px; background-color: #1C1C1C; border-radius: 50%; vertical-align: middle; text-align: center; }
  .md-header .header-nav-spBtn .spBtn-icon i { display: block; color: #fff; }
  .md-header .header-nav-spBtn .spBtn-icon i.fa-angle-down { margin-top: 2px; }
  .md-header .header-nav-spBtn .spBtn-icon i.fa-angle-up { margin-top: 1px; } }

.md-header .header-nav .nav-inner { max-width: 1228px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: relative; left: -35px; height: 61px; }

@media screen and (max-width: 1400px) { .md-header .header-nav .nav-inner { max-width: 1068px; } }

@media screen and (max-width: 1200px) { .md-header .header-nav .nav-inner { width: 796px; } }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-inner { width: 74%; min-width: 280px; } }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-inner { display: none; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 10; width: 100%; height: 0; padding: 0; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transition-property: height, opacity; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); } }

.md-header .header-nav .nav-list { -ms-flex: 1; flex: 1; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list { width: 90%; max-width: 280px; margin: 22px auto 20px; padding-bottom: 18px; border-bottom: 2px dotted #1C1C1C; } }

.md-header .header-nav .nav-list ul { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; }

.md-header .header-nav .nav-list ul li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul { display: block; } }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li { line-height: 44px; } }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li:not(:last-child) { margin-bottom: 5px; } }

.md-header .header-nav .nav-list ul li a, .md-header .header-nav .nav-list ul li span { padding: 0 26px 0 0; font-weight: 700; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li a, .md-header .header-nav .nav-list ul li span { display: block; position: relative; padding: 0 16px 0 11px; }
  .md-header .header-nav .nav-list ul li a:after, .md-header .header-nav .nav-list ul li span:after { content: ''; position: absolute; right: 16px; top: 0; bottom: 0; width: 9px; height: 9px; margin: auto; border-top: 3px solid #1C1C1C; border-right: 3px solid #1C1C1C; box-sizing: border-box; transform: rotate(45deg); } }

.md-header .header-nav .nav-list ul li a { color: #1C1C1C; text-decoration: none; }

.md-header .header-nav .nav-list ul li a:hover, .md-header .header-nav .nav-list ul li a:active, .md-header .header-nav .nav-list ul li a:focus { color: #5583A0; text-decoration: underline; }

.md-header .header-nav .nav-list ul li.current span { color: #5583A0; text-decoration: underline; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li.current span { color: #1C1C1C; } }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li.current { background-color: #E4E4E4; } }

.md-header .header-nav .nav-list ul li.all i { display: none; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li.all i { display: inline-block; margin-right: 6px; } }

.md-header .header-nav .nav-list ul li.en a, .md-header .header-nav .nav-list ul li.en span { font-size: 1.38462rem; font-family: 'Roboto', sans-serif; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li.en a, .md-header .header-nav .nav-list ul li.en span { font-size: 1.38462rem; } }

.md-header .header-nav .nav-list ul li.ja a, .md-header .header-nav .nav-list ul li.ja span { font-size: 1.23077rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-list ul li.ja a, .md-header .header-nav .nav-list ul li.ja span { font-size: 1.38462rem; } }

.md-header .header-nav .nav-tags { position: relative; width: 85px; padding-left: 16px; margin-right: 20px; font-size: 1.15385rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; color: #808080; text-align: right; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-tags { display: block; width: 90%; max-width: 280px; margin: 0 auto 10px; padding: 0 20px 0 36px; font-size: 1rem; text-align: left; line-height: 40px; }
  .md-header .header-nav .nav-tags:after { content: ''; position: absolute; right: 16px; top: 0; bottom: 0; width: 9px; height: 9px; margin: auto; border-top: 3px solid #808080; border-right: 3px solid #808080; box-sizing: border-box; transform: rotate(45deg); } }

.md-header .header-nav .nav-tags:hover { color: #5583A0; }

.md-header .header-nav .nav-tags .fa-tag { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 15px; height: 15px; margin: auto; font-size: 15px; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-tags .fa-tag { left: 15px; } }

.md-header .header-nav .nav-search { width: 276px; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-search { width: 90%; max-width: 280px; margin: 0 auto; } }

.md-header .header-nav .nav-search .search-inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #707070; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-search .search-inner { font-size: 1.07692rem; } }

.md-header .header-nav .nav-search .search-text, .md-header .header-nav .nav-search .search-btn { -webkit-appearance: none; border: none; }

.md-header .header-nav .nav-search .search-text { -ms-flex: 1; flex: 1; max-width: 100%; padding: 0 10px; line-height: 32px; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; }

@media screen and (max-width: 900px) { .md-header .header-nav .nav-search .search-text { line-height: 38px; } }

.md-header .header-nav .nav-search .search-text::-webkit-input-placeholder { letter-spacing: 0.05em; color: #808080; }

.md-header .header-nav .nav-search .search-btn { position: absolute; z-index: 1; right: 0; width: 32px; height: 32px; padding: 0; cursor: pointer; background-color: transparent; text-indent: -9999px; }

.md-header .header-nav .nav-search .search-btn:hover + i { color: #5583A0; }

.md-header .header-nav .nav-search i { font-size: 15px; position: absolute; right: 10px; top: 0; bottom: 0; z-index: 0; width: 15px; height: 15px; margin: auto; line-height: 1; color: #1C1C1C; /*@include media900 { color: $colGray01; }*/ }

.md-contents { max-width: 1892px; margin: 0 auto; padding-left: 20px; padding-top: 142px; }

@media screen and (max-width: 1961px) { .md-contents { max-width: 1580px; } }

@media screen and (max-width: 1650px) { .md-contents { max-width: 1268px; } }

@media screen and (max-width: 1400px) { .md-contents { max-width: 1108px; } }

@media screen and (max-width: 1200px) { .md-contents { width: 796px; } }

@media screen and (max-width: 900px) { .md-contents { width: 74%; min-width: 280px; padding-left: 0; } }

@media screen and (max-width: 320px) { .md-contents { min-width: inherit; } }

@media screen and (max-width: 900px) { .md-contents { padding-top: 0; margin-top: 150px; } }

.md-contents.big { max-width: 1268px; margin: 0 auto; padding-left: 20px; }

@media screen and (max-width: 1400px) { .md-contents.big { max-width: 1108px; } }

@media screen and (max-width: 1200px) { .md-contents.big { width: 796px; } }

@media screen and (max-width: 900px) { .md-contents.big { width: 74%; min-width: 280px; padding-left: 0; } }

@media screen and (max-width: 320px) { .md-contents.big { min-width: inherit; } }

@media screen and (max-width: 900px) { .md-contents.big { padding-top: 0; } }

.md-twoContents { padding-top: 192px; padding-bottom: 70px; }

@media screen and (max-width: 900px) { .md-twoContents { margin-top: 150px; padding-top: 0; padding-bottom: 0; } }

.md-twoContents-inner { max-width: 1228px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 34px; }

@media screen and (max-width: 1400px) { .md-twoContents-inner { max-width: 1068px; } }

@media screen and (max-width: 1200px) { .md-twoContents-inner { width: 796px; } }

@media screen and (max-width: 900px) { .md-twoContents-inner { width: 74%; min-width: 280px; } }

@media screen and (max-width: 900px) { .md-twoContents-inner { display: block; margin-top: 0; } }

@media screen and (max-width: 320px) { .md-twoContents-inner { min-width: inherit; } }

.md-twoContents-main { max-width: 916px; width: 100%; }

@media screen and (max-width: 1400px) { .md-twoContents-main { max-width: 796px; } }

@media screen and (max-width: 1200px) { .md-twoContents-main { max-width: 100%; } }

@media screen and (max-width: 900px) { .md-twoContents-main { width: 100%; padding-bottom: 20px; margin-bottom: 12px; border-bottom: 1px solid #808080; } }

.md-twoContents .md-sidebar { width: 276px; margin-top: -10px; }

@media screen and (max-width: 1400px) { .md-twoContents .md-sidebar { max-width: 236px; } }

@media screen and (max-width: 1200px) { .md-twoContents .md-sidebar { display: none; } }

@media screen and (max-width: 900px) { .md-twoContents .md-sidebar { display: block; width: 100%; max-width: 100%; margin-top: 0; } }

.md-sidebar img { max-width: 100%; }

.md-footer { padding: 48px 0 40px; background-color: #000; text-align: center; }

@media screen and (max-width: 900px) { .md-footer { padding: 54px 0 34px; } }

.md-footer-inner { max-width: 1540px; margin: 0 auto; }

@media screen and (max-width: 1650px) { .md-footer-inner { max-width: 1228px; } }

@media screen and (max-width: 1400px) { .md-footer-inner { max-width: 1068px; } }

@media screen and (max-width: 1200px) { .md-footer-inner { width: 796px; } }

@media screen and (max-width: 900px) { .md-footer-inner { width: 74%; min-width: 280px; } }

@media screen and (max-width: 320px) { .md-footer-inner { min-width: inherit; } }

.md-footer .footer-logo { margin: 0 0 39px; }

@media screen and (max-width: 900px) { .md-footer .footer-logo { margin-bottom: 50px; } }

.md-footer .footer-logo img { max-width: 100%; height: auto; }

.md-footer .footer-middle { max-width: 860px; margin: 0 auto; }

.md-footer .footer-nav { padding: 0 26px; margin-bottom: 32px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

@media screen and (max-width: 900px) { .md-footer .footer-nav { padding: 0; margin-bottom: 36px; } }

.md-footer .footer-nav ul { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.md-footer .footer-nav ul li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-footer .footer-nav ul { display: block; padding: 24px 0 20px; } }

.md-footer .footer-nav ul li { height: 75px; padding-top: 2px; line-height: 75px; }

@media screen and (max-width: 900px) { .md-footer .footer-nav ul li { height: 56px; padding-top: 0; line-height: 56px; } }

.md-footer .footer-nav ul li.en a { font-size: 1.30769rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

.md-footer .footer-nav ul li.ja a { font-size: 1.23077rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: bold; }

.md-footer .footer-nav ul li a { font-size: 1.30769rem; line-height: 2.11765; color: #fff; }

@media screen and (max-width: 900px) { .md-footer .footer-nav ul li a { font-size: 1.53846rem; line-height: 1.8; } }

.md-footer .footer-address { margin-bottom: 16px; }

@media screen and (max-width: 900px) { .md-footer .footer-address { margin-bottom: 20px; } }

.md-footer .footer-address p { margin: 0; font-size: 1rem; line-height: 1.69231; letter-spacing: 0.04em; font-weight: 300; color: #fff; }

.md-footer .footer-tel { margin-bottom: 14px; }

@media screen and (max-width: 900px) { .md-footer .footer-tel { margin-bottom: 31px; } }

.md-footer .footer-tel a { pointer-events: none; font-family: 'Oswald', sans-serif; font-size: 2.30769rem; font-weight: 400; line-height: 1; letter-spacing: 0.05em; color: #fff; }

@media screen and (max-width: 900px) { .md-footer .footer-tel a { pointer-events: auto; } }

.md-footer .footer-toContact a { display: block; width: 300px; height: 46px; margin: 0 auto 24px; border: 2px solid #fff; line-height: 44px; font-size: 1.15385rem; font-weight: 600; color: #fff; }

@media screen and (max-width: 900px) { .md-footer .footer-toContact a { width: 100%; } }

.md-footer .footer-toContact a:hover { background-color: #fff; color: #1C1C1C; text-decoration: none; }

.md-footer .footer-openTime { margin-bottom: 40px; }

@media screen and (max-width: 900px) { .md-footer .footer-openTime { margin-bottom: 34px; } }

.md-footer .footer-openTime p { margin: 0; line-height: 1.61538; color: #fff; }

@media screen and (max-width: 900px) { .md-footer .footer-openTime p { line-height: 1.69231; letter-spacing: 0.039em; } }

@media screen and (max-width: 900px) { .md-footer .footer-openTime p span { display: block; } }

.md-footer .footer-links { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-width: 460px; margin: 0 auto 30px; }

.md-footer .footer-links li { list-style-type: none; }

@media screen and (max-width: 1200px) { .md-footer .footer-links { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } }

@media screen and (max-width: 900px) { .md-footer .footer-links { display: block; } }

@media screen and (max-width: 900px) { .md-footer .footer-links li { margin-bottom: 6px; } }

.md-footer .footer-links li a { display: block; width: 220px; height: 52px; line-height: 50px; border: 1px solid #808080; color: #808080; font-size: 1.15385rem; letter-spacing: 0.04em; text-align: center; text-indent: -9999px; }

@media screen and (max-width: 900px) { .md-footer .footer-links li a { height: 40px; line-height: 38px; margin: 0 auto; } }

.md-footer .footer-links li a:hover { /*color: $colGray02; background-color: $colGray01;*/ border-color: #fff; text-decoration: none; }

.md-footer .footer-links li a img { width: auto; height: 27px; }

.md-footer .footer-links li.fl01 a { background: url(../images/footer_link01@2x.png) no-repeat 50%/auto 27px; }

@media screen and (max-width: 900px) { .md-footer .footer-links li.fl01 a { background-size: auto 25px; } }

.md-footer .footer-links li.fl01 a:hover { background-image: url(../images/footer_link01_hover@2x.png); }

.md-footer .footer-links li.fl01:hover a { background-image: url(../images/footer_link01_hover@2x.png); }

.md-footer .footer-links li.fl02 a { background: url(../images/footer_link02@2x.png) no-repeat 50%/auto 27px; }

@media screen and (max-width: 900px) { .md-footer .footer-links li.fl02 a { background-size: auto 24px; } }

.md-footer .footer-links li.fl02:hover a { background-image: url(../images/footer_link02_hover@2x.png); }

.md-footer .footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: baseline; align-items: baseline; max-width: 560px; padding-left: 50px; margin: 0 auto; }

@media screen and (max-width: 900px) { .md-footer .footer-bottom { display: block; padding-left: 0; } }

.md-footer .footer-bottom ul { margin: 0; padding-left: 0; margin-right: 30px; }

.md-footer .footer-bottom ul li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-footer .footer-bottom ul { margin: 0 auto 8px; } }

.md-footer .footer-bottom ul a { color: #808080; }

.md-footer .footer-bottom ul a:hover { color: #fff; }

.md-footer .footer-bottom ul i { font-size: 1.84615rem; }

.md-footer .footer-bottom p { margin: 0; color: #808080; }

.md-footer .footer-bottom p.copyright { line-height: 1; }

.md-footer .footer-bottom p.copyright small { font-size: 0.92308rem; font-family: 'Roboto', sans-serif; letter-spacing: 0.054em; line-height: 1; }

@media screen and (max-width: 900px) { .md-footer .footer-bottom p.copyright small { line-height: 1.66667; } }

.md-toPageTop { display: block; opacity: 0; position: fixed; z-index: 1; bottom: 30px; right: 30px; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; color: #fff; text-align: center; text-indent: -9999px; }

@media screen and (max-width: 900px) { .md-toPageTop { display: none; } }

.md-toPageTop a { display: block; position: relative; width: 46px; height: 46px; background-color: #1C1C1C; border: 1px solid #1C1C1C; border-radius: 23px; }

.md-toPageTop a:before { content: ''; position: absolute; background: url("../images/to_top_btn_arrow.png") no-repeat 50%; display: block; top: 15px; right: 0; left: 0; width: 14px; height: 14px; margin: auto; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .md-toPageTop a:before { background-size: 14px 14px; background-image: url(../images/to_top_btn_arrow@2x.png); } }

.md-toPageTop a:hover { background-color: #fff; }

.md-toPageTop a:hover:before { background-image: url("../images/to_top_btn_arrow_hover.png"); }

.md-toPageTop.active { opacity: 1; }

.md-pager { border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 58px 0; text-align: center; letter-spacing: -.4em; }

@media screen and (max-width: 900px) { .md-pager { padding: 38px 0; font-size: 1.23077rem; line-height: 50px; } }

.md-pager .page-numbers { display: inline-block; width: 24px; height: 27px; line-height: 27px; letter-spacing: normal; margin: 0 10px; }

@media screen and (max-width: 900px) { .md-pager .page-numbers { width: 30px; height: 30px; margin: 0 5px; line-height: 28px; font-size: 1.15385rem; border: 1px solid #5583A0; font-weight: 600; } }

.md-pager .page-numbers:not(.disp) { transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; }

.md-pager .page-numbers:not(.disp):hover { opacity: 0.6; }

.md-pager .page-numbers.prev, .md-pager .page-numbers.next { width: 80px; position: relative; letter-spacing: 0.17em; }

@media screen and (max-width: 900px) { .md-pager .page-numbers.prev, .md-pager .page-numbers.next { width: 45px; height: 45px; margin: 0; padding-left: 0; border: 1px solid #5583A0; border-radius: 50%; overflow: hidden; } }

.md-pager .page-numbers.prev.disp, .md-pager .page-numbers.next.disp { color: #8D8D8D; cursor: auto; }

.md-pager .page-numbers.prev { float: left; padding-left: 15px; text-align: left; }

@media screen and (max-width: 900px) { .md-pager .page-numbers.prev { text-indent: -9999px; text-align: center; } }

.md-pager .page-numbers.prev:before { content: ''; display: block; position: absolute; top: 11px; left: 4px; width: 6px; height: 6px; border-top: 1px solid #5583A0; border-left: 1px solid #5583A0; transform: rotate(-45deg); }

@media screen and (max-width: 900px) { .md-pager .page-numbers.prev:before { top: 0; bottom: 0; left: 18px; width: 8px; height: 8px; margin: auto; border-width: 2px; } }

.md-pager .page-numbers.prev.disp:before { border-color: #8D8D8D; }

.md-pager .page-numbers.next { float: right; padding-right: 15px; text-align: right; }

@media screen and (max-width: 900px) { .md-pager .page-numbers.next { text-indent: -9999px; text-align: center; } }

.md-pager .page-numbers.next:after { content: ''; display: block; position: absolute; top: 11px; right: 4px; width: 6px; height: 6px; border-top: 1px solid #5583A0; border-right: 1px solid #5583A0; transform: rotate(45deg); }

@media screen and (max-width: 900px) { .md-pager .page-numbers.next:after { top: 0; right: 18px; bottom: 0; width: 8px; height: 8px; margin: auto; border-width: 2px; } }

.md-pager .page-numbers.next.disp:after { border-color: #8D8D8D; }

.md-pager .page-numbers.current { background-color: #5583A0; color: #fff; }

.md-breadcrumb { position: fixed; z-index: 100; top: 153px; width: 100%; background-color: #FFFFFE; border-bottom: 1px solid #E4E4E4; }

@media screen and (max-width: 900px) { .md-breadcrumb { position: relative; top: 0; z-index: 0; padding: 28px 0 0; border-bottom: none; background-color: transparent; } }

.md-breadcrumb ul { margin: 0; padding-left: 0; max-width: 1228px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: start; align-items: flex-start; position: relative; left: -35px; }

.md-breadcrumb ul li { list-style-type: none; }

@media screen and (max-width: 1400px) { .md-breadcrumb ul { max-width: 1068px; } }

@media screen and (max-width: 1200px) { .md-breadcrumb ul { width: 796px; } }

@media screen and (max-width: 900px) { .md-breadcrumb ul { width: 74%; min-width: 280px; } }

@media screen and (max-width: 900px) { .md-breadcrumb ul { left: inherit; padding: 0 7px; letter-spacing: -0.4em; } }

@media screen and (max-width: 320px) { .md-breadcrumb ul { width: 100%; } }

.md-breadcrumb ul li { position: relative; display: inline-block; padding: 14px 0; font-size: 1rem; font-weight: 500; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li { padding: 0; letter-spacing: 0.03em; color: #808080; line-height: 1.6; font-size: 0.92308rem; font-weight: 600; } }

.md-breadcrumb ul li.en { font-size: 1rem; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li.en { font-size: 0.92308rem; } }

.md-breadcrumb ul li.ja { font-size: 0.84615rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.9; }

.md-breadcrumb ul li:not(:first-child) { padding-left: 40px; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li:not(:first-child) { padding-left: 22px; } }

.md-breadcrumb ul li:not(:first-child):before { content: ''; position: absolute; display: inline-block; top: 12px; left: 20px; margin: auto; width: 1px; height: 24px; transform: rotate(45deg); background-color: #707070; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li:not(:first-child):before { bottom: inherit; top: 7px; left: 6px; width: 5px; height: 5px; border-top: 1px solid #808080; border-right: 1px solid #808080; background-color: transparent; } }

@media screen and (max-width: 900px) { .md-breadcrumb ul li.home { font-size: 0.92308rem; } }

.md-breadcrumb ul li.en a, .md-breadcrumb ul li.en span { font-family: 'Roboto', sans-serif; }

.md-breadcrumb ul li.ja a, .md-breadcrumb ul li.ja span { font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li.tags { width: 68px; } }

.md-breadcrumb ul li.postTitle { display: block; letter-spacing: 0.04em; max-width: 1050px; }

.md-breadcrumb ul li.postTitle span { color: #A5A5A5; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li.postTitle { display: block; max-width: inherit; letter-spacing: 0.03em; -ms-flex: 1; flex: 1; } }

.md-breadcrumb ul li.postTitle--02 { letter-spacing: 0.04em; }

.md-breadcrumb ul li.postTitle--02 span { color: #A5A5A5; }

@media screen and (max-width: 900px) { .md-breadcrumb ul li.postTitle--02 { letter-spacing: 0.03em; -ms-flex: 1; flex: 1; } }

.md-breadcrumb ul li a { color: #808080; }

.md-breadcrumb ul li a:hover { color: #5583A0; text-decoration: underline; }

.md-results { margin: 10px 0 70px; }

@media screen and (max-width: 900px) { .md-results { margin-bottom: 24px; } }

.md-results-title { margin: 0; font-size: 1.30769rem; line-height: 2.47059; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #808080; color: #3c3c3c; }

@media screen and (max-width: 900px) { .md-results-title { padding-bottom: 2px; font-size: 1.23077rem; line-height: 2.625; border-bottom-color: #707070; } }

.md-results-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.53846; letter-spacing: 0.04em; margin-left: 10px; }

.md-results-title span { margin-left: 0; }

@media screen and (max-width: 900px) { .md-results-title { line-height: 2.25; } }

.md-results-keyword { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: center; align-items: center; margin: 56px 0; }

.md-results-keyword dd { margin-left: 0; }

@media screen and (max-width: 900px) { .md-results-keyword { display: block; margin: 32px 0 38px; } }

.md-results-keyword dt { margin-right: 8px; font-size: 2rem; line-height: 1.61538; font-family: 'Roboto', sans-serif; font-weight: 700; }

@media screen and (max-width: 900px) { .md-results-keyword dt { font-size: 1.23077rem; line-height: 2.375; letter-spacing: 0.06em; } }

.md-results-keyword dd { font-size: 1.53846rem; line-height: 2; font-weight: bold; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { .md-results-keyword dd { font-size: 1.15385rem; line-height: 1.33333; } }

.md-results-list-item { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; padding: 8px; background-color: #fff; }

@media screen and (max-width: 900px) { .md-results-list-item { display: block; } }

.md-results-list-item:not(:last-child) { margin-bottom: 20px; }

@media screen and (max-width: 900px) { .md-results-list-item:not(:last-child) { margin-bottom: 24px; } }

.md-results-list-item .item-thumb { margin-right: 30px; }

@media screen and (max-width: 900px) { .md-results-list-item .item-thumb { margin-right: 0; } }

.md-results-list-item .item-thumb a { display: block; position: relative; width: 276px; height: 178px; overflow: hidden; }

.md-results-list-item .item-thumb a img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media screen and (max-width: 900px) { .md-results-list-item .item-thumb a { width: 264px; height: 170px; } }

.md-results-list-item .item-thumb a:hover { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.md-results-list-item .item-thumb a:hover:before { content: 'READ MORE'; font-family: 'Roboto', sans-serif; font-weight: 700; padding-right: 30px; display: block; position: absolute; z-index: 1; color: #fff; background: url(../images/readmore_icon.png) no-repeat 90px top/20px; line-height: 24px; text-align: center; }

.md-results-list-item .item-thumb a:hover:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 900px) { .md-results-list-item .item-thumb a:hover:after { min-height: 170px; } }

.md-results-list-item .item-thumb a:hover img { width: 104%; }

.md-results-list-item .item-texts { -ms-flex: 1; flex: 1; }

.md-results-list-item .item-title { margin: 16px 0 5px; font-size: 1.23077rem; line-height: 1.375; }

@media screen and (max-width: 900px) { .md-results-list-item .item-title { margin: 12px 0; font-size: 1.07692rem; line-height: 1.35714; letter-spacing: 0.028em; } }

.md-results-list-item .item-dataLine { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: center; align-items: center; margin-bottom: 18px; }

@media screen and (max-width: 900px) { .md-results-list-item .item-dataLine { margin-bottom: 0; } }

.md-results-list-item .item-cat { margin: 0 12px 0 0; font-weight: 600; letter-spacing: 0.08em; }

.md-results-list-item .item-cat.en { font-size: 1rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

.md-results-list-item .item-cat.ja { font-size: 0.84615rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; }

.md-results-list-item .item-cat a { color: #808080; }

.md-results-list-item .item-cat a:hover { color: #5583A0; }

.md-results-list-item .item-date { margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; font-weight: 300; }

.md-results-list-item .item-excerpt { line-height: 1.53846; letter-spacing: 0.05em; }

@media screen and (max-width: 900px) { .md-results-list-item .item-excerpt { display: none; } }

.md-results-noKeyword { margin: 65px 0 0; line-height: 1.84615; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { .md-results-noKeyword { margin-top: 0; } }

.md-results-tagList { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 38px; }

.md-results-tagList li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-results-tagList { display: block; margin-top: 32px; } }

@media screen and (max-width: 900px) { .md-results-tagList li { margin-left: 20px; } }

.md-results-tagList li:not(:last-child) { margin-right: 20px; }

@media screen and (max-width: 900px) { .md-results-tagList li:not(:last-child) { margin-right: 0; } }

.md-results-tagList li a { font-size: 1.15385rem; line-height: 34px; letter-spacing: 0.04em; font-weight: 600; color: #808080; }

@media screen and (max-width: 900px) { .md-results-tagList li a { font-size: 1rem; line-height: 29px; } }

.md-results-tagList li a:hover { color: #5583A0; }

.md-results-tagList li a i { margin-right: 4px; }

@media screen and (max-width: 900px) { .md-results.tags, .md-results.search { margin-top: 34px; margin-bottom: 12px; }
  .md-results.tags .md-results-title, .md-results.search .md-results-title { padding-bottom: 10px; line-height: 1.23077; } }

@media screen and (max-width: 900px) { .md-results.tags .md-results-list-item:not(:last-child), .md-results.search .md-results-list-item:not(:last-child) { margin-bottom: 32px; } }

.md-results.tags .md-results-list-item:hover, .md-results.search .md-results-list-item:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); }

.md-results.tags .md-results-list-item .item-title, .md-results.search .md-results-list-item .item-title { margin-bottom: 10px; }

@media screen and (max-width: 900px) { .md-results.tags .md-results-list-item .item-title, .md-results.search .md-results-list-item .item-title { margin-bottom: 14px; } }

.md-results.tags .md-results-list-item .item-dataLine, .md-results.search .md-results-list-item .item-dataLine { margin-bottom: 28px; }

@media screen and (max-width: 900px) { .md-results.tags .md-results-list-item .item-dataLine, .md-results.search .md-results-list-item .item-dataLine { margin-bottom: 8px; } }

.md-results.tags .md-results-list-item .item-tags-list, .md-results.search .md-results-list-item .item-tags-list { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-results.tags .md-results-list-item .item-tags-list li, .md-results.search .md-results-list-item .item-tags-list li { list-style-type: none; }

@media screen and (max-width: 900px) { .md-results.tags .md-results-list-item .item-tags-list, .md-results.search .md-results-list-item .item-tags-list { padding: 16px 10px 14px; border: 1px dashed #707070; } }

.md-results.tags .md-results-list-item .item-tags-list li, .md-results.search .md-results-list-item .item-tags-list li { margin-right: 20px; color: #808080; font-size: 1.15385rem; font-weight: 600; }

@media screen and (max-width: 900px) { .md-results.tags .md-results-list-item .item-tags-list li, .md-results.search .md-results-list-item .item-tags-list li { margin-bottom: 2px; font-size: 1rem; } }

.md-results.tags .md-results-list-item .item-tags-list li a, .md-results.search .md-results-list-item .item-tags-list li a { color: #808080; }

.md-results.tags .md-results-list-item .item-tags-list li a:hover, .md-results.search .md-results-list-item .item-tags-list li a:hover { color: #5583A0; }

.md-results.tags .md-results-list-item .item-tags-list li i, .md-results.search .md-results-list-item .item-tags-list li i { margin-right: 4px; }

/*-------------------------------------------------- 404 page --------------------------------------------------*/
.page404 .md-content { min-height: 500px; padding: 250px 0; }

@media screen and (max-width: 900px) { .page404 .md-content { min-height: 200px; padding: 100px 0; } }

.page404 .page404-text { text-align: center; }

/*-------------------------------------------------- category,archive --------------------------------------------------*/
body.category .md-section-title, body.archive .md-section-title { margin-top: 50px; }

.category-description {
  border-top: 1px dashed #808080;
  border-bottom: 1px dashed #808080;
  color: #808080;
  margin-top: 35px;
  padding: 25px 0;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .category-description {
    font-size: 0.92308rem;
    margin-top: 15px;
    padding: 20px 0;
    text-align: left;
  }
}

/*-------------------------------------------------- single --------------------------------------------------*/
body.single .md-single { margin-bottom: 50px; }

body.single .md-section-title { margin-top: 50px; }

body.single .md-hero-batch { display: none; }

@media screen and (max-width: 900px) { body.single .md-breadcrumb.top { display: none; } }

/*-------------------------------------------------- page --------------------------------------------------*/
body.page .md-section-title { margin-top: 85px; }

@media screen and (max-width: 900px) { body.page .md-section-title { margin-top: 55px; } }

/*-------------------------------------------------- index --------------------------------------------------*/
body.index .md-contents { padding-top: 252px; }

@media screen and (max-width: 900px) { body.index .md-contents { padding-top: 0; } }

/*-------------------------------------------------- archives --------------------------------------------------*/
body.category .md-contents { padding-top: 252px; }

@media screen and (max-width: 900px) { body.category .md-contents { padding-top: 0; margin-top: 150px; } }

body.category .md-breadcrumb { display: none; }

@media screen and (max-width: 900px) { body.category .md-breadcrumb { display: block; } }

.ac-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 30px 0 284px; }

.ac-list { justify-content: center; }

@media screen and (max-width: 900px) { .ac-list { padding: 18px 0 120px; } }

.ac-list-item { margin-right: 20px; margin-bottom: 20px; background-color: #fff; }

@media screen and (max-width: 900px) { .ac-list-item { margin-right: 0; margin-bottom: 24px; } }

.ac-list-item a { display: block; position: relative; width: 100%; height: 100%; padding: 8px; }

.ac-list-item:hover a { position: relative; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); }

.ac-list-item:hover.wide .item-thumb { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.ac-list-item:hover.wide .item-thumb:before { content: 'READ MORE'; font-family: 'Roboto', sans-serif; font-weight: 700; padding-right: 30px; display: block; position: absolute; z-index: 1; color: #fff; background: url(../images/readmore_icon.png) no-repeat 90px top/20px; line-height: 24px; text-align: center; }

.ac-list-item:hover.wide .item-thumb:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 900px) { .ac-list-item:hover.wide .item-thumb:after { min-height: 170px; } }

.ac-list-item:hover.normal a { color: #1C1C1C; text-decoration: none; }

.ac-list-item:hover.normal a .item-thumb { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.ac-list-item:hover.normal a .item-thumb:before { content: 'READ MORE'; font-family: 'Roboto', sans-serif; font-weight: 700; padding-right: 30px; display: block; position: absolute; z-index: 1; color: #fff; background: url(../images/readmore_icon.png) no-repeat 90px top/20px; line-height: 24px; text-align: center; }

.ac-list-item:hover.normal a .item-thumb:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 900px) { .ac-list-item:hover.normal a .item-thumb:after { min-height: 170px; } }

.ac-list-item:hover.normal a .item-title { color: #5583A0; text-decoration: underline; }

.ac-list-item.wide { width: 604px; height: 396px; }

@media screen and (max-width: 1400px) { .ac-list-item.wide { width: 524px; height: 344px; } }

@media screen and (max-width: 900px) { .ac-list-item.wide { width: 100%; height: auto; } }

.ac-list-item.wide .item-thumb { position: relative; width: 588px; height: 380px; overflow: hidden; }

.ac-list-item.wide .item-thumb img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media screen and (max-width: 1400px) { .ac-list-item.wide .item-thumb { width: 100%; height: 328px; } }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-thumb { width: 264px; height: 170px; } }

.ac-list-item.wide .item-thumb img { min-height: 380px; }

@media screen and (max-width: 1400px) { .ac-list-item.wide .item-thumb img { min-height: 328px; } }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-thumb img { min-height: 170px; } }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-title { margin: 12px 0 10px; } }

.ac-list-item.wide .item-cont { position: absolute; bottom: 8px; width: 588px; min-height: 122px; padding: 25px 25px 22px; background-color: rgba(0, 0, 0, 0.2); color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1400px) { .ac-list-item.wide .item-cont { width: 508px; } }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-cont { position: relative; bottom: inherit; width: 100%; min-height: inherit; padding: 0 8px; background: none; text-shadow: none; color: #1C1C1C; } }

.ac-list-item.wide .item-underBar { position: absolute; bottom: 14px; }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-underBar { position: relative; bottom: inherit; } }

.ac-list-item.wide .item-category { margin-right: 0; }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-category { margin-right: 14px; } }

.ac-list-item.wide .item-date { display: none; }

@media screen and (max-width: 900px) { .ac-list-item.wide .item-date { display: block; } }

.ac-list-item.normal { width: 292px; height: 396px; }

@media screen and (max-width: 1400px) { .ac-list-item.normal { width: 252px; height: 344px; } }

@media screen and (max-width: 900px) { .ac-list-item.normal { width: 100%; height: auto; } }

.ac-list-item.normal .item-thumb { position: relative; width: 276px; height: 178px; overflow: hidden; }

.ac-list-item.normal .item-thumb img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media screen and (max-width: 1400px) { .ac-list-item.normal .item-thumb { width: 100%; height: 152px; } }

@media screen and (max-width: 900px) { .ac-list-item.normal .item-thumb { height: 170px; } }

.ac-list-item.normal .item-thumb img { min-height: 178px; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; }

@media screen and (max-width: 1400px) { .ac-list-item.normal .item-thumb img { min-height: 152px; } }

@media screen and (max-width: 900px) { .ac-list-item.normal .item-thumb img { min-height: 170px; } }

.ac-list-item.normal .item-cont { padding: 0 8px; }

.ac-list-item.normal .item-title { margin: 20px 0 10px; }

@media screen and (max-width: 900px) { .ac-list-item.normal .item-title { margin: 12px 0 10px; } }

.ac-list-item.normal .item-excerpt { margin-bottom: 17px; }

@media screen and (max-width: 900px) { .ac-list-item.normal .item-excerpt { display: none; } }

.ac-list-item.normal .item-underBar { position: absolute; bottom: 28px; }

@media screen and (max-width: 900px) { .ac-list-item.normal .item-underBar { position: relative; bottom: inherit; } }

.ac-list-item .item-title { margin: 0 0 12px; font-size: 1.23077rem; line-height: 1.375; letter-spacing: 0.08em; }

@media screen and (max-width: 1400px) { .ac-list-item .item-title { font-size: 1.07692rem; line-height: 1.42857; } }

.ac-list-item .item-excerpt { margin: 0; }

.ac-list-item .item-underBar { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: baseline; align-items: baseline; }

.ac-list-item .item-category { margin: 0 14px 0 0; font-size: 1.07692rem; font-family: 'Roboto', sans-serif; }

@media screen and (max-width: 900px) { .ac-list-item .item-category { color: #808080; } }

.ac-list-item .item-category.en { font-size: 1.07692rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

@media screen and (max-width: 900px) { .ac-list-item .item-category.en { font-size: 1rem; } }

.ac-list-item .item-category.ja { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { .ac-list-item .item-category.ja { font-size: 0.84615rem; } }

.ac-list-item .item-date { margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; font-weight: 300; }

.ac-list-status { display: none; position: absolute; bottom: 0; z-index: 100; text-align: center; }

.ac-list-status .status-loading { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.ac-list-status .status-loading > span { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 150px; height: 20px; color: #fff; }

.ac-list-moreBtn { position: absolute; left: 0; right: 0; bottom: 132px; width: 215px; padding: 0; margin: auto; line-height: 68px; border: 1px solid #1C1C1C; text-align: center; font-size: 1.38462rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

@media screen and (max-width: 900px) { .ac-list-moreBtn { bottom: 42px; width: 100%; font-size: 1.23077rem; line-height: 58px; } }

.ac-list-moreBtn:hover { background-color: #3c3c3c; color: #fff; text-decoration: none; }

.ac-list a { color: #1C1C1C; text-decoration: none; }

/*-------------------------------------------------- single --------------------------------------------------*/
@media screen and (max-width: 900px) { body.single .md-breadcrumb { display: none; } }

@media screen and (max-width: 900px) { .sn-main { padding-top: 26px; border-bottom: none; } }

.sn-main-inner { padding: 49px 76px 90px; margin-bottom: 69px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); background-color: #fff; }

@media screen and (max-width: 900px) { .sn-main-inner { padding: 0; margin-bottom: 46px; box-shadow: none; } }

.sn-head { padding: 34px 8px 15px; margin-bottom: 29px; border-top: 1px solid #1C1C1C; border-bottom: 1px solid #1C1C1C; }

@media screen and (max-width: 900px) { .sn-head { padding: 22px 0 15px; margin-bottom: 20px; } }

.sn-head-title { margin: 0 0 14px; font-size: 2.30769rem; line-height: 1.4; font-weight: 600; }

@media screen and (max-width: 900px) { .sn-head-title { margin-bottom: 20px; font-size: 1.38462rem; line-height: 1.38889; letter-spacing: 0.03em; } }

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) { .sn-head-title { font-size: 1.30769rem; line-height: 1.47059; } }

.sn-head-under { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.sn-head-date { margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; font-weight: 300; }

.sn-head-cat { margin: 0; font-family: 'Roboto', sans-serif; font-weight: 600; }

.sn-head-cat a { color: #808080; }

.sn-head-cat a.en { font-size: 1rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

.sn-head-cat a.ja { font-size: 0.84615rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; letter-spacing: 0.04em; }

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) { .sn-head-cat a.ja { font-size: 0.76923rem; } }

.sn-hero { margin-bottom: 50px; }

@media screen and (max-width: 900px) { .sn-hero { margin-bottom: 26px; } }

.sn-hero img { max-width: 100%; height: auto; }

.sn-hero-caption { letter-spacing: 0.05em; text-align: center; }

@media screen and (max-width: 900px) { .sn-hero-caption { margin-top: 10px; font-size: 0.84615rem; line-height: 1.36364; letter-spacing: 0.03em; color: #808080; } }

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) { .sn-hero-caption { font-size: 0.76923rem; } }

.sn-texts { padding-bottom: 46px; margin-bottom: 48px; border-bottom: 2px dotted #000; letter-spacing: 0.05em; /*h4 { margin: 13px auto; @include fontSize(13); @include lineHeight(13,20); font-weight: 500; br { line-height: 8px; } }*/ }

@media screen and (max-width: 900px) { .sn-texts { margin-bottom: 26px; } }

.sn-texts h3, .sn-texts p { width: 92%; margin: 0 auto 32px; }

@media screen and (max-width: 900px) { .sn-texts h3, .sn-texts p { width: 90%; } }

.sn-texts h3 { font-size: 1.61538rem; line-height: 1.33333; }

@media screen and (max-width: 900px) { .sn-texts h3 { font-size: 1.15385rem; line-height: 1.46667; letter-spacing: 0.03em; } }

.sn-texts p { font-size: 1.30769rem; line-height: 1.64706; }

@media screen and (max-width: 900px) { .sn-texts p { margin-bottom: 26px; font-size: 1.07692rem; line-height: 1.57143; letter-spacing: 0.05em; } }

.sn-texts a { color: #5583A0; text-decoration: underline; }

.sn-texts a:hover { background-color: #E5F5FF; }

.sn-texts a:visited { color: #779DB5; }

.sn-texts img { max-width: 100%; width: 100%; height: auto; }

.sn-texts > *:last-child { margin-bottom: 0; }

.sn-texts .wp-caption { max-width: 100%; margin: 40px 0 54px; }

@media screen and (max-width: 900px) { .sn-texts .wp-caption { margin-top: 0; margin-bottom: 26px; } }

.sn-texts .wp-caption-text { margin: 13px auto; font-size: 1rem; line-height: 1.53846; text-align: center; }

@media screen and (max-width: 900px) { .sn-texts .wp-caption-text { margin-top: 10px; font-size: 0.84615rem; line-height: 1.36364; letter-spacing: 0.03em; color: #808080; } }

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) { .sn-texts .wp-caption-text { font-size: 0.76923rem; } }

.sn-texts .wp-caption img { max-width: 100%; height: auto; }

.sn-texts dl { margin: 0; width: 92%; margin: 0 auto 32px; }

.sn-texts dl dd { margin-left: 0; }

.sn-texts dl dt, .sn-texts dl dd { display: inline; font-size: 1.30769rem; line-height: 1.64706; letter-spacing: 0.05em; }

@media screen and (max-width: 900px) { .sn-texts dl dt, .sn-texts dl dd { font-size: 1.07692rem; line-height: 2; } }

.sn-texts dl dt { margin-right: 12px; font-weight: 700; }

.sn-texts .editorialnote { width: 92%; margin: 0 auto 32px; }

@media screen and (max-width: 900px) { .sn-texts .editorialnote { width: 90%; } }

.sn-texts .editorialnote p { width: 100%; margin: 0 0 20px; font-size: 1rem; line-height: 1.53846; font-weight: 500; }

.sn-texts .txt-interviewer { display: inline-block; position: relative; text-indent: 80px; }

.sn-texts .txt-interviewer:before { content: ''; position: absolute; top: 11px; left: 0; display: block; width: 70px; height: 1px; background-color: #1C1C1C; }

.sn-texts .sc-link { text-align: center; border: 1px solid #808080; }

.sn-texts .sc-link:hover { border-color: #808080; }

.sn-texts .sc-link:hover a { color: #fff; background-color: #3c3c3c; }

.sn-texts .sc-link a { display: block; line-height: 68px; font-size: 1.15385rem; color: #808080; text-decoration: none; }

@media screen and (max-width: 900px) { .sn-texts .sc-link a { line-height: 58px; } }

.sn-texts .rp-link-pc { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 92%; padding: 30px 70px 30px 30px; margin: 0 auto 15px; border: 1px solid #707070; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); }

@media screen and (max-width: 900px) { .sn-texts .rp-link-pc { display: none; } }

.sn-texts .rp-link-pc:hover .pc-title a, .sn-texts .rp-link-pc:hover .pc-cat a { color: #5583A0; text-decoration: underline; }

.sn-texts .rp-link-pc:hover .rp-link-pc-texts:after { border-color: #5583A0; }

.sn-texts .rp-link-pc:hover .rp-link-pc-img a { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.sn-texts .rp-link-pc:hover .rp-link-pc-img a:before { content: ''; width: 30px; height: 30px; display: block; position: absolute; z-index: 1; color: #fff; background: url(../images/readmore_icon.png) no-repeat 90px top/20px; line-height: 24px; text-align: center; }

.sn-texts .rp-link-pc:hover .rp-link-pc-img a:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 900px) { .sn-texts .rp-link-pc:hover .rp-link-pc-img a:after { min-height: 170px; } }

.sn-texts .rp-link-pc:hover .rp-link-pc-img a img { width: 104%; }

.sn-texts .rp-link-pc-img { margin-right: 8px; }

.sn-texts .rp-link-pc-img a { width: 120px; }

.sn-texts .rp-link-pc-texts { position: relative; max-width: 473px; }

.sn-texts .rp-link-pc-texts:after { content: ''; position: absolute; top: 0; bottom: 0; right: -36px; width: 22px; height: 22px; margin: auto; transform: rotate(45deg); border-top: 1px solid #707070; border-right: 1px solid #707070; /*@include media900 { content: none; }*/ }

.sn-texts .rp-link-pc-texts .pc-title { width: 100%; margin: 0 0 9px; font-size: 1rem; line-height: 1.30769; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; }

.sn-texts .rp-link-pc-texts .pc-title a { color: #A5A5A5; letter-spacing: 0.04em; text-decoration: none; }

.sn-texts .rp-link-pc-texts .pc-cat { width: 100%; margin: 0 0 3px; font-size: 0.84615rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; letter-spacing: 0.04em; }

.sn-texts .rp-link-pc-texts .pc-cat a { color: #808080; text-decoration: none; }

.sn-texts .rp-link-pc-texts .pc-date { width: 100%; margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; }

.sn-texts .rp-link-sp { display: none; }

@media screen and (max-width: 900px) { .sn-texts .rp-link-sp { display: block; width: 90%; margin: 0 auto; font-size: 1.07692rem; line-height: 1.57143; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; letter-spacing: 0.05em; }
  .sn-texts .rp-link-sp a { color: #5583A0; text-decoration: underline; } }

@media screen and (max-width: 900px) { .sn-tags { width: 90%; margin: 0 auto; } }

.sn-tags-title { margin: 0 0 24px; letter-spacing: 0.04em; font-size: 1.15385rem; line-height: 1.33333; color: #808080; }

@media screen and (max-width: 900px) { .sn-tags-title { margin-bottom: 13px; font-size: 1rem; line-height: 1.53846; } }

.sn-tags-list { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #808080; }

.sn-tags-list li { list-style-type: none; }

@media screen and (max-width: 900px) { .sn-tags-list { display: block; } }

.sn-tags-list li { margin-right: 20px; }

@media screen and (max-width: 900px) { .sn-tags-list li { margin-bottom: 3px; } }

.sn-tags-list li a { font-size: 1.15385rem; line-height: 34px; letter-spacing: 0.04em; font-weight: 600; color: #808080; }

@media screen and (max-width: 900px) { .sn-tags-list li a { font-size: 1rem; line-height: 1.53846; } }

.sn-tags-list li a:hover { color: #5583A0; }

.sn-tags-list li a i { margin-right: 4px; }

.sn-pager { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 42px 0 62px; border-top: 2px solid #1C1C1C; border-bottom: 2px solid #1C1C1C; }

.sn-pager li { list-style-type: none; }

@media screen and (max-width: 900px) { .sn-pager { display: block; padding: 32px 0 40px; border-top-width: 1px; border-bottom-width: 1px; } }

.sn-pager .pager-title { margin: 0 0 6px; font-size: 1.07692rem; line-height: 2.14286; font-weight: 600; text-align: center; }

@media screen and (max-width: 900px) { .sn-pager .pager-title { margin-bottom: 12px; } }

.sn-pager .pager-prev, .sn-pager .pager-next { width: 396px; }

@media screen and (max-width: 900px) { .sn-pager .pager-prev, .sn-pager .pager-next { width: 100%; } }

.sn-pager .pager-prev a, .sn-pager .pager-next a { display: block; position: relative; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; }

.sn-pager .pager-prev a:before, .sn-pager .pager-next a:before { transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; content: ''; position: absolute; cursor: pointer; top: 0; bottom: 0; z-index: 1; width: 25px; height: 25px; margin: auto; border-top: 1px solid #707070; }

@media screen and (max-width: 900px) { .sn-pager .pager-prev a:before, .sn-pager .pager-next a:before { content: none; } }

.sn-pager .pager-prev a:hover, .sn-pager .pager-next a:hover { text-decoration: none; }

.sn-pager .pager-prev a:hover .postTitle, .sn-pager .pager-prev a:hover .postCat, .sn-pager .pager-next a:hover .postTitle, .sn-pager .pager-next a:hover .postCat { color: #5583A0; text-decoration: underline; }

.sn-pager .pager-prev a:hover .postDate, .sn-pager .pager-next a:hover .postDate { color: #1C1C1C; }

.sn-pager .pager-prev a:hover:before, .sn-pager .pager-next a:hover:before { border-color: #5583A0; }

.sn-pager .pager-prev a:hover .pager-thumb, .sn-pager .pager-next a:hover .pager-thumb { background-color: #000; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.sn-pager .pager-prev a:hover .pager-thumb img, .sn-pager .pager-next a:hover .pager-thumb img { opacity: 0.6; }

.sn-pager .pager-prev a:hover .pager-thumb:before, .sn-pager .pager-next a:hover .pager-thumb:before { content: ''; width: 30px; height: 30px; display: block; position: absolute; z-index: 1; color: #fff; background: url(../images/readmore_icon.png) no-repeat 90px top/20px; line-height: 24px; text-align: center; }

.sn-pager .pager-prev a:hover .pager-thumb:after, .sn-pager .pager-next a:hover .pager-thumb:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 900px) { .sn-pager .pager-prev a:hover .pager-thumb:after, .sn-pager .pager-next a:hover .pager-thumb:after { min-height: 170px; } }

.sn-pager .pager-prev a:hover .pager-thumb img, .sn-pager .pager-next a:hover .pager-thumb img { width: 104%; }

@media screen and (max-width: 900px) { .sn-pager .pager-next { margin-bottom: 20px; } }

.sn-pager .pager-next a { padding: 30px 30px 30px 90px; }

@media screen and (max-width: 900px) { .sn-pager .pager-next a { padding: 15px 12px; } }

.sn-pager .pager-next a:before { left: 38px; border-left: 1px solid #707070; transform: rotate(-45deg); }

.sn-pager .pager-prev a { padding: 30px 90px 30px 30px; }

@media screen and (max-width: 900px) { .sn-pager .pager-prev a { padding: 15px 12px; } }

.sn-pager .pager-prev a:before { right: 38px; border-right: 1px solid #707070; transform: rotate(45deg); }

.sn-pager .pager-body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.sn-pager .pager-thumb { width: 120px; margin-right: 10px; position: relative; width: 120px; height: 78px; overflow: hidden; }

.sn-pager .pager-thumb img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media screen and (max-width: 900px) { .sn-pager .pager-thumb { width: 100px; height: 65px; } }

.sn-pager .pager-texts { -ms-flex: 1; flex: 1; }

.sn-pager .pager-texts .postTitle { min-height: 32px; margin: 0 0 8px; line-height: 1.30769; font-weight: 600; letter-spacing: 0.04em; color: #808080; }

@media screen and (max-width: 900px) { .sn-pager .pager-texts .postTitle { min-height: 31px; margin-bottom: 0; font-size: 0.92308rem; line-height: 1.41667; letter-spacing: 0.028em; } }

.sn-pager .pager-texts .postCat { margin: 0 0 4px; font-size: 0.84615rem; font-weight: 600; color: #808080; }

@media screen and (max-width: 900px) { .sn-pager .pager-texts .postCat { line-height: 1.4; } }

.sn-pager .pager-texts .postCat.en { font-size: 1rem; font-family: 'Roboto', sans-serif; font-weight: 700; }

.sn-pager .pager-texts .postCat.ja { font-size: 0.84615rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-weight: 600; }

.sn-pager .pager-texts .postDate { margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; color: #808080; line-height: 1; font-weight: 300; }

/*-------------------------------------------------- sidebar --------------------------------------------------*/
.sb-title { margin: 0 0 30px; font-size: 1.30769rem; font-family: 'Roboto', sans-serif; line-height: 2.47059; letter-spacing: 0.08em; font-weight: 600; color: #3c3c3c; border-bottom: 1px solid #808080; }

@media screen and (max-width: 900px) { .sb-title { margin-bottom: 20px; font-size: 1.23077rem; line-height: 2.5; letter-spacing: 0.06em; text-align: center; color: #808080; } }

.sb-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 2.30769; letter-spacing: 0.08em; margin-left: 14px; }

@media screen and (max-width: 900px) { .sb-content.tags { display: none; } }

.sb-content.tags .sb-title { margin-bottom: 18px; }

.sb-popularList { margin: 0; padding-left: 0; margin-bottom: 45px; }

.sb-popularList li { list-style-type: none; }

@media screen and (max-width: 900px) { .sb-popularList { padding-bottom: 40px; } }

.sb-popularList .popularList-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; letter-spacing: 0.04em; border-left: 5px solid #808080; padding-left: 8px; }

.sb-popularList .popularList-item:not(:last-child) { margin-bottom: 20px; }

.sb-popularList .popularList-text { -ms-flex: 1; flex: 1; }

.sb-popularList .popularList-title { min-height: 36px; margin: 0 0 2px; font-size: 0.92308rem; line-height: 1.30769; }

.sb-popularList .popularList-title a { color: #808080; }

.sb-popularList .popularList-title a:hover { color: #5583A0; }

.sb-popularList .popularList-line { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: baseline; align-items: baseline; }

.sb-popularList .popularList-cat { margin: 0 12px 0 0; font-family: 'Roboto script=all rev=1', '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; font-size: 0.84615rem; }

.sb-popularList .popularList-cat a { line-height: 1; font-weight: 600; color: #808080; letter-spacing: 0.01em; }

.sb-popularList .popularList-cat a:hover { color: #5583A0; }

.sb-popularList .popularList-date { margin: 0; font-size: 0.92308rem; font-family: 'Roboto', sans-serif; line-height: 1; letter-spacing: 0.08em; font-weight: 300; }

.sb-adArchitecture { margin-bottom: 32px; }

@media screen and (max-width: 900px) { .sb-adArchitecture { display: none; } }

.sb-adArchitecture-box { margin-bottom: 25px; }
.sb-adArchitecture-box:last-child { margin-bottom: 20px; }

.sb-adArchitecture h4 { font-size: 0.92308rem; line-height: 0; }

.sb-adArchitecture a { display: block; color: #fff; letter-spacing: 0.04em; }

@media screen and (max-width: 1400px) { .sb-adArchitecture a {  } }

@media screen and (max-width: 900px) { .sb-adArchitecture a { height: 182px; } }

@media screen and (max-width: 320px) { .sb-adArchitecture a { height: 135px; } }

.sb-adArchitecture a:hover { opacity: 0.8; }

.sb-adArchitecture a .adArchitecture-img { position: relative; width: 276px; height: 180px; overflow: hidden; }

.sb-adArchitecture a .adArchitecture-img img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media screen and (max-width: 1400px) { .sb-adArchitecture a .adArchitecture-img { position: relative; width: 236px; height: 153px; overflow: hidden; }
  .sb-adArchitecture a .adArchitecture-img img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } }

@media screen and (max-width: 900px) { .sb-adArchitecture a .adArchitecture-img { position: relative; width: 280px; height: 182px; overflow: hidden; }
  .sb-adArchitecture a .adArchitecture-img img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } }

@media screen and (max-width: 320px) { .sb-adArchitecture a .adArchitecture-img { position: relative; width: 208px; height: 135px; overflow: hidden; }
  .sb-adArchitecture a .adArchitecture-img img { /*position: static; height: 100%; width: 100%; left: 0; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none;*/ position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transition-property: all; transition-duration: 500ms; transition-delay: 0s; transition-timing-function: ease-in-out; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } }

.sb-tagsList { margin: 0; padding-left: 0; }

.sb-tagsList li { list-style-type: none; }

.sb-tagsList li { line-height: 35px; }

.sb-tagsList a { display: block; font-size: 1.15385rem; font-weight: 600; letter-spacing: 0.04em; color: #808080; height: 100%; }

.sb-tagsList a:hover { color: #5583A0; }

.sb-tagsList a i { margin-right: 4px; }

/*-------------------------------------------------- pages --------------------------------------------------*/
body.page { /*-------------------------------------------------- about --------------------------------------------------*/ /*-------------------------------------------------- contact --------------------------------------------------*/ }

body.page.about .sec-companyProf { margin: 10px 0 52px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf { margin: 6px 0 30px; } }

body.page.about .sec-companyProf-title { margin: 0; font-size: 1.30769rem; line-height: 2.47059; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #808080; color: #3c3c3c; margin-bottom: 40px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf-title { padding-bottom: 2px; font-size: 1.23077rem; line-height: 2.625; border-bottom-color: #707070; } }

body.page.about .sec-companyProf-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.53846; letter-spacing: 0.04em; margin-left: 10px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf-title { margin-top: 20px; margin-bottom: 26px; } }

body.page.about .sec-companyProf .companyProf-twoColumns { display: -ms-flexbox; display: flex; margin-bottom: 60px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-twoColumns { display: block; margin-bottom: 16px; } }

body.page.about .sec-companyProf .companyProf-twoLeft { margin-right: 60px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-twoLeft { display: none; } }

body.page.about .sec-companyProf .companyProf-twoRight { -ms-flex: 1; flex: 1; }

body.page.about .sec-companyProf .companyProf-inner { display: -ms-flexbox; display: flex; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-inner { display: block; } }

body.page.about .sec-companyProf .companyProf-inner:not(:last-child) { margin-bottom: 30px; }
body.page.about .sec-companyProf .companyProf-inner:nth-child(3) { margin-bottom: 45px; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-inner:not(:last-child) { margin-bottom: 14px; } }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-inner.logo { display: none; } }

body.page.about .sec-companyProf .companyProf-title { width: 104px; margin: 0; font-size: 0.92308rem; line-height: 1.66667; font-weight: 600; color: #1C1C1C; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-title { margin-bottom: 2px; } }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-title { width: 100%; } }

body.page.about .sec-companyProf .companyProf-texts { -ms-flex: 1; flex: 1; color: #3c3c3c; letter-spacing: 0.04em; }

body.page.about .sec-companyProf .companyProf-texts h4 { margin: 20px 0 0 0; font-size: 1rem; font-weight: normal; line-height: 1.84615; }

body.page.about .sec-companyProf .companyProf-texts h4:first-child { margin: 0; }

body.page.about .sec-companyProf .companyProf-texts p { margin: 0; font-size: 1rem; line-height: 1.84615; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-texts p { line-height: 1.61538; } }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-texts p span { display: block; } }

body.page.about .sec-companyProf .companyProf-texts p a { color: #5583A0; text-decoration: underline; }

body.page.about .sec-companyProf .companyProf-texts p a:hover { background-color: #E5F5FF; }

body.page.about .sec-companyProf .companyProf-texts p a:visited { color: #779DB5; }

body.page.about .sec-companyProf .companyProf-texts .companyProf-tel { pointer-events: none; color: #1C1C1C; text-decoration: none; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-texts .companyProf-tel { pointer-events: auto; } }

body.page.about .sec-companyProf .companyProf-texts ul { margin: 0; padding-left: 0; font-size: 1rem; line-height: 1.84615; }

body.page.about .sec-companyProf .companyProf-texts ul.dotted { padding-left: 15px; }

body.page.about .sec-companyProf .companyProf-texts ul li { list-style-type: none; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-texts ul { line-height: 1.61538; } }

body.page.about .sec-companyProf .companyProf-texts dl { margin: 0; }

body.page.about .sec-companyProf .companyProf-texts dl dd { margin-left: 0; }

body.page.about .sec-companyProf .companyProf-texts dl dt { font-size: 0.92308rem; line-height: 1.66667; color: #1C1C1C; font-weight: 600; }

body.page.about .sec-companyProf .companyProf-texts dl dd { max-width: 782px; margin-bottom: 30px; font-size: 1rem; line-height: 1.84615; }

@media screen and (max-width: 900px) { body.page.about .sec-companyProf .companyProf-texts dl dd { margin-bottom: 18px; line-height: 1.61538; } }

body.page.about .sec-companyProf .companyProf-logos { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

body.page.about .sec-companyProf .companyProf-logos .logo01 { width: 88px; height: auto; margin-right: 80px; }

body.page.about .sec-companyProf .companyProf-logos .logo02 { width: 361px; height: auto; }

body.page.about .sec-companyProf .companyProf-logos img { max-width: 100%; height: auto; }

body.page.about .sec-staff { margin-bottom: 50px; }

@media screen and (max-width: 900px) { body.page.about .sec-staff { margin-bottom: 52px; } }

body.page.about .sec-staff-title { margin: 0; font-size: 1.30769rem; line-height: 2.47059; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #808080; color: #3c3c3c; margin-bottom: 30px; }

@media screen and (max-width: 900px) { body.page.about .sec-staff-title { padding-bottom: 2px; font-size: 1.23077rem; line-height: 2.625; border-bottom-color: #707070; } }

body.page.about .sec-staff-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.53846; letter-spacing: 0.04em; margin-left: 10px; }

body.page.about .sec-staff .staff-twoColumns { display: -ms-flexbox; display: flex; }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoColumns { display: block; } }

body.page.about .sec-staff .staff-twoColumns:not(:last-child) { margin-bottom: 60px; }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoColumns:not(:last-child) { margin-bottom: 25px; } }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoColumns.toyama { margin-bottom: 50px; } }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoColumns.toyama p { letter-spacing: 0.031em; } }

body.page.about .sec-staff .staff-twoLeft { width: 252px; margin-right: 60px; }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoLeft { width: 100%; margin-right: 0; margin-bottom: 16px; } }

body.page.about .sec-staff .staff-twoLeft img { max-width: 100%; height: auto; }

body.page.about .sec-staff .staff-twoRight { color: #3c3c3c; letter-spacing: 0.04em; -ms-flex: 1; flex: 1; max-width: 574px; margin-top: 4px; }

body.page.about .sec-staff .staff-twoRight p { margin: 0; font-size: 1rem; line-height: 1.84615; }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoRight p { line-height: 1.61538; } }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-twoRight p span { display: block; } }

body.page.about .sec-staff .staff-twoRight p a { color: #5583A0; text-decoration: underline; }

body.page.about .sec-staff .staff-twoRight p a:hover { background-color: #E5F5FF; }

body.page.about .sec-staff .staff-twoRight p a:visited { color: #779DB5; }

body.page.about .sec-staff .staff-title { margin: 0; font-size: 0.92308rem; line-height: 1.66667; font-weight: 600; color: #1C1C1C; margin-bottom: 12px; }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-title { margin-bottom: 2px; } }

@media screen and (max-width: 900px) { body.page.about .sec-staff .staff-title { margin-bottom: 14px; } }

body.page.about .sec-staff a.staff-columnLink { display: inline-block; position: relative; padding-left: 18px; margin: 16px 20px 0 0; font-size: 1rem; line-height: 1.53846; color: #5583A0; font-weight: 600; text-decoration: none; }

@media screen and (max-width: 900px) { body.page.about .sec-staff a.staff-columnLink { margin-top: 14px; } }

body.page.about .sec-staff a.staff-columnLink:hover { text-decoration: underline; }

body.page.about .sec-staff a.staff-columnLink .fa-tag { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 13px; height: 13px; margin: auto; font-size: 13px; }

body.page.about .sec-QA-title { margin: 0; font-size: 1.30769rem; line-height: 2.47059; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #808080; color: #3c3c3c; margin-bottom: 28px; }

@media screen and (max-width: 900px) { body.page.about .sec-QA-title { padding-bottom: 2px; font-size: 1.23077rem; line-height: 2.625; border-bottom-color: #707070; } }

body.page.about .sec-QA-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.53846; letter-spacing: 0.04em; margin-left: 10px; }

@media screen and (max-width: 900px) { body.page.about .sec-QA-title { margin-bottom: 26px; } }

body.page.about .sec-QA dl { margin: 0; margin-bottom: 25px; }

body.page.about .sec-QA dl dd { margin-left: 0; }

@media screen and (max-width: 900px) { body.page.about .sec-QA dl { margin-bottom: 19px; } }

@media screen and (max-width: 900px) { body.page.about .sec-QA dl.QA-01 { margin-bottom: 14px; }
  body.page.about .sec-QA dl.QA-03 { margin-bottom: 17px; }
  body.page.about .sec-QA dl.QA-05 { margin-bottom: 13px; }
  body.page.about .sec-QA dl.QA-05 { margin-bottom: 13px; } }

body.page.about .sec-QA dt { margin: 0; font-size: 0.92308rem; line-height: 1.66667; font-weight: 600; color: #1C1C1C; margin-bottom: 8px; }

@media screen and (max-width: 900px) { body.page.about .sec-QA dt { margin-bottom: 2px; } }

@media screen and (max-width: 900px) { body.page.about .sec-QA dt { margin-bottom: 10px; } }

body.page.about .sec-QA dd { max-width: 890px; color: #3c3c3c; font-size: 1rem; line-height: 1.84615; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { body.page.about .sec-QA dd { line-height: 1.61538; } }

body.page.contact .sec-contact { padding-bottom: 66px; margin-top: 10px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact { padding-bottom: 16px; margin-top: 5px; } }

body.page.contact .sec-contact-title { margin: 0; font-size: 1.30769rem; line-height: 2.47059; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #808080; color: #3c3c3c; margin-bottom: 34px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-title { padding-bottom: 2px; font-size: 1.23077rem; line-height: 2.625; border-bottom-color: #707070; } }

body.page.contact .sec-contact-title span { font-size: 1rem; font-family: '游ゴシック', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif; line-height: 1.53846; letter-spacing: 0.04em; margin-left: 10px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-title { margin-top: 20px; margin-bottom: 27px; } }

body.page.contact .sec-contact-desc { margin: 0 0 36px; line-height: 1.84615; letter-spacing: 0.04em; color: #3c3c3c; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-desc { margin-bottom: 32px; line-height: 1.61538; } }

body.page.contact .sec-contact-notice { max-width: 816px; margin: 0 0 10px 30px; font-size: 0.92308rem; line-height: 1.66667; letter-spacing: 0.04em; font-weight: 600; color: #3c3c3c; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-notice { margin-left: 0; } }

body.page.contact .sec-contact-table { max-width: 816px; padding: 60px 70px 60px 65px; margin: 0 0 66px 30px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table { padding: 18px 10px; margin: 0 0 60px 0; box-shadow: none; } }

body.page.contact .sec-contact-table dl { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

body.page.contact .sec-contact-table dl dd { margin-left: 0; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl { display: block; margin-bottom: 7px; } }

body.page.contact .sec-contact-table dl dt { width: 140px; padding-top: 5px; font-size: 0.92308rem; line-height: 1.66667; font-weight: 600; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl dt { margin-bottom: 5px; } }

body.page.contact .sec-contact-table dl dt.required { position: relative; }

body.page.contact .sec-contact-table dl dt.required:after { content: '＊'; position: absolute; top: 5px; right: 12px; font-size: 0.92308rem; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl dt.required:after { position: relative; top: inherit; right: inherit; margin-left: 4px; } }

body.page.contact .sec-contact-table dl dd { -ms-flex: 1; flex: 1; }

body.page.contact .sec-contact-table dl p { margin: 0; }

body.page.contact .sec-contact-table dl input[type="text"], body.page.contact .sec-contact-table dl input[type="email"], body.page.contact .sec-contact-table dl input[type="number"], body.page.contact .sec-contact-table dl textarea, body.page.contact .sec-contact-table dl input[type="tel"] { width: 100%; border: 1px solid #707070; border-radius: 2px; }

body.page.contact .sec-contact-table dl input[type="text"], body.page.contact .sec-contact-table dl input[type="email"], body.page.contact .sec-contact-table dl input[type="number"], body.page.contact .sec-contact-table dl textarea, body.page.contact .sec-contact-table dl input[type="tel"] { height: 30px; }

body.page.contact .sec-contact-table dl.user-address dd { height: 80px; }

body.page.contact .sec-contact-table dl.user-address textarea { height: 100%; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.user-tel { margin-bottom: 17px; } }

body.page.contact .sec-contact-table dl.contact-type { margin-bottom: 4px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-type { margin-bottom: 8px; } }

body.page.contact .sec-contact-table dl.contact-type dd { padding-top: 4px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-type dd { padding-top: 0; } }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item { display: block; }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item input[type=radio] { display: none; }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:before { opacity: 1; }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { cursor: pointer; display: inline-block; position: relative; padding: 1px 12px 1px 28px; margin-bottom: 11px; font-size: 0.92308rem; line-height: 1.66667; letter-spacing: 0.04em; font-weight: 600; border-radius: 8px; box-sizing: border-box; vertical-align: middle; transition: background-color 0.2s linear; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { margin-bottom: 6px; vertical-align: top; } }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:hover:after { border-color: #1C1C1C; }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 6px; z-index: 1; width: 6px; height: 6px; margin: auto; box-sizing: border-box; border-radius: 10px; background-color: #1C1C1C; opacity: 0; transition: opacity 0.2s linear; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before { top: 6px; bottom: inherit; margin: inherit; } }

body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 18px; height: 18px; margin: auto; border: 1px solid #1C1C1C; border-radius: 50%; box-sizing: border-box; background-color: #fff; transition: border-color 0.2s linear; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after { bottom: inherit; margin: inherit; } }

body.page.contact .sec-contact-table dl.contact-details { margin-bottom: 38px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-details { margin-bottom: 40px; } }

body.page.contact .sec-contact-table dl.contact-details dt { padding-right: 70px; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-table dl.contact-details dt { padding-right: 0; } }

body.page.contact .sec-contact-table dl.contact-details textarea { height: 168px; }

body.page.contact .sec-contact-table .contact-send { height: 70px; }

body.page.contact .sec-contact-table .contact-send input[type="submit"] { -webkit-appearance: none; border-radius: 0; cursor: pointer; width: 100%; height: 100%; line-height: 68px; font-size: 1.15385rem; line-height: 2; background-color: #707070; border: 1px solid #808080; color: #fff; text-align: center; letter-spacing: 0.04em; font-weight: 600; }

body.page.contact .sec-contact-table .contact-send input[type="submit"]:hover { color: #707070; background-color: #fff; }

body.page.contact .sec-contact-texts p { margin: 0; font-size: 1rem; line-height: 1.84615; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-texts p { line-height: 1.61538; } }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-texts p span { display: block; } }

body.page.contact .sec-contact-texts .tel { padding: 22px 0 2px; margin-bottom: 9px; border-bottom: 2px dotted #707070; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-texts .tel { padding: 14px 0 8px; margin-bottom: 12px; } }

body.page.contact .sec-contact-texts .tel p { font-size: 1.30769rem; font-family: 'Roboto', sans-serif; line-height: 1.76471; letter-spacing: 0.08em; font-weight: 600; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-texts .tel p { font-size: 1.23077rem; line-height: 1.875; letter-spacing: 0.06em; } }

body.page.contact .sec-contact-texts .tel a { pointer-events: none; }

@media screen and (max-width: 900px) { body.page.contact .sec-contact-texts .tel a { pointer-events: auto; } }

body.page.contact .sec-contact-texts .tel a:hover { color: #1C1C1C; text-decoration: none; }

/* sourceMappingURL=styles.css.map */


/* rcpt added 2019.10.19 without sccs*/
.grecaptcha-badge{
	visibility: collapse !important;
}

#contact_form_box div.rcpt_pp {
	margin-left:290px;
  font-size: 13px;
}

p.rcpt_pp, .single .sn-texts p.rcpt_pp {
  font-size: 13px;
}

/* contact inside entries 2022.09.03 without scss */

body.single .wpcf7 { max-width: 816px; padding: 60px 70px 60px 65px; margin: 0 0 66px 0px; background-color: #fff; font-size:13px; }

@media screen and (max-width: 900px) { body.single .wpcf7 { padding: 18px 10px; margin: 0 0 60px 0; box-shadow: none; } }

body.single .wpcf7 dl { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

body.single .wpcf7 dl dd { margin-left: 0; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl { display: block; margin-bottom: 7px; } }

body.single .wpcf7 dl dt { width: 140px; padding-top: 5px; font-size: 13px; line-height: 1.66667; font-weight: 600; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl dt { margin-bottom: 5px; } }

body.single .wpcf7 dl dt.required { position: relative; }

body.single .wpcf7 dl dt.required:after { content: '＊'; position: absolute; top: 5px; right: 12px; font-size: 0.92308rem; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl dt.required:after { position: relative; top: inherit; right: inherit; margin-left: 4px; } }

body.single .wpcf7 dl dd { -ms-flex: 1; flex: 1; font-size:13px; }

body.single .wpcf7 dl p { margin: 0; }

body.single .wpcf7 dl input[type="text"], body.single .wpcf7 dl input[type="email"], body.single .wpcf7 dl input[type="number"], body.single .wpcf7 dl textarea, body.single .wpcf7 dl input[type="tel"] { width: 100%; border: 1px solid #707070; border-radius: 2px; }

body.single .wpcf7 dl input[type="text"], body.single .wpcf7 dl input[type="email"], body.single .wpcf7 dl input[type="number"], body.single .wpcf7 dl textarea, body.single .wpcf7 dl input[type="tel"] { height: 30px; }

body.single .wpcf7 dl.user-count input[type="text"] {
  width:7em;
}

body.single .wpcf7 dl.user-count dd {
  position: relative;
}

body.single .wpcf7 dl.user-count div.cf-suffix {
  position: absolute;
  left: 8em;
  top:0;
  line-height: 30px;
}

body.single .wpcf7 dl.user-address dd { min-height: 3em; }

body.single .wpcf7 dl.user-address textarea { height: calc(3em - 2px); }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.user-tel { margin-bottom: 17px; } }

body.single .wpcf7 dl.contact-type { margin-bottom: 4px; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-type { margin-bottom: 8px; } }

body.single .wpcf7 dl.contact-type dd { padding-top: 4px; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-type dd { padding-top: 0; } }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item { display: block; }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item input[type=radio] { display: none; }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:before { opacity: 1; }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { cursor: pointer; display: inline-block; position: relative; padding: 1px 12px 1px 28px; margin-bottom: 11px; font-size: 0.92308rem; line-height: 1.66667; letter-spacing: 0.04em; font-weight: 600; border-radius: 8px; box-sizing: border-box; vertical-align: middle; transition: background-color 0.2s linear; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { margin-bottom: 6px; vertical-align: top; } }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:hover:after { border-color: #1C1C1C; }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 6px; z-index: 1; width: 6px; height: 6px; margin: auto; box-sizing: border-box; border-radius: 10px; background-color: #1C1C1C; opacity: 0; transition: opacity 0.2s linear; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before { top: 6px; bottom: inherit; margin: inherit; } }

body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 18px; height: 18px; margin: auto; border: 1px solid #1C1C1C; border-radius: 50%; box-sizing: border-box; background-color: #fff; transition: border-color 0.2s linear; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-type .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after { bottom: inherit; margin: inherit; } }

body.single .wpcf7 dl.contact-details { margin-bottom: 38px; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-details { margin-bottom: 40px; } }

body.single .wpcf7 dl.contact-details dt { padding-right: 70px; }

@media screen and (max-width: 900px) { body.single .wpcf7 dl.contact-details dt { padding-right: 0; } }

body.single .wpcf7 dl.contact-details textarea { height: 168px; }

body.single .wpcf7 .contact-send { height: 70px; }

body.single .wpcf7 .contact-send input[type="submit"] { -webkit-appearance: none; border-radius: 0; cursor: pointer; width: 100%; height: 100%; line-height: 68px; font-size: 1.15385rem; line-height: 2; background-color: #707070; border: 1px solid #808080; color: #fff; text-align: center; letter-spacing: 0.04em; font-weight: 600; }

body.single .wpcf7 .contact-send input[type="submit"]:hover { color: #707070; background-color: #fff; }

body.single .sec-contact-texts p { margin: 0; font-size: 1rem; line-height: 1.84615; letter-spacing: 0.04em; }

@media screen and (max-width: 900px) { body.single .sec-contact-texts p { line-height: 1.61538; } }

@media screen and (max-width: 900px) { body.single .sec-contact-texts p span { display: block; } }

body.single .sec-contact-texts .tel { padding: 22px 0 2px; margin-bottom: 9px; border-bottom: 2px dotted #707070; }

@media screen and (max-width: 900px) { body.single .sec-contact-texts .tel { padding: 14px 0 8px; margin-bottom: 12px; } }

body.single .sec-contact-texts .tel p { font-size: 1.30769rem; font-family: 'Roboto', sans-serif; line-height: 1.76471; letter-spacing: 0.08em; font-weight: 600; }

@media screen and (max-width: 900px) { body.single .sec-contact-texts .tel p { font-size: 1.23077rem; line-height: 1.875; letter-spacing: 0.06em; } }

body.single .sec-contact-texts .tel a { pointer-events: none; }

@media screen and (max-width: 900px) { body.single .sec-contact-texts .tel a { pointer-events: auto; } }

body.single .sec-contact-texts .tel a:hover { color: #1C1C1C; text-decoration: none; }