@charset "UTF-8";
/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}

body {
  color: #000;
  text-align: center;
  font-size: 1.5rem;
  margin:0;
  padding:0;
  font-family:'Noto Sans Japanese', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}


*, *::before, *::after {
  box-sizing: border-box;
}

.hidden {
	display:none;
}

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 35px;
    right: 20px;
	background-color:#0e2b72;
	border-radius:50px;
	padding:7px 14px;
}

.pagetop a {
	display:inline-block;
    text-align: center;
    color: #fff;
    font-size:3.5rem;

}

.wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.br_sp {
	display:none;
}

a {
	text-decoration:none;
	color:#000;
}

a.disabled{
    pointer-events: none;
}

.my-blue {
	float:right;
}


/* --------------------------------
 * header
 * -------------------------------- */
.header {
	width: 100%;
	margin:0;
	padding:0;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}

.header_inner {
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

.head_logo {
	width:auto;
	float:left;
	margin:1% 0;
	transition: 0.5s ;
}

.head_logo:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
  opacity:0.7;
}
@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}

.header_right {
	width:50%;
	float:right;
	margin:0;
	padding:0;
}

.header_tel {
	width:auto;
	float:left;
	display:inline-block;
	margin:3.5% 8% 0 0;
}

.header_login {
	display:inline-block;
	margin:3.5% 0 0;
	border:1px solid #0e2b72;
	border-radius:5px;
	padding:2% 2% 1%;
}

.header_login a {
	color:#0e2b72;
}

.header_login a::after {
	content:"";
	display:block;
	width:0;
	margin:3px auto 0;
	border-bottom:1px solid #0e2b72;
	transition:width 0.3s ease-in-out;
}

.header_login a:hover::after {
	width:100%;
}

/* --------------------------------
 * home_menu
 * -------------------------------- */
.home_menu {
	width: 100%;
	margin:-2px 0 0;
	padding: 0;
	background-color:#0e2b72;
}

.home_menu_inner {
	max-width:1200px;
	margin:0 auto;
}

.home_menu_inner li {
	margin:0;
	padding:20px 30px;
	display:inline-block;
}

.home_menu_inner li a {
	color:#fff;
}

.home_menu_inner li a::after {
	content:"";
	display:block;
	width:0;
	margin:3px auto 0;
	border-bottom:1px solid #fff;
	transition:width 0.3s ease-in-out;
}

.home_menu_inner li a:hover::after {
	width:100%;
}


.dropmenu{
  *zoom: 1;
  position: relative;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top:96%;
  left: 0;
  margin: 0;
  padding: 0;
  width:280px;
}
.dropmenu li ul li{
	width:100%;
	display:block;
	padding:0;
	margin:2% 0 0;
}
.dropmenu li ul li a{
	display:block;
  background: #0e2b72;
  text-align: left;
  padding:20px 30px 16px;
}

#flip > li{
  perspective: 400px;
}
#flip li ul{
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 10% 0;
  transition: .3s;
}
#flip li:hover ul{
  visibility: visible;
  transform: rotateX(0);
}


/* --------------------------------
 * menu_ber
 * -------------------------------- */
.g-nav {
  display:none;
}

.menu-trigger,
.menu-trigger span{
  display:none;
}

.is-fixed {
  position: fixed;
  top: 84px;
  left: 0;
  z-index:98;
  width: 100%;
}

/* --------------------------------
 * pankuzu
 * -------------------------------- */
.pankuzu {
	width:100%;
	margin:0;
	padding:100px 0 20px;
	background-color:#eef3f6;
}

.pankuzu_inner {
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

/* --------------------------------
 * common_box_1
 * -------------------------------- */
.common_box_1 {
	width:100%;
	margin:0 auto;
	padding:100px 0 0;
}

.common_h1 {
	font-size:3rem;
	font-weight:600;
	color:#0B326F;
	margin:0;
	padding:0 0 100px;
	line-height:1.3;
}

/* --------------------------------
 * footer
 * -------------------------------- */
.footer {
	width:100%;
	margin:0;
	padding:0;
	background-color:#0e2b72;
}

.footer_inner {
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

.foot_logo {
	width:auto;
	padding:15px 0 15px;
	float:left;
}

.footer_right {
	width:65%;
	float:right;
	margin:0;
	padding:30px 0 0;
}

.footer_right ul li {
	display:inline-block;
	margin:0 0 0 13px;
	text-align:end;
}

.footer_right ul li a {
	font-size:1.3rem;
	color:#fff;
}

.footer_right ul li a::after {
	content:"";
	display:block;
	width:0;
	margin:3px auto 0;
	border-bottom:1px solid #fff;
	transition:width 0.3s ease-in-out;
}

.footer_right ul li a:hover::after {
	width:100%;
}

.footer_1 {
	width:100%;
	background-color:#0b1d3a;
	padding:5px 0;
}

.copyright {
	font-size:1rem;
	color:#fff;
}









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


 * レシポンシブ          レシポンシブ          レシポンシブ          レシポンシブ          レシポンシブ           レシポンシブ


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










@media screen and (max-width: 769px) {
/* --------------------------------
 * base
 * -------------------------------- */
body {
  font-size: 1.3rem;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index:80;
}

.pagetop a {
	display:inline-block;
	padding:3px 0;
    text-align: center;
    color: #fff;
    font-size:2rem;
}

.br_sp {
	display:block;
}
.pc {
  display: none !important;
}
/* --------------------------------
 * header
 * -------------------------------- */
.header {
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}

.header_inner {
	width:100%;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #0e2b72;
}

.head_logo {
	width:55%;
	float:left;
	margin:2%;
}

.header_right {
	display:none;
}

/* --------------------------------
 * home_menu
 * -------------------------------- */
.home_menu {
	display:none;
}

/* --------------------------------
 * menu_ber
 * -------------------------------- */
.menu_ber {
	display:none;
}

.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu-trigger{
	font-size:3rem;
	float:right;
  position: relative;
  z-index: 2;
  padding:2.5% 2% 0 0;
  color:#0e2b72;
}

.g-nav{
  display: none;
  position:fixed;
  top:5%;
  background-color:#fff;
  width: 100%;
  max-height:515px;
  z-index:70;
}
.g-nav .list{
  padding:5%;
}
.g-nav .list .item{
  border-bottom: 1px solid #0e2b72;
}
.g-nav .list .item a{
	font-size:1.5rem;
  display: block;
  text-align:left;
  color: #333;
  padding:5%;
}

.g-nav .list .item_1 a{
	font-size:1.3rem;
  display: block;
  text-align:left;
  color: #333;
  padding:5%;
}

.my-blue {
	font-size:1.8rem;
	color:#0e2b72;
	float:right;
}

.chiiki_menu_flex{
 display: flex;
 display: -webkit-box;
 display: -webkit-flex;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 justify-content: space-between;
 -webkit-box-pack: space-between;
 -webkit-justify-content: space-between;
}
.chiiki_menu{
 width: 100%;
 }

.chiiki_menu p {
 font-size:1.5rem;
  display: block;
  text-align:left;
  color: #333;
  padding:5%;
}
.chiiki_menu ul {
display:none;
width: 100%;
}

.chiiki_menu ul li {
	border-top: 1px solid #0e2b72;
}

.chiiki_menu ul a{
 font-size:1.5rem;
  display: block;
  text-align:left;
  color: #333;
  padding:5%;
  margin-left:20px;
}


/* --------------------------------
 * pankuzu
 * -------------------------------- */
.pankuzu {
	width:100%;
	margin:0;
	padding:60px 0 8px;
	background-color:#0e2b72;
}

.pankuzu_inner {
	width:100%;
}

.pan_text {
	color:#fff;
}

/* --------------------------------
 * common_box_1
 * -------------------------------- */
.common_box_1 {
    width:100%;
	margin:0 auto;
	padding:10% 0;
}

.common_h1 {
	font-size:2rem;
	font-weight:600;
	color:#0B326F;
	margin:0;
	padding:0;
}

/* --------------------------------
 * footer
 * -------------------------------- */
.footer_inner {
	width:100%;
	margin:0 auto;
	padding:0;
}

.foot_logo {
	width:70%;
	padding:3% 3% 1%;
	float:left;
}

.footer_right {
	width:100%;
	float:left;
	margin:0;
	padding:2%;
}

.footer_right ul li {
	display:block;
	margin:0 0 0 3%;
	text-align:left;
}

.footer_right ul li a {
	font-size:1rem;
	color:#fff;
}

.footer_right ul li a::after {
	content:"";
	display:block;
	width:0;
	margin:3px auto 0;
	border-bottom:none;
}

.footer_1 {
	width:100%;
	background-color:#0b1d3a;
	padding:2% 0;
}
}