@charset "utf-8";

/* ------------------------------------
CSS Information

 Site URL:       https://www.ksrp.or.jp/kitaq-100-papers/
 File name:      style1.css
 Last update:    2026-8-10

------------------------------------ */

* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
background: none;
background-color:#ffffff;
scroll-behavior: smooth;
}

body {
background: #FFFFFF;
font-size: 100%;
font-family: YuGothic,'Yu Gothic',sans-serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
color: #09304e;
line-height: 1.4;
}

p {
margin: 0 0 1.2em;
line-height:1.8;
font-size: 100%;
font-weight:normal;
}

p.nom {
margin: 0;
}

li {
list-style-type: none;
}

img {
border: 0;
vertical-align: bottom;
}

a {
color: #385ea3;
text-decoration: none;
}
a:hover {
color: #f5b743;
text-decoration: none;
}

.bold {font-weight:bold;}
.uL {text-decoration:underline;}

.red   { color:#FF0000; }
.red2  { color:#e60012; }
.green { color:#006600; }
.blue  { color:#0000FF; }
.orange   { color:#FF6600; }
.gray  { color:#999999; }
.white  { color:#FFFFFF; }
.maroon { color:#800000; }

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.fL {float:left;}
.fR {float:right;}

.pos_t0r0 { position:relative; top:0; right:0;}

.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }
.fs13 { font-size:100%; }
.fs14 { font-size:108%; }
.fs15 { font-size:116%; }
.fs16 { font-size:123.1%; }

.clear { clear: both; }

/* -------------------------
 __header
-------------------------- */

div#header {
width: 100%;
margin: 0 auto;
}

div#hinfo {
max-width: 1204px;
margin: 0 auto;
position:relative;
}

h1 {
margin: 0;
}

div#hinfo p {
font-size: 77%;
}

div#logo {
height: 105px;
margin:0 auto;
}

div#logo a{
	color:#000;
	text-decoration: none;
}

div#logo h1{
	height: 105px;
    display: flex;
	    font-family: "Noto Serif JP", serif, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
    justify-content: center;
    align-items: center;
	font-size:2em;
}
div#member-login{
float:right;
text-align:center;
}
div#member-login img{
margin:45px 0 7px;
}
div#member-login a:hover img{
opacity:0.7;
}
div#supnavi {
float: right;
width: 448px;
height: 77px;
margin:0 0 7px 0;
color: #CCCCCC;
}

div#supnavi p {
text-align: right;
padding: 49px 0 7px 0;
margin:0;
line-height:21px;
font-size:10px;
}

div#supnavi p.login {
padding: 0 5px 14px 0;
line-height:42px;
}

div#supnavi div#searcharea {
padding: 0 0 0 40px;
height: 28px;
display:none;
}

div#supnavi form {
float: left;
margin-top:1px;
}
div#supnavi form #search {
border:1px #aeaeae solid;
float: left;
font-size: 93%;
height:19px;
width:200px;
}

/* -------------------------
 __gnavi
-------------------------- */

div#gnavi {
width: 100%;
height:60px;
margin: 0 auto;
padding:0;
background: linear-gradient(90deg,rgba(95, 163, 217, 1) 0%, rgba(0, 156, 106, 1) 100%);
}
div#gnavi.gnavi-top{
	display:none;
}
div#gnavi ul {
margin: 0 auto;
max-width: 1400px;
height:60px;
align-items: center;
display:flex;
text-align:center;
}
div#gnavi ul li {
width:calc(100% / 6);
margin: 0;
}
div#gnavi ul li a{
	color:#fff;
	font-weight: bold;
	font-size: 1.25em;
	text-decoration: none;
}
#sp-menu {
  display: none;
}
/* -------------------------
 __contents
-------------------------- */

div#contents {
width: 100%;
margin: 0 auto;
}

div.wrapper {
max-width:1204px;
margin: 0 auto;
padding: 0 1%;
}

/* パンくずナビ ----*/

div#pankuzu {
width: 100%;
min-height: 15px;
margin: 0 auto 28px;
padding: 8px 0 0 0;
font-size: 12px;
background: none; 
}

/* -------------------------
 __main
-------------------------- */

div#main {
max-width:1040px;
margin: 14px auto 0 auto;
padding: 0;
line-height: 1.6;
}
div#main.top {
max-width: 1204px;
float: none;
margin: 28px 0 0 0;
padding: 0;
}
div#main h1{
	margin: 3.2rem 0;
	padding:7px 0;
	font-size:2em;
	font-weight:bold;
	min-height: 35px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	div#main h1{
		margin: 1.2rem 0;
		font-size: 1.5em;
	}
}
.entryBody div#main .articleBody h1{
	text-align: left;
}
div#main h2 {
margin: 28px 0 28px 0;
padding:7px 0 7px 18px;
border-bottom: 1px solid;
border-left: 10px solid;
font-size:1.5em;
}

@media screen and (max-width: 768px) {
	div#main h2 {
		font-size:1.25em;
	}
}
.entryBody div#main .articleBody h2{
	background:#dee2e6;
	border-bottom: none;
	border-left:none;
}
div#main h3 {
margin: 14px 0;
padding:4px 28px 0 28px;
font-size:100%;
/*background:#FFFFFF url(../img/bg_h3.png) 0 0 no-repeat;*/
color:#385ea3;
}
@media screen and (max-width: 768px) {
	div#main h3 {
		padding: 4px 2% 0 2%;
	}
}

div#main h4 {
margin: 7px 0;
padding:2px 28px 0 28px;
background:#FFFFFF url(../img/bg_h4.png) 0 0 no-repeat;
color:#385ea3;
}
@media screen and (max-width: 768px) {
	div#main h4 {
		padding: 2px 2% 0 2%;
	}
}

div#main h5 {
margin: 7px 0;
padding:1px 0 0 28px;
font-size:93%;
color:#385ea3;
}

div#titleimg {
margin: 0 auto;
width:100%;
height:500px;
text-align:center;
background:#fff url(../eyecatch2026.jpg) center center no-repeat;
background-size: cover;
white-space:nowrap;
position:relative;
overflow:hidden;
}
@media screen and (max-width: 768px) {
	div#titleimg {
		height:400px;
	}
}
div#titleimg:before{
	content:"";
	width:100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(0 59 104) 0%, rgb(0 78 55) 100%);
	background:#000;
	display:block;
	opacity:0.4;
	position:absolute;
}
div#titleimg .wrapper{
    height: 100%;
    position: relative;
}
div#titleimg #titleimg-logo{
	padding-top:50px;
}
@media screen and (max-width: 768px) {
	div#titleimg #titleimg-logo{
		padding-top:20px;
	}
}
div#titleimg #titleimg-logo > div{
	padding: 1.5rem 3rem;
	color:#fff;
	font-family:"Noto Serif JP", serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-size:3em;
	display:inline-block;
	border:10px double #fff;
}
@media screen and (max-width: 768px) {
	div#titleimg #titleimg-logo > div{
		padding: 1rem 2rem;
		font-size:2em;
	}
}
div#titleimg .catch{
	bottom:100px;
	position:absolute;
	text-align: left;
}
@media screen and (max-width: 768px) {
	div#titleimg .catch{
		bottom:50px;
	    padding: 0 1rem;
		text-align:left;
	}
}
div#titleimg .catch span{
	font-size: 2em;
	display:block;
	text-align: left;
}
@media screen and (max-width: 768px) {
	div#titleimg .catch span{
		font-size: 1.25em;
		white-space: break-spaces;
	}
}
div#titleimg .catch span.catch-top{
	padding: 0 0.8rem;
	margin-bottom: 2rem;
	background: #fff;
    display: inline-block;
	font-family:"Noto Serif JP", serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
	div#titleimg .catch span.catch-top{
		display:inline;
	}
}
div#titleimg .catch span.catch-btm img{
	width:80%;
}
@media screen and (max-width: 768px) {
	div#titleimg .catch span.catch-btm img{
		width:100%;
	}
}
div#titleimg.sub {
margin-bottom: 0;
width:100%;
height:112px;
background:none;
}
div#titleimg.sub:before{
	background: linear-gradient(90deg, rgba(95, 163, 217, 1) 0%, rgba(0, 156, 106, 1) 100%);
	opacity:0.4;
}
div#titleimg .subpage {
margin: 0 auto;
width:100%;
height:112px;
line-height:112px;
font-size:182%;
    position: relative;
text-align:center;
text-indent:0;
white-space:nowrap;
overflow:hidden;
}

div#topics {
margin: 0 0 14px 0;
padding:14px;
width:700px;
height:126px;
background:#FFFFFF url(../img/bg_topics.gif) 0 0 no-repeat; 
}

div#main p {
padding: 0 42px;
}
div#main p.ttl {
padding-left:42px;
margin-bottom:4px;
}
div#main p.topcontact {
padding: 28px 28px 28px 300px;
margin:0;
border-bottom:1px #385EA3 solid;
border-left:1px #385EA3 solid;
border-right:1px #385EA3 solid;
background: #FFFFFF url(../img/logo2.gif) 0px 0px no-repeat; 
}
div#main p.contact {
padding: 28px 28px 28px 300px;
margin:0;
border:1px #385EA3 solid;
background: #FFFFFF url(../img/logo2.gif) 0px 0px no-repeat; 
}

div#main img {
vertical-align: baseline;
}

div#main div.navi {
display:block;
position:relative;
}
div#main div.navi .btn1 {
position: absolute;
left:49px;
bottom:7px;
}
div#main div.navi .btn2 {
position: absolute;
left:266px;
bottom:7px;
}
div#main div.navi .btn3 {
position: absolute;
right:49px;
bottom:7px;
}

div#main ul,
div#main ol {
width:auto;
/* margin: 0 auto 14px auto; */
/* padding: 0 70px; */
padding: 0 40px;
}
@media screen and (max-width: 768px) {
	div#main ul,
	div#main ol {
		 padding: 0 3%;
	}
}
div#main ol ol {
width:518px;
margin: 14px auto;
padding: 0 42px;
font-size: 93%;
}

div#main ul li {
/* list-style-type: circle; */
list-style-type: none;
list-style-position:outside;
padding: 0;
}

div#main ol li {
list-style-type: decimal;
list-style-position: outside;
padding: 0;
}

div#main ul.archiveNav {
    margin-bottom:56px;
}
div#main ul.archiveNav li.prev {
    float: left;
    list-style: none outside none;
    padding: 0;
}
div#main ul.archiveNav  li.next {
    float: right;
    list-style: none outside none;
    padding: 0;
}

div#main ul li.nomark,
div#main ol li.nomark {
list-style-type: none;
list-style-position: outside;
padding: 0;
}
div#main ul li.indent,
div#main ol li.indent {
padding: 0 0 7px 14px;
}

div#main ul.link li {
list-style-type: disc;
list-style-position:outside;
padding: 4px 0;
}
div#main ul.link li.sub {
list-style-type: circle;
list-style-position:inside;
padding: 4px 0 4px 21px;
}


div#main ul.listL {
width:260px;
margin: 0 0 14px 0;
padding: 0 14px 0 21px;
font-size: 77%;
float:left;
}
div#main ul.listR {
width:380px;
margin: 0 0 14px 0;
padding: 0 14px 0 21px;
font-size: 77%;
float:right;
}

div#main ul.listL li,
div#main ul.listR li {
list-style: none;
    background: url("../img/list_submenu.gif") 7px 9px no-repeat;
padding: 3px 0 3px 21px;
}
div#main ul.listL li.sublist,
div#main ul.listR li.sublist {
list-style: none;
    background: url("../img/list_sub2menu.gif") 21px 4px no-repeat;
padding: 2px 0 2px 35px;
}
div#main ul.listL li.subsublist,
div#main ul.listR li.subsublist {
list-style: none;
    background: url("../img/list_submenu2.gif") 35px 7px no-repeat;
padding: 2px 0 2px 49px;
}
div#main ul.listL li.nomark,
div#main ul.listR li.nomark {
list-style-type: none;
list-style-position: outside;
    background: none;
padding: 0 0 0 21px;
}

div#main dl#case_list {
width:700px;
}
div#main dl#case_list dt {
width:28px;
}
div#main dl#case_list dd {
width:660px;
}
div#main dl#entry_list {
width:100%;
}


div#main_btm {
width: 728px;
height: 7px;
background:#FFFFFF url(../img/bg_main_bottom.gif) 0 0 no-repeat;
clear:both;
}

div#top-contents{
margin:0;
padding:0;
clear:both;
display:flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
	div#top-contents{
		display:block;
	}
}
div#top-btn{
	right:0;
	bottom:20px;

    position: absolute;
}
div#top-btn > div{
	padding: 20px;
	background:#fff;
	border-radius:10px;
	font-weight: bold;
	font-size: 1.25em;
	text-align: left;
}
@media screen and (max-width: 768px){
	div#top-btn > div p{
		font-size:1rem;
	}
}
div#top-btn > div span{
	align-items: center;
	display: flex;
    padding-bottom: 0.85rem;
}
div#top-btn .top-btn-01{
	max-width: 700px;
    margin: 0 auto 1rem auto;
	border:1px solid #f26901;
}
div#top-btn .top-btn-01.btn-blue{
	border:1px solid #5FA3D9;
}
div#top-btn .top-btn-01 span{
	color: #f26901;
}
div#top-btn .top-btn-01.btn-blue span{
	color: #5FA3D9;
}
div#top-btn .top-btn-02{
	border:1px solid #31912c;
}
div#top-btn .top-btn-02 span{
	color: #31912c;
}
div#top-btn > div img{
	height:40px;
	padding: 0 1rem;
}
div#top-btn.sp-fix{
	padding-top: 10px;
	position: relative;
}
div#top-btn a{
    padding:0.85rem 2.25rem;
	align-items: center;
	background:#fff;
	border-radius:10px;
	color:#fff;
	display: flex;
	font-size: 1em;
	font-weight: bold;
    justify-content: center;
	text-decoration: none;
	transition: .5s ease;
}
div#top-btn a::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}
div#top-btn a:hover{
	opacity:0.8;
}
@media screen and (max-width: 768px){
	div#top-btn a{
		padding: 0.85rem 1.25rem;
		font-size: 0.85em;
	}
}
div#top-btn .top-btn-01 a{
	background:#f26901;
}
div#top-btn .top-btn-01.btn-blue a{
	background:#5FA3D9;;
}
div#top-btn .top-btn-02 a{
	background:#31912c;
}
div#top-btn.sp-fix a{
	font-size: 1em;
}
div#top-contents div#top-news1{
	padding-left: 20px;
	margin:0 auto;
}
@media screen and (max-width: 768px){
	div#top-contents div#top-news1{
		width: 100%;
		padding:0;
		max-width:auto;
	}
}
div#top-contents div#top-news1 h2{
	padding: 7px 0;
	font-size:2em;
	border-left:none;
	border-bottom: 3px solid;
}
@media screen and (max-width: 768px) {
	div#top-contents #top-block01{
		width: 100%;
	}
}
div#top-block01{
	width: 60%;
	margin-bottom: 3.2rem;
	padding: 1rem 0;
	border: 2px solid #5FA3D9;
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
	div#top-block01{
		width: 100%;
		margin-bottom: 2.2rem;
	}
}
div#top-block01 .top-block01-ttl{
	padding: 1rem;
	color: #185280;
    font-weight: bold;
    font-size: 2.5em;
	text-align: center;
}
@media screen and (max-width: 768px) {
	div#top-block01 .top-block01-ttl{
		font-size: 1.5em;
	}
}
@media screen and (max-width: 768px) {
	div#top-block01 .top-block01-txt{
		padding:0 1rem;
	}
}
div#top-block01 .top-block01-img{
	padding:0 1rem;
	text-align: center;
}
div#top-block01 .top-block01-img img{
	width:100%;
	max-width:720px;
}
div#top-block01 .top-block01-list{
	display: flex;
	gap: 20px;
    text-align: center;
}
@media screen and (max-width: 768px){
	div#top-block01 .top-block01-list{
		display: block;
	}
}

div#top-block01 .top-block01-list li{
	width:calc(100% / 3);
}
@media screen and (max-width: 768px) {
	div#top-block01 .top-block01-list li{
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 768px){
	div#top-block01 .top-block01-list li{
		width:100%;
	}
}
div#top-block01 .top-block01-list li span{
	margin-bottom: 0.85rem;
	color: #185280;
	display: block;
	font-weight: bold;
	font-size: 1em;
}
@media screen and (max-width: 768px){
	div#top-block01 .top-block01-list li span{
		font-size: 1em;
	}
}
div#top-block01 .top-block01-list li img{
	width: auto;
	max-width: 160px;
    max-height: 160px;
	margin: 0 auto;
	display: block;
}

@media screen and (max-width: 768px) {
	div#top-contents #top-block01 .top-block01-list li img{
		max-width: 160px;
   		max-height: 160px;
	}
}
div#top-block02{
	margin:20px 0;
}
div#top-block03{
	padding: 1rem 0;
}
@media screen and (max-width: 768px) {
	div#top-block03{
		padding: 1rem 0;
	}
}
    
div#top-block03 table{
	width:100%;
}

div#top-block03 table tr,
div#top-block03 table th,
div#top-block03 table td{
	border: none;
}
div#top-block03 table tr{
	margin-bottom: 1rem;
    display: flex;
    align-items: baseline;
}
@media screen and (max-width: 768px) {
	div#top-block03 table tr{
		display:block;
	}
}
div#top-block03 table th{
	padding:0.25rem 0.85rem;
	background-color:#5FA3D9;
	color:#fff;
	display: inline-block;
	font-size:1.5em;
	letter-spacing: 0.2rem;
	text-align: center;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	div#top-block03 table th{
		margin-bottom: 0.5rem;
		font-size:1em;
	}
}
div#top-block03 table td{
	padding:0 0.85rem;
	font-weight: bold;
	font-size:1.5em;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	div#top-block03 table td{
		font-size:1em;
	}
}
div#top-block03 table td iframe{
	width:400px;
	height:300px;
}
@media screen and (max-width: 768px) {
	div#top-block03 table td iframe{
		width:auto;
		height:auto;
	}
}
div#top-block04 .time-table{
	text-align:center;
}
div#top-block04 .time-table img{
	max-width:800px;
	width: 100%;
}
div#top-block04 table{
	max-width:800px;
}
div#top-block04 table th{
	width:calc(100% / 4);
	font-size:1.5em;
}
@media screen and (max-width: 768px) {
	div#top-block04 table th{
		font-size:1em;
	}
}
div#top-link {
width:100%;
margin:0 0 28px;
padding:0;
}
div#top-link ul {
margin:0;
padding:0;
width:100%;
text-align:center;
}
div#top-link li{
width:224px;
height:56px;
margin:0 28px 14px 0;
padding:0;
display:inline-block;
}
div#top-link li:nth-child(4n){
margin-right:0;
}
div#top-link li a {
display:block;
width:224px;
height:56px;
}
div#top-link li a:hover {
opacity:0.7;
}

/* News */

div#main dl {
	width:100%;
	margin:0 0 14px 0;
    padding: 0;
	display:flex;
	flex-wrap: wrap;
	font-size: 100%;
}
div#main dl dt {
	padding: 2%;
}
div#main #top-news1 dl dt {
	width:20%;
}
div#main dl dt img {
	max-width: 160px;
    width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
div#main dl dd {
    width: 72%;
	padding: 2%;
	font-weight: bold;
}
div#main dl dd time {
	font-weight:normal;
	display:block;
	text-decoration: none;
}
@media screen and (max-width: 768px){
	div#main dl dd time {
		margin: 0;
	}
}
div#main dl#entry_list dd,
div#main dl#entry_list dd time {
width:770px;
}
div#main dl dd a {
margin:7px 0 0;
display:block;
}
/* Table */

div#main table {
margin:0 auto 14px auto;
}
div#main tr {
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}
div#main th {
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
padding: 4px 7px;
background-color:#f0f0f0;
}
div#main td {
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
padding: 4px 7px;
}
div#main table.tw400 {width:400px;}
div#main table.tw500 {width:500px;}
div#main table .w30 {width:30px;}
div#main table .w40 {width:40px;}
div#main table .w50 {width:50px;}
div#main table .w60 {width:60px;}
div#main table .w70 {width:70px;}
div#main table .w80 {width:80px;}
div#main table .w120 {width:120px;}
div#main table .w150 {width:150px;}
div#main table .w200 {width:200px;}
div#main table .w50p {width:50%;}
div#main table .shaded {background-color:#faca72;}
div#main table .tgreen1 {background-color:#329e63;}
div#main table .tblue1  {background-color:#427bbf;}
div#main table .tpurple1 {background-color:#b9589d;}
div#main table .tgreen2 {background-color:#7db688;}
div#main table .tblue2  {background-color:#7d9bd0;}
div#main table .tpurple2 {background-color:#c988b9;}
div#main table .tgreen3 {background-color:#e0ebdf;}
div#main table .tblue3  {background-color:#dee3f3;}
div#main table .tpurple3 {background-color:#f0e1ee;}

div#main table.noborder tr,
div#main table.noborder th,
div#main table.noborder td {
border:none;
}
div#main table p.photol {
padding:0 0 0 7px;
margin:0 0 7px 0;
}

div#prj-navi td.on {
    background-color: #FFDDFF;
    padding: 4px 7px;
}

div#prj-navi td {
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    /* padding: 0; */
    width: 50%;
}

div#page1,
div#page2 {
margin-bottom: 28px;
padding:0;
}

div#main div.eq-list {
width:644px;
margin:14px auto;
}
div#main div.eq-list img {
vertical-align:bottom;
padding:0 14px 0 0;
margin:0 0 14px 0;
}
div#main div.eq-list img.rightside {
vertical-align:bottom;
padding:0;
}
div#main div.eq-list a:hover img {
opacity:0.7;
}
div#main div#usage-flow{
width:644px;
margin:14px auto;
font-size:85%;
}
div#main div#usage-flow div.flow-sub{
width:644px;
padding:0 0 21px 0;
background:#fff url("../img/bg_usage-flow.png") center bottom no-repeat;
}
div#main div#usage-flow div.flow-sub.last{
background:none;
}
div#main div#usage-flow div.flow-sub div.flow-content{
width:630px;
padding:7px;
background:#eee;
display:table;
}
div#main div#usage-flow div.flow-sub div.flow-content div.flow-ttl{
width:112px;
text-align:center;
vertical-align:middle;
background:#fff;
display:table-cell;
color:#2E1E80;
padding:7px 0;
}
div#main div#usage-flow div.flow-sub div.flow-content div.flow-txt{
width:469px;
padding:7px 14px;
display:table-cell;
}
div#main div#usage-flow div.flow-sub div.flow-content span.bg-orange{
background:#ff6600;
color:#fff;
padding:0 7px;
border-radius:7px;
margin:3px 0;
display:inline-block;
}
div#main div#usage-flow div.flow-sub div.flow-content span.bg-green{
background:#33cc33;
color:#fff;
padding:0 7px;
border-radius:7px;
margin:3px 0;
display:inline-block;
}

/* member map */
div.mem-area {
padding:14px;
border-radius:14px;
background:#fff;
text-align:center;
min-width:300px;
}
div.mem-area .mem-name {
margin:1.2em 0;
font-size:116%;
}
div.mem-area .mem-name span {
font-size:77%;
padding:0 14px 0 0;
}
div.mem-area .mem-photo img {
max-height:400px;
}
div.mem-area .mem-url {
margin:1.2em 0;
}
div.mem-area .mem-url a {
padding:7px;
border-radius:7px;
text-decoration:none;
color:#fff;
background:#f29600;
}
div.mem-area .mem-url a:hover {
background:#ffaa00;
}
div#main div.member-list table {
width:812px;
margin:0 auto 14px;
font-size:100%;
}
/* -------------------------
 __sub
-------------------------- */

div#subarea {
width: 224px;
float: left;
margin: 0;
padding: 0;
}

div#sub {
width: 224px;
float: left;
margin: 14px 0 0 0;
padding: 0;
background:#D0EDFB url(../img/bg_sub_m.gif) 0 0 repeat-y;
}

div#sub h3 {
background:#D0EDFB url(../img/bg_sub_top.gif) 0 0 no-repeat;
height:21px;
margin:0 0 14px 0;
padding: 5px 0 2px 14px;
color: #385ea3;
}
div#sub ul {
margin: 0 0 7px 0;
padding: 0 7px;
}
div#sub ul li {
margin: 0 0 7px 0;
}
div#sub ul.submenu li {
margin: 0 0 7px 0;
    background: url("../img/list_submenu.gif") 7px 7px no-repeat;
padding: 0 0 0 21px;
font-size:77%;
}

div#sub1 {
width: 210px;
float: left;
margin: 35px 0 0 0;
padding: 7px;
background: #ffffff url(../img/bg_sub1.png) repeat;
}

div#sub1 h3 {
background: #ffffff url(../img/bg_subm_h3.gif) repeat;
line-height: 42px;
padding: 0 0 0 14px;
color: #ffffff;
border-top:4px #cad8f4 solid;
border-bottom:4px #cad8f4 solid;
}

div#sub1 ul {
margin: 0;
padding: 0;
}

div#sub1 ul.submenu li a {
display:block;
padding: 0 0 0 14px;
text-decoration:none;
}
div#sub1 ul.submenu li a:hover {
display:block;
padding: 0 0 0 14px;
text-decoration:none;
background:#ffefd2;
color:#000000;
}
div#sub1 ul.submenu li {
background:#ffffff;
margin-bottom: 7px;
font-size:100%;
height:42px;
line-height:42px;
}
div#sub1 ul.submenu li.last {
margin-bottom: 0;
}
div#sub1 ul.submenu li.on {
background-color: #eaf2ff;
padding: 0 0 0 14px;
}


div#sub_top {
width: 224px;
height: 7px;
background:#D0EDFB url(../img/bg_sub_top.gif) 0 0 no-repeat;
}
div#sub_btm,
div#sub1_btm {
width: 224px;
height: 7px;
background:#D0EDFB url(../img/bg_sub_bottom.gif) 0 0 no-repeat;
}

div#sub2 {
width: 224px;
float: left;
margin: 14px 0 0 0;
padding: 0;
}

div#sub2 ul {
margin: 0 0 7px 0;
padding: 0 7px 0 14px;
}

div#sub2 ul.submenu2 li {
margin: 0 0 4px 0;
    background: url("../img/list_footer1.gif") 7px 7px no-repeat;
padding: 0 0 0 21px;
font-size:77%;
}

div#subbnr {
width: 224px;
float: left;
margin: 14px 0 0 0;
padding: 0;
}

div#subbnr ul {
margin: 0 0 7px 0;
}

div#subbnr ul li {
margin: 0 0 7px 0;
}

div#subbnr ul li a:hover img {
opacity:0.7;
}

/* -------------------------
 __footer
-------------------------- */

div#pagelink {
clear: both;
float:right;
width: 168px;
height:28px;
text-align:center;
line-height:28px;
margin: 14px 0 0;
font-size: 77%;
background:#dee2e6;
}
div#pagelink a {
text-decoration:none;
display:block;
width: 168px;
height:28px;
color:#343a40;
}
div#pagelink a:hover {
color:#868e96;
}
div#pagenavi {
width: 644px;
height: 21px;
margin:0 auto;
padding: 0;
}


/*div#footer1 {
width: 100%;
height: 84px;
background: #FFFFFF url(../img/footer1_bg.gif) repeat-x;
margin: 0 auto;
}*/

div#footer2 {
width: 100%;
background: #dee2e6;
margin: 0 auto;
padding: 14px 0;
overflow: hidden;
}
@media screen and (max-width: 768px){
	div#footer2 {
		font-size: 11px;
	}
}
div#footer2 a {
color: #666666;
}
div#footer2 a:hover {
color: #666666;
text-decoration: none;
}

div#footer2 ul {
float: left; 
padding: 0 35px 0 0;
}

div#footer2 ul li {
    background: url("../img/list_footer1.gif") 0 5px no-repeat;
padding: 0 0 0 10px;
margin:2px 0;
}
div#footer2 ul li.sub {
    background: url("../img/list_footer2.gif") 14px 5px no-repeat;
padding: 0 0 0 21px;
margin:2px 0;
}

div#footer2 p {
color: #333;
}

div#footer2 div#ftr-menu {
color: #333;
width:auto;
margin:28px auto;
text-align:center;
}
div#footer2 div#companyinfo {
color: #333;
margin:0 auto;
text-align:center;
}
div#footer2 div#companyinfo div#ftr-logo{
width:100%;
}
div#footer2 div#companyinfo div#ftr-address{
width:100%;
}
div#footer2 div.list {
float: right;
}

div#footer3 {
clear: both;
width: 100%;
background-color: #dee2e6;
margin: 0 auto;
padding: 7px 0;
text-align: center;
}

div#footer3 p,
div#footer3 a,
div#footer3 a:hover {
font-size: 10px;
color:#333;
text-decoration:none;
}

/* Common Base
   ========================================================================== */

.sp-fix {
  display: none !important;
}
.pc-fix {
  display: block;
}

@media (min-width: 769px) and (max-width:979px) {
body {

}
}

/* ==========================================================================
   Mobile Style
   ========================================================================== */

@media screen and (max-width: 768px) {

/* Mobile Base
   ========================================================================== */

img {
height: auto;
max-width: 100%;
}
.pc-fix {
  display: none !important;
}
.sp-fix {
  display: block !important;
}


/* Mobile Header
   ========================================================================== */

h1 {
line-height:normal;
text-align:center;
}

div#hinfo {
width:100%;
}


div#logo img {
width: 100%;
height: auto;
}

div#member-login {
float:none;
}

div#member-login img {
margin-top:0;
}

div.wrapper {

}

div#gnavi {
  display: none;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
}
div#gnavi ul {
  background-color: #fff;
  border: none;
  height:auto;
}
div#gnavi ul li {
  display: block;
  float: none;
  height:auto;
  margin-left: 0;
  width: 100%;
}
div#gnavi ul.sp-fix li a{
	padding:1rem;
}
div#gnavi ul li a {
  background: none;
    color: #385ea3;
  display: block;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1em;
  padding: 0 4%;
  text-align: left;
  text-decoration:none;
}
div#gnavi ul li a:hover,
div#gnavi ul li.current a {
  background: #FAE2CA;
  color: #1d4db9;
}
#sp-menu {
  background: linear-gradient(90deg,rgba(95, 163, 217, 1) 0%, rgba(0, 156, 106, 1) 100%);
  cursor: pointer;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding-left: 4%;
  position: relative;
  z-index:10000;
}
#sp-menu img {
  height: 20px;
  width: 25px;
  position: absolute;
  top: 10px;
  right: 4%;
}
div#titleimg.sp-fix {
text-indent:0;
white-space:nowrap;
overflow:hidden;
background:none;
height:auto;
}
div#titleimg .subpage{
width:100%;
}
div#main {
padding: 0 3%;
float:none;
}
div#main.top {
padding: 0 3%;
}
div#main p{
padding:0 2%;
}
div#top-contents div#top-info{
width:95%;
float:none;
padding:28px 0;
margin:0 auto 14px;
}
div#top-contents div#top-news1 #page1,
div#top-contents div#top-news2 #page2,
div#top-contents div#top-news-blog #page1{
margin-bottom:0;
}
div#top-link,
div#subbnr {
text-align:center;
}
div#top-link ul li,
div#subbnr ul li {
width:45%;
margin:1%;
display:inline-block;
}
div#top-link ul li:nth-child(4n),
div#subbnr ul li:nth-child(4n) {
margin:1%;
}
div#top-link ul li a,
div#subbnr ul li a {
width:100%;
}

div#main dl,
div#main dl#case_list,
div#main dl#entry_list{
float:none;
width:100%;
margin:0 auto;
padding:0;
}
div#main dl dt,
div#main dl#entry_list dt{
width:22%;
padding:3%;
}
div#main dl dt img,
div#main dl#entry_list dt img{
width:100%;
height:auto;
}
div#main dl dd,
div#main dl#entry_list dd{
width:66%;
padding:3%;
}
div#main dl dd time,
div#main dl#entry_list dd time{
width:100%;
}

/* パンくずナビ ----*/
div#pankuzu {
width: 94%;
min-height: 15px;
margin: 7px auto 14px;
padding: 0 3%;
font-size: 12px;
background: none; 
}
div#pankuzu a {
padding:7px 0 0;
display:inline-block;
}

/* member map */
div.mem-area {
padding:14px;
border-radius:14px;
background:#fff;
text-align:center;
max-width:95%;
margin-right:auto;
margin-left:auto;
}
div.mem-area .mem-photo {
width:100%;
}
div.mem-area .mem-photo img {
max-height:200px;
}
div.mem-area .mem-name {
margin:7px 0;
font-size:93%;
}
div.mem-area .mem-name span {
font-size:77%;
padding:0;
display:block;
}
div.mem-area .mem-url {
margin:7px 0;
font-size:93%;
}
div#main div.member-list table {
width:96%;
margin:0 auto 14px;
font-size:100%;
}
div#main div.member-list table tr {
display:block;
margin-bottom:.5em;
}
div#main div.member-list table th {
display:block;
}
div#main div.member-list table td {
display:block;
}
div#main div.member-list table td.company {
font-size:85%;
}
div#pagelink{
width:100%;
background:#ced4da;
text-align:center;
}
div#pagelink a{
width:100%;
}
div#subarea{
width:100%;
float:none;
}
div#sub1{
float:none;
width:75%;
margin:35px auto 0;
}
div#subbnr{
width:100%;
float:none;
text-align:center;
}

div#footer2 div#companyinfo {
width:100%;
}
div#footer2 div#companyinfo div#ftr-logo {
float:none;
width:100%;
text-align:center;
}
div#footer2 div#companyinfo div#ftr-address {
display:block;
width:100%;
height:auto;
text-align:center;
padding:14px 0 0;
}

} /* Mobile end */


/* Commons
   ========================================================================== */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 研究者ページ */
div#main div.page-researcher-head{
	align-items: center;
    display: flex;
}
@media screen and (max-width: 768px){
	div#main div.page-researcher-head{
    	display: block;
	}
}
div#main div.page-researcher-head > div{
	width:calc(100% / 2);
}
@media screen and (max-width: 768px){
	div#main div.page-researcher-head > div{
		width:100%;
	}
}
div#main div.page-researcher-head .top-btn-01{
	margin-top:2rem;
}
div#main div.page-researcher-head .top-btn-01 p {
	padding: 0 1rem;
    font-size: 1rem;
}

div.page-researcher h1{
	text-align:center;
}

div.page-researcher-simple {
    position: relative;
    margin-top: 3rem;
    padding:2.8em 1.5em 1em 1.5em;
    border: 2px solid #5FA3D9;
}
@media screen and (max-width: 768px) {
	div.page-researcher-simple {
		padding: 2.8em 3% 0.5em 3%;
	}
}
div.page-researcher-simple > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 50px;
    background-color: #5FA3D9;
    color: #fff;
    font-size: 1.5em;
}
@media screen and (max-width: 768px) {
	div.page-researcher-simple > div {
		font-size: 1.2em;
	}
}
div.page-researcher-simple > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #5FA3D9;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}
div#main ul.page-researcher-simple-list{
	padding:0;
	display:flex;
	gap: 1rem;
}
@media screen and (max-width: 768px){
	div#main ul.page-researcher-simple-list{
		flex-wrap: wrap;
		gap: 0.5rem;
	    justify-content: space-evenly;
	}
}
div#main ul.page-researcher-simple-list li{
	width:calc(100% / 6);
	color:#185280;
	display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px){
	div#main ul.page-researcher-simple-list li{
		width:calc((100% / 2) - 0.5rem);	
	}
}
div#main ul.page-researcher-simple-list li p{
	padding:0;
	margin:0;
	width: 100%;
	font-size: 85%;
}
div#main ul.page-researcher-simple-list li span{
	margin-bottom:0.4rem;
	width:100%;
	display:block;
	font-weight: bold;
}
div#main .page-researcher-simple-img{
	margin-top: auto;
	text-align:center;
}
div#main ul.page-researcher-simple-list img{
	width:100%;
	max-width: 150px;
	height: fit-content;
}
div#main .page-researcher-application{
	padding: 4rem 0 5rem;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-application{
		padding: 2rem 0 2rem;
	}
}
div#main .page-researcher-application-ttl{
	margin-bottom: 1rem;
	font-size:2em;
}
@media screen and (max-width: 768px) {
	div#main .page-researcher-application-ttl{
		font-size: 1.5em;
	}
}
div#main .page-researcher-application p{
	font-size:1rem;
}
@media screen and (max-width: 768px) {
	div#main .page-researcher-application p{
		font-size:1rem;
	}
}
div#main .page-researcher-application li{
	margin-bottom: 20px;
	font-size:24px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	div#main .page-researcher-application li{
		margin-bottom: 10px;
		font-size:1em;
	}
}
div#main .page-researcher-application a{
	font-weight:bold;
	text-decoration: underline;
}
div#main .page-researcher-application-btn{
	text-align:center;
}
div#main .page-researcher-application-btn a{
    display: flex;
    align-items: center;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border: 2px solid #09304e;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(95, 163, 217, 1) 0%, rgba(0, 156, 106, 1) 100%);
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.2);
    color: #fff;
	display: inline-block;
    font-weight: 600;
    font-size: 1.5em;
    transition: .5s ease;
	text-decoration: none;
	position: relative;
}
div#main .page-researcher-application-btn.btn-blue a{
	background:#5FA3D9;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-application-btn a{
	    padding: 0.5em 2em 0.5em 1em;
		margin: 0 auto 1.2rem auto;
		font-size: 1em;
	}
}
div#main .page-researcher-application-btn a{
    transform: translateY(3px);
    border-bottom-width: 2px;
	text-align: center;
}
div#main .page-researcher-application-btn a img{
	height:30px;
	padding: 0 1rem 0 0;
}

div#main .page-researcher-application-btn a:after{
	content: "";
	top:50%;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 27px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
}
div#main .page-researcher-application-btn a:hover{
	opacity:0.8;
}
div#main .page-researcher-application-btn a span{
	padding-top: 9px;
	font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    display: block;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-application-btn a span{
		font-size: 0.85rem;
		font-weight:normal;
	}
}
div#main .page-researcher-flow ul{
	padding:0;
	display:flex;
	gap:10px;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-flow ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
div#main .page-researcher-flow ul li{
	width:calc(100%  / 6);
	padding: 1rem;
	border: 1px solid #b3b3b3;
	border-radius:10px;
	text-align: center;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-flow ul li{
		width: calc((100% / 2) - 40px);
	}
}
div#main .page-researcher-flow ul li span{
	display: block;
	font-weight:bold;
	text-align:center;
}
div#main .page-researcher-flow ul li img{
	margin: 0.5rem 0;
	height:48px;
}
div#main .page-researcher-flow ul li p{
	padding:0;
	margin:0;
	font-size:0.85rem;
	text-align:left;
}
div#main .page-researcher-close{
	padding:1rem;
	background:#e9f0f6;
	border:1px solid #b3b3b3;
	border-radius:10px;
	display: inline-block;
}
div#main .page-researcher-close-box{
	padding-bottom:0.6rem;
	margin-bottom:0.6rem;
	align-items:center;
	display:flex;
}
div#main .page-researcher-close-box:first-child{
	border-bottom:1px solid #b3b3b3;
}
div#main .page-researcher-close-box span{
	width:140px;
	padding-right:10px;
	font-weight:bold;
	color:#5FA3D9;
}
div#main .page-researcher-close-box > div{
	font-size:1.25rem;
	font-weight:bold;
}
div#main .page-researcher-close p{
	padding:0;
	margin:0;
	font-size:0.85rem;
}
div#main .page-researcher-need{
	padding:0;
}
div#main .page-researcher-need li{
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-need li{
		margin-bottom: 0.6rem;
	}
}
div#main .page-researcher-anonymity{
	display:flex;
	gap:10px;
}
div#main .page-researcher-anonymity-box{
	width:calc(100% / 2);
	padding:0.5rem 0.5rem 1rem 0.5rem;
	border:2px solid #eee;
	border-radius:10px;
}
div#main .page-researcher-anonymity-box span{
	padding:6px;
	margin:0 0 0.6rem 0;
	background:#e9f0f6;
	border-radius:5px;
	display:block;
	font-weight:bold;
	text-align:center;
}
div#main .page-researcher-anonymity-box > div{
	display:flex;
	align-items:center;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-anonymity-box > div{
		display:block;
	    text-align: center;
	}
}
div#main .page-researcher-anonymity-box img{
	height:100px;
	padding-left:0.5rem;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-anonymity-box img{
		padding-left:0rem;
	}
}
div#main .page-researcher-anonymity-box p{
	padding:0 0.5rem;
	margin:0;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-anonymity-box p{
		font-size:0.85rem;
		text-align: left;
	}
}
div#main .page-researcher-detail{
	margin-bottom:3.2rem;
}
@media screen and (max-width: 768px) {
	div#main  .page-researcher-detail{
		margin-bottom:1.2rem;
	}
}
div#main .page-researcher-sample{
	margin: 0 auto 3.2rem auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
}

div#main .page-researcher-sample > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #5FA3D9;
    border-radius: 5px 5px 0 0;
    background-color: #e9f0f6;
    color: #535353;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

div#main .page-researcher-sample > label:hover {
    opacity: .8;
}

div#main .page-researcher-sample input {
    display: none;
}

div#main .page-researcher-sample > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
	border-left:1px solid #5FA3D9;
	border-right:1px solid #5FA3D9;
	border-bottom:1px solid #5FA3D9;
}

div#main .page-researcher-sample label:has(:checked) {
    background-color: #fff;
    border-color: #5FA3D9 #f0f0f0 #fff;
	border-left:2px solid #5FA3D9;
	border-right:2px solid #5FA3D9;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px 5px 0 0;
    color: #333333;
}

div#main .page-researcher-sample label:has(:checked) + div {
    display: block;
}

div#main .page-researcher-sample-block img{
	max-width: 500px;
	width:100%;
}
div#main .page-researcher-sample-ttl{
	font-size:1.5em;
	text-align:center;
}
div#main .page-researcher-sample-tag{
	text-align:center;
}
div#main .page-researcher-sample-num{
	margin:1.2rem 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
div#main .page-researcher-detail-ttl h3{
	padding-left:0;
	font-size:1.5em;
}

div#main .page-researcher-gry li{
	padding-left:3%;
	text-indent: -18px;
	margin-bottom:7px;
}
@media screen and (max-width: 768px){
	div#main .page-researcher-gry li{
		font-size:0.85em;
	}
}
div#main div.page-block{
	margin-bottom: 4.2rem;
	border-radius: 10px;
}
div#main div.page-about div#top-block01{
	width:100%;
}
div#main div.page-about-block02{
	padding: 1rem;
	background: linear-gradient(90deg, rgba(95, 163, 217, 0.4) 0%, rgba(0, 156, 106, 0.4) 100%);
	border-radius: 10px;
}
@media screen and (max-width: 768px){
	div#main div.page-block{
		margin-bottom: 2.2rem;
	}
	div#main div.page-block li{
		font-size:0.85em;
	}
}
div#main .page-about-block02-inner{
	display:flex;
	gap:1rem;
}
@media screen and (max-width: 768px){
	div#main .page-about-block02-inner{
		display:block;
	}
}
div#main div.page-about-block02-box{
	width:calc(100% / 2);
	margin-bottom:1rem;
	display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px){
	div#main div.page-about-block02-box{
		width:100%;
	}
}
div#main div.page-about-block02-box > div{
	width: 100%;
	padding: 14px 0;
	background:#fff;
    border-radius: 10px;
}
div#main div.page-about-block02-box > div > div{
	justify-content: space-between;
	display:flex;
}
@media screen and (max-width: 768px){
	div#main div.page-about-block02-box > div > div{
		display:block;
	}
}
div#main div.page-about-block02-box img{
	height:120px;
	padding-right: 10px;
}
@media screen and (max-width: 768px){
	div#main div.page-about-block02-box img{
	    margin: 0 auto;
		padding-right: 0;
		display:flex;
	}
}
div#main div.page-about-block02-box h2{
	width: 100%;
	margin:0;
	padding: 0 0 0.6rem 0;
	border:none;
	text-align: center;
}
@media screen and (max-width: 768px){
	div#main div.page-about-block02-box h2{
		 padding: 7px 18px;
	}
}
div#main div.page-about-block02-box ul{
	padding:0 1rem;
}
div#main div.page-about-block02-box h3{
	margin:0;
	padding:7px 28px;
	font-size: 1.5em;
}
@media screen and (max-width: 768px){
	div#main div.page-about-block02-box h3{
		 padding: 7px 18px;
		font-size: 1em;
	}
}
div#main div.page-about-block02-box li{
	margin:7px 0;
}
div#main div.page-about-block02-btm ul{
	padding:1rem;
	background:#fff;
 	border-radius: 10px;
}
div#main div.page-about-block02-btm ul li{
	margin:0.2rem 0;
}
div#main .page-about-block03-inner{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
div#main .page-about-block03-box{
	width: calc((100% / 2) - 8px);
}
div#main .page-about-block03-box div{
    text-align: center;
}
div#main .page-about-block03-box div img{
	max-height: 160px;
    height: auto;
}
@media screen and (max-width: 768px) {
	div#main .page-about-block03-box div img{
		max-height: 100px;
	}
}
div#main .page-about-block03-box h4{
	margin:0;
	padding-bottom: 6px;
	display: inline-block;
	font-size:1.25rem;
}
@media screen and (max-width: 768px) {
	div#main .page-about-block03-box h4{
		font-size:1em;
	}
}
div#main .page-about-block03-box span{
	font-size:1.5em;
	padding-right: 0.85rem;
}
div#main .page-about-block04 img{
	max-width:800px;
	width:100%;
	heighr:auto;
	border-radius:10px;
}
div#main .about-haikei{
	margin-bottom:3.2rem;
	display:flex;
	gap: 1rem;
}
@media screen and (max-width: 768px){
	div#main .about-haikei{
		display:block;
	}
}
div#main .about-haikei-block{
	width:45%;
}
div#main .about-haikei-arrow{
	width:10%;
}
@media screen and (max-width: 768px){
	div#main .about-haikei-block,div#main .about-haikei-arrow{
		width:100%;
	}
}
div#main .about-haikei-t1{
	padding: 0.5rem;
	text-align:center;
	border-radius:30px;
	color:#fff;
	font-weight:bold;
	font-size:1.25em;
}
@media screen and (max-width: 768px){
	div#main .about-haikei-t1{
		font-size:1em;
	}
}
div#main .haikei-left .about-haikei-t1{
	background:#5FA3D9;
}
div#main .haikei-right .about-haikei-t1{
	background:#34a288;
}
div#main .about-haikei-t2{
	padding:1.2rem 0.5rem;
	font-size:1.5em;
	font-weight: bold;
	text-align:center;
}
@media screen and (max-width: 768px){
	div#main .about-haikei-t2{
		font-size:1em;
	}
}
div#main .about-haikei-img{
	padding:0 0 1.2rem;
	text-align:center;
}
div#main .haikei-left .about-haikei-img {
	height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px){
	div#main .haikei-left .about-haikei-img {
		height:auto;
	}
}
div#main .haikei-left .about-haikei-img img{
	width:100%;
	max-width:260px;
}
div#main .about-haikei-img img{
    width: auto;
    max-height: 200px;
}
div#main .about-haikei-txt{
	padding:2.2rem;
	border-radius:20px;
	line-height: 1.8;
}
@media screen and (max-width: 768px){
	div#main .about-haikei-txt{
		padding:1.2rem;
		font-size:0.85em;
	}
}
div#main .haikei-left .about-haikei-txt{
	background:rgb(198 224 246);
}
div#main .haikei-right .about-haikei-txt{
	background:rgb(179 225 212);
}
div#main .about-haikei-arrow{
    margin: 6rem 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
div#main .about-haikei-arrow span{
	padding-bottom:1rem;
	font-size:1.25em;
	font-weight:bold;
	white-space: nowrap;
}
div#main .about-haikei-arrow img{
	width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
	div#main .about-haikei-arrow{
		margin:1rem 0;
		display:block;
		text-align: center;
		align-items: center;
	}
	div#main .about-haikei-arrow span{
		padding-bottom: 1rem;
		display:block;
		font-size:1em;
	}
	div#main .about-haikei-arrow span br{
		display:none;
	}
	div#main .about-haikei-arrow img{
		width:80px;
		transform: rotate(90deg);
	}
}
div#main .page-about-qa ul{
	padding:0;
}
div#main .page-about-qa li{
	margin-bottom:10px;
	padding: 16px 20px;
	border:2px solid;
	border-radius: 10px;
}
@media screen and (max-width: 768px) {
	div#main .page-about-qa li{
		padding:3%;
	}
}
div#main .page-about-list-q{
	margin-bottom:7px;
	font-weight: bold;
}
div#main .page-about-list-q span{
	padding:0 0.5rem 0 0;
	color:#5FA3D9;
	font-size:1.5em;
}
div#main .page-about-list-a span{
	padding:0 0.5rem 0 0;
	color:#009C6A;
	font-size:1.5em;
	font-weight:bold;
}
div#main .page-about-comment-item{
	margin-bottom:1.2rem;
}
@media screen and (max-width: 768px){
	div#main .page-about-comment-item{
		font-size:0.85em;
	}
}
div#main .page-general-block01{
	align-items: center;
	display:flex;
}
@media screen and (max-width: 768px){
	div#main .page-general-block01{
		display:block;
	}
}
div#main .page-general-block01 > div{
	width:calc(100% / 2);
}
@media screen and (max-width: 768px){
	div#main .page-general-block01 > div{
		width:100%;
	}
}
div#main .page-general-block01 .top-btn-02{
	margin-top:2rem;
}
div#main .page-general-block01 .top-btn-02 p{
	padding: 0 1rem;
	font-size:1rem;
}
div#main .page-general .page-general-btn{
	text-align:center;
}
div#main .page-general .page-general-btn a{
    transform: translateY(3px);
	align-items: center;
    margin: 2rem auto;
    padding: .9em 2em;
    border: none;
    border: 2px solid #09304e;
    border-radius: 50px;
    background:#5FA3D9;
    box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 1.25em;
    transition: .5s ease;
    text-decoration: none;
    position: relative;
}
div#main .page-general .page-general-btn a:hover{
	opacity:0.8;
}
div#main .page-general-list li{
	margin-bottom:14px;
}
@media screen and (max-width: 768px) {
	div#main .page-general-list li{
		font-size:0.85em;
		margin-bottom:7px;
	}
}
div#main .general-list-border{
	padding:0;
	display:flex;
}
@media screen and (max-width: 768px){
	div#main .general-list-border{
		flex-wrap: wrap;
	}
}
div#main .general-list-border.general-list-enjoy{
	gap: 10px;
}
div#main .general-list-border.general-list-5steps{
	gap: 20px;
}
@media screen and (max-width: 768px) {
	div#main .general-list-border.general-list-5steps{
		gap: 0;
        justify-content: space-between;
	}
}
div#main .general-list-border li{
	border:1px solid rgb(179 179 179);
	border-radius:10px;
	position:relative;	
}
div#main .general-list-border.general-list-5steps li:before{
	top: -1.15rem;
	left:50%;
	background:#fff;
	color:#5FA3D9;
	font-size: 1.5em;
	position:absolute;
	transform: translateX(-50%);
}
div#main .general-list-border.general-list-5steps li:first-child::before{
	content:"❶";
}
div#main .general-list-border.general-list-5steps li:nth-child(2)::before{
	content:"❷";
}
div#main .general-list-border.general-list-5steps li:nth-child(3)::before{
	content:"❸";
}
div#main .general-list-border.general-list-5steps li:nth-child(4)::before{
	content:"❹"
}
div#main .general-list-border.general-list-5steps li:nth-child(5)::before{
	content:"❺";
}
div#main .general-list-border.general-list-5steps li:nth-child(-n + 4)::after{
    content: '';
	transform: rotate(45deg) translateY(-50%);
    width: 10px;
    height: 10px;
	top:50%;
	right:-10px;
    border-top: 2px solid #5FA3D9;
    border-right: 2px solid #5FA3D9;
    display: block;
	position: absolute;
}
@media screen and (max-width: 768px) {
	div#main .general-list-border.general-list-5steps li:nth-child(-n + 4)::after{
		display:none;
	}
}
div#main .general-list-border.general-list-enjoy li{
	padding:1rem;
	width:calc(100% / 4);
}
@media screen and (max-width: 768px) {
	div#main .general-list-border.general-list-enjoy li{
		width:100%;
	}
}
div#main .general-list-border.general-list-5steps li{
	padding:1.25rem 1rem 1rem 1rem;
	width:calc(100% / 5);
	text-align: center;
}
@media screen and (max-width: 768px) {
	div#main .general-list-border.general-list-5steps li{
		width: calc((100% / 2) - 40px);
		margin-bottom: 1.5rem;
	}
}
div#main .general-list-border.general-list-enjoy li > div{
	padding-bottom:0.85rem;
	align-items: center;
	display: flex;
	font-weight: bold;
}
div#main .general-list-border.general-list-5steps li > div{
	font-weight: bold;
}
div#main .general-list-border.general-list-enjoy li img{
	height:30px;
	padding-right:10px;
}
div#main .general-list-border.general-list-5steps li img{
	margin: 0.5rem 0;
    height: 48px;
}
div#main .general-list-border li p{
	padding:0;
	margin:0;
	font-size: 0.85rem;
	text-align:left;
}
div#main .member-map{
	text-align:center;
}
div#main .member-map img{
	width:100%;
	max-width:700px;
	margin-bottom: 2.2rem;
}
div#main .member-list-block{
	margin-bottom: 10px;
    border: 2px solid;
	border-radius:10px;
}
div#main .member-list-block a{
	padding:0.5rem;
	display:block;
}
div#main .member-list-name{
	align-items: center;
	display: flex;
	font-weight:bold;
	font-size:1.25em;
}
div#main .member-list-block p{
	margin: 0.3rem 0 0.3rem;
}
@media screen and (max-width: 768px) {
	div#main .member-list-block p{
		margin: 0.2rem 0;
		font-size:0.85em;
	}
}
div#main .member-list-name img.member-list-logo{
	max-height:50px;
	height: auto;
}
div#main .member-list-name span{
	margin: 11px 0;
	padding-left:10px;
}
@media screen and (max-width: 768px) {
	div#main .member-list-name span{
		font-size:0.85em;
	}
}

/* お問合せ */
div#main form#mailformpro dl dt{
	width: 200px;
	font-size: 0.85em;
}
@media screen and (max-width: 800px) {
	div#main form#mailformpro dl dt{
		width:100%;
		padding: 10px 5px 5px 5px;
		font-size: 0.85em;
	}
	div#main form#mailformpro dl dd{
		width:100%;
		padding: 5px 15px 10px 15px;
	}
}
/* 報告 */
div#main #top-news-blog{
	width:100%;
}
div#main ul#entry_list{
	width:100%;
	margin:0;
	padding:0;
}
div#main ul#entry_list li{
	padding-bottom: 2.2rem;
	display:flex;
}
@media screen and (max-width: 768px) {
	div#main ul#entry_list li{
		padding-bottom: 0.8rem;
	}	
}
div#main ul#entry_list li .article{
	font-size:0;
}
div#main ul#entry_list li .article img{
	max-width: 160px;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
	div#main ul#entry_list li .article img{
		max-width: 100px;
	}
}
div#main ul#entry_list li .changeArea{
	width:80%;
	padding-left:3%;
}
div#main ul#entry_list li time{
	margin-top: 1.3rem;
	display:block;
}
@media screen and (max-width: 768px) {
	div#main ul#entry_list li time{
		margin-top: 0.3rem;
		font-size: 0.85em;
	}
}
div#main ul#entry_list li .changeArea a{
	margin-top: 0.3rem;
	display: inline-block;
}