@charset "UTF-8";

@media (min-width:1200px) {
  #main_wrap {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    position: relative;
    min-height: 100%;
  }

  #main_wrap #image_area {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    flex-direction: column-reverse;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  #image_area .fav_btn_area {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  #image_area .fav_btn_area #fav_btn {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #ff0000;
    color: #ff0000;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  #image_area .fav_btn_area #fav_btn_sel {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #ff0000;
    color: #ffffff;
    background-color: #ff0000;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main_wrap #image_area .dantaimei {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 20px;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 15px;
  }

  #image_area .dantaimei #fav_btn_sel {
    font-family: "Noto Sans JP", sans-serif;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #ff0000;
    position: absolute;
    top: 50px;
    left: 25px;
    color: #ffffff;
    background-color: #FF0000;
  }

  #main_wrap #image_area .top_image {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
  }

  #main_wrap #image_area .top_image img {
    height: 100%;
    vertical-align: middle;
  }

  #main_wrap #news {
    margin-top: 40px;
  }

  #main_wrap #news .news_list {
width: 1200px;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
height: 200px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll;
border: 1px solid #000000;
  }

  #news .news_list a {
    width: 100%;
    color: #000000;
    text-decoration: none;
  }

  #news .news_list a li {
    width: 100%;
    height: 32px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin-bottom: 20px;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  a li .mob {
    height: 32px;
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }

  .news_list a li .cat_a {
    width: 124px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
  }

  .news_list a li .n_title {
    width: calc(100% - 250px);
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    flex-flow: row nowrap;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 35px;
  }

  #main_wrap .main_info .info_area {
    width: 100%;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-flow: row wrap;
    margin-bottom: 50px;
    margin-top: 30px;
  }

  .main_info .info_area .info_box {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
		align-items: center;
    margin-bottom: 20px;
  }

  .info_area .info_box .info_box_title {
width: 124px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000000;
  }

  .info_area .info_box .info_box_text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    word-break: break-all;
    width: calc(100% - 124px);
  }

  .map {
    width: 100%;
    height: 350px;
    margin-top: 30px;
  }

  #main_wrap .dantai_info {
    width: 100%;
  }

  #main_wrap .dantai_info .dantai_info_area {
width: 100%;
margin-top: 20px;
  }

  .dantai_info .dantai_info_area .dantai_box {
width: 100%;
display: flex;
flex-flow: column wrap;
margin-bottom: 40px;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
line-height: 36px;
  }

  .dantai_info_area .dantai_box .dantai_box_title {
font-family: "Noto Sans JP", sans-serif;
font-size: 24px;
line-height: 40px;
border-bottom: 1px dotted #000000;
margin-bottom: 20px;
  }

  .dantai_info_area .dantai_box .dantai_box_wrap {
width: 100%;
flex-flow: row wrap;
justify-content: space-between;
float: none;
clear: both;
  }

  .dantai_box .dantai_box_wrap .dantai_box_info {
width: 100%;
  }

  .dantai_box_wrap .dantai_box_info p {
    margin: 0px;
    font-size: 16px;
    line-height: 32px;
  }

  .dantai_box .dantai_box_wrap .dantai_box_info2 {
    width: 100%;
    word-break: break-all;
    white-space: pre-wrap;
  }

  .dantai_box_wrap .dantai_box_info2 p {
    margin: 0px;
    font-size: 16px;
    line-height: 32px;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image {
width: 360px;
float: right;
margin-left: 20px;
margin-bottom: 10px;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image img {
    width: 100%;
    vertical-align: middle;
  }

  #main_wrap #shiken_info {
width: 100%;
margin-bottom: 50px;
margin-top: 20px;
  }

  #shiken_info .shiken_data {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
  }

  .shiken_data tr {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
  }

  .shiken_data tr th {
    display: table-cell;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
    min-width: 100px;
    vertical-align: middle;
    font-weight: normal;
  }

  .shiken_data tr td {
    display: table-cell;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .shiken_data tr td img {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
  }

  .shiken_data tr td .shiken_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    border-radius: 3px;
    height: 30px;
  }

  tr td .shiken_btn:hover {
    color: #ffffff;
    background-color: #ec641a;
  }

  #main_wrap .dantai_info #shiken_info2 {
    width: 100%;
    margin-bottom: 50px;
  }

  #shiken_info2 .shiken_data {
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
width: 100%;
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
margin-top: 20px;
  }

  .split {
    display: none;
  }

  #main_wrap #osusume {
    width: 100%;
  }

  #main_wrap #osusume .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
margin-bottom: 40px;
margin-top: 20px;
  }

  #osusume .osusume_area .osusume_area_box {
    width: 270px;
    margin-right: 40px;
    cursor: pointer;
  }

  #osusume .osusume_area .osusume_area_box:last-child {
    margin-right: 0;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image {
    width: 270px;
    height: 180px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image img {
    vertical-align: top;
  }

  .osusume_area .osusume_area_box .osusume_area_box_title {
    font-size: 18px;
    padding-bottom: 10px;
    width: 100%;
    height: 25px;
  }

  .osusume_area .osusume_area_box .osusume_area_box_tel {
    margin-bottom: 10px;
  }

  #main_wrap #osusume2 {
    width: 100%;
  }

  #main_wrap #osusume2 .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
margin-bottom: 40px;
margin-top: 20px;
  }

  #osusume2 .osusume_area .osusume_area_box {
    width: 270px;
    margin-right: 40px;
    cursor: pointer;
  }

  #osusume2 .osusume_area .osusume_area_box:last-child {
    margin: 0px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_image {
    width: 270px;
    height: 180px;
    background-color: #ffffff;
    margin-bottom: 20px;
    overflow: hidden;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_image img {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_title {
    font-size: 18px;
    padding-bottom: 10px;
    width: 100%;
    height: 25px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_date {
    margin-bottom: 10px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_info {
    margin-bottom: 10px;
  }

  #main_wrap .main_title {
    width: 100%;
    background-color: #ec641a;
    margin-top: 30px;
  }

  #main_wrap .main_title .main_title_inner {
    width: 1150px;
    height: 50px;
    background-color: #ec641a;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    line-height: 47px;
    color: #ffffff;
    text-indent: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width:1199px) and (min-width:451px) {
  #search_bar {
    display: none;
  }

  #main_wrap {
    margin: 0;
    padding: 20px;
    width: 100%;
    position: relative;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #main_wrap #image_area {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    flex-direction: column-reverse;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

  #main_wrap #image_area .fav_btn_area {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    padding: 10px;
    justify-content: center;
  }

  #image_area .fav_btn_area #fav_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    border: 1px solid #ff0000;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #ff0000;
  }

  #image_area .fav_btn_area #fav_btn_sel {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    border: 1px solid #ff0000;
    background-color: #ff0000;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #ffffff;
  }

  #main_wrap #image_area .dantaimei {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 20px;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    position: relative;
  }

  #main_wrap #image_area .top_image {
    width: 675px;
    height: 450px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
  }

  #main_wrap #image_area .top_image img {
    height: 100%;
    vertical-align: middle;
  }

  #main_wrap #news {
margin-top: 40px;
margin-bottom: 40px;
  }

  #main_wrap #news .news_list {
width: 100%;
padding: 20px;
height: 200px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 20px;
border: 1px solid #000000;
  }

  #news .news_list a {
    width: 100%;
    color: #000000;
    text-decoration: none;
  }

  #news .news_list a li {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }

  a li .mob {
    height: 32px;
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
	.news_list a li .n_title{
		width: calc(100% - 250px);
		height: 32px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		flex-flow: row nowrap;
		align-items: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 35px;
			}

  .news_list li .cat_a {
    width: 124px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
  }

  #main_wrap .main_info .info_area {
width: 100%;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex-flow: row wrap;
margin-bottom: 50px;
margin-top: 20px;
  }

  .main_info .info_area .info_box {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 20px;
  }

  .info_area .info_box .info_box_title {
    width: 100px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
  }

  .info_area .info_box .info_box_text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    word-break: break-all;
  }

  .map {
    width: 100%;
    height: 400px;
    margin-top: 40px;
  }

  #main_wrap .dantai_info {
    width: 100%;
  }

  #main_wrap .dantai_info .dantai_info_area {
width: 100%;
margin-top: 20px;
  }

  .dantai_info .dantai_info_area .dantai_box {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    line-height: 24px;
  }

  .dantai_info_area .dantai_box .dantai_box_title {
margin-bottom: 20px;
font-family: "Noto Sans JP", sans-serif;
font-size: 18px;
line-height: 36px;
border-bottom: 1px dotted #000000;
  }

  .dantai_info_area .dantai_box .dantai_box_wrap {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .dantai_box .dantai_box_wrap .dantai_box_info {
width: 100%;
  }

  .dantai_box .dantai_box_wrap .dantai_box_info2 {
    width: 100%;
    word-break: break-all;
    white-space: pre-wrap;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image {
width: 40%;
margin-left: 15px;
float: right;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image img {
    width: 100%;
    vertical-align: middle;
  }

  #main_wrap #shiken_info {
    width: 100%;
    margin-bottom: 50px;
  }

  #main_wrap #shiken_info .shiken_wrap {
width: 100%;
overflow-x: scroll;
margin-top: 20px;
  }

  #shiken_info .shiken_wrap .shiken_data {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
  }

  .shiken_data tr {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
  }

  .shiken_data tr th {
    display: table-cell;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
    min-width: 100px;
    vertical-align: middle;
    font-weight: normal;
  }

  .shiken_data tr td {
    display: table-cell;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .shiken_data tr td img {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
  }

  .shiken_data tr td .shiken_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    border-radius: 3px;
    height: 30px;
  }

  tr td .shiken_btn:hover {
    color: #ffffff;
    background-color: #ec641a;
  }

  #main_wrap .dantai_info #shiken_info2 {
    width: 100%;
    margin-bottom: 50px;
  }

  #shiken_info2 .shiken_wrap {
width: 100%;
overflow-x: scroll;
margin-top: 20px;
  }

  #shiken_info2 .shiken_wrap .shiken_data {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
  }

  .split {
    display: none;
  }

  #main_wrap #osusume {
    width: 100%;
    margin-bottom: 40px;
  }

  #main_wrap #osusume .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
margin-top: 20px;
  }

  #osusume .osusume_area .osusume_area_box {
    margin-bottom: 20px;
    margin-right: 10px;
    cursor: pointer;
    width: calc(25% - 10px);
  }

  #osusume .osusume_area .osusume_area_box:last-child {
    margin-right: 0;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 160px;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image img {
    vertical-align: top;
    height: 100%;
  }

  .osusume_area .osusume_area_box .osusume_area_box_title {
    font-size: 18px;
    padding-bottom: 10px;
    width: 100%;
    height: 25px;
  }

  .osusume_area .osusume_area_box .osusume_area_box_tel {
    margin-bottom: 10px;
  }

  #main_wrap #osusume2 {
    width: 100%;
    margin-bottom: 40px;
  }

  #main_wrap #osusume2 .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
margin-top: 20px;
  }

  #osusume2 .osusume_area .osusume_area_box {
    width: calc(25% - 10px);
    margin-bottom: 20px;
    margin-right: 10px;
    cursor: pointer;
  }

  #osusume2 .osusume_area .osusume_area_box:last-child {
    margin: 0px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_image {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 160px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_image img {
    border: 1px solid #dddddd;
    justify-content: center;
    height: 100%;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_title {
    font-size: 18px;
    padding-bottom: 10px;
    width: 100%;
    height: 25px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_date {
    margin-bottom: 10px;
  }

  #osusume2 .osusume_area .osusume_area_box .osusume_area_box_info {
    margin-bottom: 10px;
  }



}

@media (max-width:450px) {
  #search_bar {
    display: none;
  }

  #main_wrap {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #main_wrap #image_area {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    flex-direction: column-reverse;
    display: flex;
    position: relative;
  }

  #main_wrap #image_area .dantaimei {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 10px;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    position: relative;
  }

  #main_wrap #image_area .fav_btn_area {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    position: 10px;
    align-items: center;
    padding: 10px;
    justify-content: center;
  }

  #image_area .fav_btn_area #fav_btn {
    height: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #ff0000;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border-radius: 15px;
    border: 1px solid #ff0000;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }

  #image_area .fav_btn_area #fav_btn_sel {
    height: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #ff0000;
    border-radius: 15px;
    border: 1px solid #ff0000;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }

  #main_wrap #image_area .top_image {
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow-y: hidden;
    position: relative;
  }

  #main_wrap #image_area .top_image img {
    width: 100%;
    vertical-align: middle;
  }

  #main_wrap #news {
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
  }

  #main_wrap #news .news_list {
width: 100%;
padding: 15px;
height: 200px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll;
margin-top: 20px;
border: 1px solid #000000;
  }

  #news .news_list a {
    width: 100%;
    color: #000000;
    text-decoration: none;
  }

  #news .news_list a li {
width: 100%;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
margin-bottom: 20px;
display: flex;
flex-flow: column wrap;
align-items: flex-start;
  }

  #news .news_list a li .mob {
display: block;
width: 100%;
margin-bottom: 3px;
  }
#news .news_list li .cat_a {
    width: 100px;
    justify-content: center;
    margin-right: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 3px;
    display: inline-block;
    text-align: center;
    border: 1px solid #000000;
  }
#news .news_list a li .n_title {
}

  #main_wrap .main_info {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main_wrap .main_info .info_area {
width: 100%;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex-flow: column wrap;
margin-bottom: 50px;
margin-top: 20px;
  }

  .main_info .info_area .info_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 100%;
  }

  .main_info .info_area .info_box a {
    word-break: break-all;
  }

  .info_area .info_box .info_box_title {
    width: 90px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
    margin-bottom: 10px;
  }

  .info_area .info_box .info_box_text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    align-items: center;
    width: 100%;
  }

  .map {
    width: 100%;
    height: 400px;
    margin-top: 30px;
  }

  #main_wrap .dantai_info {
    margin: 0px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #main_wrap .dantai_info .dantai_info_area {
width: 100%;
margin-top: 20px;
  }

  .dantai_info .dantai_info_area .dantai_box {
    width: 100%;
    flex-flow: column wrap;
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    line-height: 24px;
  }

  .dantai_info_area .dantai_box .dantai_box_title {
margin-bottom: 20px;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
line-height: 26px;
border-bottom: 1px dotted #000000;
  }

  .dantai_info_area .dantai_box .dantai_box_wrap {
    width: 100%;
    flex-flow: column wrap;
    justify-content: space-between;
    display: flex;
    flex-direction: column-reverse;
  }

  .dantai_box .dantai_box_wrap .dantai_box_info {
width: 100%;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  }
  .dantai_box .dantai_box_wrap .dantai_box_info2{
width: 100%;
word-break: break-all;
white-space: pre-wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image {
    background-color: #dddddd;
    width: 100%;
    min-height: 100px;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image img {
    width: 100%;
    vertical-align: middle;
  }

  .dantai_box .dantai_box_wrap .dantai_box_image {
    width: 100%;
    vertical-align: middle;
  }

  #main_wrap #shiken_info {
    width: 100%;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main_wrap #shiken_info .shiken_wrap {
width: 100%;
overflow-x: scroll;
padding-bottom: 20px;
margin-top: 20px;
  }

  #shiken_info .shiken_wrap .shiken_data {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
  }

  .shiken_data tr {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
  }

  .shiken_data tr th {
    display: table-cell;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
    min-width: 100px;
    vertical-align: middle;
    font-weight: normal;
  }

  .shiken_data tr td {
    display: table-cell;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .shiken_data tr td img {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
  }

  .shiken_data tr td .shiken_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    border-radius: 3px;
    height: 30px;
  }

  tr td .shiken_btn:hover {
    color: #ffffff;
    background-color: #ec641a;
  }

  #main_wrap #shiken_info2 {
    width: 100%;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  #shiken_info2 .shiken_wrap {
width: 100%;
overflow-x: scroll;
padding-bottom: 20px;
padding-top: 20px;
  }

  #shiken_info2 .shiken_wrap .shiken_data {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
  }

  #main_wrap #osusume {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main_wrap #osusume .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
font-family: "Noto Sans JP", sans-serif;
font-size: 12px;
margin-top: 20px;
  }

  #osusume .osusume_area .osusume_area_box {
    width: 165px;
    margin-bottom: 40px;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image {
    width: 165px;
    height: 110px;
    background-color: #ffffff;
    overflow-y: hidden;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    overflow-x: hidden;
  }

  .osusume_area .osusume_area_box .osusume_area_box_image img {
    height: 100%;
  }

  .osusume_area .osusume_area_box .osusume_area_box_title {
    font-size: 14px;
    padding-bottom: 10px;
  }

  .osusume_area .osusume_area_box .osusume_area_box_tel {
    margin-bottom: 10px;
  }

  #main_wrap #osusume2 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main_wrap #osusume2 .osusume_area {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
font-family: "Noto Sans JP", sans-serif;
font-size: 12px;
margin-top: 20px;
  }

  #osusume2 .osusume_area .osusume_area_box {
    width: 165px;
    margin-bottom: 40px;
  }

  #main_wrap #search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}