@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Dancing+Script:wght@700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*----------------■初期設定----------------*/
*  {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
ul,ol  {
	list-style: none;
}
table  {
	border-collapse: collapse;
}
th,td  {
	text-align: left;
	vertical-align: top;
}
img {
	border: none;
	vertical-align: top;
}

 /* リンク色の初期値 */
a:link { text-decoration:none;color:#333; }
a:visited { text-decoration:none;color:#333; }
a:hover { text-decoration:none;color:#f00; }
a:active { text-decoration:none;color:#ccf; }

a[name]:hover { text-decoration:none;color:#333; }

/*----------------■よく使うもの----------------*/
 
.fltl  {
	float: left;
}
.fltr  {
	float: right;
}
.clear  {
	clear: both;
}
.clearfix:after {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}
.clearfix  {
	zoom:  1;
}

img{max-width:100%;height:auto;margin:0 auto;}
iframe{max-width:100%;margin:0 auto;}

a{cursor:pointer;}
a:hover img { /* 画像オンマウス処理 */
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

/*----------------■全体構造----------------*/

body {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	background: #fff;
	color: #333;
	font-size:  16px;
	line-height: 1.5;
	position:relative;
}

#xxxxxxxxxxxxxxx{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.red{color:#f00;}

ul.list,.main_text ul{list-style:disc;margin-left:20px;}
ul.list li,.main_text ul li{padding-bottom:10px;}

ol.list,.main_text ol{list-style:decimal;margin-left:1em;}
ol.list li,.main_text ol li{padding-bottom:10px;}

.table{width:100%;}
.table td,.table th{padding:10px;border:1px solid #ccc;}
.table th{background:#eee;font-weight:bold;}

.margin10{margin:10px 0;}

.margin_top0{margin-top:0 !important;}
.margin_top10{margin-top:10px !important;}
.margin_top20{margin-top:20px !important;}
.margin_top30{margin-top:30px !important;}
.margin_top40{margin-top:40px !important;}
.margin_top50{margin-top:50px !important;}
.margin_top60{margin-top:60px !important;}
.margin_top70{margin-top:70px !important;}

.margin_bottom0{margin-bottom:0 !important;}
.margin_bottom10{margin-bottom:10px !important;}
.margin_bottom20{margin-bottom:20px !important;}
.margin_bottom30{margin-bottom:30px !important;}
.margin_bottom40{margin-bottom:40px !important;}
.margin_bottom50{margin-bottom:50px !important;}
.margin_bottom60{margin-bottom:60px !important;}
.margin_bottom70{margin-bottom:70px !important;}

.padding_top0{padding-top:0 !important;}
.padding_top10{padding-top:10px !important;}
.padding_top20{padding-top:20px !important;}
.padding_top30{padding-top:30px !important;}
.padding_top40{padding-top:40px !important;}
.padding_top50{padding-top:50px !important;}
.padding_top60{padding-top:60px !important;}
.padding_top70{padding-top:70px !important;}

.padding_bottom0{padding-bottom:0 !important;}
.padding_bottom10{padding-bottom:10px !important;}
.padding_bottom20{padding-bottom:20px !important;}
.padding_bottom30{padding-bottom:30px !important;}
.padding_bottom50{padding-bottom:50px !important;}
.padding_bottom60{padding-bottom:60px !important;}
.padding_bottom70{padding-bottom:70px !important;}



.green_wrap{text-align:left;}
.bg_green{background:#0A7;}
.bg_cream{background:#F8F8F0;}
.bg_brown{background:#b60;}
.bg_2ab{background:#2ab;}
.bg_080{background:#080;}
.bg_9c0{background:#9c0;}
.color_aaa{color:#aaa;}
.bg_pdf{background: linear-gradient(180deg, #9c0 0%, #9c0 50%, #8b0 50%, #8b0 100%);}
.bg_form{background: linear-gradient(180deg, #2ab 0%, #2ab 50%, #19a 50%, #19a 100%);}
.bg_pdf a,.bg_form a{color:#fff;}
.bg_pdf:hover,.bg_form:hover{-moz-opacity:0.7;opacity:0.7;filter: alpha(opacity=70);}
.mi1{border-left:6px solid #9c0;padding-left: 1rem;}
.mi1 i{color:#9c0;margin-left:0.5em;}
.border_dotted{
background-image : linear-gradient(to right, #aaa 3px, transparent 3px);
background-size: 6px 1px;
background-repeat: repeat-x; 
background-position: left bottom;
padding-bottom:0.8em;margin-bottom:0.8em;
}
.text-ssm{font-size:85%;}

    .title_h1 img{width:340px;}
    .copy_block_left{font-size:95%;}
    .copy_block_right{text-align:center;font-size:90%;}
    .copy_block_right img{margin-bottom:10px;}
    .mi_space{background:#952;color:#ddd;border-radius:8px 8px 0 0;padding:1.5rem;}
    .mi_space h2{font-size:150%;}
    .space_block{border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;}
    .space_boder{border-top:1px solid #ddd;}
    .mi_qa{background:#0a7;color:#fff;border-radius:8px 8px 0 0;}
    .qa_list{border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;}
        .copy_block{padding: 1.5rem;}
        .class-card {
            transition: transform 0.2s ease-in-out;
        }
        .class-card:hover {
            transform: translateY(-2px);
        }
        .category-badge-experiment {
            background-color: #3b82f6;
            color: white;
        }
        .category-badge-culture {
            background-color: #ec4899;
            color: white;
        }
        .category-badge-event {
            background-color: #f59e0b;
            color: white;
        }
        .category-badge-space {
            background-color: #8b5cf6;
            color: white;
        }
        .faq-item {
            border-bottom: 1px solid #e5e7eb;
        }
        .faq-answer {
            display: none;
        }
        .faq-answer.show {
            display: block;
        }



/*----------------■中大画面---------------*/
@media screen and (min-width: 767px) {

.dis_sp{display:none;}

.copy_block_left{float:left;width:62%;}
.copy_block_right img{width:100%;}
.copy_block_right{float:right;width:35%;}
.space_ph img{margin:0;}

}

/*----------------■大画面---------------*/
@media screen and (min-width: 1025px) {


}

/*----------------■小中画面---------------*/
@media screen and (max-width: 1024px){

}

/*----------------■中画面---------------*/
@media screen and (min-width: 767px) and (max-width: 1024px){



}

/*----------------■小画面---------------*/
@media screen and (max-width: 766px) {

.dis_pc{display:none;}

.copy_block_right img{width:auto;}
.copy_block_right{margin-top:30px;}

}