@charset "utf-8";
*{
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
html{
/*   height:100%; */
  font-size: 14px;
  font-size: 100%;
  line-height: 1.85;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form,iframe{margin: 0;padding: 0;}
body {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 14px;
  line-height: 1.85;
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #000;
  letter-spacing: 0.05em;
  font-weight:400;
  margin: 0 auto;
  overflow-x: hidden;
  background-color: #dedede;
}
a {
  color: #003c6f;
  text-decoration:none;
  background-color: transparent;
}

.nav-link{ font-size: 1rem; color: rgba(255,255,255,1.0) !important;}
@media (min-width:768px){
.navbar-nav>.active>a, 
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:hover {
    color: #003c6f;
	border-bottom: 1px solid #FFF;
}
.nav-link {
    padding-right: 10px  !important;
    padding-left: 10px  !important;
  }
}


/* Visibility */
.hidden,
.visible-s,
.visible-s-block,
.visible-xs,
.visible-xs-block { display: none !important;}

@media (max-width: 960px) {
	.visible-s,
	.visible-s-block { display: block !important;}
	.hidden-s { display: none !important;}
}
@media (max-width: 767px) {
	.visible-xs,
	.visible-xs-block { display: block !important;}
	.hidden-xs { display: none !important;}
}
@media (max-width: 480px) {
	.visible-xs,
	.visible-xs-block { display: block !important;}
	.hidden-xxs { display: none !important;}
}

/* Visibility PC SMP*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}

/*magin*/
.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb80{margin-bottom: 80px!important;}
.pb0{padding-bottom: 0 !important;}

.mt0{margin-top: 0!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt80{margin-top: 80px!important;}
.pt0{padding-top: 0 !important;}

/*font size*/
.fz10{font-size: 10px;font-size: 1.0rem;}
.fz11{font-size: 11px;font-size: 1.1rem;}
.fz12{font-size: 12px;font-size: 1.2rem;}
.fz13{font-size: 13px;font-size: 1.3rem;}

/*TABLE*/
table{border-top: 1px solid #005bac;width: 100%;}
table th{border-bottom: 1px solid #005bac;padding: 20px;vertical-align: top;width: 20%;text-align: left;}
table td{border-bottom: 1px solid #005bac;padding: 20px;font-weight: normal;vertical-align: top; text-align: left;}
@media (max-width: 767px) {
table th,table td{display: block;width: 100%;padding: 20px;text-align: left;}
table th{border: none;}
}

/*Bootstrap　カスタマイズ*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.container-fluid {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

/*animated*/
.fadeInUp {
  animation-duration: 0.8s;
  animation-delay: 1s;
}

/***** 全ページ共通 *****/
/*ナビゲーション*/
.navbar-nav li {
display: inline-block;
}

.navbar-nav li a{ 
color:#FFF;
position:relative;
text-decoration: none;
}

.navbar-nav li a::after{
background-color:#FFF;
content: "";
display:block;
position:absolute;
left: 0;
bottom:0;
width: 0%;
height:1px;
transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.navbar-nav li a:hover::after{ width:100%; }
.navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,.5);
}

@media (max-width: 767px){  /*スマホ*/
	.navbar{
/*		background-color: rgba(0,22,41,0.5);
*/	}
}

/*カテゴリタイトル*/
.categorytitlebox{
	position:absolute;
    top:-40px;
    left:5%;
	z-index:100;
}
.categorytitle {
    width: 150px;
    height: 150px;
	position: relative;
	background:rgba(0,60,111,0.9);
    /*writing-mode: tb-rl;*/ /* 縦書き */
    top:0;
    bottom:0;
    text-align: center;
    left:50%;
    transform:translate(-50%, 0%);
}
.categorytitle_w {
    width: 150px;
    height: 150px;
	position: relative;
	background:rgba(255,255,255,0.9);
    /*writing-mode: tb-rl;*/ /* 縦書き */
    top:0;
    bottom:0;
    text-align: center;
    left:50%;
    transform:translate(-50%, 0%);
}

.txt-wrapper,
.txt-wrapper_w{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    writing-mode: tb-rl; /* 縦書き */
	text-align: center;
}
.txt-wrapper p {
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem !important;
    letter-spacing: 0.5rem;
    white-space: nowrap;
}
.txt-wrapper_w p {
    color: #003c6f;
    font-weight: bold;
    font-size: 1.6rem !important;
    letter-spacing: 0.5rem;
    white-space: nowrap;
}
@media screen and (min-width: 961px){
.categorytitlebox {
    left: 10%;
}
}
@media screen and (min-width: 768px){
.categorytitle,
.categorytitle_w{
    position: relative;
    width: 200px;
    height: 200px;
}
.txt-wrapper p,
.txt-wrapper_w p {
    font-size: 1.7rem !important;
}
}
/***** スライダー *****/
.box_slider{
width:100%;
padding:0px 0 100px;
}
@media screen and (min-width:740px){
.box_slider{
padding:50px 0 100px;
}
}
/***** Footer *****/
footer{
	background-image: url("../images/bg_foot.png");
	background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
	min-height: 500px;
	padding-right: 0;
	padding-left: 0;
}
.footer-top { padding: 30px 0; text-align: left; color: #000; min-height: 300px; }
.footer-top h3 { padding-bottom: 10px; color: #000; }

.footer-about{ padding-left: 0px; padding-right: 20px;}
.footer-about img.logo-footer { width: 100%; max-width: 200px; margin-top: 0; margin-bottom: 18px; padding: 0px;}

.footer-contact{ margin: 0;}
.footer-contact p { word-wrap: break-word; }
.footer-contact i { padding-right: 10px; font-size: 18px; color: #000; color: rgba(255, 255, 255, 0.5); }

.footer-links a { color: #000; border: 0; }
.footer-links a:hover, .footer-links a:focus { color: #000; }

.footer-bottom { padding: 15px 0 17px 0; background: #444; text-align: left; color: #aaa; }

.footer-copyright { padding-top: 5px; }
.footer-copyright a { color: #000; border: 0; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; border: 0; }

.footer_menu{ 
float: left;
width:100%;
}

.footer_menu li {
display: inline-block;
margin-right:14px;
}

.footer_menu li a{ 
color:#000;
position:relative;
text-decoration: none;
}

.footer_menu li a::after{
background-color:#000;
content: "";
display:block;
position:absolute;
left: 0;
bottom:-5px;
width: 0%;
height:1px;
transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

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

.footer-copyright { text-align: right; font-size: 0.7rem;}
footer .container{position: relative;}

/* ページトップ */
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 100;
}

@media screen and (max-width:1024px){
.footer_menu{ 
float: none; 
width:100%;
}
}

@media screen and (max-width:740px){
footer{
margin:0px 0px 0px 0px;
padding:0px 0 100px;
width: 100%;
}
footer .inner{ width:100%; }
.footer-top {padding: 0 2%;}
.footer_menu li {display:none;}	
.footer-copyright { text-align: left;}
}

/***** ボタン　詳しくはこちら *****/
.more a {
	background-color:#003c6f;
	border: 1px solid #003c6f;
	color:#fff;
	line-height:70px;
	width:100%;
	padding: 15px;
	font-size: 1.3rem;
	font-weight: 600;
}
.more a:hover {
	background-color:rgba(0,34,66,1);
	color:#FFF;
	text-decoration: none;
}

/***** Visibility PC SMP *****/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}
/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
  .pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
}

/*コンテンツのフェード*/
.fadein{
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 0;
}
.fadein.active{
  opacity: 1;
}