@charset "utf-8";
/* CSS Document */
/* メニュー部分
-----------------------------------------------------------*/
.mainvisual {
    background: url("../img/mv.png")  no-repeat center;
    background-size: cover;
}
ul.sub-menu_ul {
    max-width: 720px;
}
/* 固有css
-----------------------------------------------------------*/
.good{
	background: url("../img/main.png") no-repeat;
  max-width: 1200px;
  width: 100%;
  margin: auto;
  height: 278px;
  margin-top: 60px;
  padding: 64px 128px 64px 48px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.good .good_title h2{
  font-size: 4.4rem;
  font-family: 'Shippori Mincho B1';
  margin-bottom: 15px;
}
.good .good_title h2::before{
  content: '';
  background-color: #222;
  width: 48px;
  height: 1px;
  display: block;
  position: relative;
  top: -40px;
}
.good .good_title h3{
  font-size: 2rem;
  font-family: 'Shippori Mincho B1';
}
.good_text{
  width: 580px;
  margin: 50px auto;
  text-align: center;
  line-height: 2;
  font-family: 'Shippori Mincho B1';
  font-size: 2rem;
}

.good_point{
  background: url("../img/img_bg.png") no-repeat bottom;
  background-size: cover;
  padding: 50px 0;
}
.good_block{
  background-color: #fff;
  border-top: 3px solid #1D2088;
  width: calc(100% - 128px);
  height: 408px;
  margin-bottom: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.good_block.right{
  margin-left: auto;
}
.good_block.last{
  margin-bottom: 0;
}
.good_block .good_flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  width: 850px;
}
.good_block .good_flex .text{
  width: 521px;
}
.good_block .good_flex .text h3{
  font-size: 2.6rem;
  margin-bottom: 25px;
  position: relative;
  font-weight: bold;
}
.good_block .good_flex .text h3::before{
  position: absolute;
  left: -40px;
  content: url("../img/check.png");
}
.good_block .good_flex .text p{
  line-height: 2;
}


.contact_03{
  background: url("../img/rec_bg.png") no-repeat;
  max-width: 1024px;
  width: 100%;
  padding: 48px 0;
  margin: 50px auto;
}

.contact_03 .rec_inner{
  background: rgba(29, 32, 136, .9);
  font-family: 'Shippori Mincho B1';
  font-size: 2.4rem;
  max-width: 792px;
  width: 90%;
  margin: auto;
  justify-content: center;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.contact_03 .rec_inner a{
  color: #fff;
  padding: 35px 0;
  text-align: center;
  width: 100%;
  height: 100%;
  letter-spacing: 0.96px;
}
.contact_03 a .rec_link{
  font-size: 3.4rem;
}

/*メニュー*/

.bot_nav {
  padding: 50px 0 0;
}
.bot_nav_list {
  max-width: 1024px;
  width: 100%;
  display: flex;
  margin: auto ;
}
.bot_nav_item {
  margin: 10px;
  overflow: hidden;
}
.bot_nav_item a {
  display: block;
  position: relative;
}
.bot_nav_name{
  background:rgba(29, 32, 136, .9);
  position: absolute;
  color: #fff;
  width: 100%;
  text-align: center;
  height: 66px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  bottom: 0;
}
.bot_nav_list img{
 transition:.7s all;
}
.bot_nav_list a:hover,.bot_nav_name:hover,.bot_nav_img:hover{
  opacity: 1;
}
.bot_nav_item:hover img{
  transform:scale(1.2,1.2);
  transition:.7s all;
}

/* 固有レスポンシブ
-----------------------------------------------------------*/
@media screen and (max-width: 1279px) {}

@media screen and (max-width: 767px) {
.good{
    flex-wrap: wrap;
    margin: 30px 0 60px auto;
    padding: 50px 5%;
    position: relative;
}
.good_text {
    width: 90%;
    margin: auto;
    padding-bottom: 50px;
  letter-spacing: 2px;
}
.good_block {
  width: calc(100% - 5%);
  flex-wrap: wrap;
  justify-content: center;
  height: auto;
  padding: 30px 0;
}
.good_block .good_flex {
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
}
.good_block.right .good_flex{
  flex-wrap: wrap-reverse;
}
.good_block .good_flex .text h3 {
  width: 90%;
  margin-left: auto;
  font-size: 2.2rem;
  margin-top: 30px;
}
  
.wel_block .wel_flex {
  flex-wrap: wrap;
  justify-content: center;
}
.wel_block .wel_flex .wel_list--flex {
  display: block;
}
.wel_block .wel_flex h4 {
  margin-bottom: 20px;
}
.contact_03 {
  background-position: center;
  background-size: cover;
}
.contact_03 .rec_inner a {
  padding: 35px 5%;
}
.bot_nav_item {
    max-width: calc(50% - 10px);
    margin: 5px;
}
.bot_nav_list {
  flex-wrap: wrap;
}
.bot_nav_name {
  height: 50px;
}
.contact {
    margin: 50px auto;
}

}