@charset "utf-8";
/* CSS Document */

/*---------

top

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


.infomation{ width:100%; margin-bottom: 1.5em;}
.infomation ul{ width:100%;}
.infomation ul li{ margin-bottom:.5em;}
.infomation ul li span{ display:inline-block; width:6em;}


.colmun-content.style ul li h3,
.colmun-content.item ul li h3,
.colmun-content.item ul li a,
.colmun-content.item ul li p{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.colmun-content.style ul,
.colmun-content.item ul{ width:100%; margin-top: 20px;}

.col2,
.col3,
.banner-area ul{
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-direction: -webkit-row;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;	
}

.colmun-content.item ul{ width:100%; margin-top: 20px;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
}

.col3 li,
.col3 .col-area{ flex-basis:300px;}
.colmun-content.item ul li:not(:nth-child(3n)){
	margin-right: 30px;
}

.col2 li,
.col2 .col-area{ flex-basis:460px;}

.col2 figure{ flex-basis:240px; margin-bottom: 10px;}
.col2 figure + .text-area{ flex-basis:700px;}
.col2 figure.pic-l{ flex-basis:350px;}
.col2 figure.pic-l + .text-area{ flex-basis:590px;}

.col2 figure.th-img{ flex-basis:100px;}
.col2 figure.th-img + .text-area{ flex-basis:840px;}

.col2 .g-center{ text-align:center; padding:0 0 0 10px; box-sizing: border-box;}
.col2 .g-center:first-child{ padding:0 10px 0 0; }
.col2 figure,
.col3 figure{margin-bottom: 1.5em;}
.style .col3 figure{margin-bottom: 0;}

@media screen and (max-width:640px) {
.col2 figure{ flex-basis:100%; margin-bottom: 10px;}
.col2 figure + .text-area{ flex-basis:100%;}
.colmun-content.item ul li:not(:nth-child(3n)){
	margin-right: 0;
}
}

@media screen and (max-width:480px) {
.colmun-content.style ul li p{ padding-bottom: 0;}
}



/*---------

style

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

.colmun-content.style ul li h3,
#inner .colmun-content.style ul li h3{ font-size:22px; font-size:2.2rem; background-color:rgba(234,00,00,1.00); position:relative; text-align:center; padding:5px 0; margin-bottom: 0; color: #FFF;}
.colmun-content.style ul li h3 span.arrow{ display:block; padding:0 0 0 0; }
.colmun-content.style ul li h3 span:before{ width:16px; height:3px; background:#FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 18px}
.colmun-content.style ul li h3 span:after{ right: 9px; width:12px; height:12px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;top: 18px}
.colmun-content.style ul li p{ font-size:15px; font-size:1.5rem; font-weight:500; padding:10px 0;}

@media screen and (max-width:480px) {
.col2 .g-center{ flex-basis:100%;}
}


/*---------

top item

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


.colmun-content.item ul li{ margin-bottom:25px; background: #FFF;}
.colmun-content.item ul li a{ border:1px solid #CCC; display:block;}
.colmun-content.item ul li a.arrow{ display:block; padding:0 0 0 0;}
.colmun-content.item ul li a:before{ top:155px; width:16px; height:3px; background:#EB0000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.colmun-content.item ul li a:after{ top:155px; right: 9px; width:12px; height:12px; border-right: 2px solid #EB0000; border-bottom: 2px solid #EB0000;}

.colmun-content.item ul li h3{ color:#FFF; height:105px; font-size:22px; font-size:2.2rem; background:rgba(234,00,00,1.00) url(../images/parts/bg-h3-index.png) no-repeat 130% 50%; position:relative; text-align:center; padding:0 0 0 0;}
.colmun-content.item ul li p{ padding:15px; color:#333;}


.colmun-content.item ul li h3{ position: relative;}
.colmun-content.item ul li h3 span{ display: block; margin-top: 7px;}
.colmun-content.item ul li h3:before{ position: relative; top:10px; left:0%;}
.colmun-content.item ul li:nth-child(1) h3:before{ content: url(../../images/index/icon01.png);}
.colmun-content.item ul li:nth-child(2) h3:before{ content: url(../../images/index/icon02.png);}
.colmun-content.item ul li:nth-child(3) h3:before{ content: url(../../images/index/icon03.png);}
.colmun-content.item ul li:nth-child(4) h3:before{ content: url(../../images/index/icon04.png);}
.colmun-content.item ul li:nth-child(5) h3:before{ content: url(../../images/index/icon05.png);}
.colmun-content.item ul li:nth-child(6) h3:before{ content: url(../../images/index/icon06.png);}


/*---------

top banner-area

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

.banner-area .section-inner{ margin-top:0;}
.banner-area{ border-top:1px solid #CCC;}
.banner ul li{ flex-basis:auto;}
.banner a:hover img { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

/*---------

top sp

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

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

.colmun-content.style ul,
.colmun-content.item ul,
.banner ul{

}

.col3 li{ flex-basis:230px ;}
.banner ul li{ flex:1 1 calc(50% - 20px);  margin:0 10px;}

.col3 img,
.banner ul li img{ width:100%;}

}

@media screen and (max-width:640px) { 
.colmun-content.style .col3 li{ flex-basis:200px ;}
.colmun-content.item .col3 li{ flex-basis:300px ;}
}

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

.infomation ul li{ margin-bottom:.5em;}
.infomation ul li span{ display:block; width:auto;}

.colmun-content.style ul,
.colmun-content.item ul,
.banner ul{
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom: 0;
}
.col3 li,
.banner ul li{ flex-basis:auto; margin:0 auto 25px;}
.banner ul li:last-child{ margin-bottom: 0}
	
.col3 li{ width:300px;}
.colmun-content.item .col3 li{ width: 100%; flex-basis:auto;}
.colmun-content.item ul li p{ min-height:78px;}

.colmun-content.style ul li { width: 100%;}
.colmun-content.style ul li img{ width: 100%;}
}

/*---------

list

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

.button-area{ margin-top:25px; font-size: 13px; font-size: 1.3rem; letter-spacing: .01em;}
.bttton-list.col3{ width:100%; display:block;}
.bttton-list.col3 li{ width:300px; display:inline-block; color:#FFF; margin-bottom:20px;}

.bttton-list.col3 li:nth-child(3n-1){ padding:0 24px;}

.bttton-list.col1 li a,
.bttton-list.col2 li a,
.bttton-list.col3 li a,
.bttton-list.col3 li span.nolink{ display:block; color:#333; position:relative; border:1px solid #999; font-weight:bold; text-align:center; padding:13px 5px 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background:#FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #F0F0F0);
background: -moz-linear-gradient(#fff, #F0F0F0);
background: -o-linear-gradient(#fff, #F0F0F0);
background: -ms-linear-gradient(#fff, #F0F0F0);
background: linear-gradient(#fff, #F0F0F0);
}

.bttton-list.col2 li a:hover,
.bttton-list.col1 li a:hover,
.bttton-list.col3 li a:hover,
.bttton-col3-list li a:hover{ background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#F0F0F0, #fff);
background: -moz-linear-gradient(#F0F0F0, #fff);
background: -o-linear-gradient(#F0F0F0, #fff);
background: -ms-linear-gradient(#F0F0F0, #fff);
background: linear-gradient(#F0F0F0, #fff);}

.bttton-list.col3 li span.nolink{ color:#BBB;}

.bttton-list.col1 li a:before,
.bttton-list.col2 li a:before,
.bttton-list.col3 li a:after,
.bttton-list.col3 li a:before,
.bttton-list.col3 li a:after,
.bttton-list.col3 li span.nolink:before,
.bttton-list.col3 li span.nolink:after{ position: absolute; top: 0; bottom: 0; right: 0px; margin: auto; content: ""; vertical-align: middle;}
.bttton-list.col1 li a:before,
.bttton-list.col2 li a:before,
.bttton-list.col3 li a:before,
.bttton-list.col3 li span.nolink:before{ right: 10px; width: 7px; height: 7px; border-top: 2px solid #EB0000; border-right: 2px solid #EB0000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.bttton-list.col3 li span.nolink:before{border-top: 2px solid #BBB; border-right: 2px solid #BBB; }

/* add 220331 by medio */
.bttton-col3-list{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(48px, 1fr);
	gap: 24px;
	padding-bottom: 40px;
}

.bttton-col3-list li { position: relative;}
.bttton-col3-list li::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #EB0000;
	border-right: 2px solid #EB0000;
	transform: translateY(2px) rotate(45deg);
}

.bttton-col3-list li a{
	display: grid;
	height: 100%;
	color:#333;
	border: 1px solid #999;
	font-weight: bold;
	text-align: center;
	place-content: center;
	background: linear-gradient(#fff, #F0F0F0);
	padding: 5px 20px 5px 10px;
}

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

	.bttton-list.col3{ }
	.bttton-list.col3 li{ width:360px; margin:0 5px 15px;}
	.bttton-list.col3 li:nth-child(3n-1){ padding:0 ;}

	.bttton-col3-list{
		grid-template-columns: repeat(2, 360px);
		gap: 24px;
	}
}

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

	.bttton-list.col1 li,
	.bttton-list.col2 li,
	.bttton-list.col3 li{ width:100%; margin:0 auto 15px;}

	.bttton-col3-list{ grid-template-columns: 1fr;}
}

@media (min-width: 768px){

	.bttton-col3-list{
		grid-template-columns: repeat(3, minmax(300px, 1fr));
		gap: 24px;
	}
}

/*---------

detail

----------------------------**/
.curriculum-list{}
.curriculum-list dl dt{ font-size: 18px; font-size: 1.8rem; border-bottom:1px solid #999; position:relative; padding-left:20px; margin-bottom:1.0em;}
.curriculum-list dl dt:before{ content:"◆"; color:#EB0000; position:absolute; top:3px; left:0; font-size: 15px; font-size: 1.5rem;}
.curriculum-list dl dd{ margin-bottom:1.5rem;}
.curriculum-list dl dt small{ font-size: 16px; font-size: 1.6rem; font-weight: normal;}

/*---------

detail

----------------------------**/
.text-link-area .arrow-list { margin:15px 0;}
.text-link-area .arrow-list li a{ position:relative; padding-left:20px; display: inline-block;}
.text-link-area .arrow-list li a:before,
.text-link-area .arrow-list li a:after{ position: absolute; top: 7px; left: 0; margin: auto; content: ""; vertical-align: middle;}
.text-link-area .arrow-list li a:before{ left: 3px; width: 4px; height: 4px; border-top: 2px solid #EB0000; border-right: 2px solid #EB0000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*---------

.colmun-content 

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

.colmun-content{ margin-bottom: 1.5em;}

.colmun-content .col2{}
.colmun-content .col2 li{}



.colmun-content ul.col3{}
.colmun-content ul.col3 li{}

.colmun-content .col3{}
.colmun-content .col3 .col-area{}

.colmun-content .col1 .col-area dt,
.colmun-content .col2 .col-area dt,
.colmun-content .col3 .col-area dt
{ background-color: rgba(234,00,00,0.15); border-bottom: 2px solid rgba(234,00,00,1.00);font-weight: bold; text-align: center; padding: 15px 5px; }

.colmun-content .col1 .col-area dd,
.colmun-content .col2 .col-area dd,
.colmun-content .col3 .col-area dd{ padding: 20px 0px 0px;}


/*
.colmun-content .col1 dl.col-area,
.colmun-content .col2 dl.col-area,
.colmun-content .col3 dl.col-area{background-color: #F0F0F0; border-radius: 0 0 10px 10px; margin-bottom: 1.5em;}

.colmun-content .col1 .col-area dt,
.colmun-content .col2 .col-area dt,
.colmun-content .col3 .col-area dt{ background-color: rgba(234,00,00,1.00);font-weight: bold; color:#FFF; text-align: center; padding: 10px 5px; border-radius: 10px 10px 0 0;}

.colmun-content .col1 .col-area dd,
.colmun-content .col2 .col-area dd,
.colmun-content .col3 .col-area dd{ padding: 10px 10px;}
*/

/*---------

text

----------------------------**/
.sitemap{}
.sitemap{}

/*---------

text

----------------------------**/
.text17b{ font-size:17px; font-size: 1.7rem; font-weight: bold;}
.g-center{ text-align: center;}
.g-left{ text-align: left;}
.g-right{ text-align: right;}
/*---------

list

----------------------------**/
section ul{ margin-bottom: 20px;}
ul.dot{}
ul.dot li{ list-style:disc; margin-left: 1.5em;}

section ol.decimal{ margin-bottom: 20px;}
ol.decimal li{ list-style:decimal; margin-left: 1.5em;}
ul li ul{ float:none; margin-left:1em}
/*---------

dl

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

dl { margin-bottom: 1.5em;}
dl dt{ font-weight: bold;}
dl dd{ margin-bottom: .5em;}

/*---------

table

----------------------------**/
.table-area{ margin:10px auto 25px;}
.table-area table{ border-collapse: collapse; border: 1px solid #F0F0F0;}
.table-area table caption{ text-align: left; width: 100%; font-weight: bold;}
.table-area table th,
.table-area table td{ padding: 10px; border-collapse: collapse; border: 1px solid #F0F0F0;}
.table-area table th{text-align: center; vertical-align: middle;}
.table-area table td{}

.table-area table thead th{ background-color:#F8F8F8; }
.table-area table colgroup + tbody th{ text-align: left; background-color:#F8F8F8; }
.table-area table thead + tbody th{ font-weight: normal; text-align: center;}
.table-area table tbody td{ vertical-align: top;}
.table-area table .g-center{ text-align:center;}


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

.table-area.dis-sp_block thead,
.table-area.dis-sp_block tbody,
.table-area.dis-sp_block th,
.table-area.dis-sp_block td{ display: block;}
.table-area.dis-sp_block{}


}