@charset "utf-8";

/* Content gNavWrap */

/* --------------------------
header
-------------------------- */
header .contents {
padding: 18px 0 0 0;
}

@media only screen and (max-width:750px) {
/* sp */
	header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	z-index: 10000;
	box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
	}
	header .contents.flex_box{
	display: block;
	text-align: center;
	padding-top: 15px;
    height: 35px;
	}
	header .spft_btns { position: fixed;bottom: 0;left: 0; width: 100%;display: flex;transition: .5s;}
    header .spft_btns li { width: 50%;}
    header .spft_btns li a { display: block;line-height: 60px; text-align: center; font-size: 1.1rem; color: #fff;}
	header .spft_btns li:first-child a{background: rgba(130,130,130,1);}
	header .spft_btns li:last-child a {background: rgba(0,182,255,1);}
	header .spft_btns li:first-child a:hover{background: rgba(130,130,130,0.85);}
	header .spft_btns li:last-child a:hover {background: rgba(0,182,255,0.85);}
    /*フッターバナー動き連動
    header .spft_btns.hide {transform: translateY(100%);}*/
    header .headLogo { position: absolute; left: 50%; margin-left: -77px;z-index: 10001;}
}

@media only screen and (min-width: 751px) {
/* PC */
	header{
	position: fixed;
	height:107px;
	background: #fff;
	z-index: 9999;
	}
	header h1,
	header p {
	/*margin-left: 30px;*/
	padding-top: 2px;
	font-size: 1.1rem;
    /*letter-spacing: 0.05em;*/
	color: #555;
	}
    header p.sp_hidden {margin-left: 0px;}
	header .btns {
	/*margin-left: auto;*/
	font-size: 1.1rem;
	}
	header .btns li {
	display: inline-block;
	}
	header .btns li + li {padding-left: 10px;}
	header .btns li a {
	display: block;
	height: 42px;
	padding: 0 15px;
	color: #fff;
	}
	header .btns li:first-child a{background: rgba(130,130,130,1);}
	header .btns li:last-child a {background: rgba(0,182,255,1);}
	header .btns li:first-child a:hover{background: rgba(130,130,130,0.85);}
	header .btns li:last-child a:hover {background: rgba(0,182,255,0.85);}
}



/* --------------------------
 Navigation
-------------------------- */
.gNavWrap {
  width: 94%;
	max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width:750px) {/* sp */.gNavWrap {text-align: right;}}
@media only screen and (min-width:751px) {/* pc */.gNavWrap {min-width: 1000px;}}

.gNavWrap-small { max-width: 751px; }
.gNavWrap-flush { width: 100%; }

.nav {
  /*position: fixed;
  top: 0;
  left: 0;*/
  width: 100%;
  z-index: 10000;
}

/** 
* Nav container 
* 1. Ensure this slides in below parent
* 2. Hide by default
* 3. Smoother scrolling experience on iOS
*/

.nav-container {
  position: fixed;
  top: 50px; /* 1 */
  left: 50px;
  z-index: 9999;
  overflow-y: auto;
  visibility: hidden; /* 2 */
  width: 100%;
  height: calc(100% - 50px);
  min-height: calc(100% - 50px);
  margin: 0 0 0 0;
  /*padding: 0 50px 0 0;*/
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); /* 2 */
  -webkit-overflow-scrolling: touch; /* 3 */
}
@media only screen and (max-width:750px) {/* sp */
.nav {
  position: fixed;
  top: 0;
  left: 0;
}
.nav-container {background-color: rgba(230,0,18,0.9);  width: calc(100% - 50px);}}

/* 1. Show when `.is-visible` class is added */

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
}

/* Nav toggle */
.nav-toggle {
  line-height: 1;
  display: inline-block;
  padding: 1.25rem 1rem;
  border: 0;
  background-color: #fff;
}

/* Nav toggle icon */
.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

/* Nav toggle icon lines */
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #e60012;
}

/* Nav toggle icon line 1 */
.icon-menu .line-1 { top: 0; }

/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {top:1px;
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */
.icon-menu .line-2 {
  top: 50%;
  margin-top: -1px;
}

/* When active, hide line 2 */
.is-active .icon-menu .line-2 { opacity: 0; }

/* Nav toggle icon line 3 */
.icon-menu .line-3 { bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {bottom: 1px;
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

/* Remove default list styles for menus */
.menu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
}

/** 
* 1. Give menu a lighter background than its container 
* 2. Prevent menu text from being accidentally highlighted
*/
.nav-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* 2 */
}
@media only screen and (max-width:750px) {/* sp */.nav-menu {background-color:none;}
.menu {  padding: 0 0 0 20px;}


}
@media only screen and (min-width:751px) {/* pc */.nav-menu {background-color: #f9f9f9;}}

/* Give menu items a top border */
.nav-menu .menu-item { border-bottom: 1px solid #fff; text-align: left;}

/* Give last menu item a bottom border */
.nav-menu > .menu-item:last-child { border-bottom: 1px solid #fff; }

/* Darker background color on hover, and when toggled */
@media only screen and (max-width:750px) {/* sp */.nav-menu {background-color:none; letter-spacing: 0.1em;}}
@media only screen and (min-width:751px) {/* pc */
	.nav-menu > .menu-item:hover,
	.nav-menu > .menu-item.is-active { /*background-color: #d0d0d0;*/}
}

/* 1. Menu links are block level, by default */
.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
}
@media only screen and (max-width:750px) {/* sp */.nav-menu .menu-link {color: #fff;font-size: 1.5rem;padding: 2.0rem 1rem 0 0;}
 .nav-menu > li:last-child { margin-bottom: 30px;}

}
@media only screen and (min-width:751px) {/* pc */.nav-menu .menu-link {color: #444;font-size: 1.4rem;padding: 0.75rem 1rem;}}

/* 1. Menu items with dropdowns appear clickable */
.has-dropdown {
  position: relative;
   /* cursor: pointer;1 */
}

/* 1. Parent menu links inlined so you can toggle the dropdown */
.has-dropdown > .menu-link { display: inline-block;}
@media only screen and (min-width:751px) {/* pc */.has-dropdown > .menu-link { display: block; }}

/* 1. Add an icon to menu items that have sub menus */
.has-dropdown:after {
  font-size: 22px;
  position: absolute;
  top: 10px;
  right: 5px;
  bottom: 0;
  content: "+"; /* 1 */
  color: #fff;
}

/* 1. Switch icon to n-dash when toggled */
.has-dropdown.is-active:after { content: "\2013"; /* 1 */ }

/**
 * Dropdowns
 * 1. Hide dropdowns by default
 */

.nav-dropdown {
  display: none; /* 1 */
}
@media only screen and (max-width:750px) {/* sp */.nav-dropdown {color: #fff;}.nav-dropdown.menu{padding-right: 0;}}
@media only screen and (min-width:751px) {/* pc */.nav-dropdown {background-color: #c0c0c0;}}

/* 1. Show dropdown when toggled */
.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ border-top:1px solid #fff;}

/* 2nd level dropdown */
.nav-dropdown .nav-dropdown { /*background-color: ;*/ }
.nav-dropdown .menu-item { border-color: #fff; }
.nav-dropdown .nav-dropdown .menu-item {
  /*background-color: #b0b0b0;*/
  border-color: #fff;
}
.nav-dropdown .menu-item:last-child{border: none;}

/* Main content area */
.content { margin-top: 60px; }
.content .gNavWrap { padding: 1rem 0; }



/* ============================ */
/* ========= for PC  ========== */
/* ============================ */
 @media (min-width: 751px) {
 .nav-menu .menu-link > a:hover{opacity:0.6;}
.nav {
background-color: #f9f9f9;
/*position: fixed;
top: 60px;*/
	border-bottom: 1px solid #efefef;
  z-index: 9999;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
 .nav-container,
 .nav-container.is-visible {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.nav-container,
 .nav-container.is-visible {
  visibility: visible;
  height: auto;
  min-height: 0;
  overflow-y: visible;
}
.nav-toggle { display: none; }

/* 1. Display menu items inline */
.nav-menu > .menu-item,
 .nav-menu > .menu-item.is-active {
  display: inline-block; /* 1 */
  background-color: transparent;
  border: 0;
}

/* Remove bottom border on last child */
.nav-menu > .menu-item:last-child { border: 0; }
.nav-menu .menu-item {
  -webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
}
/* Remove +/- icons */
.has-dropdown:after { content: "" !important; }

/* --- PC見た目設定  --- */
.nav-menu.menu {
position: relative;
display: -webkit-box;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
}
.nav-menu.menu > .menu-item{padding: 14px 0;}
.nav-menu.menu > .menu-item > a,
.nav-menu.menu > .menu-item > span{
padding: 2px 24px;
border-right: 1px solid #000;
line-height: 1;
letter-spacing: 0.08em;
display: block;
text-align: center;
box-sizing: border-box;
}
.nav-menu.menu > .menu-item:nth-child(2) > span{
border-left: 1px solid #000;
}
/* Add a caret to top-level menu items that have dropdowns */
.nav-menu > .has-dropdown:after {
/*  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  content: "";
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;*/
}

/* Increase padding to compensate for caret */
.has-dropdown > .menu-link { padding-right: 2rem; }

/* Re-style dropdowns for larger screens */
.nav-dropdown {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 200px;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
  box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
  visibility: hidden;
		height: 0;/* This Settings Juuyou */
		overflow: hidden;/* This Settings Juuyou */
  -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
}

.has-dropdown:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
		height: auto;/* This Settings Juuyou */
		overflow: inherit;/* This Settings Juuyou */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.nav-dropdown .menu-item { border: 0; }
.nav-dropdown .menu-item:hover,
 .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #eaeaea; }
.nav-dropdown .nav-dropdown,
 .nav-dropdown .nav-dropdown .menu-item { background-color: #f9f9f9; }
.nav-dropdown .nav-dropdown {
  z-index: 9998;
  top: 0;
  left: 100%;
}

/* --- --- */
.nav-dropdown.menu.item03 {
width: 600px;
margin: 0 0 0 -200px;
}
.nav-dropdown.menu.item03 .nav-dropdown,
.nav-dropdown.menu.item03:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: block;
  position: inherit;
  top: inherit;
	left: inherit;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
  box-shadow: none;
  transition: inherit;
		height: auto;/* This Settings Juuyou */
		overflow: inherit;/* This Settings Juuyou */
}

.nav-dropdown.menu.item03 .menu-item:hover,
.nav-dropdown.menu.item03 .nav-dropdown .menu-item:hover {background-color: #f9f9f9;}

.nav-dropdown.menu.item03{
display: -webkit-box;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.nav-dropdown.menu.item03 > .menu-item{
display: block;
padding: 20px 0;
}
.nav-dropdown.menu.item03 > .menu-item.has-dropdown .menu-item{border-bottom: 1px dotted #ddd;}
.nav-dropdown.menu.item03 > .menu-item.has-dropdown .menu-item:hover{border-bottom: 1px solid #e60012;}

.nav-dropdown.menu.item03 > .menu-item.has-dropdown + a{font-weight: bold;}
.nav-dropdown.menu.item03 a.pcTtl,
.nav-dropdown.menu.item03 span.pcTtl {font-weight: bold;}

/* END @media (min-width: 751px) */
}




/* --------------------------
 module Setting
-------------------------- */
.fColor_red{color: #e60012;}
.fColor_black{color: #000;}
.fColor_blue{color: #00b6ff;}
.fColor_gray{color: #999;}
.fColor_white{color: #fff;}


.inline{display: inline;}
.inline_b{display: inline-block;}
.block{display: block;}

.nowrap{white-space: nowrap;}
.breakall{word-break:break-all;}
.bold{font-weight: 500;}

.alignC{text-align: center;}
.alignR{text-align: right;}
.alignL{text-align: left;}

.alignT{vertical-align: top;}
.alignM{vertical-align: middle;}
.alignB{vertical-align: bottom;}


/* flex */
.flex_box {
position: relative;
display: -webkit-box;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.flex_box_center {justify-content: center;}
.flex_box_around {justify-content: space-around;}
.flex_box_strat {justify-content: flex-start;}
.flex_box_vcenter {align-items: center;}

@media only screen and (min-width: 751px) {
/* PC */
	.flex_box > * {position: relative;}
	.flex_box.flex > * {
	flex: 1;
	margin-left: 10px;
	margin-right: 10px;
	}
	.flex_box.flex > *:first-of-type {margin-left: 0;}
	.flex_box.flex > *:last-of-type{margin-right: 0;}
    .alignC_pc{text-align: center;}
}


/* float */
.floatL {float: left;}
.floatR {float: right;}
.clearboth{clear: both;}
.clearfix:after{
content:"";
display:block;
clear:both;
}

/* ====== LINK 要素 ======== */

a.white{color: #fff;}
a.red{color: #e60012;}
a.black{color: #000;}

a.links{
color: #00b6ff;
text-decoration: none;
border-bottom: 1px dashed #00b6ff;
letter-spacing: 0.1em;
}
a.links.white{border-bottom: 1px dashed #fff;color: #fff;}
a.links.red{border-bottom: 1px dashed #e60012;color: #e60012;}
a.links.black{border-bottom: 1px dashed #666;color: #000;}

/* a + img */
a.img{display: inline-block; background-color: #fff;}
a.img img{vertical-align: bottom;}

@media only screen and (min-width: 751px) {
/* PC */
	a.links:hover{color: #68acd2;}
	a.links:active{color: #064b72;}
	a.links.red:hover{color: #FF3848;}
	a.links.red:active{color: #AF000D;}
	a.links.black:hover{color: #666;}
	a.links.black:active{color: #333;}
	/* a + img */
	a.img:hover img{opacity:0.8;}
	a.white:not(.btn):hover,
	a.red:not(.btn):hover,
	a.links:not(.btn):hover{opacity:0.6;}
}


/*  ARROW  */

.arw{
position:relative;
padding-right:1.5rem;
letter-spacing: 0.08em;
}
.arw::after{
content:"";
position:absolute;
top:0;right:0;bottom:0;left:0;
margin:auto 0 auto auto;
width:8px;
height:8px;
background:transparent;
border-top:1px solid #00b6ff;
border-right:1px solid #00b6ff;
-webkit-transform:rotate(45deg);
transform        :rotate(45deg);
}
.arw.white::after{border-color:#fff;}
.arw.red::after{border-color:#e60012;}

/* Navigation */
@media only screen and (max-width:750px) {
/* sp */
	.nav .arw::after{
	content:"";
	position:absolute;
	top:0;right:0;bottom:0;left:0;
    padding-right:0;
	margin:auto 8px 10px auto;
	}
	a.links.arw::after{display: none;}
    /*.arw{padding-right:0;}*/
a.links.arw.sp_arw{
position:relative;
padding-right:1.5rem;
letter-spacing: 0.08em;
}
a.links.arw.sp_arw::after{
display: block;
content:"";
position:absolute;
top:0;right:0;bottom:0;left:0;
margin:auto 0 auto auto;
width:8px;
height:8px;
background:transparent;
border-top:1px solid #00b6ff;
border-right:1px solid #00b6ff;
-webkit-transform:rotate(45deg);
transform        :rotate(45deg);
}   
}
@media only screen and (min-width: 751px) {
/* PC */
	.nav .arw:after{display: none;}
}

/*  PLUS  */
.plus {position:relative;padding-right:2rem;}
.plus::after { content: "＋"; position: absolute; top: -2px; right: 0;}

/* ==============
   BUTTON Flat
============== */
.btnFlat{
position:relative;
display: inline-block;
width: auto;
margin: 10px 10px 0;
padding: 18px 16px;
color: #e60012;
text-align: center;
line-height: 1.4;
background: #fff;
}
.btnFlat.sizsS{padding: 10px 16px;}

/* BLUE Button */
.btnFlat.blue{color: #fff;background: #00b6ff;}
/* RED Button */
.btnFlat.red{color: #fff;background: #e81627;}
/* GRAY Button */
.btnFlat.gray{color: #fff;background: #bfbfbf;}
/* Button width */
.btnFlat.w360 {min-width: 360px;}
.btnFlat.w530 {min-width: 530px;}

@media only screen and (max-width:750px) {
/* sp */
	.btnFlat{width: 100%;margin: 5px 5px 0;}
	.btnFlat.w360,
	.btnFlat.w530{min-width: inherit;width: 100%;}
	.btnFlat.sizsS {padding: 7px 16px;}
}

@media only screen and (min-width: 751px) {
/* PC */
	.btnFlat:hover {opacity: 0.8;}
}


/* ==============
   BUTTON move
============== */
.btn{
position:relative;
display: inline-block;
width: auto;
margin: 18px 10px 18px 22px;
color: #e60012;
text-align: center;
line-height: 1.4;
font-weight: 300;
}
.btn > span{
content:"";
position:relative;
/*display: inline-block;*/
display: block;
padding: 18px 16px;
background: #fff;
-webkit-transition: all .2s;
transition: all .2s;
transition-timing-function:ease;
}
.btn.sizsS > span{padding: 10px 16px;}

/* BLUE Button */
.btn.blue{color: #fff; }
.btn.blue > span{background: #00b6ff;}

/* RED Button */
.btn.red{color: #fff;}
.btn.red > span{background: #e81627;}

/* GRAY Button */
.btn.gray{color: #fff;}
.btn.gray > span{background: #bfbfbf;}

/* Button width */
.btn.w360 > span{min-width: 360px;}
.btn.w530 > span{min-width: 530px;}

@media only screen and (max-width:750px) {
/* sp */
	.btn{width:calc(100% - 5px);margin: 5px 5px 0;}
	.btn.w360 > span,
	.btn.w530 > span{min-width: inherit;width: 100%;}
	.btn{background: repeating-linear-gradient(-45deg, #fff, #fff 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 6px);}
	.btn.red{background: repeating-linear-gradient(-45deg, #e81627, #e81627 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 6px); letter-spacing: 0.1em;}
	.btn.gray{background: repeating-linear-gradient(-45deg, #bfbfbf, #bfbfbf 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 6px);}
	.btn.blue{background: repeating-linear-gradient(-45deg, #00b6ff, #00b6ff 2px, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 6px);}
	.btn > span{top: -5px;left: -5px;}
	.btn.sizsS > span{padding: 7px 16px;}
}

@media only screen and (min-width: 751px) {
/* PC */
	.btn{background: repeating-linear-gradient(-45deg, #fff, #fff 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 7px);letter-spacing: 0.08em;}
	.btn.red{background: repeating-linear-gradient(-45deg, #e81627, #e81627 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 7px);}
	.btn.gray{background: repeating-linear-gradient(-45deg, #bfbfbf, #bfbfbf 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 7px);}
	.btn.blue{background: repeating-linear-gradient(-45deg, #00b6ff, #00b6ff 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 7px);}
	.btn > span{top: -8px;left: -8px;}
	.btn:hover > span{top: 0px;	left: 0px;}
}



/* fontsize */

@media only screen and (max-width:750px) {
/* sp */
	.fSize_s{font-size: 1.1rem;line-height: 1.5;}
	.fSize_10sp{font-size: 1.0rem!important;}
	.fSize_12sp{font-size: 1.2rem!important;}
	.fSize_13sp{font-size: 1.3rem!important;}
	.fSize_14sp{font-size: 1.4rem!important;}
	.fSize_15sp{font-size: 1.5rem!important;}
	.fSize_16sp{font-size: 1.6rem!important;}
	.fSize_17sp{font-size: 1.7rem!important;}
	.fSize_18sp{font-size: 1.8rem!important;}
	.fSize_19sp{font-size: 1.9rem!important;}
	.fSize_20sp{font-size: 2.0rem!important;}
	.fSize_21sp{font-size: 2.1rem!important;}
	.fSize_22sp{font-size: 2.2rem!important;}
}

@media only screen and (min-width: 751px) {
/* PC */
	.fSize_s{font-size: 1.2rem;line-height: 1.5;}
	.fSize_12pc{font-size: 1.2rem!important;}
	.fSize_13pc{font-size: 1.3rem!important;}
	.fSize_14pc{font-size: 1.4rem!important;}
	.fSize_15pc{font-size: 1.5rem!important;}
	.fSize_16pc{font-size: 1.6rem!important;}
	.fSize_17pc{font-size: 1.7rem!important;}
	.fSize_18pc{font-size: 1.8rem!important;}
	.fSize_19pc{font-size: 1.9rem!important;}
	.fSize_20pc{font-size: 2.0rem!important;}
	.fSize_21pc{font-size: 2.1rem!important;}
	.fSize_22pc{font-size: 2.2rem!important;}
	.fSize_24pc{font-size: 2.4rem!important;}
}


/* Margin Padding */

.mgT0 {margin-top:0 !important;}     .mgT05{margin-top:5px !important;}     .mgT10{margin-top:10px !important;}     .mgT15{margin-top:15px !important;}     .mgT20{margin-top:20px !important;}     .mgT25{margin-top:25px !important;}     .mgT30{margin-top:30px !important;}     .mgT40{margin-top:40px !important;}     .mgT50{margin-top:50px !important;}    .mgT60{margin-top:60px !important;}
.mgR0 {margin-right:0 !important;}   .mgR05{margin-right:5px !important;}   .mgR10{margin-right:10px !important;}   .mgR15{margin-right:15px !important;}   .mgR20{margin-right:20px !important;}   .mgR25{margin-right:25px !important;}   .mgR30{margin-right:30px !important;}   .mgR40{margin-right:40px !important;}   .mgR50{margin-right:50px !important;}  .mgR60{margin-right:60px !important;}
.mgB0 {margin-bottom:0 !important;}  .mgB05{margin-bottom:5px !important;}  .mgB10{margin-bottom:10px !important;}  .mgB15{margin-bottom:15px !important;}  .mgB20{margin-bottom:20px !important;}  .mgB25{margin-bottom:25px !important;}  .mgB30{margin-bottom:30px !important;}  .mgB40{margin-bottom:40px !important;}  .mgB50{margin-bottom:50px !important;} .mgB60{margin-bottom:60px !important;}
.mgL0 {margin-left:0 !important;}    .mgL05{margin-left:5px !important;}    .mgL10{margin-left:10px !important;}    .mgL15{margin-left:15px !important;}    .mgL20{margin-left:20px !important;}    .mgL25{margin-left:25px !important;}    .mgL30{margin-left:30px !important;}    .mgL40{margin-left:40px !important;}    .mgL50{margin-left:50px !important;}   .mgL60{margin-left:60px !important;}

.pdT0 {padding-top:0 !important;}    .pdT05{padding-top:5px !important;}    .pdT10{padding-top:10px !important;}    .pdT15{padding-top:15px !important;}    .pdT20{padding-top:20px !important;}    .pdT25{padding-top:25px !important;}    .pdT30{padding-top:30px !important;}    .pdT40{padding-top:40px !important;}    .pdT50{padding-top:50px !important;}   .pdT60{padding-top:60px !important;}
.pdR0 {padding-right:0 !important;}  .pdR05{padding-right:5px !important;}  .pdR10{padding-right:10px !important;}  .pdR15{padding-right:15px !important;}  .pdR20{padding-right:20px !important;}  .pdR25{padding-right:25px !important;}  .pdR30{padding-right:30px !important;}  .pdR40{padding-right:40px !important;}  .pdR50{padding-right:50px !important;} .pdR60{padding-right:60px !important;}
.pdB0 {padding-bottom:0 !important;} .pdB05{padding-bottom:5px !important;} .pdB10{padding-bottom:10px !important;} .pdB15{padding-bottom:15px !important;} .pdB20{padding-bottom:20px !important;} .pdB25{padding-bottom:25px !important;} .pdB30{padding-bottom:30px !important;} .pdB40{padding-bottom:40px !important;} .pdB50{padding-bottom:50px !important;}.pdB60{padding-bottom:60px !important;}
.pdL0 {padding-left:0 !important;}   .pdL05{padding-left:5px !important;}   .pdL10{padding-left:10px !important;}   .pdL15{padding-left:15px !important;}   .pdL20{padding-left:20px !important;}   .pdL25{padding-left:25px !important;}   .pdL30{padding-left:30px !important;}   .pdL40{padding-left:40px !important;}   .pdL50{padding-left:50px !important;}  .pdL60{padding-left:60px !important;}

@media only screen and (max-width:750px) {
/* sp */
/* Margin Padding */
	.sp_mgT0 {margin-top:0 !important;}     .sp_mgT05{margin-top:5px !important;}     .sp_mgT10{margin-top:10px !important;}     .sp_mgT15{margin-top:15px !important;}     .sp_mgT20{margin-top:20px !important;}     .sp_mgT25{margin-top:25px !important;}     .sp_mgT30{margin-top:30px !important;}     .sp_mgT40{margin-top:40px !important;}     .sp_mgT50{margin-top:50px !important;}    .sp_mgT60{margin-top:60px !important;}
	.sp_mgR0 {margin-right:0 !important;}   .sp_mgR05{margin-right:5px !important;}   .sp_mgR10{margin-right:10px !important;}   .sp_mgR15{margin-right:15px !important;}   .sp_mgR20{margin-right:20px !important;}   .sp_mgR25{margin-right:25px !important;}   .sp_mgR30{margin-right:30px !important;}   .sp_mgR40{margin-right:40px !important;}   .sp_mgR50{margin-right:50px !important;}  .sp_mgR60{margin-right:60px !important;}
	.sp_mgB0 {margin-bottom:0 !important;}  .sp_mgB05{margin-bottom:5px !important;}  .sp_mgB10{margin-bottom:10px !important;}  .sp_mgB15{margin-bottom:15px !important;}  .sp_mgB20{margin-bottom:20px !important;}  .sp_mgB25{margin-bottom:25px !important;}  .sp_mgB30{margin-bottom:30px !important;}  .sp_mgB40{margin-bottom:40px !important;}  .sp_mgB50{margin-bottom:50px !important;} .sp_mgB60{margin-bottom:60px !important;}
	.sp_mgL0 {margin-left:0 !important;}    .sp_mgL05{margin-left:5px !important;}    .sp_mgL10{margin-left:10px !important;}    .sp_mgL15{margin-left:15px !important;}    .sp_mgL20{margin-left:20px !important;}    .sp_mgL25{margin-left:25px !important;}    .sp_mgL30{margin-left:30px !important;}    .sp_mgL40{margin-left:40px !important;}    .sp_mgL50{margin-left:50px !important;}   .sp_mgL60{margin-left:60px !important;}

	.sp_pdT0 {padding-top:0 !important;}    .sp_pdT05{padding-top:5px !important;}    .sp_pdT10{padding-top:10px !important;}    .sp_pdT15{padding-top:15px !important;}    .sp_pdT20{padding-top:20px !important;}    .sp_pdT25{padding-top:25px !important;}    .sp_pdT30{padding-top:30px !important;}    .sp_pdT40{padding-top:40px !important;}    .sp_pdT50{padding-top:50px !important;}   .sp_pdT60{padding-top:60px !important;}
	.sp_pdR0 {padding-right:0 !important;}  .sp_pdR05{padding-right:5px !important;}  .sp_pdR10{padding-right:10px !important;}  .sp_pdR15{padding-right:15px !important;}  .sp_pdR20{padding-right:20px !important;}  .sp_pdR25{padding-right:25px !important;}  .sp_pdR30{padding-right:30px !important;}  .sp_pdR40{padding-right:40px !important;}  .sp_pdR50{padding-right:50px !important;} .sp_pdR60{padding-right:60px !important;}
	.sp_pdB0 {padding-bottom:0 !important;} .sp_pdB05{padding-bottom:5px !important;} .sp_pdB10{padding-bottom:10px !important;} .sp_pdB15{padding-bottom:15px !important;} .sp_pdB20{padding-bottom:20px !important;} .sp_pdB25{padding-bottom:25px !important;} .sp_pdB30{padding-bottom:30px !important;} .sp_pdB40{padding-bottom:40px !important;} .sp_pdB50{padding-bottom:50px !important;}.sp_pdB60{padding-bottom:60px !important;}
	.sp_pdL0 {padding-left:0 !important;}   .sp_pdL05{padding-left:5px !important;}   .sp_pdL10{padding-left:10px !important;}   .sp_pdL15{padding-left:15px !important;}   .sp_pdL20{padding-left:20px !important;}   .sp_pdL25{padding-left:25px !important;}   .sp_pdL30{padding-left:30px !important;}   .sp_pdL40{padding-left:40px !important;}   .sp_pdL50{padding-left:50px !important;}  .sp_pdL60{padding-left:60px !important;}
}

@media only screen and (min-width: 751px) {
/* PC */
/* Margin Padding */
	.pc_mgT0 {margin-top:0 !important;}     .pc_mgT05{margin-top:5px !important;}     .pc_mgT10{margin-top:10px !important;}     .pc_mgT15{margin-top:15px !important;}     .pc_mgT20{margin-top:20px !important;}     .pc_mgT25{margin-top:25px !important;}     .pc_mgT30{margin-top:30px !important;}     .pc_mgT40{margin-top:40px !important;}     .pc_mgT50{margin-top:50px !important;}    .pc_mgT60{margin-top:60px !important;}
	.pc_mgR0 {margin-right:0 !important;}   .pc_mgR05{margin-right:5px !important;}   .pc_mgR10{margin-right:10px !important;}   .pc_mgR15{margin-right:15px !important;}   .pc_mgR20{margin-right:20px !important;}   .pc_mgR25{margin-right:25px !important;}   .pc_mgR30{margin-right:30px !important;}   .pc_mgR40{margin-right:40px !important;}   .pc_mgR50{margin-right:50px !important;}  .pc_mgR60{margin-right:60px !important;}
	.pc_mgB0 {margin-bottom:0 !important;}  .pc_mgB05{margin-bottom:5px !important;}  .pc_mgB10{margin-bottom:10px !important;}  .pc_mgB15{margin-bottom:15px !important;}  .pc_mgB20{margin-bottom:20px !important;}  .pc_mgB25{margin-bottom:25px !important;}  .pc_mgB30{margin-bottom:30px !important;}  .pc_mgB40{margin-bottom:40px !important;}  .pc_mgB50{margin-bottom:50px !important;} .pc_mgB60{margin-bottom:60px !important;} .pc_mgB70{margin-bottom:70px !important;} .pc_mgB100{margin-bottom:100px !important;} .pc_mgB130{margin-bottom:130px !important;}
	.pc_mgL0 {margin-left:0 !important;}    .pc_mgL05{margin-left:5px !important;}    .pc_mgL10{margin-left:10px !important;}    .pc_mgL15{margin-left:15px !important;}    .pc_mgL20{margin-left:20px !important;}    .pc_mgL25{margin-left:25px !important;}    .pc_mgL30{margin-left:30px !important;}    .pc_mgL40{margin-left:40px !important;}    .pc_mgL50{margin-left:50px !important;}   .pc_mgL60{margin-left:60px !important;}

	.pc_pdT0 {padding-top:0 !important;}    .pc_pdT05{padding-top:5px !important;}    .pc_pdT10{padding-top:10px !important;}    .pc_pdT15{padding-top:15px !important;}    .pc_pdT20{padding-top:20px !important;}    .pc_pdT25{padding-top:25px !important;}    .pc_pdT30{padding-top:30px !important;}    .pc_pdT40{padding-top:40px !important;}    .pc_pdT50{padding-top:50px !important;}   .pc_pdT60{padding-top:60px !important;}
	.pc_pdR0 {padding-right:0 !important;}  .pc_pdR05{padding-right:5px !important;}  .pc_pdR10{padding-right:10px !important;}  .pc_pdR15{padding-right:15px !important;}  .pc_pdR20{padding-right:20px !important;}  .pc_pdR25{padding-right:25px !important;}  .pc_pdR30{padding-right:30px !important;}  .pc_pdR40{padding-right:40px !important;}  .pc_pdR50{padding-right:50px !important;} .pc_pdR60{padding-right:60px !important;}
	.pc_pdB0 {padding-bottom:0 !important;} .pc_pdB05{padding-bottom:5px !important;} .pc_pdB10{padding-bottom:10px !important;} .pc_pdB15{padding-bottom:15px !important;} .pc_pdB20{padding-bottom:20px !important;} .pc_pdB25{padding-bottom:25px !important;} .pc_pdB30{padding-bottom:30px !important;} .pc_pdB40{padding-bottom:40px !important;} .pc_pdB50{padding-bottom:50px !important;}.pc_pdB60{padding-bottom:60px !important;}
	.pc_pdL0 {padding-left:0 !important;}   .pc_pdL05{padding-left:5px !important;}   .pc_pdL10{padding-left:10px !important;}   .pc_pdL15{padding-left:15px !important;}   .pc_pdL20{padding-left:20px !important;}   .pc_pdL25{padding-left:25px !important;}   .pc_pdL30{padding-left:30px !important;}   .pc_pdL40{padding-left:40px !important;}   .pc_pdL50{padding-left:50px !important;}  .pc_pdL60{padding-left:60px !important;}
}



/* --------------------------
 table Setting
-------------------------- */
/* table */
.tableCmn {
border-top: 1px solid #e60012;
border-left: 1px solid #e60012;
}
.tableCmn th,
.tableCmn td {
border-right: 1px solid #e60012;
border-bottom: 1px solid #e60012;
padding: 7px 16px;
line-height: 1.6;
}
.tableCmn th{color: #e60012;}
.tableCmn caption {}


/* --------------------------
 form Setting
-------------------------- */

/* -------------- Radio Check Setting-------------- */

label.radio,
label.radio_text,
label.cbox_cmn,
label.cbox_text {
position : relative;
cursor : pointer;
display : inline-block;
overflow : hidden;
box-sizing : border-box;
}
label.radio {
width : 20px;
height : 20px;
border : 1px solid #e60012;
border-radius : 100%;
}
label.radio_text {
min-height : calc(20px + 5px);
margin-right : calc(20px + 5px);
padding-left : calc(20px + 5px);
line-height : calc(20px + 5px);
}

label.cbox_cmn {
width : 18px;
height : 18px;
border : 1px solid #e60012;
background : #fff;
}
label.cbox_text {
padding-left : calc(18px + 5px);
line-height : 19px;
}
/** before after **/
label.radio:before,
label.radio_text:before,
label.cbox_text:before,
label.cbox_cmn:after,
label.radio_text:after,
label.cbox_text:after {
content : '';
position : absolute;
box-sizing : border-box;
}
label.radio:before,
label.radio_text:before {
border-radius : 100%;
}
label.radio:before,
label.cbox_cmn:after {
top : 0px;
bottom : 0px;
left : 0px;
right : 0px;
margin : auto;
}
label.cbox_cmn:after,
label.cbox_text:after {
-webkit-transform : rotate(45deg);
-moz-transform : rotate(45deg);
transform : rotate(45deg);
border-right : 1px solid #00b6ff;
border-bottom : 1px solid #00b6ff;
top: 0;
display : block;
margin-top: 0;
width : calc(((14px / 12 ) * 5));
height : 14px;
z-index : 1;
}
label.radio_text:before,
label.radio_text:after {
top : 0px;
bottom : 0px;
margin-top : auto;
margin-bottom : auto;
}
label.radio:before {
display : block;
width : 10px;
height : 10px;
z-index : 1;
background-color : #e60012;
}
label.radio_text:before {
width : 20px;
height : 20px;
border : 1px solid #e60012;
left : 0px;
z-index : 3;
}
label.cbox_text:before {
width : 18px;
height : 18px;
left : 0px;
top : 0;
border : 1px solid #e60012;
z-index : 3;
box-sizing: border-box;
}
label.radio_text:after {
width : 10px;
height : 10px;
border-radius : 100%;
left : calc(((20px/2) - (10px) / 2));
background-color : #e60012;
z-index : 1;
}
label.cbox_text:after {
left : calc((18px / 2) - (((14px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"],
label.radio_text input[type="radio"],
label.cbox_cmn input[type="checkbox"],
label.cbox_text input[type="checkbox"] {
-moz-appearance: none;
-webkit-appearance: none;
position : absolute;
z-index : 2;
margin : 0px;
width : 18px;
height : 18px;
box-sizing : border-box;
outline : none;
}
label.radio input[type="radio"],
label.radio_text input[type="radio"] {
left : calc(20px * -1);
width : 20px;
height : 20px;
top : 0px;
bottom : 0px;
margin-top : auto;
margin-bottom : auto;
border-radius : 100%;
}


label.cbox_cmn input[type="checkbox"],
label.cbox_text input[type="checkbox"] {
left : calc(18px * -1);
padding : 0;
}
label.radio input[type="radio"] {
display : block;
box-shadow : 20px 0px #FFF;
}
label.radio_text input[type="radio"] {
box-shadow : 20px 0px #FFF;
}
label.cbox_cmn input[type="checkbox"] {
box-shadow : 18px 0px #FFF;
}
label.cbox_text input[type="checkbox"] {
display : block;
box-shadow : 18px 0px #FFF;
}

/** checked forcus */
label.cbox_text input[type="checkbox"]:checked,
label.cbox_cmn input[type="checkbox"]:checked,
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked {box-shadow : none;}

label.cbox_text input[type="checkbox"]:checked:focus,
label.cbox_cmn input[type="checkbox"]:checked:focus {opacity: 0.1;}

label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus {opacity: 0.2;}

label.cbox_text input[type="checkbox"]:checked:focus {box-shadow : 18px 0px #FFF;}
label.cbox_text input[type="checkbox"]:focus {box-shadow : 18px 0px #FFF;}

label.cbox_cmn input[type="checkbox"]:checked:focus {box-shadow : 18px 0px #FFF;}
label.cbox_cmn input[type="checkbox"]:focus {box-shadow : 18px 0px #FFF;}

label.radio_text input[type="radio"]:focus {box-shadow : 20px 0px #FFF;}
label.radio input[type="radio"]:focus {box-shadow : 20px 0px #FFF;}

@media only screen and (max-width:750px) {
/* sp */
	/*  --- checkbox （文字なし） 調整 ---  */
	label.cbox_cmn input[type="checkbox"] {box-shadow : 22px 0px 0px 2px #FFF;}
	label.cbox_cmn input[type="checkbox"]:checked{box-shadow : none;}
	label.cbox_cmn input[type="checkbox"]:checked:focus {opacity: 0.1;}
	label.cbox_cmn input[type="checkbox"]:checked:focus {box-shadow :　22px 0px 0px 2px #FFF;}
	label.cbox_cmn input[type="checkbox"]:focus {box-shadow : 22px 0px 0px 2px #FFF;}
	/*  --- checkbox （文字付） 調整 ---  */
	label.cbox_text input[type="checkbox"] {display : block;box-shadow : 22px 0px 0px 2px #FFF;}
	label.cbox_text input[type="checkbox"]:checked{box-shadow : none;}
	label.cbox_text input[type="checkbox"]:checked:focus{opacity: 0.1;}
	label.cbox_text input[type="checkbox"]:checked:focus {box-shadow : 22px 0px 0px 2px #FFF;}
	label.cbox_text input[type="checkbox"]:focus {box-shadow : 22px 0px 0px 2px #FFF;}
}



/* ボタン型　radiobox  */
input.radio_button[type="radio"],
input.radio_button[type="checkbox"]{display: none;}
input.radio_button[type="radio"]:checked + label,
input.radio_button[type="checkbox"]:checked + label{background: #e60012;color: #fff;}
input.radio_button + label{
display:inline-flex;
align-items: center;
justify-content: center;
margin: 5px;
min-width: 230px;
min-height: 40px;
padding: 8px 20px;
text-align: center;
cursor: pointer;
color: #000;
border: 1px solid #e60012;
/*border-radius: 15% / 65%;*/
border-radius: 50px;
line-height: 1.4;
vertical-align: middle;
}

@media only screen and (min-width:751px) {
input.radio_button + label:hover {opacity: 0.6;}
}

@media only screen and (max-width:750px) {
/* sp */
	input.radio_button + label{
	/*min-width: 200px;
	min-height: 40px;*/
    padding: 8px 10px;
	}
}


/* -------------- END Radio Check Setting-------------- */


::-webkit-input-placeholder {color:#b8b8b8;}
:-ms-input-placeholder { color:#b8b8b8;}
::placeholder{ color:#b8b8b8}


/*
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"],
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: 0;
    margin: 0;
    background: #fff;
}
*/

button,
option,
select,
textarea,
input[type="email"],
input[type="tel"],
input[type="text"]{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
outline: 0;
margin: 0;
background: #fff;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 100;
}
select::-ms-expand {
    display: none;
}
input[type="checkbox"] {border: 1px solid #000;}


.form-select {
display: block;
position: relative;
width: 100%;
border: none;
overflow: hidden;
}

.form-select:after {
position: absolute;
display: block;
content: '';
width:8px;
height:8px;
background:transparent;
border-top:1px solid #f00;
border-right:1px solid #f00;
-webkit-transform:rotate(135deg);
transform        :rotate(135deg);
top: 50%;
/*top: 25%;*/
right: 20px;
margin-top: -8px;
pointer-events: none;
}

.form-select select {
position: relative;
width: 100%;
padding: 9px 32px 9px 8px;
outline:none;
line-height: 1.5;
border: 1px solid #e60012;
}



@media only screen and (max-width:750px) {
								/* sp ios */
								/*
								_::-webkit-full-page-media, _:future, :root .sub .entry select,
								_::-webkit-full-page-media, _:future, :root .sub .entry input[type="text"],
								_::-webkit-full-page-media, _:future, :root .sub .entry input[type="checkbox"]{
								font-size: 16px;
								transform: scale(0.8);
								}
								*/
	/* sp */
	.searchword input[type="text"],
	.searchForm select,
	.searchForm input[type="text"],
	.searchForm input[type="checkbox"]{
	font-size: 16px;
	transform: scale(0.8);
	}

	.searchword input[type="text"]{
	margin-left: -15px;
	}
	
	.searchForm .form-select {border-bottom: 1px solid #e60012;height: 100%;}	
	.searchForm .form-select select {
	border: none;
	padding: 0 10px 0 10px;
	margin-left: -15px;
	}

	.searchForm .searchword.flex_box dd input[type="text"]{
	padding: 15px 0px;
	}
}



/* ==============================================================
   SUB setting
================================================================= */


/* --------------------------
 headding Setting
-------------------------- */
.sub .h1ttl{color: #e60012;}

.sub .h2ttl{
position: relative;
background: #e60012;
color:#fff;
line-height: 1.4;
text-align: center;
letter-spacing: 0.2em;
}
.sub .h2ttlTxt{color: #e60012;}
.sub .h3ttl{color: #e60012;}
.sub .fit{margin-top: 0;}


@media only screen and (max-width:750px) {
/* sp */
	.sub .h1ttl{
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	font-size: 2.0rem;
    letter-spacing: 0.08em;
    }
	.sub .h2ttl{
	margin: 50px -20px 30px;
	padding: 8px 30px;
	font-size: 1.7rem;
    letter-spacing: 0.08em;
    }
	.sub .h2ttl.font_S{font-size: 1.7rem;}
	.sub .h2ttlTxt{
	margin: 35px 0 15px;
	font-size: 2.0rem;
	letter-spacing: 0.5rem;
	text-align: center;
	}
	.sub .h2ttlTxt.font_M{font-size: 2.0rem;}
	.sub .h3ttl{
	margin: 35px 0 15px;
	font-size: 2.1rem;
	text-align: center;
    letter-spacing: 0.08em;
	}

	
}

@media only screen and (min-width: 751px) {
/* PC */
	.sub .h1ttl{
	padding-top: 50px;
	padding-bottom: 35px;
	text-align: center;
	font-size: 3.8rem;
    letter-spacing: 0.11em;
	}
	.sub .h2ttl{
	margin: 60px 0 30px;
	padding: 8px 15px;
	font-size: 2.4rem;
	}
	.sub .h2ttl.font_S{font-size: 2.0rem;}

	.sub .h2ttlTxt{
	margin: 60px 0 30px;
	font-size: 3.0rem;
	text-align: center;
    letter-spacing: 0.1em;
	}
	.sub .h2ttlTxt.font_M{font-size: 2.4rem;}

	.sub .h3ttl{
	margin: 60px 0 30px;
	font-size: 2.4rem;
	text-align: center;
    letter-spacing: 0.1em;
	}

}

/* --------------------------
 topic Path
-------------------------- */
.topicpath{}
@media only screen and (max-width:750px) {
/* sp */
	.topicpath{display: none;}
}

@media only screen and (min-width: 751px) {
/* PC */
	.topicpath,
	.topicpath a{
	color: #4c4c4c;
	font-size: 1.1rem;
	}
	.topicpath a { text-decoration: underline;}
    .topicpath a:hover{text-decoration: none;}
	.topicpath{
	width: 1000px;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-left: 1.5rem;
	}

}

/* --------------------------
 P Setting
-------------------------- */
.sub #maincont p + p{margin-top: 1rem;}
.sub #maincont p + p.fit{margin-top: 0;}

.sub .h1Box img {width: 100%;}
.ls_005 { letter-spacing: 0.05em !important;}
.ls_006 { letter-spacing: 0.06em !important;}
.ls_007 { letter-spacing: 0.07em !important;}
.ls_008 { letter-spacing: 0.08em !important;}
.ls_010 { letter-spacing: 0.1em !important;}
.ls_015 { letter-spacing: 0.15em !important;}
.ls_020 { letter-spacing: 0.2em !important;}
.lh_19 {line-height: 1.9;}


@media only screen and (max-width:750px) {
/* sp */
	.sub .h1Box{
	position:relative;
	padding: 40px 0 35px;
	}
}

@media only screen and (min-width: 751px) {
/* PC */
	.sub .h1Box{
	padding-bottom: 50px;
	}
}




/* --------------------------
 List Setting
-------------------------- */

.sub .linksList {padding-top: 1.8rem;}
.sub .linksList li{margin: 1.8rem 0;}

.sub .discList li{
position:relative;
margin: 10px 0;
padding-left:1.8rem;
line-height: 1.5;
}
.sub .discList li::before{
content:"・";
position:absolute;
left:0;
top:0;
}

.sub .defaultDiscList{margin-left: 25px;}
.sub .defaultDiscList li{
margin: 10px 0;
list-style-type: disc;
line-height: 1.5;
}



@media only screen and (max-width:750px) {
/* sp */
	.sub .linksList li{text-align: center;}
}

@media only screen and (min-width: 751px) {
/* PC */

}


/* --------------
.toggle
---------------  */
.toggleBtn {position: relative;}

.toggleBtn:before {
content: '';
position: absolute;right: 10px;top: 50%;
width: 15px;
height: 1px;
background-color: #fff;
}

.toggleBtn.toggleAct:before {
content: '';
position: absolute;right: 10px;top: 50%;
width: 15px;
height: 1px;
background-color: #fff;
}

.toggleBtn.toggleAct:after {
content: '';
position: absolute;right: 10px;top: 50%;
width: 15px;
height: 1px;
background-color: #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}





/* ---------------------
     guidetext
----------------------- */
.guidetext{
margin: 0 5px;
text-align: center;
}
@media only screen and (max-width:750px) {/* sp */.guidetext{font-size: 1.0rem;}}
@media only screen and (min-width: 751px) {/* PC */.guidetext{font-size: 1.4rem;}}



/* ---------------------
     paging
----------------------- */
.paging{
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}

/* --- paging arrow --- */
.paging .prev.text a,
.paging .next.text a {
position: relative;
color: #e60012;
padding: 0 20px;
}
.paging .prev.text a:after,
.paging .next.text a:after {
position: absolute;
display: block;
content: '';
width:10px;
height:10px;
background:transparent;
border-top:1px solid #e60012;
border-right:1px solid #e60012;
top: 50%;
margin-top: -4px;
}
.paging .prev.text a:after{
-webkit-transform:rotate(-135deg);
transform        :rotate(-135deg);
left: 0;
}
.paging .next.text a:after {
-webkit-transform:rotate(45deg);
transform        :rotate(45deg);
right: 0px;
}

/* --- paging Number --- */
.paging ul {
margin: 0;
padding: 0;
text-align: center;
}
.paging ul li {
display: inline;
margin: 0 1px;
padding: 0;
}
.paging ul li a {
display: inline-block;
padding: 3px 5px;
vertical-align: middle;
text-decoration: none;
line-height: 1;
color: #000;
}
.paging ul li a:hover{
background: #e60012; 
color: #FFF;
}
.paging ul li a.act,
.paging ul li span{
background: #e60012;
pointer-events: none;
color: #FFF;
}


/* -------------- paging AreaSetting  ---------------  */
.pagingArea{
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}

@media only screen and (max-width:750px) {
/* sp */
	.pagingArea{margin-top: 20px;}
	.pagingArea .guidetext{
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	}
.paging .prev,.paging .next { width:70px; display: inline-block;}
}
@media only screen and (min-width: 751px) {
/* PC */
	.pagingArea{margin-top: 50px;}
	.pagingArea .guidetext{
	width: 48%;
	text-align: left;
	}
	.pagingArea .paging{
	width: 40%;
	font-size: 1.4rem;
	}
.paging .prev.text,.paging .next.text { width: 80px; display: inline-block;}
}
/* -------------- paging  ---------------  */




/* -------------- tagarea  ---------------  */

.tagarea.flex_box.flex_box_strat{align-items: flex-end;}
.tagarea p.tags{
margin: 0 2px 3px;
padding: 2px 5px;
color: #e60012;
border: 1px solid #e60012;
}

.sub #maincont .tags + p{margin-top: 0;}
.tagarea p.tags a{color: #e60012;}

/* .tagRed  */
.tagarea.tagRed p.tags{
color: #fff;
background: #e60012;
border: none;
}
.tagarea.tagRed p.tags a{color: #fff;}

/* .taglink  */
.tagarea.taglink p.tags{padding: 0;}
.tagarea.taglink p.tags a{padding: 2px 5px;color: #e60012;}

/* bigTag */
.tagarea.bigTag .tags{padding: 4px 10px;margin:0 4px 15px; font-size: 1.4rem; letter-spacing: 0.06em;}
.tagarea.bigTag.taglink .tags{padding: 0;}
.tagarea.bigTag.taglink .tags a{padding: 4px 10px;}

@media only screen and (max-width:750px) {
/* sp */
	.bigTag .tags{font-size: 1.1rem;}
}

@media only screen and (min-width: 751px) {
	.tagarea p.tags a:hover{opacity: 0.7;}
}





/* --------------------------
footer
-------------------------- */

footer,
footer a{color: #fff;}
footer .text{color: #fff;margin-bottom: 40px;}
footer .footbtn{
text-align: center;
color: #e60012;
background: #fff;
width: 100%;
display: inline-block;
}



@media only screen and (max-width:750px) {
/* sp */
	footer .text{	font-size: 0.9rem;}
	footer ul.inline li{display: block; padding: 5px 0; letter-spacing: 0.08em;}
	footer .logoBox,
	footer .pmrkBox{width: 100%;text-align: center; padding-bottom: 30px;}
	footer .flex_box{display: block;}
	footer .privacy_mark{padding-top: 20px;}
	footer .privacy_mark dt{width: 100%;font-size: 1.0rem;}
	footer .privacy_mark dd{width: 100%;font-size: 1.0rem;}
	footer .corpLink{text-align: center;}
	footer .copyright{margin: 20px 0 0;text-align: center;font-size: 1.1rem;}
	footer .footLogo{width: 270px;}
	footer .footbtn{margin-bottom: 20px;padding: 5px 0;font-size: 1.6rem;}
	footer .pmrkBox p{font-size: 1.1rem;}
    footer .entry_pmrkBox {}
    footer .entry_pmrkBox .privacy_mark { padding: 0; text-align: center;}
    footer .entry_pmrkBox .privacy_mark dt{}
	footer .entry_pmrkBox .privacy_mark dd{}
    footer .entry_pmrkBox p { font-size: 1.1rem; text-align: center;}
    }

@media only screen and (min-width: 751px) {
/* PC */
	footer .text{font-size: 1.2rem;}
	footer ul.inline li{display: inline-block;}
	footer ul.inline li + li:before{margin:0 5px;content:'|'}
	footer .footLogo{width: 340px;}
	footer .corpLink{font-size: 1.3rem;position: relative;top: -25px; width: 500px;}
	footer .corpLink li{ display: inline-block;}
	footer .corpLink li + li:before{margin:0 5px;content:'|'}
    footer .corpLink li + li:last-child:before{margin: 0; content:'';}
	footer .logoBox{width: 60%;}
	footer .pmrkBox{width: 40%;}
	footer .privacy_mark {margin: 20px 0 10px;font-size: 1.2rem;}
	footer .privacy_mark dt{width: 25%;}
	footer .privacy_mark dd{width: 75%;}
	footer .pmrkBox p{font-size: 1.2rem;}
	footer .copyright{margin: 20px 0 0;text-align: center;}
	footer .footbtn{padding: 20px 0;font-size: 1.8rem;}
    footer .entry_pmrkBox {}
    footer .entry_pmrkBox .privacy_mark { margin: 0 auto 20px;font-size: 1.2rem; width: 240px;}
    footer .entry_pmrkBox .privacy_mark dt{width: 80px;}
	footer .entry_pmrkBox .privacy_mark dd{width: 160px;}
    footer .entry_pmrkBox p { font-size: 1.2rem; text-align: center;}
}



/* --------------------------
 display Setting
-------------------------- */
@media only screen and (max-width:750px) {
/* sp */
	/*.pc_only, .pc_onlyB{display:none!important;}*/
	.sp_inlineblock{display:inline-block!important;}
	.sp_block{display:block!important;}
	.sp_hidden{display: none!important;}
}

@media only screen and (min-width: 751px) {
/* PC */
/*	.pc_only{display: inline-block!important;}
	.pc_onlyB{display: block!important;}
	.sp_only, .sp_onlyB{display: none!important;}
*/
	.pc_hidden{display: none!important;}
}



/*20210205*/

/* --------------------------
 #recArea
-------------------------- */

#recArea {
background:#e60012;
color: #fff;
}
#recArea h2{text-align: center;}
#recArea a{color: #fff;}



@media only screen and (max-width:750px) {
/* sp */
	#recArea{padding: 50px 15px 40px;}
	#recArea h2{
	padding-bottom: 50px;
	letter-spacing: 0.5rem;
	font-size: 2.4rem;
	}
	#recArea h3{
	padding-bottom: 30px;
	letter-spacing: 0.5rem;
	font-size: 2.4rem;
	}
	#recArea h4{
	padding-bottom: 20px;
	letter-spacing: 0.5rem;
	font-size: 1.8rem;
	}
	#recArea ul{font-size: 1.2rem;}
	#recArea .recList01,
	#recArea .recList02,
	#recArea .recList03,
	#recArea .recList04{padding-bottom: 40px;}
	#recArea .recList01 li,
	#recArea .recList02 li,
	#recArea .recList03 li,
	#recArea .recList04 li{
	width: 47%;
	padding: 8px 0;
	line-height: 1.4;
    letter-spacing: 0.08em;
	}
	#recArea ul.recList01,
	#recArea ul.recList03{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;}
}

@media only screen and (min-width: 751px) {
/* PC */
	#recArea{padding-top: 90px;padding-bottom: 70px;}
	#recArea h2{
	padding: 0 0 35px;
	letter-spacing: 1.0rem;
	font-size: 3.0rem;
	}
	#recArea h3{
	padding: 0 0 15px;
	letter-spacing: 0.5rem;
	font-size: 2.4rem;
	}
	#recArea h4{
	padding: 0 0 15px;
	letter-spacing: 0.3rem;
	font-size: 1.6rem;
	}	
	#recArea ul{font-size: 1.4rem; letter-spacing: 0.08em;}
	#recArea ul.recList01,
	#recArea ul.recList03{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff;
	}	
	#recArea ul.recList02,
	#recArea ul.recList04{padding-bottom: 65px;}
    #recArea ul.recList01 li,
	#recArea ul.recList02 li,
	#recArea ul.recList03 li{
	width: 33.33%;
	padding: 5px 0;
	}
	#recArea ul.recList04 li{
	width: 25%;
	padding: 5px 0;
	}
}

/* --------------------------
 #top_pickup_company
-------------------------- */
#top_pickup_company h2{ text-align: center;color: #e60012;}

#pickup_company_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
padding-bottom: 20px;
}

#pickup_company_list .jobinfoBox {
display: flex;
flex-direction: column;
width: 31%;
margin-bottom: 2.5rem;
padding: 1em;
border: 1px solid #fff;
background: #fff;
}
#pickup_company_list .box-logo {
/*min-height:150px;*/
margin-bottom: 1em;
display: flex;
align-items: center;
justify-content: center;
}
#pickup_company_list .box-logo img {
width: 120px;
height: auto;
vertical-align: bottom;
}
#pickup_company_list .box-tag {
margin-top: auto;
padding-top: 1em;
}
#pickup_company_list .jobinfoBox p{
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 0.07em;
}
#pickup_company_list a.jobinfoBox{color: #000;}
#pickup_company_list a.jobinfoBox:hover{opacity: 0.9;}

#pickup_company_list .tag li{
display: inline-block;
margin: 1px;
line-height: 1;
color: #fff;
}

#pickup_company_list .tag.tag-pick li{
background: #e60012;
padding: 4px 5px;
font-size: 1.2rem;
}


@media only screen and (max-width: 750px) {
/* SP */
#top_pickup_company{
	position:relative;
	padding: 40px 0 35px;
	background:url('../img/jobinfo/jobinfo_bg01a_sp.jpg') center center no-repeat;
	background-size: cover;
}

#top_pickup_company h2{
	padding: 0 0 30px;
	letter-spacing: 0.5rem;
	font-size: 2.4rem;
}
#pickup_company_list .jobinfoBox { width: 100%; margin-bottom: 1.5rem; }

}
@media only screen and (min-width: 751px) {
/* PC */
#top_pickup_company{
	padding-top: 90px;
	padding-bottom: 50px;
	background:url('../img/jobinfo/jobinfo_bg01_pc.jpg') center center no-repeat;
	background-size: cover;
}

#top_pickup_company h2{
	padding: 0 0 45px;
	letter-spacing: 1.0rem;
	font-size: 3.0rem;
}

}

/* --------------------------
 #top_pickup_recommend
-------------------------- */
#top_pickup_recommend h2{ text-align: center;color: #e60012;}

#pickup_recommend_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
padding-bottom: 20px;
}

#pickup_recommend_list .jobinfoBox {
display: flex;
flex-direction: column;
width: 31%;
margin-bottom: 2.5rem;
padding: 1em;
border: 1px solid #fff;
background: #fff;
}
#pickup_recommend_list .box-logo {
/*min-height:150px;*/
margin-bottom: 1em;
display: flex;
align-items: center;
justify-content: center;
}
#pickup_recommend_list .box-logo img {
width: 250px;
height: auto;
vertical-align: bottom;
}
#pickup_recommend_list .box-tag {
margin-top: auto;
padding-top: 1em;
}
#pickup_recommend_list .jobinfoBox p{
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 0.07em;
}
#pickup_recommend_list a.jobinfoBox{color: #000;}
#pickup_recommend_list a.jobinfoBox:hover{opacity: 0.9;}

#pickup_recommend_list .tag li{
display: inline-block;
margin: 1px;
line-height: 1;
color: #fff;
}

#pickup_recommend_list .tag.tag-pick li{
background: #e60012;
padding: 4px 5px;
font-size: 1.2rem;
}


@media only screen and (max-width: 750px) {
/* SP */
#top_pickup_recommend{
	position:relative;
	padding: 40px 0 35px;
	background:url('../img/recommend/recommend_bg01_sp.jpg') center center no-repeat;
	background-size: cover;
}

#top_pickup_recommend h2{
	padding: 0 0 30px;
	letter-spacing: 0.5rem;
	font-size: 2.4rem;
}
#pickup_recommend_list .jobinfoBox { width: 100%; margin-bottom: 1.5rem; }

}
@media only screen and (min-width: 751px) {
/* PC */
#top_pickup_recommend{
	padding-top: 90px;
	padding-bottom: 50px;
	background:url('../img/recommend/recommend_bg01_pc.jpg') center center no-repeat;
	background-size: cover;
}

#top_pickup_recommend h2{
	padding: 0 0 45px;
	letter-spacing: 1.0rem;
	font-size: 3.0rem;
}
    #pickup_recommend_list .jobinfoBox { padding: 0 0 1em; border: none;}
    #pickup_recommend_list .jobinfoBox p,
    #pickup_recommend_list .jobinfoBox ul { padding: 0 1em;}
    #pickup_recommend_list .box-logo img { width: 100%;}

}