/*
	Theme Name: f_two
*/

/*{bootstrap に追加する機能 */
/*　画面サイズが768px以上ここを読み込む　*/
@media (min-width: 576px) {
  .fs-sm-1 {
    font-size: calc(1.375rem + 1.5vw) !important
  }
  .fs-sm-2 {
    font-size: calc(1.325rem + .9vw) !important
  }
  .fs-sm-3 {
    font-size: calc(1.3rem + .6vw) !important
  }
  .fs-sm-4 {
    font-size: calc(1.275rem + .3vw) !important
  }
  .fs-sm-5 {
    font-size: 1.25rem !important
  }
  .fs-sm-6 {
    font-size: 1rem !important
  }
} 

/*　画面サイズが768px以上ここを読み込む　*/
@media (min-width:768px) {
  .fs-md-1 {
    font-size: calc(1.375rem + 1.5vw) !important
  }
  .fs-md-2 {
    font-size: calc(1.325rem + .9vw) !important
  }
  .fs-md-3 {
    font-size: calc(1.3rem + .6vw) !important
  }
  .fs-md-4 {
    font-size: calc(1.275rem + .3vw) !important
  }
  .fs-md-5 {
    font-size: 1.25rem !important
  }
  .fs-md-6 {
    font-size: 1rem !important
  }
}
/*　画面サイズが992px以上ここを読み込む　*/
@media (min-width:992px) {
  .fs-lg-1 {
    font-size: calc(1.375rem + 1.5vw) !important
  }
  .fs-lg-2 {
    font-size: calc(1.325rem + .9vw) !important
  }
  .fs-lg-3 {
    font-size: calc(1.3rem + .6vw) !important
  }
  .fs-lg-4 {
    font-size: calc(1.275rem + .3vw) !important
  }
  .fs-lg-5 {
    font-size: 1.25rem !important
  }
  .fs-lg-6 {
    font-size: 1rem !important
  }
}

/*　画面サイズが1200px以上ここを読み込む　*/
@media (min-width:1200px) {
  .fs-xl-1 {
    font-size: calc(1.375rem + 1.5vw) !important
  }
  .fs-xl-2 {
    font-size: calc(1.325rem + .9vw) !important
  }
  .fs-xl-3 {
    font-size: calc(1.3rem + .6vw) !important
  }
  .fs-xl-4 {
    font-size: calc(1.275rem + .3vw) !important
  }
  .fs-xl-5 {
    font-size: 1.25rem !important
  }
  .fs-xl-6 {
    font-size: 1rem !important
  }
} /*media (min-width: 1200px) */
@media (min-width:1400px) {
  .fs-xxl-1 {
    font-size: calc(1.375rem + 1.5vw) !important
  }
  .fs-xxl-2 {
    font-size: calc(1.325rem + .9vw) !important
  }
  .fs-xxl-3 {
    font-size: calc(1.3rem + .6vw) !important
  }
  .fs-xxl-4 {
    font-size: calc(1.275rem + .3vw) !important
  }
  .fs-xxl-5 {
    font-size: 1.25rem !important
  }
  .fs-xxl-6 {
    font-size: 1rem !important
  }
} /*media (min-width: 1400px) */
@media (min-width:1200px) {
  .fs-sm-1 {
    font-size: 2.5rem !important
  }
  .fs-sm-2 {
    font-size: 2rem !important
  }
  .fs-sm-3 {
    font-size: 1.75rem !important
  }
  .fs-sm-4 {
    font-size: 1.5rem !important
  }
  .fs-md-1 {
    font-size: 2.5rem !important
  }
  .fs-md-2 {
    font-size: 2rem !important
  }
  .fs-md-3 {
    font-size: 1.75rem !important
  }
  .fs-md-4 {
    font-size: 1.5rem !important
  }
  .fs-lg-1 {
    font-size: 2.5rem !important
  }
  .fs-lg-2 {
    font-size: 2rem !important
  }
  .fs-lg-3 {
    font-size: 1.75rem !important
  }
  .fs-lg-4 {
    font-size: 1.5rem !important
  }
  .fs-xl-1 {
    font-size: 2.5rem !important
  }
  .fs-xl-2 {
    font-size: 2rem !important
  }
  .fs-xl-3 {
    font-size: 1.75rem !important
  }
  .fs-xl-4 {
    font-size: 1.5rem !important
  }
  .fs-xxl-1 {
    font-size: 2.5rem !important
  }
  .fs-xxl-2 {
    font-size: 2rem !important
  }
  .fs-xxl-3 {
    font-size: 1.75rem !important
  }
  .fs-xxl-4 {
    font-size: 1.5rem !important
  }
}
/*}bootstrap に追加する機能 */

/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
  --white-color: #ffffff;
  --primary-color: #F8CB2E;
  --secondary-color: #e90058;
  --section-bg-color: #f0f8ff;
  --custom-btn-bg-color: #e90058;
  --custom-btn-bg-hover-color: #c01f27;
  --dark-color: #000000;
  --p-color: #000000;
  --border-color: #7fffd4;
  --link-hover-color: #fff537;
  --point-color: #b79d10;
  --body-font-family: "Zen Kaku Gothic New", sans-serif;
  --number-font-family: "Josefin Sans", sans-serif;	
  --h1-font-size: 74px;
  --h2-font-size: 48px;
  --h3-font-size: 34px;
  --h4-font-size: 30px;
  --h5-font-size: 24px;
  --h6-font-size: 22px;
  --p-font-size: 18px;
  --btn-font-size: 14px;
  --copyright-font-size: 16px;
  --border-radius-large: 100px;
  --border-radius-medium: 20px;
  --border-radius-small: 10px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
}

html{
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;	
}
body {
  background-color: var(--white-color);
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-bold);
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;	
}


/*---------------------------------------
  font-style             
-----------------------------------------*/
.josefin-italic300 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Number";
  font-family: var(--number-font-family);
  font-weight: 500;
  font-style: italic;
  unicode-range: U+0030-0039; /* 0-9 */
}

@font-face {
  font-family: "Number";
  font-family: var(--number-font-family);
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0030-0039; /* 0-9 */
}
@font-face {
  font-family: "Alphabet";
    font-family: var(--number-font-family);
  font-weight: 500;
  font-style: italic;
  unicode-range: U+0041-005A, U+0061-007A; /* A-Z, a-z */
}

@font-face {
  font-family: "Alphabet";
  font-family: var(--number-font-family);
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0041-005A, U+0061-007A; /* A-Z, a-z */
}

/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/
h2, h3, h4, h5, h6 {
  color: var(--dark-color);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: var(--font-weight-bold);
}
h1 {
  font-size: var(--h1-font-size);
}
h2 {
    background: linear-gradient(70deg, #00469e, #0c80e6);
    color: #fff;
    text-align: center;
    position: relative;
    padding: 4% 3.5%;
}
h2 span{
	position: absolute;
    top: -21px;
    right: 0;
    left: 0;
}
h3 {
  font-size: var(--h3-font-size);
}
h4 {
  font-size: var(--h4-font-size);
}
h5 {
  font-size: var(--h5-font-size);
}
h6 {
  font-size: var(--h6-font-size);
}
p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}
ul li,
ol li{
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
  line-height: 1.4;
}
ol li:list-style{
}
ol li::marker,
span.number{
  font-family: var(--number-font-family);
  font-weight: var(--font-weight-normal)!important;
  font-size: 1.8rem;
  line-height: 0;
}
a, button {
  touch-action: manipulation;
  transition: all 0.3s;
}
a {
  display: inline-block;
  color: var(--point-color);
  text-decoration: none;
}
a:hover {
  color: var(--link-hover-color);
}
b, strong {
  font-weight: var(--font-weight-bold);
}
table{
  font-weight: var(--font-weight-normal);
}
/*---------------------------------------
  資料請求ボタン
-----------------------------------------*/
.area-request{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 2;
}
.btn-request{
	background: url(./assets/images/common/btn-request.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: 100%;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
	padding: 22px 0;
	color: #fff;
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 425px;
	height: 95px;
	max-width:100%;

}
.btn-request a{
	color:white;
}
.btn-request span{
	color: #ffff2f;
}

/*追従*/
#request-banner{
position: absolute;
    top: 465px;
}
#floating-banner{
    position: fixed;
    color: #fff;
	width: 100vw;
    left: 0;
    right: 0;	
    border-radius: 6px;
    transition: .3s;
}
.hidden {
  opacity: 0;
  pointer-events: none;
}


/*---------------------------------------
  ダウンロードボタン
-----------------------------------------*/
.download-btn{
	background: #1f77c5;
	width: 167px;
	height: 50px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
}
.download-btn a{
	color: #fff;
}
/*---------------------------------------
  メールマガジンボタン
-----------------------------------------*/
.btn-mailmaga{
	background-image: linear-gradient(90deg, #f1745b, #ea363e 50%);
	background-size: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 18px 0;
	color: #fff;
	display: block;
	border-radius: 8px;
}
.btn-mailmaga a{
	color:white;
}
.btn-mailmaga span{
	color: #ffff2f;
}


.red{
	color:#f82225;	
}
.blue{
	color:#00469e;	
}
.yellow{
	color:#f8ea21;
}
.green{
	color: #00a166;
}
.border-red{
	border-color:#c6010b!important;
}
.border-blue{
	border-color:#00469e!important;
}
.border-black{
	border-color:#000000!important;
}
table.responsive-table th {
	background-color: #f3f3f3;
	width: 33%;
	padding: 1em 2em;
}
table.responsive-table td {
	width: 67%;
	padding: 1em 2em;
}

/*---------------------------------------
  MAIN               
-----------------------------------------*/
#mainvisual .catch{
	background: url(./assets/images/top/bg-maincatch.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	font-size: 1.6rem;
	padding: 15px 30px;
	text-align: center;
	margin: 0 auto;
}
#mainvisual .catch span,
#mainvisual h1 span{
	color:#f82225;
}
#mainvisual h1{
	font-size:2.3em;
	text-align: center;
	position: relative;
	-webkit-text-stroke: 5px #fff;
	text-stroke: 5px black;
	paint-order: stroke;
}
#mainvisual h1 img{
	width: 144%;
	position: absolute;
	left: -121px;
	top: -20px;
	z-index: 1;
}
#mainvisual .book{
	position: relative;
}
#mainvisual .coco{
	position: absolute;
	top: 73%;
    left: 46%;
}
.bg-gray{
	background: #edeff0;	
}
.bg-blue{
	background: #1f77c5;	
}
.bg-blue2{
	background: #e9f1f9;	
}
.bg-red{
	background: #c70004;	
}
.bg-red2{
	background: #ffced0;
}
.bg-red3{
	background: #fcf2f2;
}
.bg-yellow{
	background-color: #f8ea21;
}
.bg-s-yellow{
 background: linear-gradient(0deg, #fff537 30%, transparent 31%);
/* height: 16px;*/
 display: inline;
/* line-height: 0rem;*/
}
.bg-green{
	background-color: #00a166;
}
.bg-result {
  position: relative;
  width: 100%;
  z-index: 1;
  color: #fff;
}
.bg-result:after {
  content: '';
  position: absolute;
  background: #c70004;
  transform: skewX(-15deg);
  width: 25%;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0px;
  z-index: -2;
  margin: 0 auto;
}
.bg-red-g{
    background: linear-gradient(70deg, #c70004, #f77b01);
    color: #fff;
    text-align: center;
    position: relative;
    padding: 5% 3%;
}
.bg-red-g::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3.5px, transparent 3.5px, transparent 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 5px;
}
.bg-red-g::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3.5px, transparent 3.5px, transparent 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 5px;
}
.dotted{
	background-top: linear-gradient(to right, #fff 8px, transparent 8px);
    background-size: 10px 4px;
    background-repeat: repeat-x;
    background-position: left bottom;
}
.type{
	display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    font-weight: bold;
    align-items: center;
    width: 150px;
    height: 150px;
    border: 4px dotted;
    border-radius: 150px;
    background: #fff;
    justify-content: center;
}
.type{
	display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    font-weight: bold;
    align-items: center;
    width: 150px;
    height: 150px;
    border: 4px dotted;
    border-radius: 150px;
    background: #fff;
    justify-content: center;
}
.type1{
	color: #80327c;
	border-color:  #80327c;
}
.type2{
	color: #d0432b;
}
.border-type1{
	border-color:#80327c!important;
}
.border-type2{
	border-color:#d0432b!important;
}
.m-edge{
	-webkit-text-stroke: 4px #fff;
	text-stroke: 4px black;
	paint-order: stroke;	
}
#section1 ol li::marker{
	color: #c6010b;
}
#section3 ol.fuanbest5 li::marker{
	color: #00469e;
}
/*---------------------------------------
  SECTION               
-----------------------------------------*/
section{
	padding-bottom: 40px;
}
#section1 .answer:first-child{
	margin-top: 140px;
}
#section1 .answer:last-child{
	margin-top: 40px;
}

/* ---営業とお客様の「吹き出し」部分 */ 
.comment-area{
	
}
.eigyo,
.client,
.shini{
	position: relative;
	margin-bottom: 50px;
	width: 	280px;
	height: 90px;
}
.eigyo .comment{
	background-image: url(./assets//images/top/bg-eigyo-comment.svg);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	background-size: 100%;
	width: 280px;
	height: 80px;
    padding: 10px 0 20px;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.eigyo .ico{
	font-size: 0.8rem;
	font-weight: bold;
	position: relative;
	bottom: 20px;
	height: 60px;
	display: flex;
	align-items: center;
}
.eigyo .ico::before{
	content:"";
	background-image: url(./assets/images/top/ico-eigyo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
.client .comment{
	background-image: url(./assets//images/top/bg-client-comment.svg);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	background-size: 100%;
	width: 280px;
	height: 80px;
	padding: 15px 0 10px;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.client .ico{
	font-size: 0.8rem;
    font-weight: bold;
    position: relative;
    top: -122px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}
.client .ico::before{
	content:"";
	background-image: url(./assets/images/top/ico-client.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 60px;
	height: 60px;
	margin-left: 10px;
}
.shini .comment{
	background-image: url(./assets//images/top/bg-shini-comment.svg);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	background-size: 100%;
	width: 280px;
	height: 80px;
	padding: 15px 0 10px;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.shini .ico{
	font-size: 0.8rem;
	font-weight: bold;
	position: relative;
	top: -122px;
	height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}
.shini .ico::before{
	content:"";
	background-image: url(./assets/images/top/ico-shini.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 55px;
	height: 55px;
	margin-left: 10px;
}
#section4 .eigyo .small{
	font-size: 0.85rem;
}
#section4 .eigyo .comment{
	font-size: 0.9rem;
}
#section4 .client .comment{
/*
	font-size: 0.9rem;
	padding: 30px 0px 30px;
*/
}
#section4 .eigyo .ico{
/*
	font-size: 0.9rem;
	padding: 25px 0px 0 70px;
	top: 65px;
*/
}
#section4 .client .ico{
/*
	font-size: 0.9rem;
	padding: 20px 65px 0 5px;
*/
}

/* 営業とお客様の「吹き出し」部分 ---*/ 


#section4 .steptool{
	/* background: url(./assets/images/top/bg-main-pattern.svg); */
	 background-color: #fff; 
	padding-top: 35px;
	padding-bottom: 12px;
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 0;
}    
#section4 .steptool::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: -1200px;
	left: 0;
	right: 0;
	background: linear-gradient(70deg, #1bffab, #006133);
	transform: skewY(-50deg) translateY(260px);
	z-index: -1;
}
#section5 .mirai{
	position: relative;
	z-index: 0;
	height: 550px;
}
#section5 .mirai ul{
	position: absolute;
    top: 190px;
}
#section5 .mirai ul li{
	-webkit-text-stroke: 3px #fff;
	text-stroke: 2px black;
	paint-order: stroke;
	/* line-height: 1.5rem; */
	/* margin-left: 1.5rem; */
	/* text-indent: -2.2rem; */
	display: inline-block;
}
#section5 .mirai p{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
}

#section5 .kakaku{
	position:relative;
}
#section5 .kakaku .coco{
	position: absolute;
    bottom: -110px;
    left: 0;
    right: 0;
}
#section5 .kakaku .detail{
	position: absolute;
	bottom: 310px;
}
#section5 .catch{
	margin-top: 200px;
}
#section5 .catch h4{
	background: url(./assets/images/top/bg-catch.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	font-size: 1.6rem;
	padding: 15px 40px;
	text-align: center;
	margin: 0 auto 1rem;
}
/*-----------------------------------------*/
.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section-bg {
  background-color: var(--section-bg-color);
}
.section-overlay {
  background-color: var(--dark-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: 0.35;
}
.section-overlay + .container {
  position: relative;
}
.tab-content {
  background-color: var(--white-color);
  border-radius: var(--border-radius-medium);
  padding: 45px;
}
.nav-tabs {
  background-color: var(--section-bg-color);
  border-radius: var(--border-radius-large);
  border-bottom: 0;
  padding: 15px;
}
.nav-tabs .nav-link {
  border-radius: var(--border-radius-large);
  border: 0;
  padding: 15px 25px;
  transition: all 0.3s;
}
.nav-tabs .nav-link:first-child {
  margin-right: 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
  color: var(--primary-color);
}
.nav-tabs h5 {
  color: var(--p-color);
  margin-bottom: 0;
}
.nav-tabs .nav-link.active h5, .nav-tabs .nav-link:focus h5, .nav-tabs .nav-link:hover h5 {
  color: var(--primary-color);
}

/*---------------------------------------
  プライバシーポリシー 
-----------------------------------------*/
.request_thanks .wrapper,
.privacy-policy .wrapper {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.privacy-policy h1{
	background-image: linear-gradient(90deg, #22b173, #1f77c5 50%);
    color: #fff;
    position: relative;
    text-align: center;
    padding: 30px 0;
    font-size: calc(1.325rem + .9vw);
}
.privacy-policy h2 {
    background: #e5e5e5;
    color: #000;
    text-align: left;
    position: relative;
    padding: 4% 3.5%;
    font-size: 1.2rem;
	margin-top: 5%;
}
.privacy-policy ol li{
	line-height: 1.5em;
	margin-bottom: 1em;
}
.privacy-policy ol li::marker{
  font-size:1.2em;
}

/*---------------------------------------
  特定商取引 
-----------------------------------------*/
body.specified_commercial_transactions .inner{
	max-width: 1000px;
    width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
	padding-top:2em;
}
body.specified_commercial_transactions h1{
	background-image: linear-gradient(90deg, #22b173, #1f77c5 50%);
    color: #fff;
    position: relative;
    text-align: center;
    padding: 30px 0;
    font-size: calc(1.325rem + .9vw);
}
/*---------------------------------------
  CUSTOM ICON COLOR               
-----------------------------------------*/
.custom-icon {
  color: var(--point-color);
}
/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.custom-btn {
  background-color: #e90058;
  border: 2px solid transparent;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-bold);
  line-height: normal;
  transition: all 0.3s;
  padding: 10px 20px;
}
.custom-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  color: var(--white-color);
}
.custom-border-btn {
  background: transparent;
  border: 2px solid var(--custom-btn-bg-color);
  color: var(--custom-btn-bg-color);
}
.navbar-expand-lg .navbar-nav .nav-link.custom-btn:hover, .custom-border-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  border-color: transparent;
  color: var(--white-color);
}
.custom-btn-bg-white {
  border-color: var(--white-color);
  color: var(--white-color);
}
/*---------------------------------------
  VIDEO              
-----------------------------------------*/
.video-wrap {
  z-index: -100;
}
.custom-video {
	width: 100%;
    height: 100%;
    margin: auto;
}
.custom-video iframe{
	width: 100%;
	height: 100%;
}
/*---------------------------------------
  SITE HEADER              
-----------------------------------------*/
.site-header{
	background: url(./assets/images/top/bg-pattern-ftwo.svg);
	background-color: #edeff0;
	padding-top: 35px;
	/* padding-bottom: 12px; */
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin-bottom: 160px;
}    

.site-header::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: -1200px;
	left: 0;
	right: 0;
	background: linear-gradient(70deg, #1bffab, #006133);
	transform: skewY(-30deg) translateY(260px);
	z-index: -1;
}
/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/


/*---------------------------------------
  PRICING              
-----------------------------------------*/

/*---------------------------------------
  CONTACT               
-----------------------------------------*/
.google-map {
  border-radius: var(--border-radius-medium);
}
/*---------------------------------------
  CUSTOM FORM               
-----------------------------------------*/
.custom-form .form-control {
  color: var(--p-color);
  margin-bottom: 24px;
  padding-top: 13px;
  padding-bottom: 13px;
  outline: none;
}
.custom-form button[type="submit"] {
  background-color: #e90058;
  border: none;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-medium);
  transition: all 0.3s;
  margin-bottom: 0;
}
.custom-form button[type="submit"]:hover, .custom-form button[type="submit"]:focus {
  background: var(--custom-btn-bg-hover-color);
  border-color: transparent;
}
/*---------------------------------------
  SITE FOOTER              
-----------------------------------------*/
.site-footer {
  background-color: #002149;
  position: relative;
  overflow: hidden;
}
.site-footer-top {
}
.site-footer-bottom {
}
.site-footer-title {
  color: var(--primary-color);
}
.site-footer-link, .copyright-text {
  color: var(--white-color);
}
.site-footer-links {
  padding-left: 0;
  margin-bottom: 23px;
}
.site-footer-link-item {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.9rem;
  border-right: solid 2px #fff;
  padding-right: 10px;
}
.site-footer-link-item:last-child{
  border-right:none;
}
.copyright-text {
  font-size: var(--copyright-font-size);
  border-top: solid 2px #ffffff;
  padding-top: 8px;
}

/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (max-width: 991px) {
  h1 {
    font-size: 62px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}
@media screen and (max-width: 767px) {
  .custom-btn {
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1023px) {
  .mainimg {
    background-image: url(./assets/images/main-pre_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/* 539pxまでの幅の場合に適用される */
@media screen and (max-width: 539px) {
  .forPC {
    display: none !important;
  }
  #mainvisual .catch{
	padding: 15px 0px;
}
  #mainvisual h1 span{
		font-size:0.9em;
  }
	
/*資料請求ボタン*/
#request-banner{
  position: absolute;
    top: 660px;
  }	
	
.btn-request{
	background: url(./assets/images/common/btn-request.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 85px;
	max-width:100%;
	}
	
	/* table */
  table.responsive-table,
  table.responsive-table thead,
  table.responsive-table tbody,
  table.responsive-table th,
  table.responsive-table td,
  table.responsive-table tr {
    display: block;
    width: 100%;
  }
  table.responsive-table th{
	background-color:#f3f3f3;
}
  /* th をラベルとして td の前に表示する */
  table.responsive-table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  .custom-video iframe{
		height: 220px;
	}
}
/* 480pxまでの幅の場合に適用される */
@media screen and (max-width: 480px) {
  h1 {
    font-size: 52px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 20px;
  }
}
/*　画面サイズが540x以上ここを読み込む　*/
@media screen and (min-width:540px) {
  .forSP {
    display: none !important;
  }
	#mainvisual .catch{
		font-size: 2em;
	}
	#mainvisual .coco{
	position: absolute;
	top: 64%;
    left: 62%;
	}
	#section1 .answer{
	margin-top: 140px!important;
	}
	#section4 .steptool {
	}
	#section5 .mirai{
	position: relative;
	z-index: 0;
	height: 390px;
	width: 780px;
	}
	#section5 .mirai ul{
	position: absolute;
	top: 15px;
	right: 0;
	width: 530px;
	}
	#section5 .mirai ul li{
	-webkit-text-stroke: 3px #fff;
	text-stroke: 2px black;
	paint-order: stroke;
	display: inline-block;
	}
	#section5 .mirai p{
	position: absolute;
	top: 0;	
	left: -530px;
	right: 0;
	z-index: -1;
	display: flex;
	justify-content: center;
	}
	#section5 .kakaku .detail{
	position: absolute;
	top: -45px;
	}
	#section5 .catch{
	margin-top: 100px;
	width: 520px;
	}
	.custom-video {
	width: 670px;
    height: 370px;
    margin: auto;
	}
	.custom-video iframe{
	width: 100%;
	height: 100%;
	}
	.type {
	width:180px;
	height:180px;
	font-size:1.6rem;
	}
	.type-bg {
	position: absolute;
    top: 80px;
	}
	.request_thanks .wrapper,
	.privacy-policy .wrapper {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
	.privacy-policy h2{
		padding: 12px;
		margin-top:35px;
	}
}

/*　画面サイズが1024px以上ここを読み込む　*/
@media screen and (min-width:1024px) {
  .mainimg {
    background-image: url(./assets/images/main-pre.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/*{popup する資料請求フォームのスタイル */
/* 
   url: /request/
   (iframe ポップアップで表示)
*/
body.request {
  display: block;
  box-sizing: border-box;
  /* width: 100vw; */
  /* height: 100vh; */
  /* overflow: hidden; */
  /* position: fixed; */
}
body.request main {
}
body.request div.content {
  /* display: none; */
  /* position: absolute; */
  /* top: 0; */
  /* width: 100vw; */
  /* height: 100vh; */
  background: white;
  background-color: #edeff0;
  overflow-y: scroll;
}
body.request div.content h1 {
  background-image: linear-gradient(90deg, #22b173, #1f77c5 50%);
  color: #fff;
  position: relative;
  text-align: center;
  padding: 30px 0;
  font-size: calc(1.325rem + .9vw);
}
body.request #wpcf7-f6-o1 form.wpcf7-form.custom-wpcf7cp-confirm.wpcf7cp-form-hide {
	visibility: visible;
	height: 1px;
	overflow: hidden;
}
body.request div.content #wpcf7cpcnf {
	position: relative;
	height: auto;
}
body.request div.content .wpcf7 {
  /*max-width: 400px;*/
  margin-left: auto;
  margin-right: auto;
}
body.request div.content .zip_icon {
  margin-right: 0.3em;
}
body.request div.content .address_search {
  margin-left: 1em;
}

/*　画面サイズが768px以上ここを読み込む　*/
@media screen and (min-width: 768px) {
  body.request div.content .wpcf7 {
    width: 600px;
  }
  body.request div.content tr.ruby td input, body.request div.content tr.name td input {
    max-width: 48%;
  }
  body.request div.content #your_rubysei, body.request div.content #your_sei {
    margin-right: 1em;
  }
  body.request div.content input[type=text] {
    max-width: 100%;
  }
}
body.request div.content form > p {
  text-align: center;
}
body.request div.content form input[name=your-sei] + .wpcf7-not-valid-tip, body.request div.content form input[name=your-rubysei] + .wpcf7-not-valid-tip {
  display: none;
}
.wrapper {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.content table, .content table tbody, .content table tr, .content table th, .content table td {
  display: block;
}
.content table {
  /*table-layout: fixed;*/
  width: 100%;
  max-width: 100%;
}
body.request th, body.request .title-contactform7 {
  font-weight: bold;
}
.content .btn-request {
  max-width: 100%;
}
.wpcf7-form-control-wrap {
  max-width: 100%;
}
.require {
  display: inline-block;
  position: relative;
  background-color: #c70004;
  font-size: 0.97em;
  min-width: 2em;
  min-height: 1em;
  color: white;
  padding-left: 0.3em;
  padding-right: 0.3em;
  margin-left: 0.3em;
}
input {
  max-width: 100%;
  width: 100%;
}
input[type=text] {
  padding-left: 0.3em;
  padding-right: 0.3em;
  margin-bottom: 0.3em;
}
body.request div.content {
  display: block;
}
body.request div.content .wrapper {
  display: block;
  position: relative;
}
body.request div.content form > p {
  text-align: center;
}
body.request div.content form input#your_zip {
  width: 7em;
}
body.request div.content form .wpcf7-spinner {
  display: none;
}
body.request div.content form input[type=submit] {
  background: #1f77c5;
  color: white;
  border: none;
  border-radius: 11.5px;
  width: 200px;
  height: 66px;
}
body.request div.content .btn_area {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  z-index: 1;
  right: 13px;
  top: 3px;
}
body.request div.content .btn_area button.btn-close {
  background-color: white;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
body.request form.sent .wpcf7-response-output {
  display: none;
}

body.request div.content #wpcf7cpcnf {
  margin-top: 1em;
}
body.request div.content #wpcf7cpcnf::before {
    content: "入力内容を確認ください。";
    display: block;
    margin-bottom: 1em;
    font-size: 1.2rem;
    color: red;
    text-align: center;
}
body.request .content div.container:has(#wpcf7cpcnf) {
  
}
body.request .content div.container:has(#wpcf7cpcnf) + div.container {
  display: none;
}
body.request div.content #wpcf7cpcnf button {
  background: #1f77c5;
  color: white;
  border: none;
  border-radius: 11.5px;
  width: 200px;
  height: 66px;
  max-width: 45%;
}
body.request #wpcf7cpcnf table {}
body.request #wpcf7cpcnf table tbody {}
body.request #wpcf7cpcnf table th {}
body.request #wpcf7cpcnf table td {}
body.request #wpcf7cpcnf table td p {
  background-color: white;
  width: 100%;
  height: 100%;
  border: 1px solid #1e1e1e;
}
body.request #wpcf7cpcnf table th, body.request #wpcf7cpcnf table th p {
  font-weight: bold;
}
body.request #wpcf7cpcnf table td p {
  padding: 0.5em 0.3em;
  min-height: 2.62em;
}
body.request #wpcf7cpcnf .wpcf7cp-btns {
  text-align: center;
}
body.mailmaga_form .content .turnstile,
body.request .content .turnstile {
  width: fit-content;
  margin: 0 auto 1em;
}
/*}popup する資料請求フォームのスタイル */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/*{メルマガフォームのスタイル */
/* 
   url: https://rs3.f-two.jp/mailmaga_form/ 
*/
body.mailmaga_form {
  display: block;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
}
body.mailmaga_form main {
}
body.mailmaga_form main .container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 2em 0;
}
body.mailmaga_form main div.content {
  background-color: #edeff0;
  min-height: calc(100vh - 197px);
}
body.mailmaga_form main div.content h1,
body.request_thanks main div.content h1{
  background-image: linear-gradient(90deg, #22b173, #1f77c5 50%);
  color: #fff;
  text-align: center;
  position: relative;
  padding: 30px 0;
  font-size: calc(1.325rem + .9vw);
}
body.mailmaga_form main div.content .wpcf7 {
  /*max-width: 400px;*/
  margin-left: auto;
  margin-right: auto;
}
body.mailmaga_form main div.content input[type=email] {
    margin-right: 0.5em;
    max-width: 70%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}

/*　画面サイズが768px以上ここを読み込む　*/
@media screen and (min-width: 768px) {
  body.mailmaga_form main div.content .wpcf7 {
    /*width: 600px;*/
  }
  body.mailmaga_form main div.content input[type=email] {
    max-width: 50%;
  }
}
body.mailmaga_form main div.content form .mail > p{
  text-align: center;
}
.wrapper {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.content table, .content table tbody, .content table tr, .content table th, .content table td {
  display: block;
}
.content table {
  /*table-layout: fixed;*/
  width: 100%;
  max-width: 100%;
}
.content .btn-mailmaga_form {
  max-width: 100%;
}
.wpcf7-form-control-wrap {
  max-width: 100%;
}
.require {
  display: inline-block;
  position: relative;
  background-color: #c70004;
  font-size: 0.97em;
  min-width: 2em;
  min-height: 1em;
  color: white;
  padding-left: 0.3em;
  padding-right: 0.3em;
  margin-left: 0.3em;
}
input {
  max-width: 100%;
  width: 100%;
}
input[type=text] {
  padding: 0.5em 0.3em;
  margin-bottom: 0.3em;
}
body.mailmaga_form main div.content {
  display: block;
}
body.mailmaga_form main div.content .wrapper {
  display: block;
  position: relative;
}
body.mailmaga_form main div.content form {
  /* background: white; */
  padding: 0.5em;
}
body.mailmaga_form main div.content p.text {
  text-align: center;
  padding: 0 0.5em;
}
body.mailmaga_form main div.content form > p {
  text-align: center;
}
body.mailmaga_form main div.content form .text {
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.3em;
}
body.mailmaga_form main div.content form .wpcf7-spinner {
  display: none;
}
body.mailmaga_form main div.content form input[type=text] {
  width: 75%;
  margin-right: 0.5em;
}
body.mailmaga_form main div.content form input[type=submit] {
  display: inline-block;
  background: #fe0614;
  color: white;
  border: none;
  border-radius: 5.5px;
  width: max-content;
  padding: 0.5em 1em;
}

/*　画面サイズが768px-840pxにここを読み込む　*/
@media screen and (min-width: 768px) and (max-width: 840px) {
	#request-banner{
	position: absolute;
    top: 665px;
	}
	#section5 .catch {
	margin-top: 220px;
	width: 100%;
	}
	#section5 .kakaku .detail {
    position: absolute;
    top: -130px;
    margin: 0 auto;
    left: 220px;
	}
 }

/*　画面サイズが540x以上ここを読み込む　*/
@media screen and (min-width: 540px) {
  body.mail_thanks .container {
  max-width: 1000px;
  padding: 2em 0; 
  }
  body.mailmaga_form main div.content form .text {
    /* font-size: 1.0em; */
  }
  body.mailmaga_form main div.content form input[type=text] {
    width: 50%;
    padding: 0.5em;
  }
  body.mailmaga_form main div.content form input[type=submit] {
    padding: 0.5em 1em;
    font-size: 1.1em;
  }
  body.mail_thanks section.benri .book{
  width: 30%;
	}
}


body.mailmaga_form main div.content .btn_area {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  z-index: 1;
  right: 13px;
  top: 3px;
}
body.mailmaga_form main div.content .btn_area button.btn-close {
  background-color: white;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
body.mailmaga_form main form.sent .wpcf7-response-output {
  display: none;
}
/*}メルマガフォームのスタイル */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/*{メルマガ送信完了ページのスタイル */
/* 
   url: https://rs3.f-two.jp/mail_thanks/ 
*/
body.mail_thanks *,
body.request_thanks *{
  box-sizing: border-box;
}
body.mail_thanks .wrapper {
  max-width: 375px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
body.mail_thanks strong {
  background: linear-gradient(0deg, #fff537 30%, transparent 31%);
}
body.mail_thanks .container {
  /*width: 96%;
	margin-left: auto;
	margin-right:auto;*/
  box-sizing: border-box;
  /*    padding-top: 27.5px;*/
}
body.mail_thanks .container .btn-request {
  border: none;
  background-size: contain;
  padding: 18px 0;
  color: white;
  margin-left: auto;
  margin-right: auto;
  width: 345px;
  height: 75px;
  max-width: 100%;
}
body.mail_thanks {
  background-color: #edeff0;
}
body.mail_thanks .header,
body.request_thanks .header {
  background: linear-gradient(90deg, #f1745b, #ea363e 56%);
/*  margin-top: 27.5px;*/
	padding:1em; 
}
body.mail_thanks .header .container,
body.request_thanks .header .container{
  /*width: 96%;
	margin-left: auto;
	margin-right:auto;*/
  box-sizing: border-box;
/*  padding-top: 0;*/
}
body.mail_thanks h1,
body.request_thanks h1{
  color: #fff;
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
/*  padding: 4% 3.5%;*/
  padding-left: 0;
  padding-right: 0;
}
body.mail_thanks section {
  padding-bottom: 0px !important;
}
body.mail_thanks section.benri {
  background-color: white;
  /* aspect-ratio: 375 / 605; */
  position: relative;
  padding: 0;
}
body.mail_thanks section.benri {
  background-color: white;
  padding: 1em 0;
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
body.mail_thanks section.benri::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -1200px;
  left: 0;
  right: 0;
  background: linear-gradient(70deg, #1bffab, #006133);
  transform: skewY(-50deg) translateY(260px);
  z-index: -1;
}
body.mail_thanks section.benri .book {
  width: 90%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
body.mail_thanks section.benri .book img {
  width: 100%;
}
body.mail_thanks section.benri .bottom {
  /*position: absolute;*/
  bottom: 0;
  left: 0;
}
body.mail_thanks section.benri .bottom p {
  color: white;
  -webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;
  paint-order: stroke;	
}
body.mail_thanks section.benri::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, #ffffff 15px, #ffffff 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 4px;
}
body.mail_thanks section.list {}
body.mail_thanks section.list ul {
  list-style-type: none;
  padding-left: 0;
}
body.mail_thanks section.list ul li {
  position: relative;
  line-height: 2em;
  font-size: 1.5em;
}
/*
body.mail_thanks section.list ul li::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  bottom: 5px;
  position: absolute;
  left: calc(0.5em - 28px);
  background: url(./assets/images/mail_thanks/list_checkbox.png) no-repeat no-repeat;
}
*/
body.mail_thanks section.tool .container {
  padding: 0;
}
body.mail_thanks section.tool .block {
  background-color: #ffd6d7;
  position: relative;
  padding: 1em;
}
body.mail_thanks section.tool .block::before, body.mail_thanks section.tool .block::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, #ffffff 15px, #ffffff 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 4px;
}
body.mail_thanks section.tool .block::before {
  top: 0;
}
body.mail_thanks section.tool .block::after {
  bottom: 0;
}
/*}メルマガ送信完了ページのスタイル */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/*{資料請求送信完了ページのスタイル */
body.request_thanks main {
  min-height: calc(100vh - 197px);
}
body.request_thanks .wrapper {
	max-width: 375px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
body.request_thanks strong {
	background: linear-gradient(0deg, #fff537 30%, transparent 31%);
}
body.request_thanks .container .btn-request{
	border: none;
	background-size: contain;
	padding: 18px 0;
	color: white;
	margin-left: auto;
	margin-right: auto;
	width: 345px;
	height: 75px;
	max-width:100%;
}
body.request_thanks {
    background-color: #edeff0;
}
body.request_thanks .container{
	/*width: 96%;
	margin-left: auto;
	margin-right:auto;*/
	box-sizing: border-box;
    padding-top: 27.5px;
}
body.request_thanks h2{
    background: linear-gradient(90deg, #f1745b, #ea363e 56%);
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
body.request_thanks section.benri{
    background: url(./assets/images/mail_thanks/img1.png) no-repeat no-repeat;
    background-color: white;
    background-size: contain;
    aspect-ratio: 375 / 605;
    position: relative;
    padding: 0;
}
body.request_thanks section.benri .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}
body.request_thanks section.benri .bottom p{
    color: white;
}
body.request_thanks section.benri::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3.5px, transparent 3.5px, transparent 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 4px;
}
body.request_thanks section.list{}
body.request_thanks section.list ul {
  list-style-type: none;
  padding-left: 1em;
}
body.request_thanks section.list ul li{
  position: relative;
  padding-left: 28px;
  line-height: 2em;
  font-size: 1.4em;
}
body.request_thanks section.list ul li::before{
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  bottom: 5px;
  position: absolute;
  left: calc(0.5em - 28px);
  background: url(./assets/images/mail_thanks/list_checkbox.png) no-repeat no-repeat;
}

body.request_thanks section.tool{
    background-color: #ffd6d7;
    position: relative;
}
body.request_thanks section.tool::before,
body.request_thanks section.tool::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3.5px, transparent 3.5px, transparent 18.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 4px;
}
body.request_thanks section.tool::before{
  top: 0;
}
body.request_thanks section.tool::after{
  bottom: 0;
}
body.mail_thanks .return_top {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 576px) {
  body.mail_thanks .return_top {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
body.request_thanks .return_top{
  text-align: center;
  margin-bottom: 2em;
}
body.mail_thanks .return_top a,
body.request_thanks .return_top a{
  color: #002149;
  text-decoration: underline;
}
/*}資料請求送信完了ページのスタイル */