@charset "UTF-8";
/* CSS Document */
html{
	scroll-behavior: smooth;
}
body{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #000000;
}
body.second{
	margin-top: 78px;
}
html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}
*:focus {
	outline: none;
}
img {
	image-rendering: -webkit-optimize-contrast;
}

/* font
------------------------------*/

/* link
------------------------------*/
a{
	color: #3c3c3c;
	transition : color 0.5s ease 0s;
	text-decoration: none;
}
a:focus {
    outline: none;
}
a:hover{
	text-decoration: none;
	color: #a57a44;
}
.underline_link{
	text-decoration: underline!important;
}

iframe{
	vertical-align: bottom;
}

figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
	margin: 0;
}
figure:hover {
	opacity: 0.7;
}

hr{
	border-top: 2px dashed #4493d0;
}
hr.border_gray{
	border-top: 2px dashed #b4b4b4;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

/* ガター幅（余白）を調整 */
.row-0 {
	margin-left:0px;
	margin-right:0px;
}
.row-0>div {
	padding-right:0px;
	padding-left:0px;
}
.row-10 {
	margin-left:-5px;
	margin-right:-5px;
}
.row-10>div,.row-10>li {
	padding-right:5px;
	padding-left:5px;
}


/* list
------------------------------*/
li{list-style-type: none;}
ul.circle_list{
	padding-left: 1em;
	text-indent: -1.3em;
	/* text-indent: -1em; */
}

.circle_list li::before{
	content: "● ";
	/* content: "・"; */
}
ul.circle_list.font-l{
	font-size: 18px;
}
ol  {
	position: relative;
	margin: 0;
	padding: 0
}
ol li  {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
ol li span {
	position: absolute;
	left: 0;
	margin: 0
}
.sns_icon_area{
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%) ;
}
.sns_icon li img{
	width: 35px;
}
.sns_icon li a img{
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sns_icon li a:hover img{
	opacity: .6;
}
/* color
------------------------------*/
.white{
	color: #FFF;
}
.orange{
	color: #e95412;
}
.red{
	color: #AD3012;
}
.lightblue{
	color: #249CDB;
}
.purple{
	color: #8757CF;
}
.yellow{
	color: #FFD244;
}
.gold{
	color: #D2A800;
}
/* space
------------------------------*/
section{

}
.color_inner{
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.contents_space{
	padding-top: 3rem;
}



header{
	background-color: rgba(206, 195, 125, 0.8);
	padding: 10px 0;
	position: relative;
}
.logo,.footer-logo{
	width: 70px;
	text-align: center;
	margin: 0 auto;
}

/* tab
------------------------------*/
.tab-content{
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
		padding: 1.5rem;
}
.tab-pane {
	height: 580px;
	overflow-x: hidden;
	overflow-y: auto;
}
.nav-tabs .nav-link{
	border-bottom: none;
}
.tw svg{
	filter: invert(98%) sepia(0%) saturate(7492%) hue-rotate(90deg) brightness(100%) contrast(103%);
}

.nav-tabs .nav-link.active.tw::before , .nav-tabs .nav-item.show .nav-link.tw::before {
	background-color: #249CDB;
	color: #FFF;
}

.nav-tabs .nav-link.active.insta::before , .nav-tabs .nav-item.show .nav-link.insta::before {
	background-color: #8757CF;
	color: #FFF;
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{
	padding: 1.5rem 1rem 1.5rem 4rem;
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 1;
	width: 100%;
	border: none;
	justify-content: center;
}

.nav-tabs .nav-link.active::before , .nav-tabs .nav-item.show .nav-link::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	/* background: #01579B; */
	transform: scaleY(1.3) perspective(0.6em) rotateX(2deg);
	transform-origin: bottom left;
	border-radius: 8px 8px 0 0;
}
.nav-tabs .nav-link::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #737373;
	transform: scaleY(1.3) perspective(0.6em) rotateX(2deg);
	transform-origin: bottom left;
	border-radius: 8px 8px 0 0;
}
.nav-tabs .nav-item{
	width: 50%;
	text-align: center;
}
/* title
------------------------------*/
.tit{
	font-size: 21px;
}
.tit_sub{
	font-size: 18px;
}
.tit_tb-border{
    position: relative;
    padding: 0.5rem 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
	margin-top: 2rem;
	font-size: 1.75rem;
}
@media (max-width: 767px){
	.tit_tb-border{
		font-size: 1.2rem;
	}
}
.tit_tb-border:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 40px);
	width: 80px;
	height: 2px;
	content: '';
	border-radius: 3px;
	background: #000;
}
.tit_tb-border::after {
	position: absolute;
	top: -10px;
	left: calc(50% - 40px);
	width: 80px;
	height: 2px;
	content: '';
	border-radius: 3px;
	background: #000;
}
.tit_sns{
	border-radius: 40px;
	padding: 1rem;
	color: #FFF;
	text-align: center;
	font-size: 1.2rem;
}
.tit_sns.tw{
	background-color: #249CDB;
}
.tit_sns.insta{
	background-color: #8757CF;
}
.tit_b-border{
	position: relative;
    padding: 0 1.5rem .5rem;
    text-align: center;
    margin-bottom: 3rem;
	font-size: 1.25rem;
}
.tit_b-border:before {
	position: absolute;
    bottom: -10px;
    left: calc(50% - 50px);
    width: 100px;
    height: 3px;
    content: '';
    border-radius: 3px;
    background: #F1CC38;
}


.tit_b-border.brown:before {
	position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    border-radius: 3px;
    background: #B1796B;
}


.tit_slasht {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 36px;
}

.tit_slasht:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(-25deg);
}

.tit_slasht:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(25deg);
}




.tit_oubo {
	position: relative;
	padding: 0 65px;
	text-align: center;
	color: #9f3c28;
	font-weight: 600;
}
.tit_oubo::after{
	position: absolute;
	bottom: 0;
	left: 0;
	top: calc(50% - 1px);
	width: 100%;
	height: 10px;

	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #9f3c28, #000 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #9f3c28, #9f3c28 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}



.tit_oubo span {
	position: relative;
	padding: 0 1em;
	background: #fff;
	z-index: 1;
}

/* .tit_c_border{
	position: relative;
	padding: 0 65px;
	text-align: center;
	color: #AD3012;
}

.tit_c_border:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #AD3012;
  }

.tit_c_border span {
	position: relative;
	padding: 0 1em;
	background: #fff;
  } */

.tit_c_border{
	display: flex;
	align-items: center;
	text-align: center;
	color: #AD3012;
	font-size: 1.375rem;
}
.tit_c_border::before,
.tit_c_border::after{
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #AD3012;
}
.tit_c_border::before{
	margin-right: 10px;
	padding-left: 15px;
}
.tit_c_border::after{
	margin-left: 10px;
	padding-right: 15px;
}

/* box
------------------------------*/
.box_shadow{
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px 20px;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
}
.box_ushi{
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px 20px;
	border: 7px solid #954533;
	z-index: 2;
}
.box_oubo{
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px 0px;
	border: 7px solid #954533;
	z-index: 2;
}
.ushi img{
	width: 200px;
}
.round_box{
	border: 1px solid #000;
	border-radius: 20px;
	padding: 0 1rem;
}
.round_box .row{
	/* margin-top: -35px; */
}
.process_list li:not(:last-child){
	border-bottom: 1px dashed #000;
	margin-bottom: 1rem;
}
.process_list_inner p{
	padding: 1rem 0;
}

.process_list_inner p span{
	font-size: 1.3rem;
}
.sns_box{
	padding: 2rem;
	color: #FFF;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
}
.sns_box p{
	font-size: 1.5rem;
}
.sns_box.tw{
	background-color: #249CDB;
}
.sns_box.insta{
	background-color: #8A5CD0;
}
.attention_box{
	border: 1px solid #CCC;
	padding: 1.5rem;
  height: 250px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.attention_box ul li{
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: square;
}

.attention_box ul li strong{
	font-weight: 600;
}


.attention_box ul li p{
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif!important;
	font-weight: 500;
}
.cm_box{
	background-color: #7e210b;
    padding: 3rem;
    border: solid 2px #bf9710;
    outline: solid 2px #bf9710;
    outline-offset: 4px;
    margin: 2px;
}

/* .balloon {
	background: url(./img/oubo_sla.png) #9f3c28;
	background-repeat: no-repeat;
	background-size: 20px;
	position: relative;
	display: inline-block;
	margin: 1.5em 0 3rem;
	padding: 1.5rem 1rem;
	width: 100%;
	color: #FFF;
	font-size: 1.5rem;

	text-align: center;
}

.balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #9f3c28;
}

.balloon p {
	margin: 0;
	padding: 0;
} */
.balloon {
	position: relative;
	background-image: url(./img/oubo_sla.png);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3rem;
	color: #FFF;
	text-align: center;
	font-size: 1.5rem;
}
.balloon:before,.balloon2:before {
    content: "";
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -15px;
    border: 30px solid transparent;
    border-top: 30px solid #9f3c28;
}
.balloon .fab{
	font-size: 40px;
}
.balloon2{
	position: relative;
    /* background-color: #9f3c28; */
    background-image: url(./img/oubo_sla_bg.png);
    background-repeat: repeat-x;
    background-position: center;
    background-size: contain;
    color: #FFF;
    text-align: center;
    font-size: 1.5rem;

}
.oubo_sla{
	background-image: url(./img/oubo_sla.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
.balloon_text{
	padding: 3rem;

}
/* text
------------------------------*/
.lead_text{
	font-size: 18px;
}

.bold{
	font-weight: bold!important;
}
.l-h15{
	line-height: 1.5;
}
.l-h18{
	line-height: 1.8;
}
.l-h2{
	line-height: 2.5;
}
.l-spacec_c1{
	letter-spacing: .08em;
	text-indent: .08em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}

.l-font{
	font-size: 1.6rem;
	font-weight: 600;
}


/* bg
------------------------------*/
.bg_black{
	background-image:  url(./img/bg_gold.png) ,url(./img/bg_black.png);
	background-position: bottom center,center;
	background-repeat: no-repeat,repeat;
	background-size: cover,cover;
}

.bg_gold{
	background-image:url(./img/2412_2502/bg_gold.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 767px) {
	.bg_black{
		background-image:  url(./img/bg_gold-sp.png) ,url(./img/bg_black.png);
		background-position: bottom center,center;
		background-repeat: no-repeat,repeat;
		background-size: cover,cover;
	}
	.bg_gold{
		background-image:url(./img/2412_2502/bg_gold.webp);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.bg_gradation{
	background: rgb(154,64,43);
	background: url(./img/cloud.png) ,-moz-linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 100%) ;
	background: url(./img/cloud.png) -webkit-linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 100%);
	background: url(./img/cloud.png) ,linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a402b",endColorstr="#db9889",GradientType=1);
	background-size: contain;
	background-repeat: no-repeat;
}
.bg_gradation-red-white{
	background: rgb(154,64,43);
	background: url(./img/cloud2.png) ,-moz-linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 100%) ;
	background: url(./img/cloud2.png) -webkit-linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 100%);
	background: url(./img/cloud2.png) ,linear-gradient(180deg, rgba(154,64,43,1) 0%, rgba(219,152,137,1) 57%,rgba(255,255,255,1) 22%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a402b",endColorstr="#db9889",GradientType=1);
	background-size: contain;
	background-repeat: no-repeat;
}
.bg_beige{
	background-color: #F2EEED;
}
.bg_grey{
	background-color: #F2EEED;
}

.bg_cm{
	background-color: #9f3c28;
	padding: 3rem 0 15rem;
	background-image: url(./img/bg_cm.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
@media (max-width: 767px){
	.bg_cm{
	padding: 3rem 0 5rem;
	}
}
/* 上斜め */
.slant_top{
	padding-bottom: calc(10vw + 10px);
	position: relative;
	overflow: hidden;
	background-color:#fff;
}
.slant_top::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 10vw solid #F2EEED;
	border-left: 100vw solid transparent;
}
.slant_top.white_bg{
	padding-bottom: 0;
}
.slant_top.white_bg::before{
	border-bottom: 10vw solid #fff;
}
/* 下斜め */
.slant_bottom{
	padding-bottom: calc(10vw + 10px);
	position: relative;
	overflow: hidden;
	background-color:#F2EEED;
}
.slant_bottom::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 10vw solid #fff;  /* 三角を白にする */
	border-left: 100vw solid transparent;
}
.slant_bottom.brown::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 10vw solid #864333;  /* 三角を白にする */
	border-left: 100vw solid transparent;
}
/* 矢印 */
.slant_arrow {
	background: #db9889;
	position: relative;
	/* margin-bottom: calc(5vw + 10px); */
	/* margin-bottom: calc(10vw + 10px); */
  }
.slant_arrow::after {
	content: "";
	position: absolute;
	/* top: 100%; */
	/* top: 57%; */
	top: 56.99%;
	/* left: 0; */
	right: 0;
	width: 0;
	height: 0;
	/* border-width: 10vw 50vw 0 50vw; */
	border-width: 22vw 50vw 0 50vw;
	border-style: solid;
	border-color: #db9889 transparent transparent transparent;
}


/* button
------------------------------*/
.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: none;
}
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.pdf_button {
	width: 100%;
    background-color: #9f3c28;
    border: 2px solid #9f3c28;
    color: #fff;
    border-radius: 100px;
    padding: 1rem 0.5rem;
    font-size: 1.2rem;
    /* font-size: 1.5rem; */
    position: relative;
}
.pdf_button span{
	display: block;
	font-size: 1rem;
}
.pdf_button:hover {
	background-color: #fff;
	border-color: #9f3c28;
	color: #9f3c28;
}
.pdf_button::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 50%;
	/* right: 10px; */
	right: 25px;
	transform: translateY(-50%);
	z-index: 1;
}

.shop_button {
	width: 100%;
    background-color: #4F60B1;
    border: 2px solid #4F60B1;
    color: #fff;
    border-radius: 100px;
    padding: 1rem 0.5rem;
    font-size: 1.2rem;
  }
.shop_button img{
    width: 50px;
    height: 45px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
.shop_button:hover {
	opacity: 0.7;
	color: #fff;
}
.shop_button::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 50%;
	/* right: 10px; */
	right: 40px;
	transform: translateY(-50%);
	z-index: 1;
}

.character{
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 1;
}
.character img{
	width: 80px;
}

.character-right{
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%);
	z-index: 1;
}
.character-right img{
	width: 80px;
}
.arrow-button {
	position: relative;
	display: inline-block;
	padding: 1rem 1.5rem ;
	background-color: #CECE2C;
	border: 2px solid #CECE2C;
	color: #000000;
	text-align: center;
	text-decoration: none;
	border-radius: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
	max-width: 400px;
	width: 100%;
}
.arrow-button:hover {
	color: #000000;
	opacity: .8;
}
.arrow-button::after {
	position: absolute;
	top: 50%;
	/* right: .2em; */
	right: 1em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
.arrow-button:hover::after {
	right: 0.7em;
}

/* topBtn
------------------------------*/
#page-top a{
	display: flex;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	transition:all 0.3s;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 15px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.Up{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.Down{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

#page-top-sp{
	background-color: #000;
	padding: 10px;
	text-align: center;
}
#page-top-sp a{
	color: #FFF;
	display: block;
}

/* footer
------------------------------*/
.contact_area{
	background-color: #F9F5E5;
	padding: 5rem 0;
	margin-top: 5rem;
}
.contact_area dt.icon-phone{
	position: relative;
	padding-left: 65px;
}
.contact_area dt.icon-phone::before{
	/* content: url(./img/icon-phone.svg); */
	content: "";
	background-image: url(./img/icon-phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	display: inline-block;
	width: 40px;
	height: 40px;
	transform: scale(0.1);
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%) ;
	-webkit-transform: translateY(-50%) ;
}
.contact_area .tel{
	font-weight: bold;
	font-size: 1.5rem;
}
.contact_area dt{
	font-weight: normal;
	color: #9f3c28;
}
.fa-stack{
	text-align: center;
}
footer{
	background-color: #B99400;
	text-align: center;
	padding: 45px 0;
	color: #FFF;
	font-size: 0.875rem;
}
/* footer h1 img{
	width: 166px;
} */

.ja_logo img{
	width: 140px;
}
.ja_logo{
	display: inline-block;
}
.ja_logo a{
	margin: 1rem 0 2rem;
	background-color: #FFF;
	border-radius: 30px;
	display: block;
	padding: .5rem 1rem 1rem;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ja_logo a:hover{
	opacity: .8;
}
/* topBtn
------------------------ */


@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
	}
	/* space
	------------------------------*/

	section{

	}
	.contents_space{
		padding-top: 8rem;
	}


	/* text
	------------------------------*/
	.lead_text{
		font-size: 22px;
	}
	.lead_text_s{
		font-size: 20px;
	}

	/* title
	------------------------------*/
	.tit{
		font-size: 32px;
	}
	.tit_sub{
		font-size: 26px;
	}
	.tit_slasht {
		/* font-size: 2.5rem; */
		font-size: 2rem;
	}
	.tit_oubo {
		font-size: 2.5rem;
	}
	.tit_c_border{
		font-size: 1.75rem;
	}
	/* button
	------------------------------*/

	/* box
	------------------------------*/
	.box_shadow{
		width: 80%;
		margin: 0 auto;
		padding: 50px;
	}
	.box_ushi{

		margin: 0 auto;
		padding: 50px;

		z-index: 2;
	}
	.box_oubo{

		margin: 0 auto;
		padding: 50px;

		z-index: 2;
	}
	.ushi{
		position: absolute;
	    top: -2%;
		right: -2%;
	}
	.ushi img{
		width: 250px;
	}
	.border-process{
		border-top: 1px solid #000;
	}
	.process_list li:not(:last-child){
		border-right: 1px dashed #000;
		margin-bottom: 0;
		border-bottom: none;
	}
	/* .process_list_inner p{
		border-top: 1px solid #000;
	} */
	.process_list_inner{
		margin-top: -20px;
	}
	.process_list_inner p{
		padding: 1rem 0;
		margin-top: 1rem;
	}
	.attention_box{
		padding: 3rem;
	}
	.character-right_area{
		position: relative;
	}
	/* tab
	------------------------------*/
	.nav-tabs .nav-item{
		width: 350px;
		text-align: left;
	}
	.logo,.footer-logo{
		width: 120px;
	}
	.sns_icon_area{
		right: 70px;
	}
	.sns_icon li img{
		width: 35px;
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{
		justify-content: start;
	}
	/* footer
	------------------------------*/

	.ja_logo a{
		margin: 1rem 0 3rem;
	}
	.contact_area dt.icon-phone{
		font-size: 1.25rem
	}
}

@media (max-width: 767px){
	.process_list_inner{
		text-align: center;
	}

	/* tab
	------------------------------*/
	.nav-tabs .nav-link.active::before , .nav-tabs .nav-item.show .nav-link::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		/* background: #01579B; */
		transform: scaleY(1) perspective(0.6em) rotateX(0);
		transform-origin: bottom left;
		border-radius: 8px 8px 0 0;
	}
	.nav-tabs .nav-link::before{
		transform: scaleY(1) perspective(0.6em) rotateX(0);
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
		padding: 1.5rem .5rem;
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{
		width: 98%;
	}
	.nav-tabs .nav-item{
		font-size: 13px;
	}
	.ushi{
		padding-top: 2rem;
		text-align: center;
	}
	.ushi img{
		width: 100px;
	}
	.character{
		display: none;
	}
}
@media (min-width: 992px){
	/* text
	------------------------------*/
	.l-font{
		font-size: 2.625rem;
	}
	.character img{
		width: 110px;
	}
	.character{
		top: -90px;
		right: 20px;
	}
}
@media (max-width: 991px){
	.slant-bg .w-75{
		width: 100%!important;
	}
}
@media (min-width: 1200px){


}
@media (max-width: 1199px){
}
@media (min-width: 576px){
}
@media (max-width: 575px){
	.tit_slasht{
		font-size: 1.5rem;
	}
}



@media (min-width: 768px) and (max-width: 991px) {
	/* text
	------------------------------*/
	.l-font{
		font-size: 2.25rem;
	}
	.character img{
		width: 90px;
	}
	.character{
		top: -90px;
		right: 20px;
	}
}




@media print{
}




/* 5 Columns */
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		flex: 0 0 20%;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		flex: 0 0 20%;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		flex: 0 0 20%;
	}
}
.spnone{display: none;}
.pcnone{display: block;}

@media (min-width: 768px){
  .spnone{display: block;}
  .pcnone{display: none;}

}
.border-chiiki{
	border: 2px solid #944433;
    color: #fff;
    background-color: #944433;
    margin-top: 2rem;
    padding: 0 0.5rem;
}