/*
Theme Name: Ctn
Theme URI: https://www.ctn-net.jp/
Author: Team Ctn
Author URI: https://www.ctn-net.jp/
Description: 
Version: 1.0
License URI:  https://www.ctn-net.jp/
Text Domain: ctn
Template : ctn
Tags: 

*/



.color_key_bg,.color_key_bg_hover:hover
{background-color: #337ab7;}
.color_key_txt,.color_key_txt_hover:hover{color: #337ab7;}
.color_key_border,.color_key_border_hover:hover{border-color: #337ab7;}
.color_key_dark_bg,.color_key_dark_bg_hover:hover{background-color: #2e6da4;}
.color_key_dark_txt,.color_key_dark_txt_hover:hover{color: #2e6da4;}
.color_key_dark_border,.color_key_dark_border_hover:hover{border-color: #2e6da4;}


.siteHeader-trans-true{position:absolute;}
.admin-bar .siteHeader-trans-true{margin-top:32px;}
@media screen and (max-width: 782px) {
	.admin-bar .siteHeader-trans-true{margin-top:46px;}
}
body:not(.header_scrolled) .siteHeader-trans-true{
	position:absolute;top:0;background-color:rgba(76,76,76,0.4);
	box-shadow:none;border-bottom:none;}
body:not(.header_scrolled) .siteHeader-trans-true .headerTop_description,
body:not(.header_scrolled) .siteHeader-trans-true .headerTop ul>li>a,
body:not(.header_scrolled) .siteHeader-trans-true .headerTop ul>li>span,
body:not(.header_scrolled) .siteHeader-trans-true .gMenu_name,
body:not(.header_scrolled) .siteHeader-trans-true .gMenu_description{color:#ffffff;}
body:not(.header_scrolled) .siteHeader-trans-true .gMenu_outer,
body:not(.header_scrolled) .siteHeader-trans-true .gMenu > li{background:none;border:none;}
body:not(.header_scrolled) .siteHeader-trans-true .gMenu_outer .gMenu li{border-color:rgba(255,255,255,0.5);}
body:not(.header_scrolled) .siteHeader-trans-true .headerTop { background-color:rgba(76,76,76,0.4);border-bottom:none}
@media (min-width: 768px) {
	body:not(.header_scrolled) .siteHeader-trans-true .gMenu > li:before { border-bottom:1px solid rgba(255,255,255,0.5); }
	.gMenu>li.menu-item-has-children::after{ transition: all .5s ease-out; }
}
body:not(.header_scrolled) .siteHeader-trans-true .gMenu > li > 
.acc-btn {
	border-color:#ffffff;background-image:url(images/vk-menu-acc-icon-open-white.svg);}
.slide-main .slide-text-set { opacity:0;transition: opacity 1s; }
@media( min-width:992px ) and ( max-width:1199.99px ){
	.siteHeader-trans-true .siteHeader_logo {float: left;}
	.siteHeader-trans-true .gMenu_outer {right: 0;float: right;width: auto;min-height: 4em;display: table;}
	.siteHeader-trans-true .gMenu {right: 0;margin: 0;float: right;}
	.siteHeader-trans-true .gMenu_outer nav {display: table-cell;vertical-align: middle;}
	.siteHeader-trans-true .siteHeader_logo {float: left;width:auto;}
	.header_scrolled .siteHeader-trans-true .gMenu_outer {width:100%;float:none;min-height: unset;}
	.header_scrolled .siteHeader-trans-true .gMenu_outer nav{display:block;}
	.header_scrolled .siteHeader-trans-true .gMenu{float: none;}
}

/* color */
.column_link a{background: #0693e3;color: #fff;}
/* //color */
/* TOP コラム */
.text_area{margin: 60px 0 30px;}
.text_area h2,.c-nap h2{font-size: 19px;font-weight: bold;line-height: 1.4;margin: 0 0 15px;padding: 0 2px 5px;border-bottom: 2px solid #005EB6;color: #005EB6;}
.text_area p{margin: 0;}
.text_area p:last-child{}
/*NAP*/
.c-nap{margin: 40px 0 0;}
.u-p10{padding: 10px !important;}
/*ボタン*/
.column_link{margin: 40px 0 60px;text-align: center;}
.column_link a{border-radius: 5px;display: inline-block;font-size: 14px;padding: 13px 20px;position: relative;text-decoration: none;transition: 0.2s;width: 80%;}
.column_link a:hover{opacity: 0.8;text-decoration: none;}
/*ボタン PCのみ*/
@media (min-width: 800px){
  .column_link a{width: 35%;}
}
/* //TOP コラム */
/* font-size */
.u-fs10{font-size:10px !important}.u-fs12{font-size:12px !important}.u-fs14{font-size:14px !important}.u-fs16{font-size:16px !important}.u-fs18{font-size:18px !important}.u-fs20{font-size:20px !important}.u-fs50{font-size:50% !important}.u-fs60{font-size:60% !important}.u-fs70{font-size:70% !important}.u-fs80{font-size:80% !important}.u-fs90{font-size:90% !important}.u-fs100{font-size:100% !important}.u-fs110{font-size:110% !important}.u-fs120{font-size:120% !important}.u-fs130{font-size:130% !important}.u-fs140{font-size:140% !important}.u-fs150{font-size:150% !important}.u-fs160{font-size:160% !important}
@media (min-width: 768px){.u-fs12-md{font-size:12px !important}.u-fs14-md{font-size:14px !important}.u-fs16-md{font-size:16px !important}.u-fs18-md{font-size:18px !important}.u-fs20-md{font-size:20px !important}.u-fs70-md{font-size:70% !important}.u-fs80-md{font-size:80% !important}.u-fs100-md{font-size:100% !important}.u-fs110-md{font-size:110% !important}.u-fs120-md{font-size:120% !important}.u-fs130-md{font-size:130% !important}.u-fs140-md{font-size:140% !important}.u-fs150-md{font-size:150% !important}.u-fs160-md{font-size:160% !important}}
@media (min-width: 992px){.u-fs14-lg{font-size:14px !important}.u-fs16-lg{font-size:16px !important}.u-fs18-lg{font-size:18px !important}.u-fs20-lg{font-size:20px !important}.u-fs110-lg{font-size:110% !important}.u-fs120-lg{font-size:120% !important}.u-fs130-lg{font-size:130% !important}.u-fs140-lg{font-size:140% !important}.u-fs150-lg{font-size:150% !important}.u-fs160-lg{font-size:160% !important}}
@media (min-width: 1200px){.u-fs14-xl{font-size:14px !important}.u-fs16-xl{font-size:16px !important}.u-fs18-xl{font-size:18px !important}.u-fs20-xl{font-size:20px !important}.u-fs110-xl{font-size:110% !important}.u-fs120-xl{font-size:120% !important}.u-fs130-xl{font-size:130% !important}.u-fs140-xl{font-size:140% !important}.u-fs150-xl{font-size:150% !important}.u-fs160-xl{font-size:160% !important}}
/* //font-size */
/*間隔 共通*/
.u-m0 {margin: 0 !important;}
.u-mt10 {margin-top: 10px !important;}
.u-mt15 {margin-top: 15px !important;}
.u-mt20 {margin-top: 20px !important;}
.u-mt30 {margin-top: 30px !important;}
.u-mt40 {margin-top: 40px !important;}
.u-mt50 {margin-top: 50px !important;}
.u-mt60 {margin-top: 60px !important;}
.u-mt1em {margin-top: 1em !important;}
.u-mb10 {margin-bottom: 10px !important;}
.u-mb15 {margin-bottom: 15px !important;}
.u-mb20 {margin-bottom: 20px !important;}
.u-mb30 {margin-bottom: 30px !important;}
.u-mb40 {margin-bottom: 40px !important;}
.u-mb50 {margin-bottom: 50px !important;}
.u-mb60 {margin-bottom: 60px !important;}
.u-mb1em {margin-bottom: 1em !important;}
.u-p0 {padding: 0 !important;}
.u-p10 {padding: 10px !important;}
.u-p15 {padding: 15px !important;}
.u-p20 {padding: 20px !important;}
.u-pt10 {padding-top: 10px !important;}
.u-pt20 {padding-top: 20px !important;}
.u-pt30 {padding-top: 30px !important;}
.u-pt40 {padding-top: 40px !important;}
.u-pt50 {padding-top: 50px !important;}
.u-pt60 {padding-top: 60px !important;}
.u-pt1em {padding-top: 1em !important;}
.u-pb10 {padding-bottom: 10px !important;}
.u-pb20 {padding-bottom: 20px !important;}
.u-pb30 {padding-bottom: 30px !important;}
.u-pb40 {padding-bottom: 40px !important;}
.u-pb50 {padding-bottom: 50px !important;}
.u-pb60 {padding-bottom: 60px !important;}
.u-pb1em {padding-bottom: 1em !important;}
#breadcrumbs {font-size: 90%;margin: 0 0 20px;text-align: left;}
.l-section {}
.l-container {word-break: normal;}
/*タイトル 共通*/
.l-container .l-heading-primary {line-height: 1.4;}
.l-container .l-heading-secondary {}
.l-container .l-tertiary {}
.l-container .l-caption {}
/*コンテンツ内リンク 共通*/
.l-container a {}
.l-container a:hover {}
/*テキストブロック 共通*/
.c-block {overflow: hidden;}
/*小見出しブロック 共通*/
.c-s-block {}
/*末尾分 共通*/
.c-endblock {background: #eee;border: 1px solid #ddd;padding: 18px 18px 2px;}
/*画像 共通*/
.img-left-s,.img-right-s,.img-left-l,.img-right-l {float: none;width: 100%;margin: 0 0 4%;}
.img-left-s img,.img-right-s img,.img-left-l img,.img-right-l img {width: 100%;vertical-align: middle;}
/*リンク一覧 共通*/
.c-linkblock {}
.c-linkblock h3 {}
.c-pagelink {}
.c-pagelink li {margin: 0 0 20px 20px;}
.c-pagelink li a {}
.c-pagelink li a:hover {}
.u-c-a {}
.u-c-a h3 {}
.u-c-a li {}
.u-c-a a {}
.u-c-a a:hover {}
/*NAP表 共通*/
.c-nap h3 {}
.c-table {border-collapse: collapse;border: 1px solid #ddd;text-align: left;width: 100%;}
.c-table th {background: #f7f7f7;border: 1px solid #ddd;text-align: left;vertical-align: middle;width: 25%;}
.c-table td {border: 1px solid #ddd;vertical-align: middle;}
/*ボタン 共通*/
.c-btn {text-align: center;}
.c-btn a {}
.c-btn-anchor {background: #1d2e88;border-radius: 5px;color: #fff !important;display: inline-block;font-weight: bold;padding: 15px 20px;position: relative;text-decoration: none;transition: 0.2s;}
.c-btn-anchor:hover {background: #e26564;color: #fff;opacity: 0.7;text-decoration: none;}
@media (min-width: 768px) {
/*リンク一覧 PCのみ*/
.c-linkblock {}
.c-linkblock h3 {}
.c-pagelink {}
.c-pagelink li {}
.c-pagelink li a {}
/*画像 PCのみ*/
.img-left-s {float: left;margin: 0 4% 4% 0;width: 35%;}
.img-right-s {float: right;margin: 0 0 4% 4%;width: 35%;}
.img-left-l {float: left;margin: 0 4% 4% 0;width: 30%;}
.img-right-l {float: right;margin: 0 0 4% 4%;width: 30%;}
}

/*text-align*/
.text-left {text-align: left !important; }
.text-right {text-align: right !important; }
.text-center {text-align: center !important; }


/* color */
.font-red {color: #ff0000;}
.marker01 {background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);}
/* //color */

/* utilities */
/* //utilities */

h1, h2, h3, h4, h5, h6, dt, .page-header_pageTitle, .mainSection-title, .subSection-title, .veu_leadTxt, .lead {
    font-family: "Noto Sans JP",sans-serif;
    font-weight: 700!important;
}

.nagare-link a {
    color: #337ab7;
}
p.pur-pdf-link a{
  color: #337ab7;
}

/* header */
@media (min-width: 992px){.siteHeader_logo img {max-width: 300px; } }
/* //header */

/* main visual */
.sp-mv {display: none;}
.mv {position: relative; }
.mv-text {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
  max-width: 400px;
  z-index: 999;
}
.mv-text h3::after {display: none;}
.mv-text h3 {
  border: none !important;
  padding: 0;
  margin: 0 0 20px;
  color: #fff !important;
  margin-bottom: 15px !important;
}
a.mv-btn:hover {background: #337ab7; border: solid 1px #337ab7; color:#fff; text-decoration: none; }
a.mv-btn {color: #fff; text-decoration: none; border: solid 1px #fff; border-radius: 5px; padding: 5px 15px; transition: .2s; }
@media (max-width:480px) {
    .pc-mv {display: none;}
    .sp-mv {display: block;}
    .mv-text {top: 50%;}
}
/* //main visual */

/* front page */
.top-banner .image-area {
    margin: 0 auto 10px;
    text-align: center;
}
.top-banner .text-area {
    color: #333;
    font-weight: 600;
}
.top-banner a:hover {text-decoration: none;}
/* //front page */

/* page common */
.page-header_pageTitle {
    text-shadow: 0 0 5px #000;
}
/* page common */

/* about */
.l-company-table {margin-bottom: 20px;}
.l-company-table, .l-company-table tbody, .l-company-table tr, .l-company-table th, .l-company-table td {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: none !important;
}
.l-company-table th, .l-company-table td {
    border: solid 1px #cacaca !important;
    vertical-align: middle;
}
.l-company-table tr th {
    background: #2f8fe2;
    color: #fff;
    text-align: center;
}
.l-company-table td img {
    margin-bottom: 1em;
}
@media (min-width: 800px){
  .l-company-table {
    display: table;
  }
  .l-company-table tbody {
    display: table-row-group;
  }
  .l-company-table tr {
    display: table-row;
  }
  .l-company-table th {
    width: 170px;
    background: none;
    text-align: left;
  }
  .l-company-table th, .l-company-table td {
    display: table-cell;
  }
  .l-company-table td {
    width: calc(100% - 170px);
  }
}
/* //about */

/* contact */
.contact-block .u-c-red {
  color: #f00;
}

.contact-block.consent-block {
  background: #eee;
  padding: 20px;
}

.contact-block.consent-block label {
  margin-bottom: 0 !important;
  font-weight: 700;
}

.contact-block.consent-block .wpcf7-list-item {
  margin: 5px 0 0 0 !important;
}

.contact-block .required {
  background: #d64f4f;
  color: #ffffff;
  padding: 2px 5px;
  margin-left: 10px;
}

.contact-block {
  margin-bottom: 20px;
}

.contact-block-heading {
  border-left: 5px solid #0376a5;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 10px;
  padding-left: 8px;
}

.contact-block-field input,
.contact-block-field textarea {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1.8;
  margin-top: .5em;
  padding: .5em .5em;
  width: 100%;
}

.contact-btn {
  text-align: center;
}

.contact-btn input[type=submit] {
    background: #0376a5;
    border: 1px solid #cacaca;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    color: #fff;
    margin: 0 auto;
    padding: 8px 10px;
    transition: .4s;
    width: 200px;
}

.contact-btn input[type=submit]:hover {
  box-shadow: none;
}
/* //contact*/

/* footer */
.footer-cta a {text-decoration: none !important;}
.section.siteFooter {
  text-align: center;
  padding: 2em 0;
  background-color: #2a2b66;
  color: #fff;
}

/* reCAPTCHAの表示設定 */
.grecaptcha-badge {display: none; }
body#contact .grecaptcha-badge {display: block;}
body#contact .page_top_btn {right: 3px; bottom: 80px; }
/* //reCAPTCHAの表示設定 */

/*bxsliderCSS*/
.bx-wrapper {
 box-shadow: none;
 border: none;
 left: 0;
 background-color: transparent;
 margin: 0 auto;
}
/*bxsliderCSS*/






/*template06*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.4 !important;
}

a {
  font-weight: 600;
}

footer.section.siteFooter a {
color: inherit !important;
}


/*footer*/
.sectionBox {
  padding-top: 0 !important;
  padding-bottom: 1em !important;
}

.siteFooter .footerMenu {
  border: none !important;
}

.container.sectionBox.copySection.text-center {
  padding-bottom: 0 !important;
}

.contact_txt {
  text-align: center;
}

.contact_txt .contact_txt_tel {
  font-size: 190% !important;
}
.contact_txt .contact_txt_tel:hover {
  color: #000 !important;
}

.contact_txt_time {
  text-align: center;
  font-size: 90% !important;
  font-weight: 700;
  margin-top: 7px !important;
}

.siteHeader_sub {
  align-items: center;
}

.siteHeader_sub .contact_btn {
  display: block !important;
}

.siteHeader_sub .contact_btn a {
  margin: 0 0 7px !important;
  font-size: 17px !important;
}
.siteHeader_sub .contact_btn a:hover {
  color: #2f8fe2;
  background: #fff;
  border: 1px solid #2f8fe2;
}

@media (min-width: 768px) {
  .footerMenu ul {
    margin: 12px 0 0 !important;
  }
  .footerMenu li a {
    border-left: none !important;
  }
  .footerMenu li:last-child a {
    border-right: none !important;
  }
  .footerMenu ul {
    display: inline-block;
  }
}


/*header menu*/
.container.siteHeadContainer {
    display: flex;
    justify-content: space-between;
}
/*.gMenu a {
  color: #fff !important;
}
.gMenu a:hover {
  background: #fff !important;
  color: #2f8fe2 !important;
  box-shadow: 0 0 7px #143c5f;
}
ul.gMenu a:hover span {
  color: #000 !important;
}


@media (min-width: 992px) {
  ul.gMenu > li .gMenu_description {
    color: #fff !important;
  }
}*/


/*h2*/




/*youtube css*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 100px;
  /*border: 10px solid #fba69c;
  box-sizing: border-box;*/
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*top banner*/
.top-banner .text-area h3 {
  margin-bottom: 10px !important;
}

@media(max-width: 767px){
  .top-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .top-banner .col-md-3 {
    width: 48%;
  }
}


/*ボタン*/
.column_link a {
  background: #2f8fe2 !important;
  border-radius: 30px;
}

/*l-company-table*/
.l-company-table {
  margin: 20px 0 !important;
}

.l-company-table,
.l-company-table th,
.l-company-table td {
  border: none !important;
}

.l-company-table tr {
  border-bottom: 5px solid #fff !important;
}
.l-company-table tr:last-child {
  border-bottom: none;
}

.l-company-table th {
  font-weight: 600;
  text-shadow: 3px 3px 3px #462920;
}

.l-company-table td {
  background: #eee;
}


.widget-title .subSection-title {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  word-break: break-all;
  border-top: 3px solid #000;
  border-radius: 12px 0 0 0;
}

.widget-title .subSection-title span {
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 3px 20px;
  color: #fff;
  border-radius: 10px 0 20px 10px;
  background: #000;
}

.siteContent .subSection-title,
.siteContent .widget .subSection-title {
  font-weight: 700;
  border-bottom: 3px solid #2f8fe2 !important;
  padding: 0 0 0 !important;
  letter-spacing: .5px;
}
.siteContent .subSection-title:first-letter,
.siteContent .widget .subSection-title:first-letter {
  color: #2f8fe2;
  font-size: 120%;
}

a.btn.btn-xs.btn-primary.entry-meta_items_term_button {
  padding: 5px 10px !important;
}

.entry-meta_items {
    font-size: 15px !important;
    font-weight: 700;
}

.subSection .media .postList_thumbnail {
  width: 150px !important;
}

.subSection .media {
  padding: 1.2em 0 1.2em !important;
}

h3.pr-content-title {
  border-left: none !important;
}

.media .media-body .media-heading a {
  color: #005196 !important;
  font-weight: 700;
}

.entry-meta {
  margin-bottom: .5em !important;
}

.veu_profile .sns_btns {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.veu_profile .sns_btns li {
  margin-right: 0 !important;
}

.veu_profile .sns_btns .instagram_btn a {
  background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
  border: none;
}

.veu_profile .media_outer {
  margin-top: 0 !important;
}

.side_banner_img {
  margin-bottom: 15px;
}

.page-id-31 h3 {
  margin-top: 2.5em !important;
}

.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
  font-weight: 700;
    color: #004a8a;
    text-shadow: 0 0 4px #fff, 0 0 4px #fff,
    0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,
    0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,
    0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,
    0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,
    0 0 4px #fff, 7px 7px 4px #221e1c;
}

.content_block {
  margin-bottom: 100px;
}

/**/

.subSection-title, h2,h3  {
  padding: 7px 10px 5px;
  border-bottom: none !important;
}
.subSection-title:after, h3:after {
  display: none !important;
}

.veu_card .veu_card_inner {
  box-shadow: none !important;
}
.veu_card {
  border: 1px solid #ddd !important;
}

/*.header_scrolled.admin-bar .gMenu_outer {
  background: #337ab7;
}
.header_scrolled .gMenu>li .gMenu_name,
.header_scrolled .gMenu>li .gMenu_description {
  color: #fff;
}*/

/*.header_scrolled .gMenu>li a:hover {
  background-color: #fff !important;
}
.header_scrolled .gMenu>li a:hover strong {
  color: #337ab7;
}
.header_scrolled .gMenu>li a:hover span {
  color: #000;
}*/

.page-header {
  padding: 2em 0;
}


@media all and (-ms-high-contrast: none) {
  .ie_icon {
    writing-mode: horizontal-tb;
  }
}

@media(min-width: 992px){
  /*.header_scrolled .gMenu_outer {
    background-color: #2f8fe2 !important;
  }*/
}

/*@media(max-width: 660px){
  .chuumon_mail {
    top: 150px;
    font-size: 110%;
  }
}*/

@media(max-width: 991px){
  .chuumon_mail {
    display: none;
  }
}

@media (min-width: 768px) {
  .col-md-3 {
    width: 25% !important;
  }
  .page-id-120 .img-left-s {
    margin: 0 2% 3% 0;
    width: 20%;
  }
}

@media(max-width: 991px) {
  .side-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .side_banner_img {
    width: 48%;
  }
  .section.siteFooter {
    padding-bottom: 5em !important;
  }
}

.veu_contact .contact_frame {
  background-color: #f3f3f3 !important;
}

.veu_contact .contact_frame .contact_txt .contact_txt_tel:hover {
  color: #2f8fe2 !important;
}

@media(max-width: 500px){
  .side_banner_img {
    width: 100%;
    text-align: center;
  }
}

@media(max-width: 450px){
  .subSection .media .postList_thumbnail {
    width: 100% !important;
    padding: 0 0 0 0 !important;
  }
}
/*4k対応時の文字の大きさを調整してくれやつ*/
/*@media (min-width: 992px) {
  body {
    font-size: 1vw !important;
  }
}*/


/*メニューバー*/
body:not(.header_scrolled) .siteHeader-trans-true {
    position: absolute;
    top: 0;
    background-color: rgb(76 76 76 / 0%) !important;
    box-shadow: none;
    border-bottom: none;
}
	/*切り替え*/

/*株式会社桜井共通構築*/

/*全体のフォント*/

/*mv削除*/
.mv {
    display: none;
}
section.sns {
    margin-top: 55px;
}
h2 {
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    padding: 1.5rem;
    text-align: center;
  color: #fff;
}
h2 span {
    font-size: 45px !important;
    font-size: 1.8rem;
    display: block;
    letter-spacing: 0.09em;
    font-family: 'Sawarabi Mincho';
  font-weight: normal;
}

h3 {
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    padding: 1.5rem;
    text-align: center;
	   color: #ff!important;
}
h3 span {
    font-size: 45px !important;
    font-size: 1.8rem;
    display: block;
    letter-spacing: 0.09em;
    font-family: 'Sawarabi Mincho';
	font-weight: normal;
}

.widget-title.subSection-title {
    font-family: 'Sawarabi Mincho';
}

/*基本CSS※不要なものは省く*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*統一フォント*/
body {
    font-family: 'Sawarabi Mincho', sans-serif !important;
    letter-spacing: 0.01em !important;
}
/*コンタクトフォームボタンここから*/

HTML CSSResult Skip Results Iframe
EDIT ON
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
    overflow: hidden;
    padding: 0.5rem 12rem;
    color: #fff;
    border-radius: 0;
    border: 1px solid #ffffff;
    margin: 0 auto;
    font-family: monospace;
    letter-spacing: 0.3em;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 993%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  background: #001d4c;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

a.btn.btn-flat:hover {
    color: #fff;
}

.button-margin p {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
/*コンタクトフォームボタンここまで*/

figure.hover-parent {
    width: 250px;
    height: 175px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    }
    figcaption.hover-mask {
    width: 250px;
    height: 175px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 30px;
    }

    figcaption.hover-mask {
opacity: 1;
transition: all 0.6s ease;
padding-bottom: 0;
}
figure.hover-parent:hover .hover-mask {
padding-bottom: 30px;
}

/*コンタクトフォーム中心*/

.button-margin {
    text-align: center;
}
/*SNSボタンデザイン*/
/* ボタン全体 */
.flowbtn12{
    display:inline-block;
    width:85%;
    font-size:20px;
    transition:.4s;	
    text-decoration:none;
    }
    /* ボタン内テキストマウスホバー時 */
    .flowbtn12:hover{
    color:#fff!important;
    text-decoration:none;
    }
    /* Twitter */
    .flowbtn12.fl_tw2{
        border: solid 1px #ffffff;
        color: #224377;
        padding: 13px 0px;
        background: #ffffffc7;
    }
    /* Twitterマウスホバー時 */
    .flowbtn12.fl_tw2:hover{
    border:solid 1px #55acee;
    background:#55acee;
    }
    /* Instagram */
    .flowbtn12.insta_btn2{
        border: solid 1px #ffffff;
        color: #224377;
        padding: 13px 0px;
        background: #ffffffc7;
    }
    /* Instagramマウスホバー時 */
    .flowbtn12.insta_btn2:hover{
    border:solid 1px #c6529a;
    background:#c6529a;
    }
    /* Facebook */
    .flowbtn12.fl_fb2{
        border: solid 1px #ffffff;
        color: #224377;
        padding: 13px 0px;
        background: #ffffffc7;
    }
    /* Facebookマウスホバー時 */
    .flowbtn12.fl_fb2:hover{
    border:solid 1px #3b5998;
    background:#3b5998;
    }
    /* YouTube */
    .flowbtn12.fl_yu2{
        border: solid 1px #ffffff;
        color: #224377;
        padding: 13px 0px;
        background: #ffffffc7;
    }
    /* YouTubeマウスホバー時 */
    .flowbtn12.fl_yu2:hover{
    border:solid 1px #fc0d1c;
    background:#fc0d1c;
    }
    /* LINE */
    border: solid 1px #ffffff;
    color: #ffffff;
    padding: 13px 0px;
    }
    /* LINEマウスホバー時 */
    .flowbtn12.fl_li2:hover{
    border:solid 1px #00c300;
    background:#00c300;
    }
    /* Tik TOkアイコン */
    .flowbtn12.fl_pf12{
        border: solid 1px #ffffff;
        color: #224377;
        padding: 13px 0px;
        background: #ffffffc7;
    }
    /* Tik TOkマウスホバー時 */
    .flowbtn12.fl_pf12:hover{
border: solid 1px #ffffff;
    color: #224377;
    padding: 13px 0px;
    background: #000000c7;
}
    }
    /* ボタン内テキスト調整 */
    .flowbtn12 span{
    font-size:14px;	
    position:relative;
    left:8px;
    bottom:2px;	
    }
    /* ulタグの内側余白を０にする */
    ul.snsbtniti2{
    padding:0!important;
    }
    /* ボタン全体の位置 */
    .snsbtniti2{
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        margin: 0 auto;
    }
    /* ボタン同士の余白 */
    .snsbtniti2 li{
    text-align:center !important;
    }

    ul.snsbtniti2 li {
        list-style: none !important;
        width: 32%;
        margin: -15px;
    }

/*フッター装飾*/
.service-menu li {
    list-style: none;
    text-align: left;
    letter-spacing: 0.1em;
}

/*フッターセクション高さ調整*/
.service-menu {
    margin: 10px 0;
}


ul.wp-block-latest-posts__list.wp-block-latest-posts a {
    padding: 0;
}


ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    padding: 0;
    margin: 10px 0;
}

aside#block-22 {
    margin: 10px 0;
}

/*タイトル装飾*/
h4.footer-nameh4 {
text-align: left;
    margin: 0 auto 13px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #fff;
    font-family: 'Sawarabi Mincho', sans-serif !important;
    font-weight: normal;
}

.service-menu ul {
    padding: 0;
}

.siteFooter .widget {
    margin-bottom:0 !important;
}

/*カスタム3*/
ul.snsbtniti2.footer-menu {
    display: block;
    width: 890px;
}

ul.snsbtniti2.footer-menu li {
    margin-bottom: 19px;
        margin: 28px 0;
}

ul.snsbtniti2.footer-menu a {
    background: #ffffff0a;
    padding: 7px;
}

.siteFooter {
    border-top: none !important;
}

.row {
    justify-content: space-evenly;
    margin: 0 auto;
}

/*カラム2ボーダー消去*/
.widget_recent_entries ul li a {
    border-bottom: none !important;
}

.wp-block-latest-posts li {
    border-bottom: none !important;
}

.wp-block-latest-posts.wp-block-latest-posts__list {

    text-align: left;
}

/*お問い合わせボタン*/
a.chuumon_mail {
    display: none !important;
}

/*フッターけす*/

body:not(.header_scrolled) .siteHeader-trans-true .headerTop {
    background-color: rgb(76 76 76 / 0%) !important;
    border-bottom: none;
}

.headerTop .headerTop_contactBtn {
    position: relative;
    top: 20px;
}

.headerTop .headerTop_contactBtn a.btn {
    border-radius: 0;
    font-size: 14px;
    color: #ffffff !important;
    border: 1px solid #001d4c !important;
    background: #001d4c;
    margin-top: 15px;
}

.headerTop .headerTop_contactBtn a.btn:hover {
    background: #fff!important;
    color: #000 !important;
}

.btn-primary {
    background-color: #001d4c;
    border-color: #2e6da4 !important;
}

.btn-primary:focus, .btn-primary:hover {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #001d4c !important;
}
.header_scrolled.admin-bar .gMenu_outer {
    display: none !important;
}

li#menu-item-188 {
    display: none !important;
}

/*TOPscroll*/

/*20211213*/

/*カスタム投稿装飾*/

/*背景*/
.veu_postList.pt_1 {
    background: #ffffffd9;
    padding: 45px;
}

.siteContent .subSection-title, .siteContent .widget .subSection-title {
    border-bottom: 1px solid #000000 !important;
}

/*下層ページ見出しデザイン*/
h1.page-header_pageTitle {
    font-family: serif !important;
    font-weight: bold !important;
    letter-spacing: 0.2em !important;
	text-shadow: none !important;
	border-bottom: 2px solid #ffff;
    color: #ffff !important;
    font-size: 21px !important;
	position: revert !important;
}
h1.page-header_pageTitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 92px;
    background: #ffffff !important;
    top: 56px;
    left: 50%;
    right: -50%;
}

h1.page-header_pageTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 55px;
    background: #001d4c;
    top: 82px;
    left: 50%;
    right: -55%;
}
/*下層ヘッダー色見なし*/
.headerTop {
    color: #666;
    background-color: #ffff !important;
    margin-top: -7px;
    border-bottom: none !important;
}
/*下層ページのホームボタン*/
.section.breadSection {
    display: none !important;
}

/*下層用h3*/
h3.blue-font {
    color: #001d4c;
    text-align: center;
    font-family: serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    
}

.button-margin.blue-button-p p {
    color: #001d4c;
}

a.btn.btn-flat.blue-button-contact {
    border: 1px solid #001d4c;
}

.button-margin.blue-button-p span {
    color: #001d4c;
}

a.btn.btn-flat.blue-button-contact span {
    transition: .4s;
}

a.btn.btn-flat.blue-button-contact:hover span {
    color: #fff;
    transition: .3s;
}

/*お問い合わせボタンデザインここから*/
.right {
    text-align: center;
    padding: 0px 14px;
}

.button-set-flex {
    display: flex;
    justify-content: center;
    font-family: 'Noto Sans JP';
}

a.btn.btn-coupon {
    font-size: 15px;
    display: flex;
    border: 1px solid #001d4c;
    align-items: center;
    background: #001d4c;
    color: #fff;
}

a.btn.btn-coupon.orange {
    padding: 1.6rem 5.5rem;
    background: #e7b500;
    border: 1px solid #e7b500;
    color: #001d4c;
}

a.btn.btn-coupon:hover {
    background: #fff;
    color: #001d4c;
}

i.fas.fa-phone-volume {
    font-size: 25px;
}

i.far.fa-envelope {
    font-size: 25px;
}

/*h4デザインここから*/
h4.design-h4 {
    text-align: center;
    font-size: 35px;
}

h4.design-h4 span {
    font-size: 25px;
    position: relative;
    font-family: 'Sawarabi Mincho';
}

h4.design-h4 {
    position: relative;
	font-weight: normal;
}

h4.design-h4:after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    width: 2px;
    height: 53px;
    background: #001d4c;
}

.h4-bk {
    background-image: url(https://swp00001.sakura.ne.jp/re00053/wp-content/uploads/2021/12/pixta_22751656_M.png);
	background-size: contain;
    padding: 40px 0;
    margin: 0 calc(50% - 50vw);
    padding: 30px calc(50vw - 50% + 8px);
    width: 100vw;
	margin-top: 50px;
}

/*SNSフッターデザイン*/
.sns-button__design {
    border: 1px solid #ffff;
    padding: 10px;
    margin: 6px 0;
	transition: 0.5s;
}

/*フッターデザイン*/
.siteFooter a {
    text-decoration: none !important;
}
/*ロゴ影*/
.medal-img {
    filter: drop-shadow(1px 1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(2px 0px 0px white);
}

.footer-img__flex {
    display: flex;
    align-items: center;
	margin-top: 20px;
}

footer.section.siteFooter a {
    font-weight: normal;
}
/*フローh4デザイン*/
.step-h4 {
  position: relative;
  padding-left: 4em;
  font-weight: bold;
}

.sns-button__design:hover {
    background: white;
    color: #000;
}
.step-h4 span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 9px;
    color: #ffffff;
    background: #001d4c;
    margin: 0px 0px 0 -6px;
}
/*h4デザインここまで*/
/*メニューバーフォント*/
#menu-header_menu li a strong {
    font-weight: normal;
}

/*レイアウト*/

/*確認フレーム*/

h6.flow-step-h6 {
    color: #001d4c;
    border-left: 5px solid #001d4c;
    padding: 0 10px;
    height: 26px;
    font-size: 18px;
}
.flow-box-flix {
    display: flex;
    font-family: 'Noto Sans JP';
    color: #001d4c;
}

.flex-box-list {
    border: 3px solid #001d4c;
    margin: 0 6px;
    padding: 11px 40px 0px 40px;
}

.flex-box-list {
    border: 3px solid #001d4c;
    margin: 11px 6px;
    padding: 11px 40px 0px 40px;
}
/*必要書類ボタン*/

a.section-button {
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;
}

a.section-button:hover {
  color: #fff;
  background: #000;
}

ul.list-design {
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
  width: 40%;
  font-weight: bold;
}
ul.list-design li {
  position:relative;
  color: #333;
  padding: 0 0 0 23px;
  margin: 7px 0px;
  line-height: 30px;
  border-bottom: dashed 1px #ccc;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ul.list-design li:before {
  counter-increment: list;
  content: counter(list) ".";
  display: block;
  position: absolute;
  left: 0px;
  font-weight: bold;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*運搬レイアウト調整*/
.unpan-page {
    text-align: center;
}

.section-button {
    text-align: center;
    margin: 30px 0;
}
.bank-box__flex {
    display: flex;
    width: 100%;
}

.bank-img {
    width: 70%;
}

.sold-box {
    width: 80%;
}

.trade-img__flex {
    display: flex;
    text-align: center;
    font-weight: bold;
    font-family: 'Noto Sans JP';
}

.bank-list {
    border: 3px solid #001d4c;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    letter-spacing: 0.1em;
    width: 70%;
    box-shadow: 2px 2px 10px 0 #001d4c73;
}
.trade-box {
    border: 3px solid #001d4c;
    margin: 0 10px;
    padding: 15px 53px;
}

/*注意点*/
.sold-box.red {
    border: 4px solid #c74646;
    padding: 11px;
    position: relative;
}

.sold-box.red h5 {
    background: #c74646;
    color: #fff;
    padding: 6px;
    width: 10%;
    text-align: center;
    border: 2px solid #fff;
    position: absolute;
    top: -27px;
}


.sold-box.red p {
    padding: 18px 0px 0px 0;
}


/*最後カスタムcssに記述*/
.number-title__flex {
    display: flex;
    width: 100%;
}

.step-number__background span {
    background: #001d4c;
    color: #fff;
    padding: 8px 30px;
    border-radius: 3px;
    margin: 0 16px 0px 0;
    font-family: 'Noto Sans JP';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.step-number__background {
    font-family: 'Noto Sans JP';
    font-size: 27px;
    font-weight: bolder;
    letter-spacing: 0.1em;
}

.flow-border {
    border-bottom: 9px solid #001d4c;
    margin: 0 calc(50% - 50vw) 60px;
    padding: 60px calc(50vw - 50% + 8px);
    width: 100vw;
    position: relative;
}

.arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 30px 0 30px;
    border-color: #001d4c transparent transparent transparent;
    position: absolute;
    bottom: -24px;
    left: 34px;
}
/*お知らせ*/
span.entry-meta_items.entry-meta_items_term a {
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #fff !important;
    background: #001d4c !important;
	border-radius: 1px;
}

/*お問い合わせボタン*/
.text-center.u-mb20 a:hover {
    color: #fff !important;
    background: #012560 !important;
}

.text-center.u-mb20 a {
    background: #001d4c !important;
    border-radius: 1px;
    color: #fff;
}

.step-border {
    position: relative;
}

/*お知らせ*/
.page-header_pageTitle {
    font-family: serif !important;
    font-weight: bold !important;
    letter-spacing: 0.2em !important;
    text-shadow: none !important;
    border-bottom: 2px solid #ffff;
    color: #ffff !important;
    font-size: 39px !important;
    position: revert !important;
	margin: 1.2em 0;
    font-size: 1.75rem;
    line-height: 1.1;
}

.page-header_pageTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 55px;
    background: #001d4c;
    top: 135px;
    left: 50%;
    right: -55%;
}

.page-header_pageTitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 92px;
    background: #ffffff !important;
    top: 91px;
    left: 50%;
    right: -50%;
}
/*必要書類リスト*/
a.section-button {
    border: 3px solid #001d4c !important;
    border-radius: 0;
    padding: 15px 40px 15px 40px;
    color: #fff;
    font-size: 20px;
    font-family: 'Noto Sans JP';
    background: #001d4c !important;
}

.entry-body a.section-button:hover {
    color: #001d4c;
    background: #eeeeef !important;
}
a.section-button:hover {
    color: #697385;
    background: #cdcfd3;
}
/*流れボーダーと矢印*/
.flow-border {
    border-bottom: 9px solid #001d4c;
    margin: 0 calc(50% - 50vw) 60px;
    padding: 60px calc(50vw - 50% + 8px);
    width: 100vw;
    position: relative;
}

/*レスポンシブ対応*/

@media(max-width:1024px) {
    .grid {
        padding: 1em 0px 0em !important;
    }
    a.btn.btn-coupon {
        font-size: 14px;
    }
    figure.effect-oscar figcaption {
        padding: 2.2em 2em 2em !important;
    }
}

@media(max-width:768px) {
    .catchcopy-box {
        margin: 133px 0;
    }

    .catchcopy-text {
        font-size: 60px !important;
    }

    .scrolldown2 {
        position: absolute;
        bottom: 37%;
        left: 50%;
    }

    .siteContent {
        padding: 0;
    }

    .flowbtn12 {
        width: 76%;
    }

    ul.snsbtniti2.footer-menu {
        width: 636px;
        text-align: center;
    }

    .button-margin {
        margin: 0 auto !important;
        text-align: center;
    }
    figure.effect-oscar figcaption {
      padding: 1em 2em !important;
  }
	h4.design-h4 {
font-size: 30px;
}

a.btn.btn-coupon {
font-size: 12px;
padding: 13px 15px 13px 15px;
}

a.btn.btn-coupon.orange {
padding: 1.4rem 3.5rem;
}
}

@media(max-width:641px) {

    .catchcopy-text {
        font-size: 35px !important;
    }
    span.cc__new-line {
        font-size: 13px !important;
    }

    .catchcopy-box {
        margin: 185px 0 !important;
    }
}


    @media(max-width:480px) {

        h1.page-header_pageTitle:after {
            height: 20px;
        }

        ul.snsbtniti2.footer-menu {
            width: 310%;
        }
		
		a.btn.section-button {
font-size: 17px;
padding: 15px;
}

.section-button {
margin: 0 0 25px 0px;
}

.button-set-flex {
display: block;
}
.right {
padding: 0px 12px;
}

a.btn.btn-coupon.orange {
padding: 1.1rem 3.5rem;
margin-top: 5px;
}

.flow-border {
margin: 0 calc(50% - 50vw) 48px;
padding: 18px calc(50vw - 50% + 8px);
}
.flex-box-list {
padding: 12px 20px 0px 20px;
}

.sold-box {
width: 465px;
}

.sold-box {
width: 100%;
}

.bank-list {
width: 100%;
}

.sold-box.red h5 {
width: 21%;
}

.sold-box.red {
margin-top: 26px;
}
		
		.section-button a {
    font-size: 15px;
}
.sold-box.red {
    margin-top: 40px;
}

.trade-box {
    border: 3px solid #001d4c;
    margin: 0 8px;
    padding: 7px 7px;
}

.trade-img img {
    width: 50%;
}

.trade-box {
    width: 40%;
}

.trade-box {
    border: 3px solid #001d4c;
    margin: 0 8px;
    padding: 5px 5px;
}

a.btn.btn-flat.blue-button-contact {
    width: 100%;
}

a.btn-flat {
    padding: 0.5rem 1rem;
}
    }

@media(max-width:480px) {

.siteHeader_logo {
    padding: 0 91px !important;
}
	
		.siteHeader_logo {
    font-size: 1.6rem;
    float: inherit;
    text-align: center;
    display: block;
    margin: 0 auto 0 10px !important;
    padding: 0 45px;
}

.scrolldown2 {
    bottom: -85% !important;
}
    .scrolldown2:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2px;
        height: 108px;
        background: #ffffff;
    }


    body.home h3, body.home h2 {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-weight: normal;
        /*margin: 79px 0 0;*/
    }
/*SNS*/
    ul.snsbtniti2 {
        display: block;
    }

ul.snsbtniti2 li {
    width: 100%;
    margin: 0 0 10px 0px;
}

	a.btn-flat {
    padding: 0.5rem 5rem;
}

.button-margin p {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
	
/*トップバナー*/
.grid {
  padding: 0em 0 0em !important;
}
	
.grid figure {
    float: none;
    min-width: 100% !important;
    height: 130px;
    margin-bottom: 20px;
}

figure.effect-oscar figcaption {
    padding: 0 40px !important;
    background-color: #21417499;
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

.grid figure {
    margin: 6px 0 0 0px !important;
}

/*figure.effect-oscar figcaption::before {
    position: absolute;
    top: 61px;
    right: 30px;
    bottom: 20px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}*/
figure.effect-oscar:hover {
    display: none;
}

/*h1.page-header_pageTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 55px;
    background: #001d4c;
    top: 112px;
    left: 50%;
    right: -54%;
}*/

	a.btn-flat {
    padding: 0.5rem 2rem;
}

	h1.page-header_pageTitle:before {
    top: 56px;
}

    h1.page-header_pageTitle:after {
        top: 82px;
    }
	body.page-template-default.page.page-id-267.page-child.parent-pageid-40 h1.page-header_pageTitle:before {
    top: 85px;
}
    body.page-template-default.page.page-id-267.page-child.parent-pageid-40 h1.page-header_pageTitle:after {
        top: 110px;
    }
a.btn-flat:before {
    content: none !important;
}
}

.admin-bar .siteHeader-trans-true {
    margin-top: -50px !important;
}

@media (max-width: 767px) {
  .page-header>.container {
    position: static !important;
    top: 0% !important;
    left: 0% !important;
    transform: none !important;
}
  .page-header {
    height: auto !important;
}
}

/* Video Home */


/*キャッチコピー*/
.catchcopy-text {
  text-align: center;
  font-size: 90px;
  color: #fff;
  position: relative;
}

span.cc__new-line {
  font-size: 18px;
}

.catchcopy-text p {
  line-height: 0.8em;
}

.catchcopy-box {
  margin: 370px 0;
}
.scrolldown2 span {
  animation: flash 1.5s linear infinite;
}

@keyframes flash {
0%,100% {
  opacity: 1;
}

50% {
  opacity: 0;
}


/* Video Home */


body {
  height: 100%;
  background: #3b76ffeb;
}
.top-video {
  position: fixed;
  z-index: -1;/*最背面に設定*/
  top: 0;
  right:0;
  left:0;
  bottom:0;
  overflow: hidden;
}

.top-video video {
  /*天地中央配置*/
  position: fixed;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
  filter: brightness(0.5);
}


.top-video {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: -17;
  filter: brightness(0.5);
}

/*ビデオにカラーを*/
body {
  height: 100%;
  background: #4291bfeb;
}

.top-video {
  filter: opacity(0.5);
}

.catchcopy-box {
  margin: 370px 0 260px;
}