@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;800&display=swap");
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
/*===================================================
 css reset
====================================================*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, img, a,
ol, ul, li,
form, label,
table, tbody, tfoot, thead, tr, th, td,
article,footer, header, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	list-style: none;
	text-decoration: none;
	vertical-align: baseline;
}
/*====== Web Font =================================================
font-family: 'Inter', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Rubik', sans-serif;
font-family: 'Sawarabi Mincho', serif;
==================================================================*/
*,
*::before,
*::after {box-sizing: inherit}
*{box-sizing:content-box;}
/*
html{
	font-family:"Noto Sans Japanese", "Hiragino kaku Gothic Pron","ヒイラギ各ゴ proN w3","Arial","メイリオ",Vardana,sans-serif;
	background:#000;
}
*/
body{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "MS P明朝", "MS 明朝", serif;
	background:#FFF;
	overflow-x: hidden;
    color:#000;
    font-size:1rem;
}
.mirio2{
	font-family:'メイリオ', 'Meiryo', sans-serif;
}

a{
	color: #111;
	text-decoration: none;
    outline: none;
}
a:hover{
    opacity:0.6;
    cursor:pointer;
}
.wrapbox{
	max-width:1920px;
	width:100%;
	height:auto;
	/*background:#ff00ff;*/
}
.sp,
.sp2{display:none}

/*===================================================
 Header CSS
====================================================*/
.header_top{
	width:100%;
	height:auto;
	text-align:center;
	padding:5px 0;
}
.header_top h1{
	font-size: 1rem;
}
.header_box{
	position: relative;
	width:100%;
	height:100px;
	/*background:#00ff00;*/
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1)79%, rgba(235, 235, 235, 1));
	z-index:100;
}
.header_inner{
	width:70%;
	margin:auto;
	/*background:#ff00ff;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header_inner .logo{
	width:30%;
	/*background:#ccc;*/
}
.header_inner .pc_menu{
	display: block;
	width:65%;
	/*background:#ff0000;*/
}
ul.icon{
	display:flex;
	align-items: center;
	justify-content: space-around;
	width:100%;
	height:50px;
	/*background:#ffff00;*/
}
ul.icon li.nt1{
	/*background:#ff0000;*/
	width:45%;
	text-align: left;
}
ul.icon li.nt3{
	text-align: center;
}

ul.icon li.nt2{
	width:15%;
}
ul.menu_list{
	display:flex;
	align-items: center;
	justify-content: space-around;
	width:100%;
	height:50px;
}
ul.menu_list li{
	text-align: center;
	padding:0 10px;
	/*background:#ffff00;*/
}
ul.menu_list li a{
	width:100%;
	/*background:#ff0000;*/
	padding:0 10px;
}
/*-- タブレット・スマホメニュー消す --*/
.drawer_button,
.drawer_nav,
.icon2{
	display:none;
}
@media screen and (max-width: 1024px) {
	.header_top{
		width:100%;
		height:auto;
		text-align:center;
		padding:10px 0;
	}
	.header_inner .pc_menu,
	ul.icon2 li.nt1{
		display:none;
	}
	.header_box{
		position: relative;
		width:100%;
		height:250px;
		/*background:#00ff00;*/
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 1)79%, rgba(235, 235, 235, 1));
		z-index:100;
	}
	.header_inner{
		width:98%;
		margin:auto;
		display: block;
	}
	.header_inner .logo{
		width:96%;
		margin: auto;
		/*background:#ccc;*/
	}
	.header_inner .logo img{
		width: 100%;;
	}
	ul.icon2{
		display:flex;
		align-items: center;
		justify-content:space-around;
		width:100%;
		height:50px;
		padding-top:20px;
		/*background:#ffff00;*/
	}
	ul.icon2 li.nt3{
		width:40%;
		text-align: center;
	}
	ul.icon2 li.nt3 img{
		width:100%;
	}
	ul.icon2 li.nt12{
		width:10%;
		text-align: center;
	}
	ul.icon2 li.nt12 img{
		width:100%;
	}
	ul.icon2 li.nt13{
		width:20%;
		/*background:#0000ff;*/
	}
	.drawer_button {
        display:block;
		float:right;
        position:relative;
		top:-40px;
		right:0;
        width:6rem;
        height:4rem;
        background-color: transparent;
        border:none;
        cursor:pointer;
        z-index:999;
		background:#fff;
		padding-bottom:4rem;
		border-radius: 10px;
    }
	 /* ハンバーガーボタン内の線 */
	 .drawer_button > span{
        display:block;
        position: absolute;
        top:50%;
        left:50%;
        width:3rem;
        height:4px;
        background-color: #000;
        transform: translateX(-50%);
    }
    .drawer_button > span:first-child {
        transform: translate(-50%, calc(-50% - 1rem));
        transition: transform 0.3s ease;
    }
    .drawer_button > span:nth-child(2) {
        transform: translate(-50%, -50%);
        transition: transform 0.3s ease;
    }
    .drawer_button > span:last-child {
        transform: translate(-50%, calc(-50% + 1rem));
        transition: transform 0.3s ease;
    }
	.drawer_button > span:last-child::after {
		content:"Menu";
		position: absolute;
		top:8px;
		left:-2px;
		color:#000;
		font-size: 1rem;
		height: 2rem;
		padding-bottom:1rem;
		text-transform: uppercase;
	}

    /* 展開時のデザイン */
    .drawer_button.active > span:first-child {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .drawer_button.active > span:nth-child(2) {
        opacity: 0;
    }
    .drawer_button.active > span:last-child {
        transform: translate(-50%, -50%) rotate(45deg);
    }
	.drawer_button.active > span:last-child::after {
		content:"Close";
		transform: translateY(50%) rotate(-45deg);
		top:4px;
		left:2.5rem;
	}
	.drawer_nav {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width: 100%;
        height:100vh;
        background-color: rgba(0, 0, 0, 0.5);
        transition: opacity 0.3s ease;
        opacity: 0;
        visibility: hidden;
    }
    .drawer_nav.active {
        opacity: 1;
        visibility: visible;
		z-index: 888;
    }
    .drawer_nav_inner {
        position: relative;
        width:70%;
        height:100%;
        background-color: #fff;
        padding:3rem 1.5rem 1rem;
        margin: 0 0 0 auto;
        overflow: scroll;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    .drawer_nav.active .drawer_nav_inner {
        transform: translateX(0);
    }
    .drawer_nav_menu {
        list-style: none;
        padding-left: 0;
		padding-top:12vh;
		/*background:#ffff00;*/
    }
	.drawer_nav_item {
		padding:20px 0;
	}
    .drawer_nav_link {
        display:block;
        color:#000;
		font-size: 2rem;
        text-decoration: none;
        padding: 0.1rem 0.4rem;
        border-bottom: solid 1px lightgray;
    }
    .drawer_nav_link img {
        width:10%;
    }
}
@media screen and (max-width: 820px) {
	/*.header_inner .logo{
		width:50%;
	}
	.header_inner .logo img{
		width:100%;
	}*/
}
@media screen and (max-width: 600px) {
	.header_box{
		height:auto;
		padding:0 0 30px 0;
	}
	.drawer_button {
        display:block;
		float:right;
        position:relative;
		top:0;
		right:0;
        width:5rem;
        height:1.5rem;
        background-color: transparent;
        border:none;
        cursor:pointer;
        z-index:999;
		background:#fff;
		border-radius: 10px;
		color:#000;
    }
	 /* ハンバーガーボタン内の線 */
	 .drawer_button > span{
        display:block;
        position: absolute;
        top:20%;
        left:50%;
        width:3rem;
        height:3px;
        background-color: #000;
        transform: translateX(-50%);
    }
	.drawer_nav_link {
        display:block;
        color:#000;
		font-size: 1.5rem;
        text-decoration: none;
        padding: 0.1rem 0.4rem;
        border-bottom: solid 1px lightgray;
    }
	.drawer_button > span:first-child {
        transform: translate(-50%, calc(-50% - 0.8rem));
        transition: transform 0.3s ease;
    }
    .drawer_button > span:nth-child(2) {
        transform: translate(-50%, -50%);
        transition: transform 0.3s ease;
    }
    .drawer_button > span:last-child {
        transform: translate(-50%, calc(-50% + 0.8rem));
        transition: transform 0.3s ease;
    }
	.drawer_button > span:last-child::after {
		content:"Menu";
		position: absolute;
		top:8px;
		left:-2px;
		color:#000;
		font-size: 1rem;
		height: 2rem;
		padding-bottom:1rem;
		text-transform: uppercase;
	}

    /* 展開時のデザイン */
    .drawer_button.active > span:first-child {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .drawer_button.active > span:nth-child(2) {
        opacity: 0;
    }
    .drawer_button.active > span:last-child {
        transform: translate(-50%, -50%) rotate(45deg);
    }
	.drawer_button.active > span:last-child::after {
		content:"Close";
		transform: translateY(50%) rotate(-45deg);
		top:4px;
		left:2.5rem;
	}
	.drawer_nav_menu {
        list-style: none;
        padding-left: 0;
		padding-top:14vh;
		/*background:#ffff00;*/
    }
}
@media screen and (max-width: 500px) {
	.sp{
		display:block;	/*-- トップH1メッセージの折り返し --*/
	}
}
/*********************************************
 Top_img css
*********************************************/
.top_img{
	position: relative;
	width:100%;
	height:calc(80vh - 100px);
	background-color: #f6f6f4;
	background-image: url("../img/top_bg.jpg");
	background-position: left;
	background-repeat: no-repeat;
	background-size:contain;
}
.grat{
	background-image: linear-gradient(225deg, rgba(246, 246, 244, 1) 30%, rgba(0, 0, 0, 0));
    width: 100%;
    height: 100%;
}
.top_img .t_txt{
	position: relative;
	width:83%;
	height:100%;
	top:0;
	left: 5%;
	/*background:#ff84c1;*/
	/*border:1px solid #ff0000;*/
	/*text-align: center;*/
}
.top_img .jk10{
	position: absolute;
	top:0;
	left:10%;
	width:48%;
	height:100%;
	/*background:#bcffbc;*/
}
img.jk_ara{
	position: absolute;
	width:100%;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
	opacity: 1;
}
.top_img .t_txt p{
	position: absolute;
	width:100%;
	height:50px;
	top:5%;
	left:0;
}
img.libon{
	position: absolute;
	top:0;
	right: 5%;
}
.bos{
	position: absolute;
	top:25%;
	right:10%;
	width:fit-content;
	height:auto;
	/*background:#0000ff;*/
}
.bos .can{
	text-align:right;
	color:#ffff00;
	font-weight: 900;
	font-size: 2.2rem;
	background:#ff8adf;
	padding:10px 20px;
	border-radius: 10px;
}
img.kku{
	position: absolute;
	width:48%;
	top:37%;
	right: 5%;
	/*background:#ffff00;*/
}
img.mdl{
	position: absolute;
	bottom:0%;
	right:0%;
	width:58%;
}

@media screen and (max-width: 1024px) {
	.top_img{
		position: relative;
		width:100%;
		height:calc(50vh - 100px);
		background-color: #f6f6f4;
		background-image: url("../img/top_bg.jpg");
		background-position: left;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.top_img .t_txt{
		position: relative;
		width:96%;
		height:100%;
		top:0;
		left:0;
		/*background:#ff84c1;*/
	}
	.top_img .jk10{
		position: absolute;
		top:0;
		left:1%;
		width:48%;
		height:100%;
		/*background:#bcffbc;*/
	}
	img.jk_ara{
		position: absolute;
		width:200%;
		left:70%;
		bottom:0;
		transform: translateX(-50%);
		opacity: 1;
	}
	img.libon{
		position: absolute;
		top:0;
		right: 0;
		width:60%;
	}
	.bos{
		position: absolute;
		top:23%;
		right:0;
		width:fit-content;
		height:auto;
		/*background:#0000ff;*/
	}
	img.kku{
		position: absolute;
		width:60%;
		top:40%;
		right: 1%;
		/*background:#ffff00;*/
	}
	img.mdl{
		position: absolute;
		bottom:0%;
		right:0%;
		width:70%;
	}
}
@media screen and (max-width: 820px) {
	img.jk_ara{
		left:48%;
	}
	img.libon{
		position: absolute;
		top:0;
		right: 0;
		width:60%;
	}
	.bos{
		position: absolute;
		top:25%;
		right:4%;
		height:auto;
	}
	.bos .can{
		color:#ffff00;
		font-weight: 900;
		font-size: 1.5rem;
		background:#ff8adf;
		padding:10px 20px;
		border-radius: 10px;
	}
	img.kku{
		position: absolute;
		width:60%;
		top:40%;
		right: 1%;
		/*background:#ffff00;*/
	}
}
@media screen and (max-width: 600px) {
	.top_img{
		position: relative;
		width:100%;
		height:calc(70vh - 100px);
		background-color: #f6f6f4;
		background-image: url("../img/top_bg.jpg");
		background-position: right;
		background-repeat: no-repeat;
		background-size:cover;
	}
	img.jk_ara{
		position: absolute;
		width:220%;
		left:50%;
		bottom:0;
		transform: translateX(-50%);
		opacity: 1;
	}
	img.libon{
		position: absolute;
		top:5vh;
		right: 0;
		width:60%;
	}
	.bos{
		position: absolute;
		top:15vh;
		right:1%;
		height:auto;
	}
	.bos .can{
		color:#ffff00;
		font-weight: 900;
		font-size: 1.1rem;
		background:#ff8adf;
		padding:5px 15px;
		border-radius: 10px;
	}
	img.kku{
		position: absolute;
		width:55%;
		top:22vh;
		right: 1%;
	}
	img.mdl{
		position: absolute;
		bottom:10vh;
		right:0%;
		width:60%;
	}
}
@media screen and (max-width: 500px) {
	.top_img{
		height:calc(50vh - 100px);
		background-color: #f6f6f4;
		/*background-image: url("../img/top_bg.jpg");
		background-position: right;
		background-repeat: no-repeat;
		background-size:cover;*/
	}
	img.libon{
		/*position: absolute;*/
		top:5vh;
		/*right: 0;*/
		width:72%;
	}
	.bos{
		/*position: absolute;*/
		top:13vh;
		/*right:1%;
		height:auto;*/
	}
	.bos .can{
		/*color:#ffff00;
		font-weight: 900;*/
		font-size: 1rem;
		letter-spacing: 0.1rem;
		/*background:#ff8adf;
		padding:5px 15px;
		border-radius: 10px;*/
	}
	img.kku{
		/*position: absolute;*/
		width:70%;
		top:18vh;
		/*right: 1%;*/
	}
	img.mdl{
		/*position: absolute;*/
		bottom:3vh;
		right:0%;
		width:80%;
	}
}
/********************************************
Info css
********************************************/
.info{
	width:100%;
	/*max-height:1000vh;*/
	height: auto;
}
.info_box{
	width:80%;
	margin:50px auto;
	/*background:#ffff00;*/
}
.info_box .telNo,
.sc1 .telNo,
.sc3 .telNo,
.sc5 .telNo,
.sc7 .telNo{
	width:80%;
	border:8px solid #e4007f;
	margin:0 auto;
	padding:15px 0;
	background:#fff;
	line-height: 1;
}
p.lt{
	padding:0;
	margin:0;
	text-align: center;
	font-size: 3.3rem;
	font-weight: 500;
	color:#e4007f;
}
p.no06{
	padding:0;
	margin:0;
	font-size: 6rem;
	font-weight: 900;
	text-align: center;
	color:#e4007f;
	font-family: Impact、Charcoal、Helvetica Inserat、Bitstream Vera Sans Bold、Arial Black、sans serif;
	/*font-family: 'Lato', sans-serif;*/
}
p.no06 span{
	display: block;
	font-size:1.5rem;
}
ul.link_box{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	margin:30px auto;
	/*background:#ff84c1;*/
}
ul.link_box li{
	border:8px solid #e4007f;
	padding:0;
	position: relative;
	background:#fff;
	width:28%;
	height:120px;

}
ul.link_box li:nth-child(1),
ul.link_box li:nth-child(2){
	margin-right: 3%;
}
ul.link_box li p{
	position: absolute;
	top:25%;
	right: 2%;
	width:auto;
	font-size: 1rem;
	font-weight: bold;
	color:#000;
}
ul.link_box li .lt1{
	position: absolute;
	bottom:10%;
	left:4%;
	width:15%;
}
ul.link_box li .til{
	position: absolute;
	bottom:15%;
	right:2%;
	font-size: 1.5rem;
	color:#e4007f;
	font-weight: bold;
	text-align: right;
	margin:25px 0 0; 
}
.mk{
	position: absolute;
	top:-30px;
	left:-30px;
}
ul.link_box li:nth-child(3){
	background:#ffff00;
}
.inf_menu{
	width:80%;
	height:auto;
	margin:100px auto; 
	/*background:#ffff00;*/
}
.inf_menu h2{
	font-size: 7rem;
	color:#666;
	width:fit-content;
	margin: 0 auto;
	line-height: 1;
}
.inf_menu p{
	color:#754c24;
	margin:auto;
	font-size:2rem;
	width: fit-content;
	border-bottom: 2px solid #754c24;
}
ul.box6{
	width:100%;
	height: auto;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:30px auto 0;
}
ul.box6 li{
	position: relative;
	width:48%;
	height:80px;
	background:#e4007f;
	margin-bottom: 15px;
	padding:10px;
	border-radius: 10px;
	line-height: 80px;
}
ul.box6 li a{
	/*position: absolute;
	top:0;
	left:0;*/
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	margin-left:15%;
}
ul.box6 li::first-letter{
	color:#ffff00;
}
ul.box6 li span.bk1{
	position: absolute;
	top:50%;
	left:2%;
	transform: translateY(-35%);
	width:12%;
}
ul.box6 li span.bk1 img{
	width:100%;
}
@media screen and (max-width: 1024px) {
	.info_box{
		width:98%;
		margin:50px auto;
		/*background:#ffff00;*/
	}
	.info_box .telNo,
	.sc1 .telNo,
	.sc3 .telNo,
	.sc5 .telNo,
	.sc7 .telNo{
		display:none;
		/*
		width:86%;
		border:8px solid #e4007f;
		border-radius: 16px;
		margin:0 auto;
		padding:15px 0;
		background:#fff;
		line-height: 1;
		*/
	}
	.inf_menu{
		width:98%;
		height:auto;
		margin:100px auto;
		padding:0 0 30px;
		/*background:#ffff00;*/
	}
	ul.link_box{
		display:block;
		width:90%;
		margin:30px auto;
		/*background:#ff84c1;*/
	}
	ul.link_box li{
		border:8px solid #e4007f;
		padding:0;
		position: relative;
		background:#fff;
		width:92%;
		height:180px;
		margin:40px auto 30px;
	}
	ul.link_box li p{
		position: absolute;
		top:20%;
		right: 2%;
		width:auto;
		font-size: 1.8rem;
		font-weight: bold;
		color:#000;
	}
	ul.link_box li .lt1{
		position: absolute;
		bottom:5%;
		left:14%;
		width:12%;
	}
	ul.link_box li .til{
		position: absolute;
		bottom:15%;
		right:2%;
		font-size: 2.4rem;
		color:#e4007f;
		font-weight: bold;
		text-align: right;
		margin:25px 0 0; 
	}
	.mk{
		position: absolute;
		top:-30px;
		left:-50px;
		width: 18%;
	}
	ul.box6{
		width:100%;
		height: auto;
		display: block;
		margin:30px auto 0;
	}
	ul.box6 li{
		position: relative;
		width:90%;
		height:120px;
		margin: 0 auto 15px;
		background:#e4007f;
		padding:10px;
		border-radius: 10px;
		line-height: 120px;
	}
	ul.box6 li a{
		font-size: 2.5rem;
		margin-left:18%;
	}
}
@media screen and (max-width: 820px) {
	p.no06{
		padding:10px 0;
		font-size: 3rem;
	}
	p.no06 span{
		display: block;
		font-size:1.5rem;
		padding-top:10px;
	}
}
@media screen and (max-width: 768px) {
	ul.link_box li p{
		position: absolute;
		top:30%;
		right: 1%;
		width:auto;
		font-size: 1.6rem;
		font-weight: bold;
		color:#000;
	}
	ul.link_box li .lt1{
		position: absolute;
		bottom:5%;
		left:5%;
		width:12%;
	}
	ul.link_box li .til{
		position: absolute;
		bottom:5%;
		right:2%;
		font-size: 2.4rem;
		color:#e4007f;
		font-weight: bold;
		text-align: right;
		margin:25px 0 0; 
	}
	.inf_menu h2{
		font-size: 6rem;
		color:#666;
		width:fit-content;
		margin: 0 auto;
		line-height: 1;
	}
	.inf_menu p{
		color:#754c24;
		margin:auto;
		font-size:1.6rem;
		width: fit-content;
		border-bottom: 2px solid #754c24;
	}
}
@media screen and (max-width: 600px) {
	.inf_menu h2{
		font-size: 4rem;
		color:#666;
		width:fit-content;
		margin: 0 auto;
		line-height: 1;
	}
	.inf_menu p{
		color:#754c24;
		margin:auto;
		font-size:1.3rem;
		width: fit-content;
		border-bottom: 2px solid #754c24;
	}
	ul.box6{
		width:100%;
		height: auto;
		display: block;
		margin:30px auto 0;
	}
	ul.box6 li{
		position: relative;
		width:90%;
		height:auto;
		margin: 0 auto 15px;
		background:#e4007f;
		padding:10px;
		border-radius: 10px;
		line-height: 80px;
	}
	ul.box6 li a{
		font-size: 1.5rem;
		margin-left:15%;
	}
	
}
@media screen and (max-width: 415px) {
	ul.box6 li{
		/*position: relative;
		width:90%;
		height:auto;
		margin: 0 auto 15px;
		background:#e4007f;
		padding:10px;
		border-radius: 10px;*/
		line-height: 60px;
	}
	ul.box6 li a{
		font-size: 1.2rem;
		margin-left:15%;
	}
}
/***********************************************
SC1 CSS
***********************************************/
.main{
	width:100%;
	height: auto;
}
.back_wrap{
	width:100%;
	max-height: 1000vh;
	height: auto;
	padding-bottom: 50px;
	background-image: url("../img/bg20.jpeg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	/*clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);*/
}
.sc1{
	width:80%;
	height:auto;
	margin:auto;
	z-index:10;
}

.sc1 h2,
.sc2 h2,
.sc3 h2,
.sc4 h2,
.sc5 h2,
.sc6 h2{
	text-align:center;
	font-size: 3.3rem;
	height:80px;
	padding:40px 0;
	color:#666;
	line-height: 80px;
}

.sc1 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason01.png");
  	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}
.inner_box1{
	width:80%;
	height:auto;
	margin: 40px auto;
	background:#fff;
	border-radius: 15px;
	display: flex;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.inner_box1 .left_img{
	width:30%;
	text-align: center;
}
.inner_box1 .left_img img{
	width:90%;
	margin:auto;
	padding:20px 0 10px;
}
.inner_box1 .right_txt{
	width:70%;
	padding:20px 10px;
}
.inner_box1 .right_txt h3{
	margin-top: 0;
  	position: relative;
	padding: 15px 20px;
	font-size: 1.6rem;/*フォントサイズ*/
	color: #fff;/*フォントカラー*/
	background: #ff8abf;/*リボンの色*/
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	letter-spacing: 0.1rem;
}
.inner_box1 .right_txt h3::after{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #ed1e79;/*折り返し部分*/
}
.inner_box1 .right_txt h3::first-letter{
	color:#ffff00;
}
.inner_box1 .right_txt p{
	margin-top:20px;
	padding:10px 0;
	font-size:1.2rem;
}
ul.ml_list{
	width:100%;
	margin:0 auto 20px;
	/*background: #ff84c1;*/
}
ul.ml_list li{
	list-style-type:none;
	background-image:url("../img/list.png");
	background-position:left;
	background-repeat:no-repeat;
	padding:10px 0 10px 30px;
	border: 1px dashed #ccc;
	color: #754c24;
	font-weight: bold;
}
.inner_box1 .right_txt p.messe{
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	color:#ff8abf;
	font-weight: bold;
	letter-spacing: 0.1rem;
}
.inner_box1 .right_txt p.messe2{
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	color:#ff8abf;
	font-weight: bold;
	letter-spacing: 0.1rem;
	padding:0;
	margin:30px 0 0 0;
}
.inner_box1 .right_txt p.pink_b{
	line-height: 1;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	color:#ff8abf;
	font-size: 1.3rem;
}
.inner_box1 .right_txt p.bl_m{
	padding:0;
	margin:0;
}
#tabnavi{
	text-align:center;
	margin:30px auto 0;
	/*background:#ffff00;*/
}
#tabnavi ul{
	width:100%;
	padding:0;
	margin:0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#tabnavi ul li{
	width:20%;
	text-align: center;
}
#tabnavi ul li a{
	display: block;
	background:#efefef;
	color:#666;
	font-size: 1.5rem;
	font-weight: bold;
	width:100%;
	height:50px;
	line-height: 50px;
	margin:0 3px 0 0;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	letter-spacing: 0.1rem;
}
#tabnavi ul li a:hover{
	opacity: 1;
	background:#ff8abf;
	color:#fff;
}
#tabnavi li.tab1 a:hover,#tabnavi li.tab1 a.active,#tabnavi li.tab2 a:hover,#tabnavi li.tab2 a.active,#tabnavi li.tab3 a:hover,#tabnavi li.tab3 a.active,#tabnavi li.tab4 a:hover,#tabnavi li.tab4 a.active,#tabnavi li.tab5 a:hover{
	background:#ff8abf;
	color:#fff;
}
#tabcontent b{
	color:#ff8abf;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
}
.ttb p.frm{
	padding:0;
	margin:0;
	line-height: 1.5;
	display: flex;
	justify-content: space-between;
}
.ttb p.frm .left_x,
.ttb p.frm .right_x{
	display: inline-block;
}
.inst{
	width:80%;
	height:auto;
	margin:auto;
	text-align: center;
	padding:50px 0;
}
@media screen and (max-width: 1024px) {
	.sc1{
		width:98%;
		height:auto;
		margin:auto;
	}
	.inner_box1{
		width:96%;
		height:auto;
		margin: 40px auto;
		background:#fff;
		border-radius: 15px;
		display: block;
		box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
	.inner_box1 .left_img{
		width:100%;
		text-align: center;
	}
	.inner_box1 .left_img img{
		width:90%;
		margin:auto;
		padding:10px;
	}
	.inner_box1 .right_txt{
		width:96%;
		padding:20px 0;
		margin:auto;

	}
	.inner_box1 .right_txt h3{
		margin-top: 0;
		position: relative;
		padding: 15px 20px;
		font-size: 1.8rem;/*フォントサイズ*/
		color: #fff;/*フォントカラー*/
		background: #ff8abf;/*リボンの色*/
		font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
		letter-spacing: 0.1rem;
	}
	.inner_box1 .right_txt p{
		margin-top:20px;
		padding:20px 0;
		font-size:1.5rem;
	}
	.inst{
		width:96%;
		height:auto;
		margin:auto;
		text-align: center;
		padding:50px 0;
	}
	.inst img{
		width:100%;
	}
}
@media screen and (max-width: 600px) {
	.sc1 h2,
	.sc2 h2,
	.sc3 h2,
	.sc4 h2,
	.sc5 h2,
	.sc6 h2{
		text-align:center;
		font-size: 1.8rem;
		padding:40px 0;
		color:#444;
		line-height: 2rem;
	}
	.sc1 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason01.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
	}
}
/***********************************************************
SC2 CSS
***********************************************************/
.back_wrap2{
	width:100%;
	height:auto;
	background:#fafafa;
}
.sc2{
	width:80%;
	height:auto;
	margin:50px auto;
}
.sc2 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason02.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}
p.undr{
	color:#754c24;
	margin:0 auto;
	font-size:2rem;
	width: fit-content;
	border-bottom: 2px solid #754c24;
	padding:0;
	line-height: 1;
}
p.sub_txt{
	text-align: center;
	font-size: 1.2rem;
	padding:15px 0;
}
p.pm_no{
	padding:0;
	margin:0;
}
.right_txt .in_m{
	width:100%;
	padding:10px 0;
	text-align: center;
	/*background:#ffff00;*/
}
.right_txt .in_m img{
	width:98%;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.sc2{
		width:98%;
		height:auto;
		margin:0px auto;
	}
}
@media screen and (max-width: 820px) {
	p.undr{
		color:#754c24;
		margin:0 auto;
		font-size:1.7rem;
		width: fit-content;
		border-bottom: 2px solid #754c24;
		padding:0;
		line-height: 1;
	}
}
@media screen and (max-width: 600px) {
	.sc2 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason02.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
	}
	
}
/*************************************************
SC3 css
*************************************************/
.sc3{
	width:80%;
	height:auto;
	margin:50px auto;
}
.sc3 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason03.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}
.k_block{
	width:100%;
	/*background:#00ffff;*/
	margin:30px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.bl_in{
	width:48%;
	margin:2% 1%;
	background:#ed1e79;
	border-radius: 10px;
}
.bl_in .in_top{
	display: flex;
	width:100%;
	height:6rem;
	border-bottom:1px solid #ccc;
}
.in_top .l_img{
	width:15%;
	height:auto;
	text-align:center;
	padding:10px;
	/*background:#0000ff;*/
}
.in_top .l_img img{
	width:70%;
	object-fit: fill;
}
.in_top h3{
	width:70%;
	height:6rem;
	color:#fff;
	font-size: 2rem;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	line-height:6rem;
}
.in_top h3::first-letter{
	color:#ffff00;
}
.in_top .r_img{
	width:15%;
	height:auto;
	text-align:center;
	padding:10px;
	/*background:#0000ff;*/
}
.in_top .r_img img{
	width:75%;
}
.btm_box{
	width: 100%;
	height:auto;
	/*background:#00ff00;*/
	padding:15px 0;
}
.btm_box h4{
	width:94%;
	height:3rem;
	line-height:3rem;
	margin:auto;
	text-align: center;
	color:#ed1e79;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1)79%, rgba(235, 235, 235, 1));
	font-size: 1.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btm_box .txt_box{
	width:100%;
	margin: 15px 0 0 0;;
	display: flex;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
}
.txt_box .text_l {
	width: 65%;
	display: block;
	padding:10px 15px;
	color:#fff;
}
.txt_box .img_box{
	width:35%;
	text-align: center;
}
p.ue span{
	display: block;
	color:#fff;
	font-weight: bold;
	font-size: 1.2rem;
}
.txt_box .img_box img{
	width:80%;
}
p.sita{
	padding:10px 0;
	font-size: 1.2rem;
}
p.sita span{
	display: inline-block;
	color:#ffff00;
	font-size: 1.7rem;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	.sc3{
		width:98%;
		height:auto;
		margin:0px auto;
	}
	.k_block{
		width:98%;
		margin:30px auto 0;
		display: block;
	}
	.bl_in{
		width:98%;
		margin:2% uto 1%;
		background:#ed1e79;
		border-radius: 10px;
	}
	.btm_box h4{
		font-size: 1.6rem;
	}
	
}
@media screen and (max-width: 600px) {
	.sc3 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason03.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
	}
}
/*************************************************
SC4 css
*************************************************/
.sc4{
	width:80%;
	height:auto;
	margin:150px auto;
	padding:100px 0;
}
.sc4 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason04.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}

h3.obi{
	margin-top: 10px;
  	position: relative;
	padding: 15px 20px;
	font-size: 1.6rem;/*フォントサイズ*/
	color: #fff;/*フォントカラー*/
	background: #ff8abf;/*リボンの色*/
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	letter-spacing: 0.1rem;
}
h3.obi::after{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #ed1e79;/*折り返し部分*/
}
h3.obi::first-letter{
	color:#ffff00;
}
.all_tcr{
	width:80%;
	margin:auto;
	display: flex;
	justify-content: space-around;
}
.tcr_box{
	width:29%;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	padding:10px;
	background:#fff;
	border-radius: 10px;
}
.l_tcr_img{
	width:96%;
	padding:1%;
	text-align: center;
}
.l_tcr_img img{
	width:100%;
}
p.tcr_txt{
	margin-top:10px;
	padding:20px 0;
	font-size: 1.2rem;
}
p.tcr_txt span{
	display: block;
	font-size: 1.3rem;
	color:#ff8abf;
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	.sc4{
		width:98%;
		height:auto;
		margin:0px auto;
	}
	.all_tcr{
		width:98%;
		margin:auto;
		display: flex;
		justify-content: space-around;
	}
}
@media screen and (max-width: 600px) {
	.sc4 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason04.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
	}
	.all_tcr{
		width:96%;
		margin:auto;
		display: block;
		/*justify-content: space-around;*/
	}
	.tcr_box{
		width:96%;
		box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		padding:10px;
		background:#fff;
		border-radius: 10px;
		margin-bottom: 25px;
	}
}
/*************************************************
SC5 css
*************************************************/
.sc5{
	width:80%;
	height:auto;
	margin:50px auto;
	padding:100px 0;
}
.sc5 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason05.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}
@media screen and (max-width: 1024px) {
	.sc5{
		width:98%;
		height:auto;
		margin:auto;
		padding:30px 0 100px;
	}
}
@media screen and (max-width: 600px) {
	.sc5 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason05.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	
}
/*************************************************
SC6 css
*************************************************/
.sc6{
	width:80%;
	height:auto;
	margin:150px auto;
	padding:100px 0;
}
.sc6 h2::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	padding:10px 0;
	background-image: url("../img/treason06.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 5px;
}

p.bl_s{
	margin-top:50px;
	margin-bottom: 30px;
	font-size: 1.1rem;
}
.banner_link{
	width: 80%;
	margin: 100px auto;
	text-align: center;
}
.banner_link a{
	display: block;
}
.banner_link img{
	width:100%;
}
@media screen and (max-width: 1024px) {
	.sc6{
		width:98%;
		height:auto;
		margin:auto;
		padding:30px 0 100px;
	}
	.banner_link{
		width: 98%;
		margin: 100px auto;
		text-align: center;
	}
}
@media screen and (max-width: 600px) {
	.sc6 h2::before{
		content:"";
		display:inline-block;
		width:40px;
		height:40px;
		padding:10px 0;
		background-image: url("../img/treason06.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		padding-right: 5px;
	}
	
}
/*************************************************
SC7 css
*************************************************/
.sc7{
	width:80%;
	height:auto;
	margin:auto;
	padding:0 0 50px; 
}
.sc7_tit{
	width:80%;
	height:auto;
	margin:100px auto; 
	/*background:#ffff00;*/
}
.sc7_tit h2{
	font-size: 5rem;
	color:#666;
	width:fit-content;
	margin: 0 auto;
	line-height: 1;
}
.sc7_tit h4{
	font-size: 1.5rem;
	color:#666;
	width:fit-content;
	margin: 1.5rem auto;
	border-bottom: 2px solid #ff0000;
}
p.add{
	text-align: center;
	margin: 20px auto;
	font-size: 1.2rem;
}
.map_ara{
	width:100%;
	height:500px;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background:#00ff00;*/
}
.map_ara .imgara{
	width:50%;
	text-align: center;
	object-fit: contain;
}
.map_ara .imgara img{
	width:100%;
}
.map_ara .imgmap{
	width:50%;
	padding:10px;
}
@media screen and (max-width: 1024px) {
	.sc7{
		width:98%;
		max-height: 1000vh;
		height:auto;
		margin:auto;
		padding:0 0 50px; 
	}
	.sc7_tit{
		width:98%;
		height:auto;
		margin:100px auto; 
		/*background:#ffff00;*/
	}
	.map_ara{
		width:100%;
		max-height:500vh;
		height: auto;
		display: block;
		/*background:#00ff00;*/
	}
	.map_ara .imgara{
		width:98%;
		margin:auto;
		object-fit: contain;
	}
	.map_ara .imgmap{
		width:98%;
		padding:10px;
	}
}
/******************************************************
footer css
*******************************************************/
footer{
	width: 100%;
	height:auto;
	background:#ff8abf;
	padding:30px 0;
}
.foot_ara{
	width:80%;
	margin: auto;
}
ul.ft_menu{
	width:100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;;
}
ul.ft_menu li{
	margin:0 10px;
	line-height:1.2rem;
	padding:15px 0;
}
ul.ft_menu li a{
	color:#fff;
	font-size: 1.1rem;
	font-weight: bold;
}
.copyright{
	margin-top: 15px;
	text-align: center;
	padding:15px 0;
	color:#fff;
	border-top:1px solid #fff;
}
.copyright a{
	color:#fff;
	font-size: 1.2rem;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	.foot_ara{
		width:90%;
		margin: auto;
	}
}
/***********************************************
 お問合せ contact CSS
***********************************************/
.contct_form{
	width:80%;
	height: auto;
	margin: auto;
	padding:80px 0;
	/*background:#ffffbc;*/
}
.contct_form h2{
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.1rem;
	color:#666;
	padding:20px 0;
}
p.toi_sub{
	text-align: center;
	font-size: 1.2rem;
	color:#666;
}
p.toi_sub span{
	color:#ff0000;
}
form{
	width: 80%;
	height: auto;
	margin:30px auto;
	/*background:#bcffff;*/
}
.f_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:30px 1%;
	border-bottom: 1px solid #ccc;
}
.tit_box{
	width:20%;
	color:#e4007f;
	font-size: 1.2rem;
}
.inp_box{
	width:75%;
}
.inp_box .input{
	width:95%;
	padding:10px;
	border-radius: 10px;
}
.button_box{
	width:100%;
	padding:50px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
textarea{
	width:95%;
}
.submit{
	border-radius: 10px;
	border:1px solid #ff8adf;
	padding:5px 30px;
	font-size: 1.3rem;
	font-weight: bold;
	background:#ff8abf;
	color:#fff;
	margin:0 20px;
}
@media screen and (max-width: 1024px) {
	.contct_form{
		width:90%;
		height: auto;
		margin: auto;
		padding:80px 0;
		/*background:#ffffbc;*/
	}
	form{
		width: 90%;
		height: auto;
		margin:30px auto;
		/*background:#bcffff;*/
	}
}
/***********************************************
 運営会社概要 company CSS
***********************************************/
.company_box{
	width:90%;
	margin:auto;
	padding:80px 0;
}
.comp_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:30px 1%;
	border-bottom: 1px solid #ccc;

}
.com_tlt{
	width:20%;
	color:#e4007f;
	font-size: 1.2rem;
	font-weight: bold;
}
.com_txt{
	width:75%;
	text-align: left;
	font-size: 1.2rem;
}
/**********************************************************
kiyaku css
**********************************************************/
.terms_box{
	width:80%;
	margin:50px auto;
}
p.pro_txt{
	font-size: 1.2rem;
	padding: 10px 0 30px;
	text-indent: 1.2rem;
}
.kiyaku h4{
	font-size: 1.5rem;
	color:#e4007f;
	padding:15px 0;
}
.kiyaku p{
	font-size: 1.2rem;
	/*text-indent: 1.2rem;*/
}
@media screen and (max-width: 1024px) {
	.terms_box{
		width:90%;
		margin:50px auto;
	}
}
/**********************************************************
個人情報の取り扱いについて information.html css
**********************************************************/
.information_box{
	width:80%;
	margin:auto;
}
.kojin h4{
	font-size: 1.2rem;
	color:#e4007f;
	padding:15px 0;
}
.kojin p{
	font-size: 1.2rem;
}
@media screen and (max-width: 1024px) {
	.information_box{
		width:90%;
		margin:auto;
	}
}
/**********************************************************
動作環境 operatingenvironment.html css
**********************************************************/
.operating h4{
	font-size: 1.2rem;
	color:#e4007f;
	padding:25px 0 5px;
}
.operating p{
	font-size: 1.2rem;
}
/**********************************************************
going.html css
**********************************************************/
.top_img2{
	/*position: relative;*/
	width:100%;
	height:calc(80vh - 100px);
	background-color: #f6f6f4;
	background-image: url("../img/go/nail5.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.grat{
	background-image: linear-gradient(225deg, rgba(246, 246, 244, 1) 30%, rgba(0, 0, 0, 0));
    width: 100%;
    height: 100%;
}
.top_img2 .t_txt{
	position: relative;
	width:83%;
	height:100%;
	top:0;
	left: 5%;
	/*background:#ff84c1;*/
	/*border:1px solid #ff0000;*/
	text-align: center;
}
.top_img2 .t_txt p{
	position: absolute;
	width:100%;
	height:50px;
	top:5%;
	left:0;
}
.top_img2 .jk10{
	position: absolute;
	top:0;
	left:10%;
	width:48%;
	height:100%;
	/*background:#bcffbc;*/
}
img.libon2{
	position: absolute;
	top:0;
	right: 5%;
}

.bos2{
	position: absolute;
	top:25%;
	right:1%;
	width:fit-content;
	height:auto;
	/*background:#ffff00;*/
}
.bos2 .recu{
	font-size: 1.5rem;
	color:#111;
	font-weight: 900;
	font-family: 'Noto Serif JP', serif;
}
.bos2 .can2{
	text-align:center;
	color:#dc143c;
	/*font-weight: 900;*/
	font-size: 3.5rem;
	/*background:#fff;*/
	margin:0;
	padding:0;
	border-radius: 10px;
	letter-spacing: 0.2rem;
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: 'Sawarabi Mincho', serif;
}
.bos2 .recu2{
	font-size: 2.5rem;
	color:#fff;
	padding-left:50px;
	padding-right: 50px;
	font-family: 'Noto Serif JP', serif;
	background-image: linear-gradient(90deg, rgba(237, 231, 228, 0), rgba(230, 34, 131, 1) 24%, rgba(230, 34, 131, 1) 84%, rgba(226, 226, 235, 0));
	/*background-image: linear-gradient(90deg, rgba(237, 231, 228, 0), rgba(230, 34, 131, 1) 50%, rgba(226, 226, 235, 0));*/
}
@media screen and (max-width: 1024px) {
	.top_img2{
		/*position: relative;*/
		width:100%;
		height:calc(50vh - 100px);
		background-color: #f6f6f4;
		background-image: url("../img/go/nail5.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.top_img2 .t_txt{
		position: relative;
		width:96%;
		height:100%;
		top:0;
		left: 0;
		/*background:#ff84c1;*/
		text-align: center;
	}
	.top_img2 .t_txt p{
		position: absolute;
		width:100%;
		height:50px;
		top:5%;
		left:0;
	}
	.top_img2 .jk10{
		position: absolute;
		top:0;
		left:0;
		width:70%;
		height:100%;
		/*background:#bcffbc;*/
	}
	.top_img2 img.jk_ara{
		position: absolute;
		width:100%;
		left:30%;
		bottom:0;
		opacity: 1;
	}
	img.libon2{
		position: absolute;
		top:0;
		right: 0;
		width:70%;
	}
	.bos2{
		position: absolute;
		top:25%;
		right:0;
		width:fit-content;
		height:auto;
		/*background:#ffff00;*/
	}
	.bos2 .recu{
		font-size: 1.5rem;
		color:#111;
		font-weight: 900;
		font-family: 'Noto Serif JP', serif;
	}
	.bos2 .can2{
		text-align:center;
		color:#dc143c;
		/*font-weight: 900;*/
		font-size: 3rem;
		/*background:#fff;*/
		margin:0;
		padding:0;
		border-radius: 10px;
		letter-spacing: 0.2rem;
		/*font-family: 'Noto Serif JP', serif;*/
		font-family: 'Sawarabi Mincho', serif;
	}
	.bos2 .recu2{
		font-size: 2rem;
		color:#fff;
		padding-left:50px;
		padding-right: 50px;
		font-family: 'Noto Serif JP', serif;
		background-image: linear-gradient(90deg, rgba(237, 231, 228, 0), rgba(230, 34, 131, 1) 24%, rgba(230, 34, 131, 1) 84%, rgba(226, 226, 235, 0));
	}
}
@media screen and (max-width: 820px) {
	img.libon2{
		position: absolute;
		top:0;
		right: 0;
		width:60%;
	}
	.bos2{
		position: absolute;
		top:25%;
		right:0;
		width:fit-content;
		height:auto;
	}
	.bos2 .recu{
		font-size: 1.3rem;
		color:#111;
		font-weight: 900;
		font-family: 'Noto Serif JP', serif;
	}
	.bos2 .can2{
		text-align:center;
		color:#dc143c;
		font-size: 2.3rem;
		margin:0;
		padding:0;
		border-radius: 10px;
		letter-spacing: 0.2rem;
		font-family: 'Sawarabi Mincho', serif;
	}

	.bos2 .recu2{
		font-size: 1.5rem;
		color:#fff;
		padding-left:30px;
		padding-right: 30px;
		font-family: 'Noto Serif JP', serif;
		background-image: linear-gradient(90deg, rgba(237, 231, 228, 0), rgba(230, 34, 131, 1) 24%, rgba(230, 34, 131, 1) 84%, rgba(226, 226, 235, 0));
	}
}
@media screen and (max-width: 600px) {
	.top_img2{
		width:100%;
		height:calc(70vh - 100px);
		background-color: #f6f6f4;
		background-image: url("../img/go/nail5.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	img.libon2{
		position: absolute;
		top:0;
		right: 0;
		width:80%;
	}
	.bos2{
		position: absolute;
		top:25%;
		right:0;
		width:fit-content;
		height:auto;
		/*background:#ffff00;*/
	}
	.bos2 .recu{
		font-size: 1.1rem;
		color:#111;
		font-weight: 900;
		font-family: 'Noto Serif JP', serif;
	}
	.bos2 .can2{
		text-align:center;
		color:#dc143c;
		font-size: 2rem;
		margin:0;
		padding:0;
		border-radius: 10px;
		letter-spacing: 0.2rem;
		font-family: 'Sawarabi Mincho', serif;
	}

	.bos2 .recu2{
		font-size: 1.1rem;
		color:#fff;
		padding-left:30px;
		padding-right: 30px;
		font-family: 'Noto Serif JP', serif;
		background-image: linear-gradient(90deg, rgba(237, 231, 228, 0), rgba(230, 34, 131, 1) 24%, rgba(230, 34, 131, 1) 84%, rgba(226, 226, 235, 0));
	}

}
@media screen and (max-width: 500px) {
	.top_img2{
		height:calc(50vh - 100px);
		background-color: #f6f6f4;
	}
	.bos2{
		top:20%;
		right:0;
	}
	.bos2 .recu{
		font-size: 1rem;
		color:#111;
		font-weight: 900;
		font-family: 'Noto Serif JP', serif;
	}
	.bos2 .can2{
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
	}
	.bos2 .recu2{
		font-size: 1rem;
		padding-left:20px;
		padding-right: 20px;
	}
	/*
	.top_img2 .jk10{
		position: absolute;
		top:0;
		left:0;
		width:70%;
		height:100%;
	}*/
	.top_img2 img.jk_ara{
		position: absolute;
		width:130%;
		left:30%;
		bottom:0;
		opacity: 1;
	}

}
/*--------  ---------------*/
.comp2{
	width:80%;
	margin:auto;
	text-align: center;
}
.inf_menu h2.go2{
	font-size: 3.3rem;
	margin-bottom: 25px;
}
p.gop{
	padding:30px 0 0;
	margin:20px auto 40px;
}
.course_box{
	width:80%;
	margin:0px auto 50px;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
	border-radius: 10px;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.course_box h3{
	margin-top: 0;
	position: relative;
	padding: 15px 20px;
	font-size: 25px;/*フォントサイズ*/
	color: #fff;/*フォントカラー*/
	text-align: center;
	background: #043e7d;/*リボンの色*/
	font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
}
.course_box h3::before{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #052949;/*折り返し部分*/
}
.course_box h3::after{
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px #052949;/*折り返し部分*/
}
.course_box p.f_text{
	display: block;
	width:98%;
	margin-top:30px;
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: left;
}
.course_box p.f_text span{
	display: block;
	font-size: 1.1rem;
	color:#000;
	font-weight: bold;
}
.cor_flex{
	display:flex;
	justify-content: space-between;
	align-items: start;
	padding:20px 0 0;
}
.cor_flex .fl_left{
	width:30%;
}
.cor_flex .fl_left img{
	width:100%;
	border:1px solid #ccc;
}
.cor_flex .fl_right{
	width:68%;
	padding:0 1%;
}
dl.p-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:0;
}
dl.p-list dt{
	display: block;
	width:30%;
	font-size: 1.3rem;
	color:#fff;
	/*color:#940012;*/
	font-weight: bold;
	background:#ed1e79;
	/*border:1px solid #940012;*/
	text-align: center;
	margin-bottom: 5px;
	height:2rem;
	line-height: 2rem;
}

dl.p-list dd{
	display: block;
	width:60%;
	/*background:#ffddbc;*/
	height:2rem;
	color:#940012;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
	margin-bottom: 5px;
	letter-spacing: 0.1rem;
}

dl.p-list dd span{
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
}
.cor_flex .fl_right p{
	width:100%;
	border:none;
	margin:0;
	font-size: 1rem;
	color:#000;
}
@media screen and (max-width: 1024px) {
	.course_box{
		width:90%;
		margin:0px auto 50px;
		padding:20px;
		background:#fff;
		border:1px solid #ccc;
		border-radius: 10px;
		box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
}
@media screen and (max-width: 600px) {
	.inf_menu h2.go2{
		font-size: 2.8rem;
		margin-bottom: 25px;
	}
	p.gop{
		padding:30px 0 0;
		margin:20px auto 40px;
		font-size: 1rem;
	}
	.course_box h3{
		margin-top: 0;
		position: relative;
		padding: 15px 20px;
		font-size: 1.5rem;/*フォントサイズ*/
		color: #fff;/*フォントカラー*/
		text-align: center;
		background: #043e7d;/*リボンの色*/
		font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
	}
	.course_box h3 .sp{
		display: block;
	}
	.cor_flex{
		display:block;
		padding:20px 0;
	}
	.cor_flex .fl_left{
		width:100%;
		margin-bottom: 10px;
	}
	.cor_flex .fl_right{
		width:100%;
		padding:0 1%;
	}
	dl.p-list{
		display: block;
		flex-wrap: wrap;
		width: 100%;
		margin:20px 0;
	}
	dl.p-list dt{
		display: block;
		width:100%;
		font-size: 1.3rem;
		color:#fff;
		font-weight: bold;
		background:#ed1e79;
		text-align: center;
		margin-bottom: 5px;
		height:2.5rem;
		line-height: 2.5rem;
	}
	dl.p-list dd{
		display: block;
		width:97%;
		margin:0;
		margin-left:3%;
		height:2.5rem;
		color:#940012;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 2.5rem;
		margin-bottom: 5px;
		letter-spacing: 0.1rem;
	}
}
@media screen and (max-width: 500px) {
	.inf_menu h2.go2{
		font-size: 2.2rem;
		margin-bottom: 25px;
	}
	.sp2{
		display:block;
	}
	.course_box h3{
		font-size: 1.2rem;/*フォントサイズ*/
	}
}

/*------------- オプションコース CSS -----------------*/
.cor_flex_op{
	display: flex;
	width:100%;
	align-items: center;
	justify-content: space-around;
	margin:20px 0
	/*background:#ccc;*/
}
.lflf{
	width:31%;
	margin:0 1%;
	/*background:#00ff7f;*/
}
.lflf h5{
	width:98%;
	height:3rem;
	margin:auto;
	padding:0 1%;
	font-size: 1.3rem;
	line-height: 3rem;
	font-weight: bold;
	background: #ed1e79;
	color:#fff;
	text-align: center;
}
p.py{
	font-size: 1.2rem;
	font-weight: bold;
	border:none;
	padding:5px 0;
	height:3rem;
}
p.py span{
	display: inline-block;
	font-size: 2rem;
}
p.un_tx{
	font-size: 1.2rem;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	font-weight: bold;
}
.cor_flex_op2{
	display: flex;
	width:100%;
	align-items: center;
	margin:20px 0
	/*background:#ccc;*/
}
.lflf2{
	width:60%;
	margin:0 1%;
}
.lflf2 h5{
	width:98%;
	height:3rem;
	margin:auto;
	padding:0 1%;
	font-size: 1.3rem;
	line-height: 3rem;
	font-weight: bold;
	background: #ed1e79;
	color:#fff;
	text-align: center;
}

.fl_right2{
	width:98%;
	padding:0 1%;
}
dl.p-list2,
dl.p-list3{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/*background:#b7ffdb;*/
	margin:0 0 30px;
}
dl.p-list2{
	padding-bottom: 30px;
	border-bottom: 1px solid #666;
}
dl.p-list2 dt,
dl.p-list3 dt{
	display: block;
	width:13%;
	font-size: 1.3rem;
	color:#fff;
	/*color:#940012;*/
	font-weight: bold;
	background:#ed1e79;
	/*border:1px solid #940012;*/
	text-align: center;
	margin-bottom: 5px;
	height:3rem;
	line-height: 3rem;
}

dl.p-list2 dd,
dl.p-list3 dd{
	display: block;
	width:82%;
	/*background:#ffddbc;*/
	height:3rem;
	color:#940012;
	font-size: 1rem;
	/*font-weight: bold;*/
	line-height: 3rem;
	margin-bottom: 5px;
	letter-spacing: 0.1rem;
}
dl.p-list2 dd.hig{
	line-height: 1.5rem;
}

dl.p-list2 dd span,
dl.p-list3 dd span{
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
}
.fl_right2 p{
	width:100%;
	border:none;
	margin:0;
	font-size: 1rem;
	color:#000;
}
@media screen and (max-width: 600px) {
	.cor_flex_op{
		display: block;
		width:100%;
		margin:20px 0;
		/*background:#ffff00;*/
	}
	.lflf{
		width:100%;
		margin:0 1%;
		/*background:#00ff7f;*/
	}
	.lflf h5{
		width:98%;
		height:3rem;
		margin:auto;
		padding:0 1%;
		font-size: 1.3rem;
		line-height: 3rem;
		font-weight: bold;
		background: #ed1e79;
		color:#fff;
		text-align: center;
	}
	.lflf h5.iro{
		background:#0000ff;
	}
	p.py{
		display: block;
		width:97%;
		font-size: 1.2rem;
		font-weight: bold;
		border:none;
		padding:5px 0;
		height:3rem;
		text-align: left;
		margin-left:3%;
	}
	p.py span.toku{
		display: inline-block;
		font-size: 1.2rem;
	}
	.lflf2{
		width:98%;
		margin:0 1%;
	}
	.cor_flex_op2{
		display: block;
		width:100%;
		margin:20px 0;
	}
	dl.p-list2,
	dl.p-list3{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin:0 0 30px;
	}
	dl.p-list2{
		padding-bottom: 30px;
		border-bottom: 1px solid #666;
	}
	dl.p-list2 dt,
	dl.p-list3 dt{
		display: block;
		width:100%;
		font-size: 1.3rem;
		color:#fff;
		font-weight: bold;
		background:#ed1e79;
		text-align: center;
		margin-bottom: 5px;
		height:3rem;
		line-height: 3rem;
	}
	dl.p-list2 dd,
	dl.p-list3 dd{
		display: block;
		width:97%;
		margin:0 0 5px 3%;
		height:3rem;
		color:#940012;
		font-size: 1.1rem;
		line-height: 3rem;
		letter-spacing: 0.1rem;
	}
}
/*--------- 解説 --------------*/
.etc1{
	width:80%;
	margin: auto;
	padding: 5px 1%;
	/*background: #ffffad;*/
}
ul.etc_list{
	width:100%;
	/*background:#87ceeb;*/
}
ul.etc_list li{
    position: relative;
    padding-left: 15px;
	margin-bottom: 10px;
	color:#dc143c;
	font-size: 1.2rem;
}
  ul.etc_list li:before {
    content: "";
    position: absolute;
    top: .6em;
    left: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #8b6b4e;
  }
/***********************************************************
gping スクール理念 CSS
***********************************************************/
.back_wrap2{
	width:100%;
	max-height: 2000vh;
	height: auto;
	margin-top: 100px;
	padding:100px 0 0;
	/*
	background-image: url("../img/bk_mainbg.jpg");
	background-repeat: no-repeat;
	background-size:cover ;
	*/
}
.sc10{
	width:80%;
	height:auto;
	margin:auto;
}
.sc10 h2{
	text-align:center;
	font-size: 3.3rem;
	padding:40px 0;
	color:#666;
	line-height: 3.3rem;
}
p.undr2{
	color:#754c24;
	margin:50px auto;
	font-size:2rem;
	width: fit-content;
	border-bottom: 2px solid #754c24;
	padding:0;
	line-height: 1;
}
.bl_m2{
	margin-top: 50px;
}
@media screen and (max-width: 1024px) {
	.sc10{
		width:90%;
		height:auto;
		margin:auto;
	}
}
@media screen and (max-width: 600px) {
	.sc10 h2{
		text-align:center;
		font-size: 2.5rem;
		padding:40px 0;
		color:#666;
		line-height: 2.8rem;
	}
	.sc10 h2 .sp{
		display: block;
	}
	p.undr2{
		color:#754c24;
		margin:30px auto;
		font-size:1.5rem;
		width: fit-content;
		border-bottom: 2px solid #754c24;
		padding:0;
		line-height: 1;
	}
}
/*-------- Page-top --------------*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#dc143c;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}
#page-top a:hover{
	background: #777;
}
/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/

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

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
@media screen and (max-width: 1024px) {
	#page-top a{
		width: 100px;
		height: 100px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 600px) {
	#page-top a{
		width: 80px;
		height: 80px;
		font-size: 0.8rem;
	}
}