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


/*画像・カバー----------------------------------------*/
.SubImageBox { position: relative; width: 100%; height: 240px; overflow: hidden; margin-bottom: 0px}
.SubImageCover01 { position: absolute; width: 40%; top: 0px; left: 0px}
.SubImageCover02 { position: absolute; width: 10%; bottom: 30px; right: 20px}


/*Column2----------------------------------------*/
.Column2 ul li { width: 100%; margin-bottom: 40px }
.Column2 ul li h2 { font-size: 2.0rem; color: #2d3f58; font-weight: bold; }
.Column2 ul li p { font-size: 1.4rem; }

.Column2 ul li h3 { font-size: 1.6rem; width: 100%; box-sizing:border-box; border: 1px #cccccc solid }
.Column2 ul li h3 a { color: #cccccc; display: block; padding: 3%; text-align: center}
.Column2 ul li h3 a:hover { background-color: #2c73b5; color: #FFFFFF; display: block; padding: 3%;
                              -webkit-transition: .2s ease; transition: .2s ease; border: 0px}

/*Column2no----------------------------------------*/
.Column2no ul li { width: 50%; float: left; margin-right: auto; margin-left: auto; margin-bottom: 40px}
.Column2no ul li:nth-child(2n) { margin-right: auto; margin-left: auto}
.Column2no ul li article p { font-size: 1.6rem; ; margin-right: 5%; margin-left: 5%;}
.Column2no ul li article h5 { font-size: 1.4rem; text-align:center}
.Column2no ul li article h3 { font-size: 1.2rem; text-align: center !important; margin-bottom: 0px !important }

/*Column2div----------------------------------------*/
.Column2div { width: 100%; margin-bottom: 20px }


/*Column3----------------------------------------*/
.Column3 ul li article { width: 100%; margin-bottom: 20px }
.Column3 ul li article h2 { font-size: 2.0rem; color: #262626; font-weight: normal; }
.Column3 ul li article p { font-size: 1.4rem; }

.Column3 ul li article h3 { font-size: 1.6rem; width: 100%; box-sizing:border-box; border: 1px #cccccc solid }
.Column3 ul li article h3 a { color: #cccccc; display: block; padding: 3%; text-align: center}
.Column3 ul li article h3 a:hover { background-color: #2c73b5; color: #FFFFFF; display: block; padding: 3%;
                              -webkit-transition: .2s ease; transition: .2s ease; border: 0px}


/*Column3no----------------------------------------*/
.Column3no ul li { width: 32%; float: left; margin-right: 2%}
.Column3no ul li:nth-child(3n) { margin-right: 0px}
.Column3no ul li article p { font-size: 1.4rem; }
.Column3no ul li article h2 { font-size: 1.4rem}
.Column3no ul li article h3 { font-size: 1.2rem; text-align: left !important; margin-bottom: 0px !important }


/*SubColumn3----------------------------------------*/
.SubColumn3 h1 { font-size: 3.0rem; color: #2d3f58; font-weight: bold; text-align: center; margin-bottom: 20px;
                 padding-bottom: 10px}

.SubColumn3 ul li article { width: 100%; margin-bottom: 40px }
.SubColumn3 ul li article h2 { font-size: 2.0rem; color: #2d3f58; font-weight: bold; }
.SubColumn3 ul li article p { font-size: 1.4rem; }


/* IndexColumn23 各index.php等 */
.IndexColumn23 {}
ul.IndexColumn23 {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
}

.IndexColumn23 > li { width: 48%; float: left; background-color: #252525;
	margin-right: 2%; margin-bottom: 10px; border:1px solid #ccc; list-style: none !important }
.IndexColumn23 > li:nth-child(2n) { margin-right: 0%}
.IndexColumn23 > li img { width: 100%; margin-bottom: -7px}
.IndexColumn23 > li article {}
.IndexColumn23 h2 { background-color: #252525; color: #FFFFFF; font-weight: normal !important;
                   padding: 10px; margin: 0px; font-size: 1.6rem !important; text-align: center; border-bottom: 0px !important;
	padding-bottom: 10px !important; border-left: 0px !important
                   }
.IndexColumn23 p { padding: 10px}


/* Column23　カラム2から3へ*/
.Column23 {}
ul.Column23 {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
}

.Column23 > li { width: 48%; float: left;
	margin-right: 2%; margin-bottom: 10px; list-style: none !important }
.Column23 > li:nth-child(2n) { margin-right: 0%}
.Column23 > li img { width: 100%; margin-bottom: -7px}
.Column23 > li article {}
.Column23 h2 { background-color: #252525; color: #FFFFFF; font-weight: normal;
                   padding: 10px; margin: 0px; font-size: 1.6rem; text-align: center; margin-bottom: 0px !important}
.Column23 p { padding: 10px}

.ICWhite li { background-color: #FFFFFF !important}


/*SubColumn4----------------------------------------*/
.SubColumn4 h1 { font-size: 3.0rem; color: #2d3f58; font-weight: bold; text-align: center; margin-bottom: 20px;
                 padding-bottom: 10px}

.SubColumn4 ul li { width: 48%; float: left; margin-right: 2%}
.SubColumn4 ul li:nth-child(4n) { margin-right: 0px}

.SubColumn4 ul li { width: 100%; margin-bottom: 40px }
.SubColumn4 ul li h2 { font-size: 2.0rem; color: #2d3f58; font-weight: bold; }
.SubColumn4 ul li p { font-size: 1.4rem; }



/*SoukenUl----------------------------------------*/
.SoukenUl h1 { font-size: 3.0rem; color: #2d3f58; font-weight: bold; text-align: center; margin-bottom: 20px;
                 padding-bottom: 10px}

.SoukenUl ul {display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;}

.SoukenUl ul li { width: 48% !important; float: left; margin-right: 2%; box-sizing: border-box}
.SoukenUl ul li:nth-child(2n) { margin-right: 0px}

.SoukenUl ul li { width: 100%; margin-bottom: 40px }
.SoukenUl ul li h2 { font-size: 2.0rem; color: #2d3f58; font-weight: bold; }
.SoukenUl ul li p { font-size: 1.4rem; }




/*SubColumn5----------------------------------------*/
.SubColumn5 ul {list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
    margin: 0 auto;}

.SubColumn5 h1 { font-size: 3.0rem; color: #262626; font-weight: bold; text-align: center; margin-bottom: 20px;
                 padding-bottom: 10px}

.SubColumn5 ul li { width: 49%; float: left; border-bottom: 1px #C3C3C3 solid; margin-bottom: 20px; text-align: center }
.SubColumn5 ul li:nth-child(odd) { border-right: 1px #C3C3C3 solid; box-sizing: border-box;
                                   }
.SubColumn5 ul li:nth-child(even) { margin-right: 0%; padding-left: 2%}

.SubColumn5 ul li article h2 { font-size: 1.6rem; color: #262626; font-weight: normal;  }
.SubColumn5 ul li p { font-size: 1.4rem; }


/*SubColumn6----------------------------------------*/
.SubColumn6 ul {list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
    margin: 0 auto;}

.SubColumn6 h1 { font-size: 3.0rem; color: #262626; font-weight: bold; text-align: center; margin-bottom: 20px;
                 padding-bottom: 10px}

.SubColumn6 ul li { width: 49%; float: left; border-bottom: 1px #C3C3C3 solid; margin-bottom: 20px; text-align: center }
.SubColumn6 ul li:nth-child(odd) { border-right: 1px #C3C3C3 solid; box-sizing: border-box;
                                   }
.SubColumn6 ul li:nth-child(even) { margin-right: 0%; padding-left: 2%}

.SubColumn6 ul li article h2 { font-size: 1.6rem; color: #262626; font-weight: normal;  }
.SubColumn6 ul li p { font-size: 1.4rem; }

/*bcmcim4 ----------------------------------------*/
.bcmcim4 ul {list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;}

.bcmcim4 ul li { width: 49%; float: left; border-bottom: 1px #C3C3C3 solid; margin-bottom: 20px; text-align: center }
.bcmcim4 ul li:nth-child(odd) { border-right: 1px #C3C3C3 solid; box-sizing: border-box;
                                   }
.bcmcim4 ul li:nth-child(even) { margin-right: 0%; padding-left: 2%}

.bcmcim4 ul li article h2 { font-size: 1.4rem; color: #262626; font-weight: normal;  }
.bcmcim4 ul li article p { font-size: 1.2rem; }



/*MainBannerBox----------------------------------------*/
.MainBannerBox ul { width: 95%; margin: 0 auto; margin-bottom: 20px }

.MainBannerBox ul li { width: 48%; float: left; margin-bottom: 10px}
.MainBannerBox ul li:nth-child(1) { margin-right: 4%}
.MainBannerBox ul li:nth-child(2) { margin-right: 0%}
.MainBannerBox ul li:nth-child(3) { margin-right: 4%}
.MainBannerBox ul li:nth-child(4) { margin-right: 0%}
.MainBannerBox ul li:nth-child(5) { margin-right: 4%}
.MainBannerBox ul li:nth-child(6) { margin-right: 0%}
.MainBannerBox ul li:nth-child(7) { margin-right: 4%}
.MainBannerBox ul li:nth-child(8) { margin-right: 0%}



/*LinkColumn2----------------------------------------*/
.LinkColumn2 ul li { width: 99%; margin-bottom: 20px; background-color: #ffffff;
                     box-sizing: border-box; padding-bottom: 1%; padding-right: 1%}
.LinkColumn2 ul li h2 { font-size: 2.0rem; color: #222222; font-weight: bold; }
.LinkColumn2 ul li p { font-size: 1.4rem; color: #222222; margin-top: 10px}
.LinkColumn2 ul li a { display: block}


.LinkBoxL { width: 45%; float: left }
.LinkBoxR { width: 50%; float: right}

.LinkBoxL img { margin-top: 5px; margin-left: 5px }












/* width 768以上 */
@media screen and (min-width : 769px){

/*画像・カバー----------------------------------------*/
.SubImageBox { height: 195px; margin-bottom: 10px}
.SubImageCover02 { width: 8%; bottom: 15px}
.SubImageBox h2 { bottom: 10px; left: 0px; font-size: 1.6rem !important }

/*Column2----------------------------------------*/
.Column2 ul li { width: 48%; float: left; }
.Column2 ul li:nth-child(1n) { margin-right: 4%}
.Column2 ul li:nth-child(2n) { margin-right: 0%}


/*Column2div----------------------------------------*/
.Column2 { width: 48%; float: left; }



/*Column3----------------------------------------*/
.Column3 ul li { width: 32%; float: left; margin-right: 2%}
.Column3 ul li:nth-child(3n) { margin-right: 0px}

.Column3 ul li article h2 { font-size: 1.6rem}


/*SubColumn3----------------------------------------*/
.SubColumn3 h1 { font-size: 4.0rem }

.SubColumn3 ul li { width: 32%; float: left; margin-right: 2%}
.SubColumn3 ul li:nth-child(3) { margin-right: 0px}

.SubColumn3 ul li article h2 { font-size: 1.6rem }


/*SubColumn5----------------------------------------*/
.SubColumn5 ul { max-width: 1010px;}

/*SubColumn6----------------------------------------*/
.SubColumn6 ul { max-width: 1200px;}

/* IndexColumn23 各index.php等 */
.IndexColumn23 {}
.IndexColumn23 > ul {}
.IndexColumn23 > li:nth-child(2n) { margin-right: 2%}
.IndexColumn23 > li { width: 31.5%; background-color: #fff;}
.IndexColumn23 > li:nth-child(3n) { margin-right: 0%}
.IndexColumn23 > li a:hover { opacity: 0.6; -webkit-transition: all .2s ease;
    transition: all .2s ease; text-decoration: none !important}
.IndexColumn23 h2 {font-size: 1.6rem !important; margin-bottom: 0px !important }


/* Column23　カラム2から3へ*/
.Column23 {}
.Column23 > ul {}
.Column23 > li:nth-child(2n) { margin-right: 2%}
.Column23 > li { width: 31.5%;  }
.Column23 > li:nth-child(3n) { margin-right: 0%}
.Column23 > li a:hover { opacity: 0.8; -webkit-transition: all .2s ease;
    transition: all .2s ease;}
.Column23 h2 {font-size: 1.8rem }


/*SubColumn4----------------------------------------*/
.SubColumn4 h1 { font-size: 4.0rem }

.SubColumn4 ul li { width: 23.5%; float: left; margin-right: 2%}
.SubColumn4 ul li:nth-child(2) { margin-right: 2%}
.SubColumn4 ul li:nth-child(4) { margin-right: 0%}


/*SoukenUl----------------------------------------*/
.SoukenUl h1 { font-size: 4.0rem }

.SoukenUl ul li { width: 23.5% !important; float: left; margin-right: 2%}
.SoukenUl ul li:nth-child(2n) { margin-right: 2%}
.SoukenUl ul li:nth-child(4n) { margin-right: 0%}



/*SubColumn5----------------------------------------*/
.SubColumn5 h1 { font-size: 4.0rem  }

.SubColumn5 ul li { width: 20%; float: left; border-bottom: 0px; margin-bottom: 20px }
.SubColumn5 ul li:nth-child(odd) { border-right: 1px; box-sizing: border-box;
                                   }
.SubColumn5 ul li:nth-child(even) { margin-right: 0%; padding-left: 0%}

.SubColumn5 ul li h2 { font-size: 1.6rem; text-align: center}
.SubColumn5 ul li p { width: 90% }


/*SubColumn6----------------------------------------*/
.SubColumn6 h1 { font-size: 4.0rem  }

.SubColumn6 ul li { width: 16.5%; float: left; border-bottom: 0px; margin-bottom: 20px }
.SubColumn6 ul li:nth-child(odd) { border-right: 1px; box-sizing: border-box;
                                   }
.SubColumn6 ul li:nth-child(even) { margin-right: 0%; padding-left: 0%}

.SubColumn6 ul li h2 { font-size: 1.6rem; text-align: center}
.SubColumn6 ul li p { width: 90% }




/*bcmcim4----------------------------------------*/
.bcmcim4 h1 { font-size: 4.0rem  }

.bcmcim4 ul li:nth-child(odd) { border-right: 0px; padding-left: 0%}
.bcmcim4 ul li:nth-child(even) { margin-right: 0%; padding-left: 0%}

.bcmcim4 ul li { width: 23.5%; float: left; border-bottom: 0px; margin-bottom: 20px; margin-right: 2% !important; box-sizing: border-box }

.bcmcim4 ul li:nth-child(4n) {margin-right: 0% !important;}

.bcmcim4 ul li article h2 { font-size: 1.4rem; text-align: center}
.bcmcim4 ul li article p { font-size: 1.2rem;}



/*MainBannerBox----------------------------------------*/
.MainBannerBox ul { width: 97%; margin: 0 auto; margin-bottom: 20px }

.MainBannerBox ul li { width: 23.5%; float: left; margin-bottom: 20px}
.MainBannerBox ul li:nth-child(1) { margin-right: 2%}
.MainBannerBox ul li:nth-child(2) { margin-right: 2%}
.MainBannerBox ul li:nth-child(3) { margin-right: 2%}
.MainBannerBox ul li:nth-child(4) { margin-right: 0%}



/*LinkColumn2----------------------------------------*/
.LinkColumn2 ul li { width: 48%; float: left; margin-bottom: 40px; padding-bottom: 0px; padding-right: 1%}
.LinkColumn2 ul li:nth-child(n) { margin-right: 4%}
.LinkColumn2 ul li:nth-child(2n) { margin-right: 0%}


.LinkColumn2 ul li a:hover { opacity: 0.7}

.Padding40 { padding: 40px}



}