@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

#post_slider {
	display:none;
}

.l-header__bar {
	border-bottom:solid 3px #f7d84a;

}

@media (min-width: 960px) {	
	.p-mainVisual__slideTitle {
		color:#0066bf!important;
	}
}

@media (max-width: 959px) {	
	.p-mainVisual__slideTitle {
text-shadow: 1px 2px 3px #fff;
		color:#000!important;
	}
	.p-mainVisual__slideTitle span{
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

	}

}


/*@media (min-width: 0px) and (max-width: 959px) {
	.p-mainVisual__textLayer {
    position: absolute;
    top: -130px!important;
    left: 50%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	}
}
*/

/**/
@media (min-width: 720px) {	
	.p-mainVisual__slideTitle {
		font-size: 220%;
	}
}

@media (min-width: 600px) and (max-width: 719px) {
	.p-mainVisual__slideTitle {
		font-size: 210%;
		line-height: 1.4;
	}	
}

@media (min-width: 400px) and (max-width: 599px) {
	.p-mainVisual__slideTitle {
		font-size: 180%;
		/*font-weight:bold;*/
		line-height: 1.3;
	}	
}

@media (min-width: 0px) and (max-width: 399px) {
	.p-mainVisual__slideTitle {
		font-size: 190%;
		/*font-weight:bold;*/
		line-height: 1.4;
	}	

/*	.p-mainVisual__textLayer {
    position: absolute;
    top: -140px!important;
    left: 50%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	}
*/


}


.-menuBtn {
	display:none;
}

.icon-phone{
	margin-top:2px;	
}
.c-iconBtn__label{
	margin-top:3px;
}

.w-beforeFooter {
	font-size:80%;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:2px;
	margin-bottom:1px;
	background:#115EE2;
	text-align:center;
	
}

.w-beforeFooter a{
	color:#ffffff;
	text-decoration: underline;
}

.text-white {
	color:#fff;
}

.text-red {
	color:red;
}

.text-yellow {
	color:#FFFF00;
}

.text-brown {
	color:#573d1d;
}

.text-orange {
	color:#f6a118;
}

.text-lightblue {
	color:#00a2e8;
}

.text-blue {
	color:#115EE2;
}

.text-gray {
	color:#808080;
}

.bg-blue {
  background-color:#115EE2;
}

.bold {
	font-weight:bold;
}


.f150p{
	font-size:150%;
}

.f120p{
	font-size:120%;
}

.f200p {
	font-size:200%;	
}

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

.mt10{
	margin-top:10px;
}

.under-white {
  position: relative;
  padding: 1rem 0 1rem 0;
  text-align: center;
}

.under-white:before {
  position: absolute;
  top: 76%;
  left: calc(50% - 30px);
  width: 60px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #fff;
}


.post_content h2 {
  font-size: 150%!important;
  position: relative!important;
  padding: 0rem 1.5rem 1.5rem 1.5rem!important;
  text-align: center!important;
}

.post_content h2 span {
  font-size: 60%!important;
  display: block!important;
  font-weight: lighter!important;
  margin-bottom:13px;
}

.post_content h2:before {
  position: absolute!important;
  bottom: -10px!important;
  left: calc(50% - 40px)!important;
  bottom: 3%!important;
  width: 80px!important;
  height: 5px!important;
  content: ''!important;
  border-radius: 3px!important;
  background: #fff!important;
}

@media (min-width:901px){
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 47%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 768px) and (max-width: 900px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 46%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 641px) and (max-width: 767px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 45%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 600px) and (max-width: 640px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 44%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 500px) and (max-width: 599px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 121%!important;
    left: 44%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 410px) and (max-width: 499px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 120%!important;
    left: 43%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 370px) and (max-width: 409px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 117%!important;
    left: 42%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 320px) and (max-width: 369px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 41%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 290px) and (max-width: 319px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 40%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 270px) and (max-width: 289px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 118%!important;
    left: 39%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 245px) and (max-width: 269px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 116%!important;
    left: 38%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 220px) and (max-width: 244px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 115%!important;
    left: 37%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}

@media (min-width: 200px) and (max-width: 219px) {
	.post_content h2:after {
    position: absolute!important;
    content: ''!important;
    top: 110%!important;
    left: 36%!important;
    width: 0!important;
    height: 0px!important;
    border: 30px solid transparent!important;
    border-top: 30px solid #01a2e8!important;
	}
}


.swell-block-fullWide {
background-color: #019bdc;/*#0C71F2;*/
background-image: url("/wp-content/uploads/2021/05/fullwide-backimg.png");
}


.flex {
	display: flex;
	flex-wrap: wrap;
}

.reason-img-left {
	float: left;
	margin: 1rem auto 1rem auto;
}	

@media (max-width: 767px) {
	.reason-img-left {
		margin: 1rem auto 1rem auto;
	}
}

.parent {
  background:#f0faff;
  display: flex;
	flex-wrap: wrap;
  padding:1%;
}

.child {
  background:#01a2e8;/*#00A2E8;*//*#009bdc;*/
  width: 25%;
  padding:1%;
  border-radius: 30px;
  border: solid 7px #f0faff;
}

@media screen and (max-width: 767px) {
  .child {
    width: 33%;
  }
}

@media screen and (max-width: 599px) {
  .child {
    width: 50%;
  }
}

.service {
	background-color: #fff3e0;
	background-image: url("/wp-content/uploads/2021/05/merit-backimg.png");
}

.service-box {
  padding:1rem 0 3rem 0;
}

.box-center {
    text-align: center!important;
}
.txt {
    display: inline-block;
    text-align: left;
}

.under-namisen {
  text-decoration:underline wavy #fff600;
}

.flow {
  background:#f0faff;
	padding: 2%;
}
.step-flex{
	overflow: hidden;
}
.step-box {
  margin: 2em 0;
  border: solid 2px #FFC107;
	background: #fff;
}
.step-no {
	float: left;
  padding: 0 9px;
  background: #FFC107;
  color: #ffffff;
  font-weight: bold;
	/*border-bottom: double 2px #FFC107;*/
}
.step-title {
  padding: 0 9px;
	margin-top:2px;

  color: #00a2e8;
	/*border-bottom: double 2px #00a2e8;*/
}
.step-title span{
	margin-left:10px;
}

.step-box p {
    margin: 0; 
    padding: 2%;
}

.step-img {
	float: right;
	margin: 1% 1% 1%  1%;
}

.step-img img {
	max-width: 130px;
	vertical-align: middle;
}

.border-orange {
	  border: solid 2px #FFC107;
}

.post_content h3 {
  margin: 3em 0 0em!important;
}


.triangle-under{
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-bottom: 4px solid #00a2e8;
  border-right: 4px solid #00a2e8;
  transform: rotate(45deg);
}

.fee-box {
	background-color: #fff;
	background-image: url("/wp-content/uploads/2021/05/fee-backimg.png");
	height: 10em;
	position: relative;
}

.fee-box p{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.merit {
	padding:3rem 0 3rem 0;
	background-color: #fff3e0;
	background-image: url("/wp-content/uploads/2021/05/merit-backimg.png");
}

.post_content .is-style-check_list {
	padding-right: .5em;
}

.sarani-css {
	margin:2rem 0 2.5rem 0;
}
.sarani-arrow1 {
	margin:2rem 0 0 0;
}
.sarani-arrow2 {
	margin:0 0 2.5rem 0;
}

.kei-h3 {
	margin-top:0!important;
	margin-bottom:10px;
}


.kei-h3-2 {
  position: relative;
  padding: 0 65px;
  text-align: center;
}
.kei-h3-2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #00a2e8;
}

.kei-h3-2 span {
  position: relative;
  padding: 0 1em;
  background: #f0faff;
}

.postscript {
	padding:3rem 0 3rem 0;
	background-color: #fff3e0;
	background-image: url("/wp-content/uploads/2021/05/merit-backimg.png");
}

.note{
  color: #573d1d;
  padding: 0em 2em 0em 2em;
}
.sen{
  background-color: #fff3e0;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff3e0 0%, #fff3e0 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97%, #573d1d 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
}
.sen p{
	padding-left:15px;
	padding-right:15px;
}


@media (min-width: 768px) {	
	.ps-img-left {
		float: left;
		margin: 1.5rem 20px 1.5rem 0;
		padding-left:15px;
	}

	.ps-img-right {
		float: right;
		margin: 2.5rem 0 1.5rem 20px;
		padding-right:15px;
	}
	
	.br-sp-none {
		display:inline;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.note{
   	padding: 0em 1em 0em 1em;
	}
	.ps-img-left  {
		margin: 1.8rem auto 1.8rem auto;
	}
	.ps-img-right {
		margin: 1.8rem auto 1.8rem auto;
	}
	.br-sp-none {
		display:inline;
	}

}

@media (max-width: 599px) {
	.note{
  	color: #573d1d;
  	padding: 0em 1em 0em 1em;
	}
	.sen{
  	background-color: #fff3e0;
	background-image: url("/wp-content/uploads/2021/05/merit-backimg.png");
	}
	.sen p{
		padding-left:0px;
		padding-right:0px;
	}
	.ps-img-left  {
		margin: 2rem auto 2.6rem auto;
	}
	.ps-img-right {
		margin: 2.2rem auto 2.6rem auto;
	}
	.br-sp-none {
		display:none;
	}
}

.contact {
	background:#f0faff;
	padding: 2%;
}

.toiawase-box {
	position: relative;
	margin: 3em 0 2em;
	border-bottom: 3px solid #00a2e8;
	box-shadow: 0 3px 3px -2px #FFC60A;
}


@media (min-width:961px){
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 48%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}

@media (min-width: 650px) and (max-width: 960px) {
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 48%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}

@media (min-width: 530px) and (max-width: 649px) {
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 47%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}

@media (min-width: 370px) and (max-width: 529px) {
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 46%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}

@media (min-width: 220px) and (max-width: 369px) {
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 45%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}

@media (min-width: 200px) and (max-width: 219px) {
	.toiawase-box:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 43%;
		width: 0;
		height: 0px!important;
		border: 15px solid transparent;
		border-top: 15px solid #00a2e8;
	}
}


@media (min-width: 960px) {
	.p-fixBtnWrap {
    right: 1em;
    bottom: 6em;
	}
}

@media (min-width: 600px) and (max-width: 959px) {
	.p-fixBtnWrap {
    padding-bottom: calc(env(safe-area-inset-bottom) * .5);
    bottom: 6em;
	}
}

@media (min-width: 536px) and (max-width: 599px) {
	.p-fixBtnWrap {
    padding-bottom: calc(env(safe-area-inset-bottom) * .5);
    bottom: 4em;
	}
}

@media (min-width: 369px) and (max-width: 535px) {
	.p-fixBtnWrap {
    padding-bottom: calc(env(safe-area-inset-bottom) * .5);
    bottom: 6em;
	}
}

@media (max-width: 368px) {
	.p-fixBtnWrap {
    padding-bottom: calc(env(safe-area-inset-bottom) * .5);
    bottom: 6em;
	}
}