@charset "UTF-8";
/*========================================
Re:vite
Date : 20180410
URL : 
Style : global
Filename : global.css
========================================*/

/*========================================
Google Font
========================================*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');


/*========================================
Font Designation
========================================*/
html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 14px;
	color: #595959;
	line-height: 1.5;
	background-color: #FFF;
	float: left;
}


/*========================================
Font Size
========================================*/
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


/*========================================
Fonts Color
========================================*/
.f-base {
	color: #005bb3;
}
.f-sub {
	color: #3eb5e6;
}
.f-b_b {
	color: #009d81;
}
.f-bk {
	color: #454545;
}
.f-red {
	color: #ff1c1c;
}
.f-white {
	color: #fff;
}
.f-lgray {
	color: #e9e9e9;
}
.f-lgray_2 {
	color: #f1f1f1;
}
.f-yellow {
	color: #ff0;
}
.f-vermilion {
	color: #964041;
}
.f-redbrown {
	color: #8b0204;
}
.f-green {
	color: #006c00;
}
.f-pink {
	color: #fb6a8e;
}
.f-pinkred {
	color: #f75454;
}


/*========================================
Font Decoration
========================================*/
.f-overline {
	text-decoration: line-through;
}
.f-underline {
	text-decoration: underline;
}
.f-none {
	text-decoration: none!important;
}

.f-bold {
	font-weight: 700!important;
}
.f-normal {
	font-weight: 400!important;
}

.txt-indent_1 {
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.txt-indent_2 {
	padding-left: 2em!important;
	text-indent: -2em!important;
}

.txt-shadow_1 {
	text-shadow: 0px 0px 6px #454545;
}

.txt-letsp_01 {
	letter-spacing: .1em;
}
.txt-linehi_2 {
	line-height: 2!important;
}


/*========================================
Contents Color
========================================*/
.bg-base {
	background-color: #005bb3;
}
.bg-sub {
	background-color: #e3fbff;
}
.bg-b_b {
	background-color: #009d81;
}
.bg-white {
	background-color: #FFF;
}
.bg-lgreen {
	background-color: #e1efdc;
}
.bg-lgray {
	background-color: #e9e9e9;
}
.bg-lgray_2 {
	background-color: #f1f1f1;
}
.bg-bk {
	background-color: #474747;
}
.bg-orange {
	background-color: #f58f3a;
}
.bg-orangered {
	background-color: #f75454;
}
.bg-pinkred {
	background-color: #f75454;
}
.bg-lyellow {
	background: #fffce1;
}

.bg-btn_01 {
	background: linear-gradient(to bottom, rgba(135,11,13,1) 60%,rgba(79,7,8,1) 100%); 
}
.bg-btn_02 {
	background: linear-gradient(to bottom, rgba(239,239,238,1) 60%,rgba(193,193,192,1) 100%); 
}


/*========================================
Border
========================================*/
.ft-t_line {
	border-top: 1px solid #eee;
}
.ft-b_line {
	border-bottom: 1px solid #eee;
}

.bd-base {
	border: 1px solid #005bb3;
}
.bd-sub {
	border: 1px solid #998051;
}
.bd-redbrown {
	border: 1px solid #8b0204;
}
.bd-bl {
	border: 1px solid #595959;
}
.bd-gr {
	border: 1px solid #006c00;
}
.bd-pink {
	border: 1px solid #fc255c;
}

.bd-t_bl {
	border-top: 1px solid #595959;
}
.bd-t_base {
	border-top: 1px solid #005bb3;
}
.bd-t_gray {
	border-top: 1px solid #7e7e7e;
}
.bd-t_lgray {
	border-top: 1px solid #c4c4c4;
}
.bd-b_bsse {
	border-bottom: 1px solid #005bb3;
}
.bd-r_base {
	border-right: 1px solid #005bb3;
}

.cont-l_line {
	border-left: 1px solid #005bb3;
}


/*========================================
Content Position
========================================*/
.cont-float-l {
	float: left!important;
}
.cont-float-r {
	float: right!important;
}
.cont-float-none {
	float: none!important;
}
.cont-cleatr {
	clear: both;
}

.cont-flex {
	display: flex;
}
.cont-align_c {
	align-items: center;
}
.cont-align_b {
	align-items: baseline;
}
.cont-justify_c {
	justify-content: center;
}
.cont-justify_sb {
	justify-content: space-between;
}

.tx-center {
	text-align: center!important;
}
.tx-left {
	text-align: left!important;
}
.tx-right {
	text-align: right!important;
}


/*========================================
Content Switching
========================================*/
.sp-content_hidden {
	display: none!important;
}
.tab-content_hidden {
	display: block!important;
}
.pc-content_hidden {
	display: block!important;
}
.mob-content_hidden {
	display: none!important;
}

/* SP */
@media screen and (max-width: 767px) {
	.sp-content_hidden {
		display: block!important;
	}
	.tab-content_hidden {
		display: none!important;
	}
	.pc-content_hidden {
		display: none!important;
	}
	
	.mob-content_hidden {
		display: block!important;
	}
}
/* TABLET */
@media screen and (min-width: 768px) and (max-width: 960px) {
	.sp-content_hidden {
		display: none!important;
	}
	.tab-content_hidden {
		display: block!important;
	}
	.pc-content_hidden {
		display: none!important;
	}
	
	.mob-content_hidden {
		display: block!important;
	}
}


/*========================================
Contents Margin & Padding
========================================*/
/* Margin Top */
.mg-t_10 {
	margin-top: 10px!important;
}
.mg-t_20 {
	margin-top: 20px!important;
}
.mg-t_30 {
	margin-top: 30px!important;
}
.mg-t_40 {
	margin-top: 40px!important;
}
.mg-t_50 {
	margin-top: 50px!important;
}
.mg-t_60 {
	margin-top: 60px!important;
}
.mg-t_70 {
	margin-top: 70px!important;
}
/* Margin Bottom */
.mg-b_10 {
	margin-bottom: 10px!important;
}
.mg-b_20 {
	margin-bottom: 20px!important;
}
.mg-b_30 {
	margin-bottom: 30px!important;
}
.mg-b_40 {
	margin-bottom: 40px!important;
}
.mg-b_50 {
	margin-bottom: 50px!important;
}
/* Margin Left */
.mg-l_10 {
	margin-left: 10px!important;
}
.mg-l_20 {
	margin-left: 20px!important;
}
.mg-l_30 {
	margin-left: 30px!important;
}
/* Margin Right */
.mg-r_10 {
	margin-right: 10px!important;
}
.mg-r_20 {
	margin-right: 20px!important;
}
.mg-r_30 {
	margin-right: 30px!important;
}

/* Padding Top */
.pd-t_20 {
	padding-top: 20px;
}
.pd-t_30 {
	padding-top: 30px;
}

/* Padding Bottom */
.pd-b_50 {
	padding-bottom: 50px;
}

/* Padding Top & Bottom */
.pd-tb_3em {
	padding-top: 3em;
	padding-bottom: 3em;
}
.pd-tb_70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

/* Padding Left & right */
.pd-lr_10 {
	padding-left: 10px;
	padding-right: 10px;
}

/* Margin & Padding None */
.mg-none {
	margin: 0!important;
}
.pd_none {
	padding: 0!important;
}


/*========================================
Clear Fix
========================================*/
.clearfix {
	display: flow-root;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*========================================
Scrollbar
========================================*/
div::-webkit-scrollbar{
  width: 12px;
}
div::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 0px;
  box-shadow: inset 0 0 2px #777; 
}
div::-webkit-scrollbar-thumb{
  background: #c6c6c6;
  border-radius: 0px;
  box-shadow: none;
}