/*!
Airy.css v0.02
Copyright 2024 by Akira ITOH
*/

/* basic */
mark{background:linear-gradient(transparent 60%, yellow 0%);}
/* table */
table{border:1px solid #000;border-collapse: collapse;text-align:center;margin:1em auto 1em auto;}
tr{border-bottom:1px solid #888;}
td{border-left:1px solid #888; padding:0.1em 0.5em 0.05em 0.5em;}
th{border-left:1px solid #888; padding:0.1em 0.5em 0.05em 0.5em;}
.color1{background-color:#E4E4E4;}
.color2{background-color:#F4F4F4;}
.color3{background-color:#F8F8F8;}

/* 3 PC ***************************************************************/
/*env-sel*/
.pc {display:initial;}
.sm,.sp,.mv {display:none;}

/*panel*/
/*
.panel				{padding:30px 10% 30px 10%;}
.panel:first-child	{padding:0 10% 30px 10%;}
.panel-white				{padding:30px 10% 30px 10%;background-color:#ffffff;}
.panel-white:first-child	{padding:0 10% 30px 10%;background-color:#ffffff;}
.panel-gray				{padding:30px 10% 30px 10%;background-color:#f5f5f7;}
.panel-gray:first-child	{padding:0 10% 30px 10%;background-color:#f5f5f7;}
.panel-lightgray				{padding:30px 10% 30px 10%;background-color:#eeeeee;}
.panel-lightgray:first-child	{padding:0 10% 30px 10%;background-color:#eeeeee;}
*/
.panel				{padding:30px 0 30px 0;}
.panel:first-child	{padding:0 0 30px 0;}
.panel-white				{padding:30px 0 30px 0;background-color:#ffffff;}
.panel-white:first-child	{padding:0 0 30px 0;background-color:#ffffff;}
.panel-gray				{padding:30px 0 30px 0;background-color:#f5f5f7;}
.panel-gray:first-child	{padding:0 0 30px 0;background-color:#f5f5f7;}
.panel-lightgray				{padding:30px 0 30px 0;background-color:#eeeeee;}
.panel-lightgray:first-child	{padding:0 0 30px 0;background-color:#eeeeee;}

/* text */
body	{
	margin:0 0 0 0;padding 0 0 0 0;
	box-sizing:border-box;overflow-x:hidden;font-size:1.8vw;line-height:3vw;font-weight:400;
	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","MS ゴシック","MS Gothic","MS Pゴシック","MS PGothic",sans-serif;}
h1	{margin:0 0 0 0;font-size:1.0em;line-height:1.0em;text-align:left;font-weight:normal;}
h2	{margin:25px 0 25px 0;font-size:1.5em;line-height:1.8em;text-align:center;}
h3	{margin:15px 0 10px 0;font-size:1.0em;line-height:1.3em;text-align:left;}
a	{text-decoration:none;}
.text	{margin: 25px 0 25px 0;}
br.sp	{display:none;}

/* multi-column */
.col	{width:auto;margin: 30px 0 30px 0;display:}
.m1-2	{width:50%;float:left;padding:10px 2% 30px 2%;box-sizing:border-box;}
.m2-2	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m1-3	{width:33.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m2-3	{width:66.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m3-3	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m1-4	{width:25%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m2-4	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m3-4	{width:75%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m4-4	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m1-5	{width:20%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m2-5	{width:40%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m3-5	{width:60%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m4-5	{width:80%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m5-5	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m1	{width:8.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m2	{width:16.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m3	{width:25%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m4	{width:33.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m5	{width:41.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m6	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m7	{width:58.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m8	{width:66.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m9	{width:75%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m10	{width:83.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m11	{width:91.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.m12	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}

.n1-2	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2-2	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n1-3	{width:33.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2-3	{width:66.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n3-3	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n1-4	{width:23%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2-4	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n3-4	{width:75%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n4-4	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n1-5	{width:20%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2-5	{width:40%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n3-5	{width:60%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n4-5	{width:80%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n5-5	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n1	{width:8.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2	{width:16.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n3	{width:25%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n4	{width:33.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n5	{width:41.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n6	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n7	{width:58.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n8	{width:66.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n9	{width:75%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n10	{width:83.33%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n11	{width:91.66%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n12	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.clear	{clear:left;}
.gap0 {padding-left:0;padding-right:0;}
.gap1 {padding-left:1%;padding-right:1%;}
.gap2 {padding-left:2%;padding-right:2%;}
.gap3 {padding-left:3%;padding-right:3%;}
.gap4 {padding-left:4%;padding-right:4%;}
.gap5 {padding-left:5%;padding-right:5%;}
.col2 {margin:30px 30px 30px 30px;column-count:2;column-gap:4%;}
.col3 {margin:30px 30px 30px 30px;column-count:3;column-gap:4%;}
.col4 {margin:30px 30px 30px 30px;column-count:4;column-gap:3%;}
.col5 {margin:30px 30px 30px 30px;column-count:5;column-gap:3%;}

/* image */
img	{width:100%;height:auto;}

/* box */
.box1 {
    /*margin: 2em 0;*/
    background:#ffffff;border-radius:8px 8px 8px 8px;
    box-shadow:0 2px 4px rgba(0,0,0,0.22);
}
.box1 .box-title {
    font-size:1.1em;background:#f0f0f0;border-radius:8px 8px 0 0;
    text-align:center;font-weight:bold;letter-spacing: 0.05em;
	padding: 5px 10px 2px 10px;
}
.box1 img {border-radius:0 0 0 0;}
.box1 .box-content {padding:15px 15px 15px 15px;margin:0;}
.box1 .box-content h3 {margin-top:0;}

/* linkbox */
.linkbox {position: relative;}
.linkbox a {position:absolute;top:0;left:0;height:100%;width:100%;}
.linkbox1 {position: relative;margin:0 0.5em 0 0.5em;border-radius:10px;background-color:#cdd5ff;box-shadow:3px 3px 5px #b0b0b0;padding:1em 1em 1em 1em;text-align:center}
.linkbox1 a {position:absolute;top:0;left:0;height:100%;width:100%;}

/* accordion */
.toggle {display: none;}
.Label {padding: 0.7em;display:block;color:#000;background:#f0f0f0;border-radius:8px 8px 8px 8px;}
.Label::before{content:"";width: 6px;height: 6px;border-top: 2px solid #000;border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.Label,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.content {height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
.toggle:checked + .Label + .content {height:auto;padding:20px ;transition:all .3s;}
.toggle:checked + .Label::before {transform: rotate(-45deg) !important;}

/* tab */
.tabs {margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);margin: 0 auto;}
.tab_item {width: calc(100%/5);height: 30px;border-bottom: 3px solid #5ab4bd;background-color: #d9d9d9;line-height: 30px;font-size: 0.8em;
	text-align: center;color: #565656;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {display: block;}
#tab04:checked ~ #tab04_content {display: block;}
#tab05:checked ~ #tab05_content {display: block;}
.tabs input:checked + .tab_item {background-color: #5ab4bd;color: #fff;}

/* dropdown-menu */
.dropdown-menu {list-style-type:none;border:none; font-size:0.85em;background-color:#fff;border-bottom:1px solid #6bbfc7;}
.dropdown-menu a {color:#000;}
.dropdown-menu a:hover {color:#5ab4bd;}
.dropdown-menu > li {display:inline-block;position:relative;
	padding:0.1em 0.7em 0.1em 0.7em;margin:0;}
.dropdown-menu > li > ul {display:none;overflow-x:visible; width:300%;text-align:left;}
.dropdown-menu > li:hover ul {display:block;position:absolute;
	padding:0;margin:0;top:2em;left:0;list-style-type:none;}
.dropdown-menu > li > ul >li{padding:0.1em 1em 0.1em 1em;margin:0;background-color:#eee;}
.dropdown-menu > li > ul > li:hover{background-color:#5ab4bd;}
.dropdown-menu > li > ul > li:hover a{color:#fff;}

/*SPmenu*/
#sp-menu__check:checked ~ .sp-menu__content {left: 0;}
/* 変更箇所はコメントの項目のみ */
.sp-menu__content {width: 100%;height: 100%;position: fixed;top: 0;
  /* 普段は画面外にするために左端を画面右端の位置にする */
  left:100%;z-index:90;background-color:rgba(100,100,100,0.9);  
  /* 右端からゆっくり移動するように表示 */
  transition: all 0.5s;
}
/* 以降は前回までの内容 */
header {display: flex;background: #eeeeee;height: 60px;}
.main-menu {margin: 0 auto;display: flex;width: 1280px;}
.pc-menu {width: 100%;}
.pc-menu > ul {display: flex;list-style: none;}
.pc-menu > ul > li {text-align: center;font-size: 16px;width: 25%;}
.pc-menu > ul > li > a {display: block;text-decoration: none;color: #000000;line-height: 60px;}
.pc-menu > ul > li > a:hover {background: #cccccc;}
.sp-menu__box {position: fixed;top: 0;right: 0;display: flex;height: 60px;width: 60px;
justify-content: center;align-items: center;z-index: 100;background: #888888;}
.sp-menu__box span,
.sp-menu__box span:before,
.sp-menu__box span:after {content: "";display: block;height: 3px;width: 25px;border-radius: 3px;background: #ffffff;position: absolute;}
.sp-menu__box span:before {bottom: 8px;}
.sp-menu__box span:after {top: 8px;}
#sp-menu__check {display: none;}
#sp-menu__check:checked ~ .sp-menu__box span {background: rgba(255, 255, 255, 0);}
#sp-menu__check:checked ~ .sp-menu__box span::before {bottom: 0;transform: rotate(45deg);}
#sp-menu__check:checked ~ .sp-menu__box span::after {top: 0;transform: rotate(-45deg);}
.sp-menu__list {padding: 70px 10px 0;}
.sp-menu__item {border-bottom: solid 1px #ffffff;list-style: none;}
.sp-menu__link {display: block;width: 100%;font-size: 15px;box-sizing: border-box;color: #ffffff;text-decoration: none;padding: 9px 15px 10px 0;}

/* divlink */
.divlink{position:relative;}
.divlink .link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

/* width(for 'div', 'th' etc.) */
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

/* 4 PC(HR) ***************************************************************/
@media only screen and (min-width: 1400px) {
/*panel*/
.panel				{padding:30px 20% 30px 20%;}
.panel:first-child	{padding:0 20% 30px 20%;}
.panel-white				{padding:30px 20% 30px 20%;background-color:#ffffff;}
.panel-white:first-child	{padding:0 20% 30px 20%;background-color:#ffffff;}
.panel-gray				{padding:30px 20% 30px 20%;background-color:#f5f5f7;}
.panel-gray:first-child	{padding:0 20% 30px 20%;background-color:#f5f5f7;}


/* text */
body	{font-size:1.0vw;line-height:1.6vw;}
h2	{margin:25px 0 30px 0;font-size:1.5em;line-height:1.8em;text-align:center;}
h3	{margin:15px 0 10px 0;font-size:1.0em;line-height:1.3em;text-align:left;}
}

/* 2 Vertical display ******************************************************/
@media only screen and (min-width: 700px) and (max-width: 1099px) {
/*panel*/
.panel				{padding:30px 3% 30px 3%;}
.panel:first-child	{padding:0 3% 30px 3%;}
.panel-white				{padding:30px 3% 30px 3%;background-color:#ffffff;}
.panel-white:first-child	{padding:0 3% 30px 3%;background-color:#ffffff;}
.panel-gray				{padding:30px 3% 30px 3%;background-color:#f5f5f7;}
.panel-gray:first-child	{padding:0 3% 30px 3%;background-color:#f5f5f7;}


/* text */
body	{font-size:2vw;line-height:3vw;}
}

/* 1 mobile ***************************************************************/
@media only screen and (max-width: 699px) {
/*env-sel*/
.pc {display:none;}
.sm,.sp,.mv {display:initial;}
/*panel*/
.panel				{padding:30px 1% 30px 1%;}
.panel:first-child	{padding:0 1% 30px 1%;}
.panel-white				{padding:30px 1% 30px 1%;background-color:#ffffff;}
.panel-white:first-child	{padding:0 1% 30px 1%;background-color:#ffffff;}
.panel-gray				{padding:30px 1% 30px 1%;background-color:#f5f5f7;}
.panel-gray:first-child	{padding:0 1% 30px 1%;background-color:#f5f5f7;}


/* text */
body	{font-size:4vw;line-height:6vw;}
h2	{margin:35px 0 30px 0;font-size:1.5em;line-height:1.8em;text-align:center;}
h3	{margin:25px 0 10px 0;font-size:1.0em;line-height:1.3em;text-align:left;}
br.sp	{display:none;}

/* multi-column */
.col	{width:auto;margin: 30px 0 30px 0;}
.m1-2,.m2-2,.m1-3,.m2-3,.m3-3,.m1-4,.m2-4,.m3-4,.m4-4,.m1-5,.m2-5,.m3-5,
.m4-5,.m5-5,.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12
	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n1-2,.n1-3,.n2-3,.n1-4,.n2-4,.n3-4,.n1-5,.n2-5,.n3-5,.n4-5,
.n1,.n2,.n3,.n4,.n5,.n6,.n7,.n8,.n9,.n10,.n11
	{width:50%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.n2-2,.n3-3,.n4-4,.n5-5,.n12
	{width:100%;float:left;padding:10px 1% 30px 1%;box-sizing:border-box;}
.clear	{clear:left;}
.col2 {margin:30px 0 30px 0;column-count:1;}
.col3 {margin:30px 0 30px 0;column-count:1;}
.col4 {margin:30px 0 30px 0;column-count:1;}
.col5 {margin:30px 0 30px 0;column-count:1;}

/* image */
img	{width:100%;height:auto;}
}

/* Fixed banner ********************************************************/
.banner-TopLeft{position:fixed; left:30px; top:10px; z-index:100;}
.banner-TopRight{position:fixed; right:30px; top:10px; z-index:100;}
.banner-BottomLeft{position:fixed; left:30px; bottom:10px; z-index:100;}
.banner-BottomRight{position:fixed; right:30px; bottom:10px; z-index:100;}

/* Print ***************************************************************/

.printonly{display: none;}
@media print {
	.noprint{display: none;}
	.printonly{display: block;}
}
@page A3p{size:A3 portrait;margin:20mm 15mm 15mm 15mm;}
@page A3l{size:A3 landscape;margin:20mm 15mm 15mm 15mm;}
@page B4p{size:B4 portrait;margin:20mm 15mm 15mm 15mm;}
@page B4l{size:B4 landscape;margin:20mm 15mm 15mm 15mm;}
@page A4p{size:A4 portrait;margin:20mm 15mm 15mm 15mm;}
@page A4l{size:A4 landscape;margin:20mm 15mm 15mm 15mm;}
@page B5p{size:B5 portrait;margin:17mm 12mm 12mm 12mm;}
@page B5l{size:B5 landscape;margin:17mm 12mm 12mm 12mm;}
.A3portrait{page:A3p;}
.A3landscape{page:A3l;}
.B4portrait{page:B4p;}
.B4landscape{page:B4l;}
.A4portrait{page:A4p;}
.A4landscape{page:A4l;}
.B5portrait{page:B5p;}
.B5landscape{page:B5l;}

/* hover for image *************************************************/
.hover_zoom {overflow: hidden;width: 100%;height: 100%;background: #fff;}
.hover_zoom img {display: block;transition-duration: 0.5s;}
.hover_zoom img:hover {transform: scale(1.5);transition-duration: 0.5s;opacity: 0.6;}
.hover_bright img {transition-duration: 0.5s;}
.hover_bright img:hover {transition-duration: 0.5s;opacity: 0.6;}
.hover_border img {box-sizing: border-box;transition-duration: 0.2s;}
.hover_border img:hover {box-sizing: border-box;transition-duration: 0.2s;border:10px solid #ff0000;}

/* vertical writing *************************************************/
.vertical {-ms-writing-mode:tb-rl; writing-mode: vertical-rl;}
}