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

/*  フォントと背景　*/

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

body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.8em;
	letter-spacing:0.07em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.bold {
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body img{
	vertical-align:bottom;
	border:0;
	font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	-webkit-backface-visibility: hidden;
}

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

/*  クロームのみ画像をシャープにする　*/

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

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

img {
	image-rendering: -webkit-optimize-contrast;
}

}

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

/*  リンク　*/

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

@media print, screen and (min-width: 768px){

a.anchor{
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

a {text-decoration: none;}
a:link {color:#0A50AA;}
a:visited {color:#0A50AA;}
a:active {color:#0A50AA;}
a:hover {color:#83A5D3; text-decoration: underline;}

a {
overflow: hidden;
}

a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}

}

@media screen and (max-width: 768px){

a.anchor{
	display: block;
	padding-top: 0px;
	margin-top: 0px;
}

a {text-decoration: none;}
a:link {color:#0A50AA;}
a:visited {color:#0A50AA;}
a:active {color:#0A50AA;}
a:hover {color:#83A5D3; text-decoration: underline;}

a {
overflow: hidden;
}

a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}

}

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

/*  ヘッダー　*/

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

@media print, screen and (min-width: 768px){

header{
	width:100%;
}

header .headBox{
	overflow: hidden;
	max-width:1040px;
	margin-left:auto;
	margin-right:auto;
	padding:0 15px;
}

#headSec{
}

}

@media screen and (max-width: 768px){

}

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

/*  メインナビゲーション　*/

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

@media print, screen and (min-width: 768px){

header .navBox{

}

header .navBox nav{
}

header .navBox nav ul li {
	display: inline;
	float: left;
	line-height:0;
	font-size:0px;
}

}

@media screen and (max-width: 768px){

}

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

/*  スライドで出現するヘッダー　*/

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

@media screen and (min-width: 768px){

.cb-header {
	width:100%;
	position: fixed;
	top:-70px;
	z-index:999;
	background:#FFF;
	border-bottom:1px solid #D2EBFA;
}

.cb-header .cb-headBox{
	overflow: hidden;
	margin:0 auto;
	padding:12px 20px;
	overflow: hidden;
}

.cb-header .cb-headBox .logo{
	float:left;
	width:20%;
	margin-right:3%;
}

.cb-header .cb-headBox .logo img{
	width:150px;
	-webkit-backface-visibility: hidden;
}

.cb-header .cb-headBox .navBox{
	float:left;
	width:77%;
}

.cb-header .cb-headBox .navBox nav{
	float:right;
	text-align:right;
	padding-top:5px;
}

.cb-header .cb-headBox .navBox nav ul li {
	display: inline;
	float: left;
	line-height:0;
	font-size:0px;
}

.cb-header .cb-headBox .navBox nav ul li.menu_txt a{
	display:block;
	text-align:center;
	padding:5px 10px;
	text-decoration:none;
	font-size:11px;
	color:#005FAA;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
}

.cb-header .cb-headBox .navBox nav ul li.menu_txt a:hover{
	color:#9BC8D7;
	text-decoration:none;
}

.cb-header .cb-headBox .navBox nav ul li.insta_icon{
	padding-top:3px;
}

.cb-header .cb-headBox .navBox nav ul li.insta_icon a{
	padding:5px 0px 5px 12px;
	transition: all  0.2s ease;
}

.cb-header .cb-headBox .navBox nav ul li.insta_icon a:hover{
	opacity: 0.5;
}

.cb-header .cb-headBox .navBox nav ul li.insta_icon img{
	width:15px;
	-webkit-backface-visibility: hidden;
}

}

@media screen and (max-width: 768px){

.cb-header {
	display:none;
}

}

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

/*  スマホ用 ハンバーガーメニュー　*/

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

@media print, screen and (min-width: 768px){

#toggle {
	display:none;
}
.toggleWrap {
	display:none;
}

}

@media screen and (max-width: 768px){

#toggle {
	display: block;
	background: #005FAA;
	color: #FFF;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 8%;
	position: fixed;
	top: 22px;
	right: 15px;
	z-index: 999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.trigger,
.trigger span {
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.trigger {
	position: relative;
	width: 28px;
	height: 18px;
}
.trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FFF;
	border-radius: 4px;
}
.trigger span:nth-of-type(1) {
	top: 0;
}
.trigger span:nth-of-type(2) {
	top:8px;
}
.trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
.trigger span:nth-of-type(3) {
	bottom: 0;
}
.trigger.active span:nth-of-type(1) {
	transform: translateY(8px) scale(0);
}
.trigger.active span:nth-of-type(2) {
	transform: rotate(-45deg);
}
.trigger.active span:nth-of-type(2)::after {
	transform: rotate(90deg);
}
.trigger.active span:nth-of-type(3) {
	transform: translateY(-8px) scale(0);
}

.toggleWrap {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.toggleWrap .toggleWrap_inner{
}

ul.mainNav{
	padding:45px 0 0 0;
	z-index:100;
}

ul.mainNav li {
	text-align:center;
	font-family: 'Roboto Condensed', "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size:17px;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:0.7px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:10px;
}

ul.mainNav li a{
	color:#005FAA;
	text-decoration:none;
	padding:10px 20px;
}

ul.mainNav li a:hover{
	color:#9BC8D7;
	text-decoration:none;
}

.toggleWrap .toggle_logo{
	position:fixed;
	width:100%;
	z-index:-100;
	bottom:20px;
}

.toggleWrap .toggle_logo .toggle_logo_inner{
	text-align:center;
}

.toggleWrap .toggle_logo .toggle_logo_inner img{
	width:200px;
}

.hide {
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.animation {
	transition-property: opacity, visibility;
	transition-duration: .3s;
	transition-timing-function: ease-in;
}
.no-scroll {
	overflow: hidden;
}

}

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

/*  パンくず　*/

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

@media print, screen and (min-width: 768px){

#breadCrumb {

}

}

@media screen and (max-width: 768px){

}

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

/*  レイアウト　*/

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

@media print, screen and (min-width: 768px){

#container {
}

}

@media screen and (max-width: 768px){

}

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

/*  サイドメニュー　*/

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

@media print, screen and (min-width: 768px){

aside{

}

}

@media screen and (max-width: 768px){

}

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

/*  コンテンツスペース　*/

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

@media print, screen and (min-width: 768px){

#bodySec {
	margin: 0 auto;
}

}

@media screen and (max-width: 768px){

}

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

/*  フッター　*/

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

@media print, screen and (min-width: 768px){

footer {
	width:100%;
}

footer:before{
	clear: both;
}

footer .footmenuBox{
}

footer .footmenuBox {
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	padding:0 15px;
}

footer .footmenuBox ul{
	font-size: 0;
	text-align: center;
}

footer .footmenuBox ul li{
	display: inline-block;
	font-size:12px;
	color:#CCC;
	line-height:1.5em;
	padding:0x 12px;
	letter-spacing:1.0px;
	font-feature-settings : "palt";
	border-right:1px solid #CCC;
}

footer .footmenuBox ul li:first-child{
	border-left:1px solid #CCC;
}

footer .footmenuBox ul li:last-child{
}

footer .footmenuBox ul li a {
	color:#666;
	text-decoration: none;
	padding:0 10px;
}

footer .footmenuBox ul li a:hover {
	color:#CCC;
	text-decoration: none;
}

}

@media screen and (max-width: 768px){

}

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

/*  ページトップボタン　*/

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

@media screen and (min-width: 768px){

#page-top {
	position: fixed;
	bottom: 0px;
	right: 15px;
	font-size: 12px;
	line-height:1.3em;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight:400;
	font-feature-settings : "palt";
	letter-spacing:1.0px;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #FFF;
	width: 56px;
	padding: 10px 0 16px;
	text-align: center;
	display: block;
	border-radius: 8px;
}
#page-top a:hover {
	text-decoration: none;
	background: #555;
}

}

@media print, screen and (max-width: 768px){

#page-top{
	display:none;
}

}