@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.front-page-entry-title{
	font-size:26px;
text-align:center;
width:100%;
	padding:10px;
}

/*全体構造関連*/

.content {
		margin-top:1px;
	border:none;
}

.main {
    padding-top:0;
}


/*見出しカスタマイズ*/
.article h2 {
  background-color:#e5e5e5;
}

.article h3 {
  border: 3px solid #e5e5e5;
}

.article h4 {
  border-top: none;
}

.article h5 {
  border-bottom: none;
	border-left:5px solid #777;
}




/*固定ページの投稿日・更新日を非表示*/
.page .date-tags {
display: none;
}



/*ヘッダー内部*/

.logo_caiwa_top{
	position:relative;
 top:25px;
	left:180px;
}


.navi-in a {
  font-size: 14px;
}

nav ul li a {
  margin:0px 5px;
}

nav ul li a::after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background: #0991ce;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0, 1);
  transition: .3s;
}

nav ul li a:hover {
  color: #888!important;
}

nav ul li a:hover::after {
  transform: scale(1, 1);
}

nav ul li a.active   {
    background:#0991ce;
	color:#ffffff!important;
	
}

nav ul li a.active:hover  {
	color:#888!important;
	
}



.header-container ul.sub-menu{
	border: 1px solid #ccc;
	box-shadow: 1px 1px 3px #d2d2d2;
	box-sizing:border-box;
}

/* トップCTAボタンのスタイル */

.top_cta_box {
	display:flex;
	position:absolute;
	top:350px;
	left:70px;
}

a.top-cta-btn{
	  color: #fff!important;
  text-decoration: none!important;
	
}
.top-cta-btn {
  display: flex;
gap:8;
  align-items: center;
  width: 210px;
  height: 54px;
  padding: 6px 30px 6px 6px;
	margin:5px;
  font-family: sans-serif;
  font-size: 14px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #EF6DA5;
  border-radius: 27px; /* (buttonの高さ / 2) の値 */
	border: 3px solid #EF6DA5;
}

.top-cta-btn:hover {
    background-color: #fff;
    color: #EF6DA5!important;
}


.top-cta-btn__reverse {
  flex-direction: row-reverse;
  padding: 6px 6px 6px 30px;
}

.top-cta-btn_icon {
  display: flex;
flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 38px;
  aspect-ratio: 1;
  padding: 2px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
}

.top-cta-btn_text {
  flex-shrink: 1;
  width: 100%;
}


/* boxzilla */
.boxzilla-content{
	width:100%;
	display:flex;
	flex-direction:column; 
	justify-content:center;
}


a.boxzilla-cta-btn{
  color: #fff!important;
text-decoration: none!important;

}
.boxzilla-cta-btn {
display: flex;
gap:8;
align-items: center;
width: 250px;
height: 54px;
padding: 6px 30px 6px 6px;
margin:5px auto;
font-family: sans-serif;
font-size: 14px;
color: #fff;
text-align: center;
overflow-wrap: anywhere;
background-color: #EF6DA5;
border-radius: 27px; /* (buttonの高さ / 2) の値 */
border: 3px solid #EF6DA5;
}

.boxzilla-cta-btn:hover {
  background-color: #fff;
  color: #EF6DA5!important;
}


.boxzilla-cta-btn__reverse {
flex-direction: row-reverse;
padding: 6px 6px 6px 30px;
}

.boxzilla-cta-btn_icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 38px;
aspect-ratio: 1;
padding: 2px;
overflow: hidden;
background-color: #fff;
border-radius: 50%;
}

.boxzilla-cta-btn_text {
flex-shrink: 1;
width: 100%;
}



/* CTAウィジェット サイドバー資料請求で利用*/

.cta-box {
    background-color: #14698e!important;
    color: #fff;
    text-align:center;
}


.cta-heading {
    padding:0!important;
}


.cta-message{
    padding:0!important;
	margin:0!important;
}

/* カスタマイズボタン　（カスタムHTMLボタン）用 */

/* ベース*/
.cstm-btn,
a.cstm-btn,
button.cstm-btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  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;
}

.cstm-btn-wrap {
  margin: 30px 0;
	width:100%;
}


a.cstm-btn-c {
  font-size: 18px;

  position: relative;

  padding: 0.25rem 2rem 1.5rem 3.5rem;

  color: #fff;
  background: #0095D9;

}

a.cstm-btn-c span {
  font-size: 14px;

  position: absolute;
  top: -1.4rem;
  left: calc(50% - 100px);

  display: block;

  width: 200px;
  padding: 10px;

  color: #666666;
  border: 2px solid #cccccc;
  border-radius: 100vh;
  background: #fff;
 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.cstm-btn-c span:before,
a.cstm-btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.cstm-btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #cccccc transparent transparent transparent;
}

a.cstm-btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.cstm-btn-c i {
  margin-right: 1rem;
}

a.cstm-btn-c:hover {
  opacity:75%;
}


/************************************
** 資料ダウンロードボタン
************************************/
.btn_downloadform {
 background: #5BADE3;
	background: -moz-linear-gradient(top,#1c6bba 0%,#074da0);
	background: -webkit-gradient(linear, left top, left bottom, from(#1c6bba), to(#074da0));
	border: 1px solid #084d7c;
	color:#FFFFFF !important;
	display:block;
	border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
    	width:155px;
margin:15px auto;
text-align:center !important;
font-size:100%;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 200;
padding:7px 10px 2px 10px;
    box-sizing: border-box;
}
/*資料ダウンロードボタンカスタマイズ*/

.download-count{
	display:none!important;
}

.download-box {
	border:none!important;
	box-shadow:none!important;
	max-width:500px!important;
	min-width:350px;
}

.download-box img{
	display:none!important;
}


.download-box-content {
	border:none!important;
}

.download-box-content h1{
	display:none!important;
}

.download-button {
	font-size:18px!important;
		color:#fff!important;
}


.download-button small{
	display:none!important;
}


/************************************
** ボックスメニュー
************************************/


.box-menu{
	color:#666;

	
}

.box-menu:hover{
	    box-shadow: inset 1px 1px 0 0 #EF6DA5, 1px 1px 0 0 #EF6DA5, 1px 0 0 0 #EF6DA5;
	color:#EF6DA5;

	
}


.box-menu-icon{
	color:#EF6DA5;
	
}

/************************************
** アピールエリア
************************************/
.no-appeal-area .appeal {
  display: none;
}

.appeal-in {
  display: block;
	
  padding: 3% 5%;
}

.appeal-content {
	width:100%;
	text-align:left;
	background:transparent;
  padding: 2em;
  border-radius: var(--cocoon-basic-border-radius);
}

.appeal-title {
	position:absolute;
	left:100px;
	top:200px;
  font-size: 1.7em;
  font-weight: bold;
	 color: #555555;
}

.appeal-message {
  margin-bottom: 1.5em;
		position:absolute;
	left:100px;
	top:290px;
}

.appeal-button {
  color: var(--cocoon-white-color);
  text-decoration: none;
  background-color: #c9171e;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 9px 42px;
  margin: 0 8px;
  border-radius: var(--cocoon-basic-border-radius);
}
.appeal-button:hover {
  color: var(--cocoon-white-color);
  opacity: 0.7;
}


/*資料ダウンロードボタンカスタマイズ*/

.download-count{
	display:none!important;
}

.download-box {
	border:none!important;
	box-shadow:none!important;
	max-width:500px!important;
	min-width:350px;
}

.download-box img{
	display:none!important;
}


.download-box-content {
	border:none!important;
}

.download-box-content h1{
	display:none!important;
}

.download-button {
	font-size:18px!important;
}


.download-button small{
	display:none!important;
}



.go-to-top{
	z-index:1!important;
}


/*トップページスライダー*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
#sequence-theme {
 background-color: #D9D9D9;
  color: white;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 500px;
  //max-width: 1280px;
  -webkit-backface-visibility: hidden;
  /* prevent graphical glitches in WebKit browsers when using transitions */
}

#sequence-theme a {
  color: #25A9E0;
text-decoration: none;

}

#sequence-theme a:hover {
  color: #25A9E0;
text-decoration: underline;

}


#sequence-theme #sequence {
  height: 500px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
	min-width:1250px;
	 background-color: #dde8ed;
}


#sequence-theme .pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 4;
}
#sequence-theme .paused {
  opacity: 0.3;
}


#sequence-theme #sequence-preloader {
  background: #d9d9d9;
}





#sequence-theme #sequence ul {
	z-index:0;
}


#sequence-theme #sequence li {
	
  height: 100%;
  position: absolute;
  top: -50%;
  width: 100%;
}
#sequence-theme #sequence li > * {
  position: absolute;
}
#sequence-theme #sequence li img {
  height: 96%;
}


#sequence-theme #sequence h1 {
  font-size:28px!important;
  color: #393939;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial,helvetica,clean,sans-serif;
  font-weight: bold;
text-shadow: 0 13px 6px rgba(0,0,0,0.2);
	position:absolute;
	left:100px;
	top:100px;
}

.top_subtitle {
  font-size: 20px;
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial,helvetica,clean,sans-serif;
	position:absolute;
	left:100px;
	top:230px;
	width:410px;
}

#sequence-theme #sequence h2 {
  font-size: 22px;
  color: #EF6DA5;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial,helvetica,clean,sans-serif;
  font-weight: bold;
text-shadow: 0 13px 6px rgba(0,0,0,0.2);
}
#sequence-theme #sequence h3 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial,helvetica,clean,sans-serif;
    font-weight: nomal;
}

#sequence-theme .btn_concie_open {
  width: 210px;
  bottom: 1%;
  z-index: 50;
}



#sequence-theme .copytitle {
left: 30px;
  top: 70%;
  opacity: 0;
  position: relative;

  color: #608CB4;

  width: 500px;

  line-height:150%;
  text-align:left;
}
#sequence-theme .animate-in .copytitle {
  left: 30px;
  top: 62%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .copytitle {
  left: 30px;
  top: 60%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}





#sequence-theme .subtitle {
	left: 40px;
  top: 75%;
  opacity: 0;
  position: relative;


  color: #608CB4;
  font-size: 16px;

  width: 400px;

  line-height:150%;
  text-align:left;
}
#sequence-theme .animate-in .subtitle {
  left: 40px;
    top: 80%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .subtitle {
  left: 40px;
      top: 81%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}



#sequence-theme .model {
  left: 70px;
  top: 90%;
  opacity: 0;
  position: relative;
  height: auto !important;
  max-height: 568px !important;
  //width: 100%;
  //min-width: 225px;
  /*prevents the model from shrinking when the browser is resized*/
  //max-width: 266px;
}
#sequence-theme .animate-in .model {
  left: 50px;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .model {
  left: 50px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*Contact Form 7カスタマイズ*/
/*			form
/*-------------------------------------------*/
.content form table	{ margin-top:25px; }
.content form input[type=text],
.content form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:100%;}
.content form textbox	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:100%;}
.content form input[type=radio] { width:auto; }
.content form input[type=checkbox] { width:auto; }

/*			trust-form
/*-------------------------------------------*/
.content #trust-form	{ width:100%; }

/*			contactform7
/*-------------------------------------------*/
.content .wpcf7	{ margin-top:20px; }
.content form span.wpcf7-form-control-wrap	{ position:relative; display:block; overflow:hidden; clear:both; /*回り込みをしている為*/ }
.content form span.wpcf7-form-control-wrap .wpcf7-list-item,
.content form span.wpcf7-form-control-wrap .wpcf7-list-item label	{ display:block; float:left; }
.content form span.wpcf7-form-control-wrap .wpcf7-list-item	{ padding-top:8px; padding-bottom:8px; }
.content form span.wpcf7-not-valid-tip	{ position:relative; display:block; overflow:hidden; border:2px solid #c00; background-color:#FFeeee;left:0px;top:4px; margin-bottom:0px; }
.content form div.wpcf7-validation-errors	{ border:2px solid #c00; background-color:#FFeeee; text-align:center; }
.content .wpcf7 dl		{ display:block; overflow:hidden; border-bottom:1px dotted #ccc; }
.content .wpcf7 dl dt	{ display:block; overflow:hidden; padding:10px;float:left; width:30%; color:#666; font-weight:lighter; }
.content .wpcf7 dl dd	{ display:block; overflow:hidden; padding:10px;margin-bottom:0px; }

/* 送信ボタン */
input.wpcf7-submit {
	width: 100%;
	height: 60px;
	background: #6CB8EA;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border:none;
	cursor: pointer;
}

input.wpcf7-submit:hover {

	background: #5BADE3;

}

/*お問い合わせ用テーブルデザイン*/
.contactTable{
	width:100%;
	margin-top:20px;
}
.contactTable__header{
	width:180px;
	padding:0 0 30px 0;
	vertical-align:top;
	line-height:1.5;
}
.contactTable__header .required{
	display:block;
	float:right;
	text-align:center;
	padding:3px 5px;
	font-size:1.2rem;
	background:#C1272D;
	color:#fff;
	border-radius:5px;	
}
.contactTable__data {
    padding:0 0 30px 20px;
	vertical-align:top;
	line-height:1.5;
}
.contactTable__data .error{
	display:block;
	font-size:1.2rem;
	color: #B70000;
	padding:3px 0;
}
.contactTable__data input,
.contactTable__data textarea {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    border-radius: 5px;
    background: #F2F2F2;
}

.icon_must {
	color:#D61D63;
	text-decoration:none;
    text-align: center;
    border: 1px solid #D61D63;
    padding:2px;
    font-size: 12px;
}

.icon_option {
	color:#666;
	text-decoration:none;
    text-align: center;
    border: 1px solid #666;
    padding:2px;
    font-size: 12px;
}

.flex_cont p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*			フッター
/*-------------------------------------------*/
.footer{
	color: #fff;
	background-color:#e9e9e9;
	margin-top:1px;
}

.footer-bottom-logo img {
	height:auto;
}

#footer {
	font-size:14px;
}

#footer a:hover {
	color:#666;
}

.copyright {
	margin-right:20px;
}


/************************************
**余白関連　マージン　パディング等
************************************/
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

/************************************
**FLEX ボックス関連
************************************/

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/************************************
**レイアウト関連
************************************/
.center-self{
	margin:0 auto;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
    #sequence-theme {
 display:none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  #sequence-theme {
 display:none;
}
}