@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** 建設業マトリクス
************************************/
.tbl_kensetsu table{width:100% !important;}


/************************************
** 画像を80%
************************************/
  /* 画像：PCは80%、スマホは100% */
  .img80 img {
    width: 80%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* 中央寄せ（不要なら削除） */
  }

  /* スマホ（～767px）は100%に */
  @media (max-width: 767px) {
    .img80 img {
      width: 100%;
    }
  }



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.pc_only{display:block !important;}
.sp_only{display:none !important;}

/*1023px以下*/
@media screen and (max-width: 1023px){
	/*モバイルユーザビリティの問題が検出されたとき*/
	.nt-warning{font-size:16px !important;line-height:1.2em !important;}
	.date-tags{font-size:16px !important;line-height:1.2em !important;}
	.btn-l{font-size:16px !important;line-height:1.2em !important;}
	.entry-category, .post-date, .post-update, .post-author, .amp-back{font-size:16px !important;line-height:1.2em !important;}

	.pc_only{display:none !important;}
	.sp_only{display:block !important;}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** トップメニューのサンプルサイト
************************************/
.sample_site_menu{
	font-weight:bold;
}
.sample_site_menu .item-label{
	color:#7acbcd !important;
}
/************************************
** フォームとテーブルのデザイン
************************************/
.table{
	background-color: #fff;
}
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
form u.kotei {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}
/* ボタン */
input[type="submit"] {
	display:block;
  background-color: #bf0000;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin: 0 auto;
  width: 80%;
}
/* 禁止マーク */
input:disabled {
    cursor: not-allowed;
}
label.disabled {
    cursor: not-allowed;color:#999;
}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** テーブルのデザイン
************************************/
.table{
	font-size:0.9em;
	  border-collapse: collapse;
}
.table .tr{
  display: table;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
  vertical-align:top;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:70%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 文字の配置center left right
************************************/
.center{text-align:center;margin:0 auto;}
.center a{text-align:center;margin:0 auto;}
.center img{text-align:center;margin:0 auto;}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** ダミーテキスト
************************************/
.c0{
 font-size:0%;
}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** スマホ版トップ画像
************************************/

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 見出し
************************************/
.article h2{
	margin:73px 0 15px;
	padding:5px 0;
	font-size:28px;
	font-weight:700;
	border-bottom:2px solid #181818;
	background-color: transparent;
}
@media screen and (max-width:768px){
	.article h2{
	margin:41px 0 22px;
	padding:8px 0;
	font-size:22px;
	line-height:1.5;
	background-color: transparent;
	}
}
.article h3{
	margin:56px 0 20px;
	padding:13px 28px 12px;
	font-size:21px;
	font-weight:700;
	background:#f3f3f3;
	border-radius:10px;
	border:0px;
}
@media screen and (max-width:768px){
	.article h3{
	margin:25px 0 18px;
	padding:16px 10px 15px;
	font-size:20px;
	border-radius:4px;
	}
}
.article h4{
	margin:56px 0 16px;
	padding: 0 2rem;
	border-left: 4px solid #f3f3f3;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h4 {
	margin:25px 0 14px;
	padding: 0 2rem;
	border-left: 4px solid #f3f3f3;
	border-top: 0px;
	border-bottom: 0px;
	}
}
.article h5{
	margin:56px 0 16px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h5 {
	margin:25px 0 14px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
	}
}
.article h6{
	margin:56px 0 16px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h6 {
	margin:25px 0 14px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
	}
}



/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** SNSアイコン等の表示
************************************/

@font-face {
  font-family: 'icomoon';
  src:  url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.eot?mgdqi2');
  src:  url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.eot?mgdqi2#iefix') format('embedded-opentype'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.ttf?mgdqi2') format('truetype'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?mgdqi2') format('woff'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.svg?mgdqi2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.social-icon:before {
  display: inline-block;
  font: normal normal normal 16px/1 icomoon;
  margin-right: 2px;
  position: relative;
  top: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* Twitter */
.icon-twitter:before {
  content: '\e91c';
}
/* Facebook */
.icon-facebook:before {
  content: '\e919';
}
/* はてな */
.icon-hatena:before {
  content: '\e916';
}
/* Pocket */
.icon-pocket:before {
  content: '\e914';
}
/* LINE */
.icon-line:before {
  content: '\e915';
}
/* Push7 */
.icon-push7:before {
  content: '\e90e';
  font-size: 21px;
  top: 3.5px;
}
/* Feedly */
.icon-feedly:before {
  content: '\e92e';
  font-size: 21px;
  top: 3px;
}
/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** SNSアイコン等の表示（著者）
************************************/
.sns-follow-buttons > a > span {
  font-size: 18px;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  margin-right: 2px;
  background-color: transparent;
  color: #ddd;
  border-radius: 2px;
}
.sns-follow-buttons > a > span:before {
  display: inline-block;
  font: normal normal normal 16px/1 icomoon;
  margin-right: 2px;
  position: relative;
  top: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* homepage */
.icon-home-logo:before {
  font-size: 12px !important;
  content: 'HP';
}
.icon-home-logo:hover {
  color: #00f !important;
}
/* Twitter */
.icon-twitter-logo:before {
  content: '\e91c';
}
.icon-twitter-logo:hover {
  color: #55acee;
}
/* Facebook */
.icon-facebook-logo:before {
  content: '\e92d';
}
.icon-facebook-logo:hover {
  color: #3b5998;
}
/* はてな */
.icon-hatebu-logo:before {
  content: '\e931';
}
/* Instagram */
.icon-instagram-logo:before {
  content: '\e932';
}
.icon-instagram-logo:hover {
  color: #008fde;
}
/* Pinterest */
.icon-pinterest-logo:before {
  content: '\e936';
}
.icon-pinterest-logo:hover {
  color: #cc2127;
}
/* YouTube */
.icon-youtube-logo:before {
  content:'\e93a';
}
.icon-youtube-logo:hover {
  color: #e52d27;
}
/* Flickr */
.icon-flickr-logo:before {
  content: '\e92f';
}
.icon-flickr-logo:hover {
  color: #1d1d1b;
}
/* LINE */
.icon-line-logo:before {
  content: '\e935';
}
.icon-line-logo:hover {
  color: #00c300;
}
/* GitHub */
.icon-github-logo:before {
  content: '\eab0';
}
.icon-github-logo:hover {
  color: #24292e;
}
/* Push7 */
.icon-push7-logo:before {
  content: '\e937';
}
.icon-push7-logo:hover {
  color: #eeac00;
}
/* Feedly */
.icon-feedly-logo:before {
  content: '\e92e';
}
.icon-feedly-logo:hover {
  color: #87bd33;
}
/* RSS */
.icon-rss-logo:before {
  content: '\e938';
}
.icon-rss-logo:hover {
  color: #fe9900;
}
/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 著者ボックス
************************************/
.author-box .author-widget-name{font-weight:bold;}
.author-box .author-name{}
.author-box .author-description{font-size:90%;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
@media screen and (max-width: 1023px){.author-box{padding:1em 0.5em;}}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** LPランディングページ横幅いっぱい
************************************/
#content{
  overflow: hidden;
}
.editor-styles-wrapper .block-editor-block-list__block.lp_box{
	width: 100% !important;
	margin: 1em auto !important;
	padding: 1em 0 !important;
	border:3px dotted #ccc !important;
}
.lp_box{margin: 0 calc((100% - 100vw) / 2) 1.8em calc((100% - 100vw) / 2)  !important;padding: 3em calc(50vw - 50% ) 3em calc(50vw - 50% ) !important;
  width: 100vw;
  overflow: hidden;
  box-sizing:border-box;
  border:0;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.lp_box{
		margin: 0 calc((100% - 100vw) / 2) 1.8em calc((100% - 100vw) / 2) !important;
		padding: 3em calc(50vw - 50% ) 3em calc(50vw - 50% ) !important;
		width: 100vw;
		overflow: hidden;
		box-sizing:border-box;
		border:0 !important;
		border-radius: 0 !important;
	}
}
/*LPの見出し*/
.lp_box .wp-block-cocoon-blocks-button-1{
	margin: 5em 0;
}

.lp_box h2 {
  position: relative;
  margin: 0;
  padding: 1.5rem;
  text-align: center;
  border:0;
  font-size:2em;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.lp_box h2 {
	font-size:clamp(1.7em, 1vw, 2.7em);
	}
}
.lp_box h3 {
  position: relative;
  margin: 0;
  padding: 1.5rem;
  text-align: center;
  background-color: transparent;
  color:#1b406d;
  margin: 2em 0;
  font-size:1.5em;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.lp_box h3 {
	font-size:clamp(1.5em, 1vw, 2.5em);
	}
}
/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** メタスライダーマージン調整
************************************/
.metaslider,
.slides {
overflow: hidden;
}
.btn-menu::before {
margin-right: 0;
}
/************************************
** 共通CSS
** フッターメニュー リンクデザイン
************************************/
.navi-footer-in a{}
.navi-footer-in a:hover{
	background-color: #f0f0f0;
	color: #333333 !important;
}
/************************************
** 共通CSS
** ラベルボックスに枠線が入ってしまう現象
************************************/
.label-box{border:0;}
.tab-caption-box{border:0;}


/************************************
** アニメーション フェードインなど
************************************/
/*  スマホ描画幅処理 */
#content{overflow: hidden;}

/* fade up 複数の場合*/
.page .u-fade-type-up{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-up{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}
.page .is-active .u-fade-type-up:nth-child(7){transition-delay: 2.4s;}
.page .is-active .u-fade-type-up:nth-child(8){transition-delay: 2.8s;}
.page .is-active .u-fade-type-up:nth-child(9){transition-delay: 3.2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-up{transition-delay:0s;}
}

/* fade up  単一の場合 */
.page .u-fade-type-up1{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up1.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .u-fade-type-up2{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up2.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-up3{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up3.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-up4{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up4.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-up5{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up5.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-up6{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up6.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-up2.is-active{transition-delay:0s;}
  .page .u-fade-type-up3.is-active{transition-delay:0s;}
  .page .u-fade-type-up4.is-active{transition-delay:0s;}
  .page .u-fade-type-up5.is-active{transition-delay:0s;}
  .page .u-fade-type-up6.is-active{transition-delay:0s;}
}

/* fade down 複数の場合*/
.page .u-fade-type-down{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-down{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-down:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-down:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-down:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-down:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-down:nth-child(6){transition-delay: 2s;}
.page .is-active .u-fade-type-down:nth-child(7){transition-delay: 2.4s;}
.page .is-active .u-fade-type-down:nth-child(8){transition-delay: 2.8s;}
.page .is-active .u-fade-type-down:nth-child(9){transition-delay: 3.2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-down{transition-delay:0s;}
}

/* fade down  単一の場合 */
.page .u-fade-type-down1{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down1.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .u-fade-type-down2{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down2.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-down3{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down3.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-down4{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down4.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-down5{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down5.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-down6{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down6.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-down2.is-active{transition-delay:0s;}
  .page .u-fade-type-down3.is-active{transition-delay:0s;}
  .page .u-fade-type-down4.is-active{transition-delay:0s;}
  .page .u-fade-type-down5.is-active{transition-delay:0s;}
  .page .u-fade-type-down6.is-active{transition-delay:0s;}
}

/* fade left */
.page .u-fade-type-left{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-left{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-left:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-left:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-left:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-left:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-left:nth-child(6){transition-delay: 2s;}
.page .is-active .u-fade-type-left:nth-child(7){transition-delay: 2.4s;}
.page .is-active .u-fade-type-left:nth-child(8){transition-delay: 2.8s;}
.page .is-active .u-fade-type-left:nth-child(9){transition-delay: 3.2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-left{transition-delay:0s;}
}

/* fade left  単一の場合 */
.page .u-fade-type-left1{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left1.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .u-fade-type-left2{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left2.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-left3{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left3.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-left4{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left4.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-left5{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left5.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-left6{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left6.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-left2.is-active{transition-delay:0s;}
  .page .u-fade-type-left3.is-active{transition-delay:0s;}
  .page .u-fade-type-left4.is-active{transition-delay:0s;}
  .page .u-fade-type-left5.is-active{transition-delay:0s;}
  .page .u-fade-type-left6.is-active{transition-delay:0s;}
}

/* fade right */
.page .u-fade-type-right{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-right{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-right:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-right:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-right:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-right:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-right:nth-child(6){transition-delay: 2s;}
.page .is-active .u-fade-type-right:nth-child(7){transition-delay: 2.4s;}
.page .is-active .u-fade-type-right:nth-child(8){transition-delay: 2.8s;}
.page .is-active .u-fade-type-right:nth-child(9){transition-delay: 3.2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-right{transition-delay:0s;}
}

/* fade right  単一の場合 */
.page .u-fade-type-right1{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right1.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .u-fade-type-right2{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right2.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-right3{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right3.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-right4{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right4.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-right5{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right5.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-right6{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right6.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-right2.is-active{transition-delay:0s;}
  .page .u-fade-type-right3.is-active{transition-delay:0s;}
  .page .u-fade-type-right4.is-active{transition-delay:0s;}
  .page .u-fade-type-right5.is-active{transition-delay:0s;}
  .page .u-fade-type-right6.is-active{transition-delay:0s;}
}

/* fade 画像の場合 */
.js-scroll-trigger {position:relative;}
.js-scroll-trigger img.u-fade-type-up:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-up{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-down:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-down{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-left:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-left{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-right:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-right{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}

/* fade 画像のキャプション */
.page .u-fade-type-up-imgcaption{position:absolute;top:220px;left:0px;padding:24px;}
@media screen and (max-width: 1023px) {.page .u-fade-type-up-imgcaption{position:absolute;top:110px;left:0px;padding:12px;}}

/************************************
** アニメーション 文字に左からアンダーラインを引く
************************************/
/* アニメーション前のスタイル */
.marker-under {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66); /* 単色の場合は同じ色、グラデーションの場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 2s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}
/* アニメーション発火時 */
.marker-under.inview {
  background-size: 100% 30%; /* '30%'の部分は上で設定した太さに合わせる */
}

/************************************
** アニメーション 文字を左から表示する
************************************/
.text-fadein{margin-bottom:1.8em;}
.text-fadein span{
  display: inline-block;
  position: relative;
}
.text-fadein span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.text-fadein.active span:before {
  width: 0%;
}



/************************************
** テキストデザイン
************************************/
div.block1_1{background-color:#f7fcfe;margin:0;padding:1rem; }
div.block1_2{background-color:#fff;margin:0;padding:1rem; }
p.font_ll{font-size: 8vw;line-height:100%;color:#000;letter-spacing:0;font-weight:bold;margin:0 !important;padding:0 !important;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
@media screen and (max-width: 1023px){p.font_ll{font-size: 24vw;}}
p.font_l{font-size: 4vw;line-height:100%;color:#000;letter-spacing:0;font-weight:bold;margin:0 !important;padding:0 !important;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
@media screen and (max-width: 1023px){p.font_l{font-size: 12vw;}}
p.font_m{font-size: 2vw;line-height:140%;color:#000;letter-spacing:0.2em;font-weight:bold;margin:0 !important;padding:0 !important;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
@media screen and (max-width: 1023px){p.font_m{font-size: 6vw;line-height:160%;}}
p.font_ss{font-size: 1vw;line-height:200%;color:#999;letter-spacing:0.1em;font-weight:bold;margin:0 !important;padding:0 !important;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
@media screen and (max-width: 1023px){p.font_ss{font-size: 3.2vw;}}


/************************************
** 追従メニューにロゴを表示しない
************************************/
#header a{color:#000;text-decoration:none;}
#header a:hover{color:#000;text-decoration:none;}
.hlt-top-menu .header-in{display:none;}/* 追従メニューにロゴを表示しない */
.fixed-header{background-color: #1b406d;}/* 追従メニューの色 */

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** モバイルフッターボタン
************************************/
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1){background-color:#134a77;color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) .navi-menu-content{background-color:#fff;color:#000;font-weight:normal;}
.mobile-footer-menu-buttons .sidebar-menu-button{background-color:#134a77;color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .sidebar-menu-button .sidebar-menu-content{background-color:#fff;color:#000;font-weight:normal;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2){background-color:#134a77;color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .custom-menu-icon{font-weight:bold;color:#FFF;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .custom-menu-icon::after {content:"";}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .menu-caption{font-weight:bold;color:#FFF;}


/************************************
** フォームとテーブルのデザイン
************************************/
.table{
	background-color: #fff;
}
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
form u.kotei {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}
/* ボタン */
input[type="submit"] {
	display:block;
  background-color: #bf0000;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin: 0 auto;
  width: 80%;
}
/* 禁止マーク */
input:disabled {
    cursor: not-allowed;
}
label.disabled {
    cursor: not-allowed;color:#999;
}

/************************************
** テーブルのデザイン
************************************/
.table{
	font-size:0.9em;
	  border-collapse: collapse;
}
.table .tr{
  display: table;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
  vertical-align:top;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:70%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}