@charset "utf-8";



.disp_pc {

  display: none;

}

.disp_sp {

  display: block;

}

body{

	min-width: 320px;

	background-color: #fff;

}

a {

  display: block;

}



img {

  vertical-align: bottom;

  width: 100%;

  height: 100%;

}

hr {

  height: 4px;

  border: none;

  background-color: #E5E5E5;

}



#wrapper{

  width: 100%;

  background-color: #FFFFFF;

  padding: 0 5.3%;

  box-sizing: border-box;

}



.wrapper_top {

  width: 100%;

  margin-top: 20%;

  margin-bottom: 10px;

}



#header {

  width: 100%;

  /*height: 85px;*/

  margin-top: 0px;

  /*background-color: #014ea0;*/

  background-color: #fff;

  position: fixed;

  z-index: 100;

  top: 0px;

  left: 0;

  min-width: 320px;

}



#headerSP {

  position: fixed;

  top: 0px;

  left: 0;

  width: 100%;

  min-width: 320px;

  margin-top: 0px;

  background-color: #fff;

  z-index: 100;

}



#head_logo {

  display: none;

}



#head_logo_sp {

  width: 100%;

  position: absolute;

  padding-top: 5px;

  padding-right: 5px;

  padding-left: 5px;

  padding-bottom: 5px;

  background-color: #FFFFFF;

  z-index: 100;

  border: 3px solid #24437c;

  box-sizing: border-box;

}





#head_logo_sp img {

  display: inline-block;

  vertical-align: bottom;

}



#head_logo_sp a {

  display: inline;

  width: 87%;

}



#head_logo_sp img:first-child {

  max-width: 87%;

  top: 10px;

  right: 5%;

}



.hbmenu_box {

  position: absolute;

  z-index: 101;

  width: 11.4%;

  height: auto;

  top: 11%;

  right: 1.3%;

}

.hbmenu_box .open,

.hbmenu_box .close {

  display: none;

}

.hbmenu_box .open.active,

.hbmenu_box .close.active {

  display: block;

}



#hbmenu {

  /* position: absolute;

  z-index: 101;

  width: 11.4%;

  height: auto; */

  /*top: 11%;*/

  /* right: 1.3%; */

}



#hbmenu_A{

  width: auto;

  position: relative;

  background-color: #fff;

}



#hbmenu_list {

  background-color: #d9e7f2;

  /* border-bottom: 2px solid #AAAAAA; */

  z-index: 10;

  /* float: left; */

  display: none;

  position: relative;

  width: 100%;

  margin-top: 13%;

}



#hbmenu_list .hbmenu__title {

  background-color: #18943B;

  padding-top: 11px;

  padding-left: 20px;

  padding-bottom: 11px;

  font-size: 0.72rem;

  color: #fff;

}



#hbmenu_A .hbmenuA__title {

  padding-top: 10px;

  padding-left: 18px;

  padding-bottom: 10px;

  font-weight: bold;

  color: #fff;

  border-top: 1px solid #006600;

  border-bottom: 1px solid #006600;

  background-color: #006600;

}



/* #hbmenu_A .hbmenuA__title::before {

  content: "◼︎";

  display: inline-block;

  color: #18943B;

} */



#hbmenu_A .hbmenuA__title p {

  display: inline-block;

  color: #fff;

  font-size: 16px;

  line-height: 1.3;

}



#hbmenu_A ul {

  display: grid;

  padding: 20px 0;

  gap: 15px;

}



#hbmenu_A ul li {

  /* margin-left: 41px; */

  width: calc(100% - 40px);

  margin: 0 auto;

  /* border-bottom: 1px solid #18943B; */

  font-size: 0.72rem;

  font-weight: bold;

  color: #545454

}



#hbmenu_A ul li:last-child {

  border-bottom: none;

}



#hbmenu_A ul li img {

  width: 16px;

  height: 16px;

  margin-right: 15px;

  vertical-align: middle;

}

#hbmenu_A ul li img.link {

  width: 12px;

  height: 12px;

  margin-right: 0;

  margin-left: 4px;

  vertical-align: middle;

}



#hbmenu_A ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-decoration: none;

  color: #545454;

  /* padding-top: 21px;

  padding-bottom: 18px; */

  font-size: 14.5px;

}



#hbmenu_A ul li p {

  display: block;

}



#hbmenu_B {

  width: auto;

  position: relative;

  /* background-color: #e2e2e2; */

  background-color: #fff;

  border-top: 2px solid #afafaf;

}



#hbmenu_B ul {

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  /* border: 3px solid #afafaf; */

  width: 100%;

  max-width: 100%;

  padding: 20px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  gap: 10px;

}



#hbmenu_B ul li {

  /* background-color: #e2e2e2; */

  background-color: #fff;

  width: calc(50% - 5px);

  /* border-left: 3px solid #afafaf;

  border-bottom: 3px solid #afafaf; */

  box-sizing: border-box;

}



#hbmenu_B ul li a {

  display: block;

  font-size: 1rem;

  font-weight: bold;

  color: #545454;

  text-decoration: 2px #afafaf underline;

  /* padding-top: 20px;

  padding-left: 20px;

  padding-bottom: 20px; */

  transition: all .3s ease;

}



#hbmenu_B ul li a:hover {

  text-decoration: 2px transparent underline;

}



#hbmenu_B ul li a img {

  width: 12px;

  height: 12px;

  vertical-align: middle;

  padding-left: 10px;

}



/* #hbmenu_B ul li:last-child {

  font-size: 0.72rem;

  font-weight: bold;

  color: #000;

  width: 100%;

  border-bottom: none;

} */



/* #hbmenu_B ul li:nth-child(2n+1){

  border-left: none;

} */



/* footer 

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

#footer{

  background-color: #FFFFFF;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 12px;

  width: 100%;

}



#footLink ul {

  width: 100%;

  border-top: 2px solid #aa7566;

  border-bottom: 2px solid #aa7566;

}



#footLink ul li {

  list-style-type: none;

  background-color: #fff;

  color: #000;

  flex-grow: 1;

  text-align: center;

}



#list_box1 {

  display: flex;

  border-bottom: 2px solid #aa7566;

  background-color: #f0f3f5

}



#list_box2 {

  display: flex;

  border-bottom: 2px solid #aa7566;

  background-color: #f0f3f5

}



#footer_sen img {

  width: 3px;

  height: 73px;

}



#copyr{

  width: 100%;

  background-color: #fff;

  padding-top: 30px;

  text-align: center;

}

#copyr p{

  font-size: 0.9rem;

  padding-top: 10px;

  padding-bottom: 10px;

}

#foot_logo{

  margin-left: auto;

  margin-right: auto;

  width: 173px;

  height: 45px;

}

#foot_logo a:hover{

  cursor: pointer;

}



/* サイドメニュー */

#sider {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

}



#side_wrapper {

  margin-top: 20px;

}



.side_left_wrapper {

  width: 100%;

}



.side_left_mynamber {

  width: 100%;

  margin: auto;

}



.side_left_sinnkokusyo {

  background-color: #EDBECB;

  margin-top: 10px;

  margin-bottom: 12px;

  padding: 5px 10px 5px;

}



.side_left_sinnkokusyo img {

  width: 85%;

  margin: auto;

}



.sakusei_btn {

  margin-top: 5px;

  margin-bottom: 5px;

}



.side_right_wrapper {

  background-color: #FFFFFF;

  width: 100%;

}



.side_right_sumaho {

  width: 100%;

  margin: auto;

  margin-top: 12px;

}



.side_right_sumaho img {

  margin-bottom: 10px;

}



.NoticeBtn_list {

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

	-ms-flex-pack: justify;

  justify-content: space-between;

  margin-left: 8px;

  max-width: 68%;

  width: 100%;

}



.NoticeBtn_list .NoticeBtn {

  height: 100%;

}



.NoticeBtn_list .NoticeBtn+.NoticeBtn {

  margin-top: 6px;

}



#sideShow {

  margin-top: 20px;

  border-radius: 8px;

  padding-top: 16px;

  background-color: #174e9d;

  position: relative;

}



#sideShow::before {

  content: "";

  position: absolute;

  top: 10px;

  left: 0;

  background-image: url(../img/index/bg_triangle.png);

  background-size: contain;

  width: 37px;

  height: 37px;

  background-repeat: no-repeat;

}



.sideShow__inner {

  padding: 13px 12px 11px;

}



#sideShow .sideShow__title {

  text-align: center;

}



#sideShow .sideShow__title img{

  width: 71%;

}



.showBtn_list {

  display:-webkit-box;

  display:-ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

}



.showBtn_list .showBtn {

  width: 93px;

  width: -webkit-calc(100% / 3 - 10px);

  width: calc(100% / 3 - 10px);

}



#sideReady {

  margin-top: 20px;

  padding-top: 17px;

  border-radius: 8px;

  background-color: #ee910c;

  position: relative;

}



#sideReady::before {

  content: "";

  position: absolute;

  top: 10px;

  left: 0;

  background-image: url(../img/index/bg_triangle.png);

  background-size: contain;

  width: 37px;

  height: 37px;

  background-repeat: no-repeat;

}



.sideReady__inner {

  padding: 12px 17px 17px;

}



#sideReady .sideReady__title {

  text-align: center;

}



#sideReady .sideReady__title img{

  width: 66%;

}



.readyBtn_list {

  display:-webkit-box;

  display:-ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

}



.readyBtn_list .readyBtn {

  width: 141px;

  width: calc(100% / 2 - 9px);

  width: -webkit-calc(100% / 2 - 9px);

}



#sideChatbot {

  margin-top: 20px;

}



.reiwa_explanation {

  margin-top: 20px;

  padding: 0 5.3%;

}



/* H30 add start */

.fixed_page_top{

  display: block;

	position: fixed;

	z-index: 1;

	right: 20px;

	bottom: 20px;

	width: 48px;

	height: auto;

	transition: opacity 0.5s;

}

.fixed_page_top.fixed_page_top_hide{

  opacity: 0;

  display: block;

}

/* H30 add end */



/* fadeup Effect */



.effect {

    opacity: 0;

    transform: translateY(60px);

    transition: opacity ease-in 0.6s, transform ease-in 0.6s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    will-change: transform, opacity;

}



.effect_on {

    transform: translateY(0px);

    opacity: 1;

}





.top-read {

  display: none;

}



#kakutei {

  clear: right;

  background-color: #AFD2E6;

  padding: 10px 10px;

}



#kakutei img {

  width: 95%;

  height: auto;

}



#kakutei_1 {

  display: flex;

  justify-content: space-around;

  margin-top: 12px;

}





#kakutei_2 {

  display: flex;

  justify-content: space-around;

  margin-top: 12px;

}



#under_clum {

  width: 100%;

  margin-top: 5px;

}



#under_clum .mainapotaru {

  width: 100%;

  text-align: center;

  margin: 0 auto;

  margin-bottom: 10px;

}



#under_clum .kaizyou {

  width: 100%;

  text-align: center;

}





.sakusei_btn {

  margin-top: 10px;

  margin-bottom: 10px;

}