@charset "utf-8";


/*====================================
ヘッダー
====================================*/
header{
	width: 100%;
	height: auto;
	background-color: #00A1E9;
	padding: 30px 0 10px 0;
	margin: 0 auto;}

.header-ttl{
	vertical-align: bottom;}

.header-ttl .span01{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0.01em;
	color: #FFF;
	display: inline-block;
	padding: 0 15px 0 0;}

.header-ttl .span02{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.01em;
	color: #FFF;
	display: inline-block;}

@media only screen and (max-width: 750px) {
.header-ttl .span01{
	font-size: 15px;
	font-size: 1.5rem;}

.header-ttl .span02{
	font-size: 18px;
	font-size: 1.8rem;}
}

@media only screen and (max-width: 520px) {
header{
	padding: 5.77vw 0 1.92vw 0;}

.header-ttl .span01{
	font-size: 2.88vw;
	display: block;
	padding:  0 0;}

.header-ttl .span02{
	font-size: 3.46vw;
	display: block;}
}



/*====================================
フッター
====================================*/
.footer01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF100;
	margin: 0 auto;}

.footer01-conbox{
	background-image: url(../jaycee-p/common-p/footer01-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 100px 15px 60px 15px;}

.footer01-linebtn{
	transition: 0.3s;}

.footer01-linebtn:hover{
	opacity: 0.9;}

.footer01-linebtn img{
	max-width: 550px;
	width: 46%;
	height: auto;}

@media only screen and (max-width: 850px) {
.footer01-conbox{
	background-image: url(../jaycee-p/common-p/sp-p/sp-footer01-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 58vw 30px 30px 30px;}

.footer01-linebtn{
	display: block;
	max-width: 550px;
	width: 100%;
	margin: 0 auto;}

.footer01-linebtn img{
	max-width: none;
	width: 100%;
	height: auto;}
}

@media only screen and (max-width: 520px) {
.footer01-conbox{
	padding: 58vw 5.77vw 5.77vw 5.77vw;}

.footer01-linebtn{
	max-width: none;}
}


.footer02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #00A1E9;
	padding: 30px 0;
	margin: 0 auto;}

.footer02-ttl{
	vertical-align: text-bottom;
	margin: 0 30px;}

.footer02-ttl .span01{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	color: #FFF;
	display: inline-block;
	padding: 0 5px 0 0;}

.footer02-ttl .span02{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
	display: inline-block;}

.footer02-tx01{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.2;
	color: #FFF;
	margin: 10px 30px 100px 30px;}

.footer02-tx01 a{
	color: #FFF;}

.footer02-tx01 a:hover{
	opacity: 0.9;}

.footer02-copyright{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
	color: #FFF;
	margin: 0 30px;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.footer02_bg01{
	padding: 5.77vw 0;}

.footer02-ttl{
	margin: 0 5.77vw;}

.footer02-ttl .span01{
	font-size: 3.46vw;
	padding: 0 0.96vw 0 0;}

.footer02-ttl .span02{
	font-size: 4.8vw;}

.footer02-tx01{
	font-size: 3.46vw;
	margin: 1.92vw 5.77vw 19.23vw 5.77vw;}

.footer02-copyright{
	font-size: 2.2vw;
	margin: 0 5.77vw;}
}


/*====================================
scroll
====================================*/
.simplebar-track.simplebar-horizontal {
	width: 10px;
	background: #888888;
	border-radius: 0;
	margin: 0 auto;}

.simplebar-scrollbar {
	width: 10px;
	/*background: #888888;*/
	border-radius: 0;
	top: 0;}

@media only screen and (max-width: 520px) {
.simplebar-track.simplebar-horizontal {
	width: 1.92vw;}

.simplebar-scrollbar {
	width: 1.92vw;}
}




/*====================================
トップページここから
====================================*/
.top_main_bg01{
	width: 100%;
	background-color: #FFF100;
	padding: 40px 0 60px 0;
	margin: 0 auto;}

.top_main-ttl{
	text-align: center;
	margin: 0 30px;}

.top_main-ttl img{
	max-width: 610px;
	width: 100%;
	height: auto;}

.top_main-leadtx01{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 30px 30px 0 30px;}

.top_mainimg{
	text-align: center;
	position: relative;
	z-index: 1;
	margin: -70px 0 0 0;}

.top_mainimg img{
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_main-onbtn{
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 99;}

.top_main-onbtn a{
	display: inline-block;
	transition: 0.3s;
	margin: 0 30px;}

.top_main-onbtn a:hover{
	opacity: 0.9;}

.top_main-onbtn a img{
	max-width: 608px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_mainimg{
	margin: -5.5vw 0 0 0;}
}

@media only screen and (max-width: 850px) {
.top_mainimg{
	margin: 0 0;}

.top_main-leadtx01{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;}
}

@media only screen and (max-width: 520px) {
.top_main_bg01{
	padding: 7.69vw 0 11.53vw 0;}

.top_main-ttl{
	margin: 0 5.77vw;}

.top_main-ttl img{
	max-width: none;}

.top_main-leadtx01{
	font-size: 3.65vw;
	margin: 5.77vw 5.77vw 0 5.77vw;}

.top_mainimg img{
	max-width: none;}

.top_main-onbtn{
	bottom: -7.69vw;}

.top_main-onbtn a{
	margin: 0 5.77vw;}

.top_main-onbtn a img{
	max-width: none;}
}



.top_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 100px 0 60px 0;
	margin: 0 auto;}

.top_c01-ttl{
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #0096DF;}

.top_c01-ttlline{
	width: 160px;
	height: 3px;
	background-color: #0096E0;
	margin: 10px auto 15px auto;}

.top_c01-tx01{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.48;
	color: #211713;
	padding: 0 0 50px 0;}

.top_c01-informationttl{
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #0096DF;
	padding: 0 0;
	border-bottom: 3px #00A1E9 solid;
	margin: 0 0 10px 0;}

.top_c01-informationbox{
	padding: 0 0 10px 0;}

.top_c01-information-inbox{
	text-decoration: none;
	display: block;
	transition: 0.3s;
	padding: 15px 0;
	border-bottom: 1px #CCCCCC solid;}

.top_c01-information-inbox:hover{
	opacity: 0.8;}

.top_c01-information-inbox-list{
	font-size: 0;
	margin: 0 0 5px 0;}

.top_c01-information-inbox-list li{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: #000;
	display: inline-block;
	margin: 0 20px 0 0;}

.top_c01-informationbox-ttl{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.4;
	color: #0096DF;}

.top_c01-archivebtn{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	color: #0094D4;
	background-color: #FFF;
	display: block;
	max-width: 260px;
	transition: 0.3s;
	padding: 20px 15px;
	border: 1px #0094D4 solid;
	margin: 30px auto 0 auto;}

.top_c01-archivebtn:hover{
	color: #FFF;
	background-color: #0094D4;}

@media only screen and (max-width: 850px) {
}

@media only screen and (max-width: 520px) {
.top_c01_bg01{
	padding: 19.23vw 0 11.53vw 0;}

.top_c01-ttl{
	font-size: 7.3vw;
	letter-spacing: 0.02em;}

.top_c01-ttlline{
	width: 30.76vw;
	height: 0.57vw;
	margin: 1.92vw auto 2.88vw auto;}

.top_c01-tx01{
	font-size: 3.84vw;
	padding: 0 0 9.61vw 0;}

.top_c01-informationttl{
	font-size: 5.38vw;
	border-bottom: 0.57vw #00A1E9 solid;
	margin: 0 0 1.92vw 0;}

.top_c01-informationbox{
	padding: 0 0 1.92vw 0;}

.top_c01-information-inbox{
	padding: 2.88vw 0;
	border-bottom: 0.19vw #CCCCCC solid;}
	
.top_c01-information-inbox-list{
	margin: 0 0 0.96vw 0;}

.top_c01-information-inbox-list li{
	font-size: 3.46vw;
	margin: 0 3.84vw 0 0;}

.top_c01-informationbox-ttl{
	font-size: 3.84vw;}

.top_c01-archivebtn{
	font-size: 3.46vw;
	max-width: 50vw;
	padding: 3.84vw 2.88vw;
	border: 0.19vw #0094D4 solid;
	margin: 5.77vw auto 0 auto;}
}



.top_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF100;
	padding: 80px 0;
	margin: 0 auto;}

.top_c02-ttl{
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #0096DF;}

.top_c02-ttlline{
	width: 160px;
	height: 3px;
	background-color: #0096E0;
	margin: 10px auto 15px auto;}

.top_c02-tx01{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.48;
	color: #211713;
	padding: 0 0 50px 0;}

.top_c02-categorylist{
	font-size: 0;
	text-align: center;
	margin: 0 7px 34px 7px;}

.top_c02-categorylist li{
	display: inline-block;
	margin: 0 8px 16px 8px;}

.top_c02-categorylist li a{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	color: #0096E0;
	background-color: #FFF;
	display: block;
	transition: 0.3s;
	padding: 10px 10px;
	border: 2px #0096E0 solid;}

.top_c02-categorylist li a:hover{
	color: #FFF;
	background-color: #0096E0;}


.top_c02-member-link{
	transition: 0.3s;}

.top_c02-member-link:hover{
	opacity: 0.95;}

.top_c02-memberimg{
	text-align: center;
	position: relative;
	overflow: hidden;
	aspect-ratio:1 / 1;
	max-width: 180px;
	border-radius: 100%;
	margin: 0 auto;}

.top_c02-memberimg img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	aspect-ratio:1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;}

.top_c02-membername{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	padding: 16px 0 8px 0;}

.top_c02-memberdetail{}

.top_c02-memberdetail li{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	padding: 0 0 3px 0;
	margin: 0 auto;}

.top_c02-btn01{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	color: #0094D4;
	background-color: #FFF;
	display: block;
	max-width: 260px;
	transition: 0.3s;
	padding: 20px 15px;
	border: 1px #0094D4 solid;
	margin: 0 auto;}

.top_c02-btn01:hover{
	color: #FFF;
	background-color: #0094D4;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.top_c02_bg01{
	padding: 15.38vw 0;}

.top_c02-ttl{
	font-size: 7.3vw;
	letter-spacing: 0.02em;}

.top_c02-ttlline{
	width: 30.76vw;
	height: 0.57vw;
	margin: 1.92vw auto 2.88vw auto;}

.top_c02-tx01{
	font-size: 3.84vw;
	padding: 0 0 9.61vw 0;}

.top_c02-categorylist{
	margin: 0 1.34vw 6.53vw 1.34vw;}

.top_c02-categorylist li{
	margin: 0 1.53vw 3.07vw 1.53vw;}

.top_c02-categorylist li a{
	font-size: 3.84vw;
	padding: 1.92vw 1.92vw;
	border: 0.38vw #0096E0 solid;}
	
.top_c02-memberimg{
	max-width: 34.61vw;}

.top_c02-membername{
	font-size: 4.23vw;
	padding: 3.07vw 0 1.53vw 0;}

.top_c02-memberdetail li{
	font-size: 2.88vw;
	padding: 0 0 0.38vw 0;}

.top_c02-btn01{
	font-size: 3.46vw;
	max-width: 50vw;
	padding: 3.84vw 2.88vw;
	border: 0.19vw #0094D4 solid;}
}

.top_c02_repetitions01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 25% 25% 25% 25%;
	grid-template-columns: 25% 25% 25% 25%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_c02_repetitions01_g3 > .grid_container > .grid_item {
	text-align: center;
	margin: 0 15px 60px 15px;}

.top_c02_repetitions01_g3 > .grid_container > .grid_item02 {
	text-align: center;
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 4; /* 横のマス数(IE用) */
	grid-column: 1 / 5; /* 横位置 */
	margin: 0 15px 60px 15px;}

@media only screen and (max-width: 850px) {
.top_c02_repetitions01_g3{
	margin: 0 15px;}

.top_c02_repetitions01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_c02_repetitions01_g3 > .grid_container > .grid_item02 {
	text-align: center;
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 3; /* 横のマス数(IE用) */
	grid-column: 1 / 4; /* 横位置 */}
}

@media only screen and (max-width: 520px) {
.top_c02_repetitions01_g3{
	margin: 0 2.88vw;}

.top_c02_repetitions01_g3 > .grid_container > .grid_item {
	 margin: 0 2.88vw 11.95vw 2.88vw;}

.top_c02_repetitions01_g3 > .grid_container > .grid_item02 {
	 margin: 0 2.88vw 11.95vw 2.88vw;}
}



.top_c03a_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #009FE9;
	padding: 30px 0;
	margin: 0 auto;}

.top_c03a-ttl{
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.45;
	letter-spacing: 0.05em;
	color: #FFF;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.top_c03a_bg01{
	padding: 5.66vw 0;}

.top_c03a-ttl{
	font-size: 5.38vw;}
}



.top_c03b_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 60px 0 80px 0;
	margin: 0 auto;}

.top_c03b-linebtn{
	display: inline-block;
	margin: 0 30px;}

.top_c03b-linebtn img{
	max-width: 714px;
	width: 100%;
	height: auto;}

.top_c03b-list{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.4;
	color: #211713;
	position: relative;
	padding: 0 0 0 30px;}

.top_c03b-list:before{
	content: "";
	width: 26px;
	height: 22px;
	background-image: url(../jaycee-p/top-p/top_c03b-icon01.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 1;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.top_c03b_bg01{
	padding: 11.53vw 0 15.38vw 0;}

.top_c03b-linebtn{
	margin: 0 5.77vw;}

.top_c03b-linebtn img{
	max-width: none;}

.top_c03b-list{
	font-size: 4.23vw;
	padding: 0 0 0 5.77vw;}

.top_c03b-list:before{
	content: "";
	width: 5vw;
	height: 4.23vw;
	top: 0.38vw;}
}

.top_c03b_repetitions01_g2{
	max-width: 800px;
	margin: 0 auto;}

.top_c03b_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_c03b_repetitions01_g2 > .grid_container > .grid_item {
	margin: 0 15px 8px 15px;}

@media only screen and (max-width: 850px) {
.top_c03b_repetitions01_g2{
	max-width: none;
	margin: 0 15px;}
}

@media only screen and (max-width: 650px) {
.top_c03b_repetitions01_g2{
	max-width: 400px;
	margin: 0 auto;}
	
.top_c03b_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}
}

@media only screen and (max-width: 520px) {
.top_c03b_repetitions01_g2{
	width: 76.92vw;}
	
.top_c03b_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_c03b_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 1.92vw 2.88vw;}
}



/*====================================
メンバーページここから
====================================*/
.memberlist_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #EEEEEE;
	padding: 20px 0;
	margin: 0 auto;}

.memberlist_c01-ttl{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000000;
	margin: 0 30px;}

.memberlist_c01-ttl h1{
	display: inline;}

.memberlist_c01-ttl a{
	color: #0096DF;
	text-decoration: underline;}

.memberlist_c01-ttl a:hover{
	opacity: 0.9;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.memberlist_c01_bg01{
	padding: 3.84vw 0;}

.memberlist_c01-ttl{
	font-size: 2.69vw;
	margin: 0 5.77vw;}
}



/*===ページネーション===*/
.pagination{
   margin:40px 0 0;}

.pagination a{
	text-decoration:none;}

.nav-links{
	text-align:center;}

.pagination .page-numbers{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	display:inline-block;
	color:#00A1E9;
	background-color: #FFF;
	transition:0.3s;
	padding:5px 12px;
	border:1px #00A1E9 solid;
	margin:0 10px;}
   
.pagination .page-numbers:hover{
	color:#fff;
	background:#00A1E9;
	border:1px #00A1E9 solid;}
   
.pagination .current{
	color:#fff;
	background:#00A1E9;
	border:1px #00A1E9 solid;}

.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
	color:#00A1E9;
background-color: #FFF;}

.pagination .dots{
   background:transparent;
   box-shadow:none;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.pagination{
   margin:7.69vw 0 0;}

.pagination .page-numbers{
	font-size:3.85vw;
	margin:0 1.92vw;
	padding:0.96vw 2.31vw;}
}



/*====================================
メンバー詳細ページここから
====================================*/
.single_c01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #EEEEEE;
	padding: 20px 0;
	margin: 0 auto;}

.single_c01-ttl{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000000;
	margin: 0 30px;}

.single_c01-ttl a{
	color: #0096DF;
	text-decoration: underline;}

.single_c01-ttl a:hover{
	opacity: 0.9;}

.single_c01-ttl h1{
	display: inline;}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 520px) {
.single_c01_bg01{
	padding: 3.84vw 0;}

.single_c01-ttl{
	font-size: 2.69vw;
	margin: 0 5.77vw;}
}



.single_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 100px 0;
	margin: 0 auto;}

.single_c02-conbox{
	max-width: 520px;
	margin: 0 0 60px 0;}

.single_c02-conarea .single_c02-conbox:last-child{
	margin: 0 0;}

.single_c02-conbox-ttl01{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.02em;
	color: #00A1E9;
	padding: 0 0 5px 0;
	border-bottom: 3px #00A1E9 solid;}

.single_c02-conbox-ttl02{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.02em;
	color: #FF198C;
	padding: 0 0 5px 0;
	border-bottom: 3px #FF198C solid;}

.single_c02-conbox-name{
	font-size: 40px;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
	padding: 30px 0 0 0;}

.single_c02-conbox-tx01{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	padding: 10px 0 0 0;}

.single_c02-conbox-tx01 a{
	text-decoration: underline;
	color: #00A1E9;}

.single_c02-conbox-tx01 a:hover{
	opacity: 0.9;}

.single_c02-img{
    text-align: center;
    position: relative;
    overflow: hidden;
	max-width: 520px;
	width: 100%;
	height: auto;
    aspect-ratio: 520 / 380;
    border-radius: 10px;
	margin: 0 0 30px auto;}

.single_c02-img:last-child{
	margin: 0 0 0 auto;}

.single_c02-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    aspect-ratio: 520 / 380;
    width: 100%;
    height: auto;
    object-fit: cover;}

.single_c02-btn01{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-align: center;
	color: #0094D4;
	background-color: #FFF;
	transition: 0.3s;
	padding: 20px 15px;
	border: 2px #0094D4 solid;}

.single_c02-btn01:hover{
	color: #FFF;
	background-color: #0094D4;}

@media only screen and (max-width: 750px) {
.single_c02-conbox{
	max-width: none;}
	
.single_c02-img{
	max-width: none;}
}

@media only screen and (max-width: 520px) {
.single_c02_bg01{
	padding: 19.23vw 0;}

.single_c02-conbox{
	margin: 0 0 11.53vw 0;}

.single_c02-conbox-ttl01{
	font-size: 4.61vw;
	padding: 0 0 0.96vw 0;
	border-bottom: 0.57vw #00A1E9 solid;}

.single_c02-conbox-ttl02{
	font-size: 4.61vw;
	padding: 0 0 0.96vw 0;
	border-bottom: 0.57vw #FF198C solid;}

.single_c02-conbox-name{
	font-size: 7.69vw;
	padding: 5.77vw 0 0 0;}

.single_c02-conbox-tx01{
	font-size: 3.84vw;
	padding: 1.92vw 0 0 0;}

.single_c02-img{
    border-radius: 1.92vw;
	margin: 0 0 5.77vw auto;}

.single_c02-btn01{
	font-size: 3.46vw;
	padding: 3.84vw 2.88vw;
	border: 0.38vw #0094D4 solid;}
}

.single_c02_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.single_c02_contents01_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.single_c02_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */}
	
.single_c02_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1;}

@media only screen and (max-width: 850px) {
.single_c02_contents01_g2{
	margin: 0 15px;}
}

@media only screen and (max-width: 750px) {
.single_c02_contents01_g2{
	margin: 0 2.88vw;}
	
.single_c02_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.single_c02_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1;}
	
.single_c02_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2;}
}

@media only screen and (max-width: 520px) {
.single_c02_contents01_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 5.77vw 2.88vw;}
}

.single_c02_contents02_g2{
	max-width: 580px;
	margin: 50px auto 0;}

.single_c02_contents02_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.single_c02_contents02_g2 > .grid_container > .grid_item {
	margin: 0 15px 0 15px;}

.single_c02_contents02_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */}
	
.single_c02_contents02_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1;}

@media only screen and (max-width: 610px) {
.single_c02_contents02_g2{
	max-width: none;
	margin: 50px 15px 0;}}

@media only screen and (max-width: 520px) {
.single_c02_contents02_g2{
	max-width: none;
	margin: 9.61vw 2.88vw 0;}
	
.single_c02_contents02_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
  
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.single_c02_contents02_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 2.88vw 2.88vw;}

.single_c02_contents02_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1;}
	
.single_c02_contents02_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2;}
}




/*====================================
案件詳細ページここから
====================================*/
.case_c02_bg01{
	width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 100px 0 60px 0;
    margin: 0 auto;}

.case_c02-information-ttl{
	font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.05em;
    color: #0096DF;
    padding: 0 0 8px 0;
    border-bottom: 3px #00A1E9 solid;
    margin: 0 0 10px 0;}

.case_c02-information-list{
	font-size: 0;
	margin: 0 0 5px 0;}

.case_c02-information-list li{
	font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.02em;
    color: #000;
    display: inline-block;
    margin: 0 20px 0 0;}

.case_c02-information-contents{}

.case_c02-information-contents h2{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.35;
	padding: 0 0 5px 0;
	border-bottom: 1px #AAA solid;
	margin: 30px 0 15px 0;}

.case_c02-information-contents h3{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.35;
	color: #1F83BE;
	margin: 30px 0 15px 0;}

.case_c02-information-contents h4{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.35;
	color: #1F83BE;
	margin: 30px 0 15px 0;}

.case_c02-information-contents h5{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.35;
	color: #333;
	margin: 30px 0 15px 0;}

.case_c02-information-contents h6{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.35;
	color: #333;
	margin: 30px 0 15px 0;}

.case_c02-information-contents p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.55;
	margin: 15px 0 30px;}

.case_c02-information-contents a{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.55;
	text-decoration: underline;
	color: #1F83BE;}

.case_c02-information-contents a:hover{
	opacity: 0.8;}

.case_c02-information-contents img{
	background-color: #f6f6f6;
	width: 100%;
	max-height: 400px;
	height: auto;
    object-fit: contain;
	margin: 0 auto;}

.case_c02-information-contents ul{
	margin: 15px 0;}

.case_c02-information-contents ul li{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.35;
	color: #333;
	margin: 0 0 2px 0;}

.case_c02-information-contents ul li:last-child{
	margin: 0 0;}

.case_c02-information-contents ul li:before{
	content: "●";
	font-weight: 700;
	color: #1F83BE;}

.case_c02-information-contents ol{
	counter-reset: item;
	list-style-type: none;
	margin: 15px 0;}

.case_c02-information-contents ol li{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.35;
	color: #333;
	margin: 0 0 2px 0;}

.case_c02-information-contents ol li:last-child{
	margin: 0 0;}

.case_c02-information-contents ol li:before{
	counter-increment: item;
	content: counter(item)'.';
	font-weight: 700;
	color: #1F83BE;}

.case_c02-information-linkarea{
	font-size: 0;
	text-align: center;}

.case_c02-information-linkarea a{
	font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    color: #0094D4;
    background-color: #FFF;
    display: inline-block;
    width: 180px;
    transition: 0.3s;
    padding: 20px 15px;
    border: 1px #0094D4 solid;
    margin: 30px 15px 0 15px;}

.case_c02-information-linkarea a:hover{
    color: #FFF;
    background-color: #0094D4;
    border: 1px #0094D4 solid;}

@media only screen and (max-width: 520px) {
.case_c02_bg01{
    padding: 19.23vw 0 11.53vw 0;}

.case_c02-information-ttl{
	font-size: 5.38vw;
    letter-spacing: 0.02em;
    padding: 0 0 1.53vw 0;
    border-bottom: 0.57vw #00A1E9 solid;
    margin: 0 0 1.92vw 0;}

.case_c02-information-list{
	margin: 0 0 0.96vw 0;}

.case_c02-information-list li{
	font-size: 3.46vw;
    letter-spacing: 0.02em;
    margin: 0 3.84vw 0 0;}

.case_c02-information-contents h2{
	font-size: 4.61vw;
	padding: 0 0 0.96vw 0;
	border-bottom: 0.19vw #AAA solid;
	margin: 5.77vw 0 2.88vw 0;}

.case_c02-information-contents h3{
	font-size: 3.84vw;
	margin: 5.77vw 0 2.88vw 0;}

.case_c02-information-contents h4{
	font-size: 3.84vw;
	margin: 5.77vw 0 2.88vw 0;}

.case_c02-information-contents h5{
	font-size: 3.84vw;
	margin: 5.77vw 0 2.88vw 0;}

.case_c02-information-contents h6{
	font-size: 3.46vw;
	margin: 5.77vw 0 2.88vw 0;}

.case_c02-information-contents p{
	font-size: 3.07vw;
	margin: 2.88vw 0 5.77vw 0;}

.case_c02-information-contents a{
	font-size: 3.07vw;}

.case_c02-information-contents img{
	max-height: 60vw;}

.case_c02-information-contents ul{
	margin: 2.88vw 0;}

.case_c02-information-contents ul li{
	font-size: 3.07vw;
	margin: 0 0 0.38vw 0;}

.case_c02-information-contents ol{
	margin: 2.88vw 0;}

.case_c02-information-contents ol li{
	font-size: 3.07vw;
	margin: 0 0 0.38vw 0;}

.case_c02-information-linkarea a{
	font-size: 3.46vw;
    width: 34.61vw;
    padding: 3.84vw 2.88vw;
    border: 0.19vw #0094D4 solid;
    margin: 5.77vw 2.88vw 0 2.88vw;}

.case_c02-information-linkarea a:hover{
    border: 0.19vw #0094D4 solid;}}




/*====================================
404ここから
====================================*/
.common_main_bg01{
	width: 100%;
	background-color: #FFF;
	padding: 100px 0;
	margin: 0 auto;}

.common_main-ttl{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: #00A1E9;}

@media only screen and (max-width: 520px) {
.common_main_bg01{
	padding: 19.23vw 0;}

.common_main-ttl{
	font-size: 5.77vw;}
}