@charset "utf-8";
/* CSS Document */
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


.pattern01 {
	display: none!important;
}
.pattern02 {
	display: block!important;
}

#main .inner .title {
    background:url(../../image/shisan/main_title.png?v=1) top left no-repeat;
}
/*common*/
#main .inner .title {
    padding-top: 90px;
}

.catalog {
  background: #00304c;
  padding: 48px 0;
  margin-top:0px;
}

.catalog + .section{
  margin-top: 24px;
}

.section:last-child {
  padding-bottom: 48px;
}

.catalog .section {
  padding: 0;
}

.catalog h2 {
  	color: #fff;
}
.catalog h2.type_area {
	border-bottom-color: #fff;
}

.catalog_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.catalog_flex > div {
	width: calc((100% + 16px) / 2 - 16px);
  height: 220px;
}

.catalog_flex a {
  display: block;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

.catalog_left .catalog_cat {
  display: inline-block;
  background: #3082c5;
  font-size: 14px;
  padding: 2px 10px;
  color: #fff;
  margin-right: 10px;
}

.catalog_left .catalog_cap {
  font-size: 14px;
}

.catalog_left .catalog_ttl {
  font-size: 36px;
  line-height: 1.4;
  margin-top: 10px;
}

.catalog_left .catalog_txt {
  font-size: 16px;
  color: #3082c5;
  line-height: 1.6;
}

.catalog_left .catalog_img img{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  transform: rotate(15deg);
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
}


.catalog_flex .catalog_right a {
  height: 109px;
  display: flex;
}

.catalog_flex .catalog_right a:first-child {
  margin-bottom: 2px;
}

.catalog_right .catalog_cat {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #3082c5;
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
  width: 69px;
}

.catalog_right .catalog_img{
  margin: auto 10px auto 0;
}
.catalog_right .catalog_img img{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: auto;
}

.catalog_right .catalog_ttl {
  font-size: 24px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 100%;
}

.catalog_right .catalog_txt {
  font-size: 12px;
  color: #3082c5;
  line-height: 1.8;
  margin-top: 5px;
  letter-spacing: -0.05em;
  max-width: 290px;
}

.catalog {
  background: #7d7d7d;
	font-family: -apple-system, "Helvetica Neue", Arial,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "游ゴシック Medium","Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}
.catalog a, .catalog a:active {
  outline: none;
  color: #333;
  text-decoration: none;
  transition: .2s;
}

@media screen and (max-width: 736px) {
#SMP------------------------{}
	.fixbtn03 li {
    	width: 20%;
  	}
	#sub01 li, #sub02 li, #sub03 li {
        height: 50px;
        line-height: 50px;
    }
	#main .inner .title {
		background-size: 100%;
		padding-top: 20VW;
		font-size:15px;
  	}
	#main, #main .inner {
    	height: 122VW!important;
  	}
	#main .inner .read {
    	bottom: 8VW;
  	}
	#main .inner .read h2 {
		font-size:14px;
        color:#000;
        text-shadow: -1px -1px 2px #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff;
		line-height: 1.25em;
  	}
	#kengaku {
		padding-top:0;
	}
    .catalog {
      width: auto;
      padding: 48px 16px;
    }
    .catalog {
      	padding-bottom: 90px;
    }

    .catalog .section {
      padding: 0;
    }

    .catalog_flex {
      display: block;
    }
    .catalog_flex > div {
      width: auto;
      height: auto;
    }
    .catalog_flex a {
      padding: 10px 100px 10px 10px;
      margin-bottom: 16px;
    }
    .catalog_flex .catalog_right a:first-child {
      margin-bottom: 16px;
    }
    .catalog_flex > div {
      max-width: 640px;
      height: auto;
    }

    .catalog_left .catalog_ttl {
      font-size: 18px;
    }

    .catalog_left .catalog_txt {
      font-size: 12px;
    }


    .catalog_left .catalog_img img{
      height: 80px;
      width: auto;
      right: 20px;
    }

    .catalog_flex .catalog_right a {
      height: auto;
      display: block;  
    }

    .catalog_right .catalog_img img{
      position: absolute;
      transform: rotate(15deg);
      top: 0;
      bottom: 0;
      right: 20px;
      margin: auto;
    }

    .catalog_right .catalog_cat{
      width: auto;
      padding: 2px 10px;
      display: inline-block;
    }

    .catalog_right .catalog_ttl {
      font-size: 18px;
    }

    .catalog br{
      display: none;
    }

    .catalog_right .catalog_ttl {
      margin-top: 10px;
    }
}

@media screen and (min-width: 737px) {
#PC------------------------{}
	#navi > ul > li:nth-child(3) > div > a{
		color: #000 !important;
		font-weight:normal!important;
	}
	#navi > ul > li:nth-child(4) > div > a{
		color: #0d84c8 !important;
		font-weight:bold;
	}
	#sidebar {
		height: 332px;
		top: 194px;
	}
	#sidebar ul li {
  		height: 61px!important;
	}
	#main .inner .title {
    	width: 400px;
  	}
	#main .inner .read h2 {
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
        color: #fff;
        text-shadow: -1px -1px 2px #666,1px 1px 2px #666,-1px 1px 2px #666,1px -1px 2px #666;
    }
	#menu3 ul li > div {
		height:258px;
	}
	#menu3 .inner {
    	width: 1200px!important;
  	}
	
    .catalog {
      	padding: 28px 0 80px!important;
    }
	/*東海グロナビ調整用*/
   	.area__open ul > li.w288 {
    	margin-bottom: 150px;
  	}
	.area__open .divide02-01 {
		width:828px!important;
	}
	.area__open .divide02-02 {
		width:372px!important;
	}
	.area__open .divide02-01 li,
	.area__open .divide02-02 li{
      	width: 180px !important;
        margin-right:12px!important;
	}
	.area__open .divide02-01 li:nth-child(4n),
	.area__open .divide02-02 li:nth-child(2n){
        margin-right:0px!important;
	}
	.area__open .divide01-02 li:nth-child(2n+1) {
    	margin-left: 0px !important;
  	}
	/*東海グロナビ調整用*/
}

/*サイドナビがテキストにかぶるのを回避*/
@media screen and (min-width: 1570px) {
#PC------------------------{}
	#sidebar {
    	top: 194px;
  	}
}