@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;
}
p{
	line-height: 1.7em;
}
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;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
.sp,
.sp2,
.tb{display:none}
/**** 全体 **************/
.warap{
	max-width: 1920px;
	width:100%;
	height:auto;
}
/*===================================================
 Header CSS
====================================================*/
#header{
	width:100%;
	background:#000;
}
.h_inner{
	width:80%;
	height: 60px;	/*100px*/
	margin: auto;
	padding:10px 0;
}
h1.top_logo{
	text-align:center;
}
h2.messa{
	font-size: 2.5rem;
	display:block;
	text-align: center;
	line-height: 60px;
	color:#fff;
}
h2.messa span{
	display: inline-block;
	color:#ff0000;
	letter-spacing: 0.1rem;
}

@media screen and (max-width: 1024px) {
	.h_inner{
		width:96%;
		height: 100px;
		margin: auto;
		padding:10px 0;
	}
}

/*===================================================
 Topimg CSS
====================================================*/
.top_img{
	position: relative;
	width:100%;
	height:calc(100vh - 120px);
	background-color: #f6f6f4;
	background-image: url("../img/reski_top.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
/***************************************************
 スクロール移動 CSS
***************************************************/
/*** ページネーションCSS **************/
.pagination{
	position: fixed;
	right:20px;
	top:50%;
	transform: translateY(-50%);
	font-size: 1em;
	z-index: 10;
	list-style: none;
	/*background:#fff;
	width:20px;
	padding:10px 5px;
	border-radius: 10px;*/
}
.pagination a{
	display: block;
	height: 20px;
	margin-bottom: 5px;
	color:#000;
	position: relative;
	padding:4px;
}
.pagination a.active:after{
	box-shadow: inset 0 0 0 5px;
}
/*現在地表示のテキストの設定*/
.pagination a .hover-text{
	position: absolute;
	right:15px;
	top: 0;
	opacity: 0;
	-webkit-transition:opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right:15px;
}
.pagination a:hover .hover-text{
	opacity: 1;
}
.pagination::before{
	content:"";
	width:10px;
	height:300px;
	background:#ccc;
	padding:10px 5px;
	border-radius: 10px;
	position: absolute;
	top: -10px;
	right:0px;
	opacity: 0.5;
	/*transform: translateX(-50%);*/
}
.pagination a:after{
	-webkit-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
	width: 10px;
	height: 10px;
	display: block;
	border:1px solid;
	border-radius: 50%;
	content:"";
	position: absolute;
	margin: auto;
	top:0;
	right:3px;
	bottom:0;
}
/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px){
	.pagination a .hover-text{
		display: none;
	}
}

/*===================================================
 main CSS
====================================================*/
.main{
	width:100%;
	padding:50px 0;
}
/*********** section 1 ******************************/
.sc1{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.box11{
	width:80%;
	margin:auto;
	display: flex;
	margin: auto;
	justify-content: space-between;
	align-items: flex-end;
	/*background:#00ff00;*/
}
ul.box1_list{
	width:65%;
	/*background:#ffff7f;*/
}
ul.box1_list li{
	width:100%;
}
h2.sc1_title{
	display: block;
	width:90%;
	/*text-align: center;*/
	font-size: 3rem;
	padding:10px 0;
	letter-spacing: 0.1rem;
	margin:10px auto 40px;
	border-bottom: 6px solid #0000ff;
}
h2.sc1_title span{
	display: block;
}

ul.box1_list li.txt{
	width:90%;
	margin:10px auto;
	background:#c6ffff;
	border:1px solid #7fbfff;
	text-indent: 0.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	height:50px;
	line-height: 50px;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
ul.box1_list li.txt span{
	color:#dc143c;
}
.list_img{
	width:35%;
	position: relative;
}
.list_img img{
	width:96%;
}
.qmark{
	width:110px;
	position: absolute;
	top:-70px;
	left:10%;
	transform: rotate(-15deg);
}
.qmark2{
	width:110px;
	position: absolute;
	top:-70px;
	right:10%;
	transform: rotate(15deg);
}
.ya{
	display:flex;
	justify-content: space-between;
	margin:30px auto;
	padding:20px 0;
	text-align: center;
	width:50%;
}
.mm_box{
	width:60%;
	/*background:#ccc;*/
}
.tit2{
	width:96%;
	margin: auto;
	font-size: 3.5rem;
	color:#fff;
	font-weight: bold;
	padding:15px;
	background:#0066ff;
	letter-spacing: 0.1rem;
}
.tit2 span{
	color:#ffff00;
}
p.stxt{
	width:96%;
	margin: auto;
	padding:10px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
ul.flex_box{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: stretch;
	margin-top:10px;
}
ul.flex_box li{
	border:2px solid #07429c;
	width:23%;
	background:#666;
	color:#fff;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.2;
	display: flex;
	align-items: center;
	padding:30px 0;
	margin: 0 1% 0;
}
ul.flex_box li span{
	margin: auto;
	text-align: center;
}
ul.flex_box li:first-child{
	margin-right: 1%;
}
ul.flex_box li:last-child{
	margin-left: 1%;
}
@media screen and (max-width: 1024px) {
	.box11{
		width:96%;
		margin:auto;
		display: block;
		/*margin: auto;
		justify-content: space-between;
		align-items: flex-end;*/
		/*background:#00ff00;*/
	}
	ul.box1_list{
		width:100%;
		padding-bottom:25px;
	}
	ul.box1_list{
		width:100%;
		/*background:#ffff7f;*/
	}
	h2.sc1_title{
		display: block;
		width:96%;
		font-size: 3.3rem;
		padding:10px 0;
		letter-spacing: 0.1rem;
		margin:0px auto 40px;
		border-bottom: 6px solid #0000ff;
	}
	h2.sc1_title span{
		display: block;
	}
	ul.box1_list li.txt{
		width:96%;
		margin:20px auto;
		/*background:#c6ffff;
		border:1px solid #7fbfff;*/
		text-indent: 1rem;
		font-size: 2rem;
		/*font-weight: bold;
		letter-spacing: 0.1rem;*/
		height:70px;
		line-height: 70px;
		/*font-family:'メイリオ', 'Meiryo', sans-serif;*/
	}	
	.list_img{
		width:96%;
		position: relative;
		margin: 50px auto 0;
	}
	.list_img img{
		width:100%;
	}
	.qmark{
		width:110px;
		position: absolute;
		top:-70px;
		left:10%;
		transform: rotate(-15deg);
	}
	.qmark2{
		width:110px;
		position: absolute;
		top:-70px;
		right:10%;
		transform: rotate(15deg);
	}
	.mm_box{
		width:96%;
		margin:auto;
		/*background:#ccc;*/
	}
	.tit2{
		width:96%;
		margin: auto;
		font-size: 3.5rem;
		color:#fff;
		font-weight: bold;
		padding:15px;
		background:#0066ff;
		letter-spacing: 0.1rem;
	}
	.tit2 span{
		color:#ffff00;
	}
	p.stxt{
		width:98%;
		/*margin: auto;
		padding:10px 0;*/
		font-size: 1.5rem;
		/*font-weight: bold;*/
		font-family:'メイリオ', 'Meiryo', sans-serif;
		letter-spacing: 0.1rem;
	}
	
}
/************* section 2 ****************************/
.sc2{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc2_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#0000ff;
	position: relative;
}
.sc2_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#0000ff;
	left:0;
	bottom:-100px;
}
h2.sc2_tit{
	text-align: center;
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
}
.info_list{
	width:100%;
}
table.tab1{
	width:80%;
	margin: 150px auto 0;
	table-layout: fixed;
	letter-spacing: 0.1rem;
	border-spacing:0 30px;
}
td.td1{
	width:22%;
	/*background:#ff00ff;*/
}
td.td22,
td.td23{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	padding:25px 0;
}
td.td22,
td.td2{
	background:#dcdcdc;
}
td.td23,
td.td4{
	background:#87ceeb;
}
td.td2,
td.td4{
	width:25%;
	vertical-align: top;
	font-size: 1.5rem;
	font-weight: bold;
	padding:5px 10px;
}
td ul li{
	list-style-type: disc;
	margin-left:20px;
}
td.td3{
	width:6%;
	vertical-align: middle;
	text-align: center;
}
img.kyo1{
	width:90%;
}
img.kyo2{
	width:85%
}
img.jim1{
	width:98%;
}
img.jim2{
	width:105%;
}
td.td3 img{
	width:80%;	
}
img.tce1{
	width:80%;
}
img.tce2{
	width:77%;
}
@media screen and (max-width: 1024px) {
	.sc2_top{
		/*width: 100%;*/
		margin: 0px 0 50px;
		padding:20px 0;
		/*background:#0000ff;
		position: relative;*/
	}
	.sc2_top::after{
		/*content:"";
		position: absolute;*/
		height:80px;
		width:100%;
		/*clip-path:polygon(0 0,50% 100%,100% 0);
		background-color:#0000ff;
		left:0;*/
		bottom:-78px;
	}
	h2.sc2_tit{
		/*text-align: center;*/
		font-size: 2.5rem;
		/*letter-spacing: 0.1rem;
		color:#FFF;*/
	}
	.info_list{
		background:#ccc;
	}
	table.tab1{
		width:96%;
		margin: 300px auto 0;
		table-layout: fixed;
		letter-spacing: 0.1rem;
		border-spacing:0 30px;
	}
	.tab1 .mmTL{
		display:none;
	}
	.tab1 tr,
	.tab1 td{
		display:block;
		width:96%;
		margin:auto;
		position: relative;
	}
	img.kyo1{
		width:100%;
	}
	td.td1{
		margin-top:10px;
	}
	td.td1::before{
		content: "これまで";
		background:#dcdcdc;
		box-sizing: border-box;
		color:#000;
		font-weight: bold;
		font-size: 4rem;
		height: 10rem;
		padding: 10px;
		position: absolute;
		top: -10rem;
		left: 0;
		display: block;
		width: 100%;
		text-align: center;
		line-height: 10rem;
	}
	td.td2,
	td.td4{
	width:100%;
	vertical-align: top;
	padding:5px 10px;
	}
	td ul li{
		list-style-type: disc;
		margin-left:25px;
		font-size: 2.5rem;
		margin-bottom: 15px;
	}
}
/************* section 3 ****************************/
.sc3{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc3_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#ff0000;
	position: relative;
}
.sc3_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#ff0000;
	left:0;
	bottom:-100px;
}
h2.sc3_tit{
	text-align: center;
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
}
table.tab2{
	width:80%;
	margin: 150px auto 0;
	table-layout: fixed;
	letter-spacing: 0.1rem;
	border-spacing:10px 30px;
}
table.tab2 th{
	font-size: 1.8rem;
	background:#008080;
	color:#fff;
	padding:15px 0;
}
table.tab2 td:nth-of-type(1),
table.tab2 td:nth-of-type(2),
table.tab2 td:nth-of-type(3),
table.tab2 td:nth-of-type(4){
	vertical-align: middle;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
table.tab2 th:nth-of-type(1){
	width:18%;
}
table.tab2 th:nth-of-type(2){
	width:28%;
}
table.tab2 th:nth-of-type(3){
	width:18%;
}
table.tab2 th:nth-of-type(4){
	width:10%;
}
table.tab2 tr:nth-child(2n+1){
	background:#f5f5f5;
}
table.tab2 tr:nth-child(2n){
	background:#dcdcdc;
}
img.resImg{
	width:100%;
}
/*********** section 4 **********************/
.sc4{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc4_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#006400;
	position: relative;
}
.sc4_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#006400;
	left:0;
	bottom:-100px;
}
h2.sc4_tit{
	text-align: center;
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
}
h2.sc4_tit span{
	color:#ff0000;
}
.inner_flex{
	width:80%;
	margin: 150px auto 0;
	display: flex;
	justify-content:space-between;
}
.in_box_l{
	position: relative;
	width: 48%;
	z-index: 1;
	background-image:url(../img/img3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.in_box_r{
	position: relative;
	width: 48%;
	z-index: 1;
	background-image:url(../img/img4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.in_box_l::after,
.in_box_r::after{
	content: "";
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: #fff;
	opacity: 0.7;
}
.in_box_l>h3,
.in_box_r>h3{
	position: relative;
	font-size: 2.5rem;
	color:#0000ff;
	z-index: 3;
	padding:15px 0 0;
	width:fit-content;
	margin:20px auto 30px;
	/*text-align: center;*/
	border-bottom: 5px solid #0000ff;
}
.in_box_l>ol,
.in_box_r>ol{
	position: relative;
	z-index: 3;
	color:#000;
	width: 90%;
	margin: auto;
	padding:10px 0 50px;
}
.in_box_l>ol li,
.in_box_r>ol li{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.in_box_l>ol li li,
.in_box_r>ol li li{
	font-size: 1.2rem;
	font-weight: bold;
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
	.inner_flex{
		width:96%;
		margin: 150px auto 0;
		display: block;
	}
	.in_box_l{
		position: relative;
		width: 100%;
		z-index: 1;
		background-image:url(../img/img3.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.in_box_r{
		position: relative;
		width: 100%;
		z-index: 1;
		background-image:url(../img/img4.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.in_box_l>h3,
	.in_box_r>h3{
		/*position: relative;
		font-size: 2.5rem;
		color:#0000ff;
		z-index: 3;*/
		padding:40px 0 0;
		/*width:fit-content;*/
		margin:30px auto 30px;
		/*border-bottom: 5px solid #0000ff;*/
	}
	.in_box_l>ol li,
	.in_box_r>ol li{
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 20px;
		margin-left: 10px;
	}
	.in_box_l>ol li li,
	.in_box_r>ol li li{
		font-size: 2rem;
		font-weight: bold;
		list-style-type: disc;
		margin-left:50px;
		margin-bottom: 5px;
	}

}
/*********** section 5 *************************/
.sc5{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc5_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#006400;
	position: relative;
}
.sc5_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#006400;
	left:0;
	bottom:-100px;
}
h2.sc5_tit{
	text-align: center;
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
}
h2.sc5_tit span{
	color:#ff0000;
}

/*********** section 6 *************************/
.sc6{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc6_tit{
	width: 80%;
	margin: 100px auto 50px;
	padding:50px 0;
	border-left:80px solid #00bfff;
	border-right:80px solid #00bfff;
}
.sc6_tit h2{
	font-size: 3rem;
	text-align: center;
	color:#07429c;
}
.main_box{
	width:80%;
	margin: auto;
	padding:0 20px 40px 20px;
	box-shadow: 0px 13px 10px -4px #d1d1d1;
}
img.mmImg{
	width:100%;
}
.flx_messe{
	width:80%;
	display: flex;
	justify-content: space-between;
	margin: 100px auto;
}
.left_messe{
	width:35%;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
.right_messe{
	width:61%;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
.c_line{
	border-left:10px solid #0066ff;
}
.toi_box{
	width: 100%;
	margin: 100px auto;
	padding:30px 0;
	border:1px solid #ccc;
	text-align: center;
}
.toi_box h4{
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	color:#0000ff;
}
.btn{
	width:33%;
	background:#0000ff;
	padding:25px 0;
	border:none;
	border-radius: 10px;
	margin: auto;
}
.btn a{
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
	letter-spacing: 0.1rem;
	color:#fff;
}
.btn a:hover{
	color:#ffff00;
}
@media screen and (max-width: 1024px) {
	.sc6_tit h2{
		font-size: 2.7rem;
		text-align: center;
		color:#07429c;
	}
	
}
/************* section 7 ********************/
.sc7{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc7_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#ff0000;
	position: relative;
}
.sc7_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#ff0000;
	left:0;
	bottom:-100px;
}
h2.sc7_tit{
	text-align: center;
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
}
table.tab3{
	width:80%;
	margin: 150px auto 0;
	table-layout: fixed;
	letter-spacing: 0.1rem;
	border-spacing:10px 30px;
}
table.tab3 th{
	font-size: 1.8rem;
	background:#008080;
	color:#fff;
	padding:15px 0;
}
table.tab3 td:nth-of-type(1),
table.tab3 td:nth-of-type(2),
table.tab3 td:nth-of-type(3),
table.tab3 td:nth-of-type(4),
table.tab3 td:nth-of-type(5){
	vertical-align: middle;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	height:200px;
}
table.tab3 th:nth-of-type(1){
	width:13%;
}
table.tab3 th:nth-of-type(2){
	width:30%;
}
table.tab3 th:nth-of-type(3){
	width:16%;
}
table.tab3 th:nth-of-type(4){
	width:8%;
}
table.tab3 tr:nth-child(2n+1){
	background:#f4ffff;
}
table.tab3 tr:nth-child(2n){
	background:#d1ffff;
}
table.tab3 td:nth-of-type(5) span{
	display:block;
	color:#ff0000;
}
table.tab3 tr:nth-child(2) td{
	border-top:8px solid #ff0000;
	border-bottom:8px solid #ff0000;
}
table.tab3 tr:nth-child(3) td,
table.tab3 tr:nth-child(4) td,
table.tab3 tr:nth-child(5) td{
	font-weight: normal;
}
/************* section 8 ********************/
.sc8{
	width:100%;
	height: auto;
	padding:20px 0;
	margin:50px 0;
}
.sc8_top{
	width: 100%;
	margin: 100px 0 50px;
	padding:50px 0;
	background:#0000ff;
	position: relative;
}
.sc8_top::after{
	content:"";
	position: absolute;
	height:100px;
	width:100%;
	clip-path:polygon(0 0,50% 100%,100% 0);
	background-color:#0000ff;
	left:0;
	bottom:-100px;
}
h2.sc8_tit{
	position: absolute;
	text-align: center;
	top:50%;
	left:50%;
	transform: translateX(-50%);
	font-size: 3.5rem;
	letter-spacing: 0.1rem;
	color:#FFF;
	z-index: 5;
}
.j_flow{
	width:80%;
	margin:150px auto 100px;
}
ul.fl_list{
	width:100%;
	display:flex;
	justify-content: space-around;
	align-items: stretch;
}
ul.fl_list li{
	border:1px solid #ccc;
	width:16%;
	padding:10px;
	border-radius: 10px;
}
ul.fl_list li h4{
	background: #4169e1;
	color:#fff;
	font-weight: bold;
	font-size: 1.3rem;
	text-align: center;
	letter-spacing: 0.1rem;
	width:100%;
	height:150px;
	line-height: 150px;
	position: relative;
}
ul.fl_list li h4::after{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:-60px;
	width:0;
	height:0;
	border-top:30px solid transparent;
	border-left:60px solid #4169e1;
	border-bottom:30px solid transparent;
	content: "";
}
ul.fl_list li p{
	padding:5px;
	font-weight: bold;
	letter-spacing: 0.1rem;
	width:100%;
	height:85px;
}

ul.fl_list li img{
	width:100%;
}
img.fl_img{
	width:100%;
}
.suport{
	width:80%;
	margin:150px auto;
}
.sp_txt{
	font-size: 1.5rem;
	font-weight: bold;
}
.sp_info{
	width:97%;
	position: relative;
	background:#0066ff;
	color:#fff;
	font-size: 1.3rem;
	text-indent: 1rem;
	margin: 5px 0;
	height: 50px;
	line-height: 50px;
	letter-spacing: 0.1rem;
}
.sp_info::after{
	content: "";
	position: absolute;
	right:-40px;
	top:50%;
	transform: translateY(-50%);
	width:0;
	height:0;
	border-top:25px solid transparent;
	border-left:40px solid #0066ff;
	border-bottom:25px solid transparent;
}
/********* 会社概要 ***************************/
.comp{
	width:100%;
	margin: 100px auto 0;
	background:#f5f5f5;
}
.comp_top{
	width:80%;
	margin: auto;
	padding:25px 0;
}
.comp_top p{
	font-size: 3.5rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	color: #0000ff;
	border-bottom: 8px solid #0000ff;
}
.comp_logo{
	width:70%;
	margin: auto;
	padding:50px 0;
}
.comp_name{
	font-size: 3rem;
	font-weight: bold;
}
dl.comp_info{
	width:96%;
	margin:50px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
dl.comp_info dt{
	width:10%;
	height:50px;
	font-size: 1.5rem;
	font-weight: 800;
	/*background:#ccc;*/
	text-align-last: justify;
	padding:0 15px 0 0;
	margin:0;
}
dl.comp_info dd{
	width: 85%;
	font-size: 1.5rem;
	font-weight: 800;
	text-align: left;
	margin:0;
}
/*===================================================
 footer CSS
====================================================*/
#footer{
	background:#222;
	padding:50px 0 100px;
}
.f_logo{
	text-align: center;
}

/*===================================================
 お問合せ CSS
====================================================*/
.wrap2{
	font-family:'メイリオ', 'Meiryo', sans-serif;
	max-width: 1920px;
	width:100%;
	letter-spacing: 0.1rem;
}
h2.messa2{
	font-size: 2.5rem;
	display:block;
	text-align: center;
}
h2.messa2 span{
	color:#ff0000;
}
.choi{
	display: flex;
	width:80%;
	justify-content: center;
	margin: auto;
	/*background:#ccc;*/
}
.choi p{
	margin:0 1%;
	padding:10px 20px;
	border-radius: 5px;
	border-radius: 8px;
}
.choi p a{
	display: block;
	font-size: 1.2rem;
	font-weight: 800;
}
.choi p.ll{
	background:#87ceeb;
}
.choi p.rr{
	background:#90ee90;
}
.sc11{
	width:80%;
	margin: 100px auto;
	border-top: 1px solid #ccc;
}
h3.toi_info{
	text-align: center;
	margin-top:50px;
}
/********* Form *****************************/
.sc12{
	width: 100%;
}
.v_formBox{
	width:60%;
	margin: 20px auto;
}
.slt{
	position: relative;
	height: 2.8rem;
	width:100%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	/*appearance: none;*/
	font-size: 1.2rem;
	background:#fafafa;
}
.fm{
	margin:30px 0;
}
h4.tf,
h4.tf2{
	font-size: 2rem;
	position: relative;
	padding:0 0 0 70px;
	height: 64px;
	line-height: 64px;
}
h4.tf2{
	color:#0000ff;
	padding:0 0 0 77px;
}
h4.tf::before{
	content: "";
	position: absolute;
	top:0;
	left:0;
	background:url(../img/m_ico.png) no-repeat;
	width: 64px;
	height: 64px;
}
h4.tf2::before{
	content: "";
	position: absolute;
	top:0;
	left:0;
	background:url(../img/s_ico.png) no-repeat;
	width: 64px;
	height: 64px;
}

.bbx{
	margin-bottom: 25px;
}
p.fm_tit2{
	font-weight: 800;
	font-size: 1.2rem;
	margin-left: 5px;
}
p.fm_tit{
	font-weight: 800;
	font-size: 1.2rem;
	margin-left: 5px;
}
p.fm_tit::after{
	content: "必須";
	background:#dc143c;
	color:#fff;
	font-size: 0.8rem;
	font-weight: bold;
	min-width: 10px;
	padding:3px 7px;
	margin: 0 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}
.fm_txt{
	height: 2.8rem;
	width:100%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	font-size: 1.2rem;
	background:#fafafa;
}
.fm_ter{
	display: block;
	width: 100%;
	height:100px;
	padding:4px 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	font-size: 1.2rem;
}
textarea{
	font-size:1.2rem;
}
.s_btn{
	display: flex;
	justify-content: center;
	margin:50px 0 0;
}
.son{
	width:150px;
	background:#4169e1;
	color:#fff;
	padding:15px 25px;
	margin-right: 10px;
	border: none;
	border-radius: 10px;
	font-size: 1.2rem;
}
.rst{
	width:150px;
	background:#ffcc99;
	color:#000;
	padding:15px 25px;
	margin-left: 10px;
	border: none;
	border-radius: 10px;
	font-size: 1.2rem;
}
.sc13{
	width: 100%;
	margin: 150px auto;
	border-top: 1px solid #ccc;
}

/*======== ページトップ ================================*/
#page-top a{
	display:flex;
	justify-content: center;
	align-items: center;
	background: #ff0000;
	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);
	}
}

/**************************************************
adad24.con topinfo CSS
*************************************************/
.st01,
.st02,
.st011,
.st022{
	width:100%;
	height:auto;
	background:#f8f8ff;
}
.st02{
	background: #fffacd;
	padding-top:50px;
}
.st01,
.st011,
.st022{
	height:auto;
	padding-bottom: 50px;
}
.st022{
	background: #fffacd;
	padding-top:50px;
}
h3.title{
	padding:25px 0;
	text-align: center;
	font-size: 3rem;
	border-bottom: 10px solid #00bfff;
	letter-spacing: 0.1rem;
}
h4.sub_tit{
	padding:15px 0;
	text-align:center;
	font-size: 2.4rem;
	border-bottom: 5px solid #00ff00;
	letter-spacing: 0.1rem;
}
ul.menuinfo{
	width:90%;
	margin:auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
ul.menuinfo li{
	width: 21%;
	margin:10px 2% 10px 2%;
	overflow: hidden;
}
ul.menuinfo li h4{
	font-size: 1.2rem;
	padding:10px 0;
	position: relative;
	left:40px;
}
ul.menuinfo li h4::before{
	position: absolute;
	top:0;
	left:-40px;
	width:32px;
	height: 32px;
	content:"";
	background:url(../img/m_ico.png);
} 
ul.menuinfo li .demoimg{
	width:96%;
	text-align: center;
	padding:1%;
	box-shadow: 0px 0px 15px -5px #121212;
	border-radius: 10px;
}
ul.menuinfo li img.demoimg{
	height:auto;
	transition: transform 1s ease;
}
ul.menuinfo li .demoimg:hover{
	transform: scale(1.1);
}
/******* サイトメニュー CSS ***************/
ul.menu{
	width:100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background:#ff0000;
	padding:10px 0;
}
ul.menu li{
	display:block;
	margin-right: 2%;
	position: relative;
}
ul.menu li a{
	color:#fff;
	display: block;
	padding:0 20px;
}
ul.menu li a:hover{
	background:#fff;
	color:#000;
	border-radius: 10px;
}
.padd{
	padding-top:50px;
}
ul.sub_menu{
	display: flex;
	justify-content: center;
	align-items: center;
	height:50px;
	/*background:#ffff00;*/
	border-bottom: 2px solid #ff0000;
}
ul.sub_menu li{
	margin:0 1%;
}
ul.sub_menu li a{
	display: block;
	font-size: 1.1rem;
	font-weight: 800;
	padding:0 10px;
}
ul.sub_menu li a:hover{
	color:#fff;
	background:#ff0000;
}