@charset "UTF-8";
/* =============================================================================
   共通部分
   ========================================================================== */

a {
	-webkit-transition: opacity 200ms ease-in-out;
   -moz-transition: opacity 200ms ease-in-out;
   -ms-transition: opacity 200ms ease-in-out;
   -o-transition: opacity 200ms ease-in-out;
   transition: opacity 200ms ease-in-out;
}
a:hover {
   opacity: .85;
}

.inner {
    max-width: 1000px;
    width: 94%;
    margin: 0 auto;
}

#main {
    min-height: 80vh;
}
@media screen and (max-width: 1090px) {
	#main {
	    min-height: auto;
	}
}

.soon {
    opacity: 0.3;
    pointer-events: none;
}


.sp_bl {
	display: none;
}
.pc_bl {
	display: block;
}
@media screen and (max-width: 640px) {
	.sp_bl {
		display: block;
	}
	.pc_bl {
		display: none;
	}
}


/* 中ページ共通
---------------------------------------------------*/
.subPage {
	margin-top: 80px;
}
@media screen and (max-width: 1090px) {
	.subPage {
		margin-top: 180px;
	}
}
@media screen and (max-width: 640px) {
	.subPage {
		margin-top: 80px;
	}
}
.page_mv {
    width: 100%;
    height: 550px;
    position: relative;
    background-color: #e6e6e6;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-position: center;
}

.sub_page_mv {
    background-color: #f2f5f8;
    width: 100%;
    height: 30vh;
    position: relative;
}

.page_mv h2,
.sub_page_mv h2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #004284;
    font-size: 42px;
    font-family: 'Amiri', serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1em;
    height: 70px;
}

.page_mv h2 span,
.sub_page_mv h2 span {
    display: block;
    color: #333333;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    letter-spacing: 0;
}

.bb_tit {
   font-size: 24px;
   text-align: center;
   letter-spacing: 0.1em;
   padding-bottom: 20px;
   margin-bottom: 50px;
   position: relative;
   line-height: 1.6;
}

.bb_tit:before {
   content: "";
   display: inline-block;
   border: 2px solid #333;
   width: 105px;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   border-radius: 5px;
}


.coming_soon {
    font-size: 28px;
    font-family: 'Amiri', serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #888888;
    text-align: center;
    padding-top: 20vh;
}

@media screen and (max-width: 1140px) {
	.coming_soon {
		padding: 100px 0;
	}
}


/*--- パンくずリスト ---*/
.pankuzu {
	margin: 0 auto 25px;
	max-width: 1280px;
	width: 94%;
	font-size: 0;
	letter-spacing: 0;
	color: #666666;
	padding: 15px 0;
}

.pankuzu li {
	display: inline-block;
	color: #004284;
	font-size: 10px;
}

.pankuzu li.arrow {
    padding: 0 5px 0 6px;
}

.pankuzu li a {
	display: inline-block;
	text-decoration: none;
	color: #666666;
}

.pankuzu li a:hover {
	text-decoration: underline;
	color: #666666;
}


/*--- ページャー ---*/
.page-navi {
    text-align: center;
    margin: 30px auto;
    font-size: 0;
}

.page-numbers {
    display: inline-block;
    font-size: 15px;
    font-family: 'Amiri', serif;
    border: solid 1px #004284;
    line-height: 1;
    padding: 7px 10px 6px;
    letter-spacing: 0;
    margin: 0 5px 5px;
}

.page-numbers.current {
    background-color: #004284;
    color: #FFF;
}

.page-navi a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-navi a:hover {
    background-color: #004284;
    color: #FFF;
}




/* ヘッダー
---------------------------------------------------*/
#header {
    background-color: #FFF;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    z-index: 100;
}

#header .inner {
    max-width: 1280px;
    width: 94%;
    margin: 0 auto;
    position: relative;
}

#header h1 {
    float: left;
    max-width: 300px;
    width: 300px;
}

#header h1 a {
    display: block;
}

#header h1 a:hover {
	opacity: 1;
}

.navi {
    float: right;
    max-width: 770px;
    width: 770px;
}

.navi > li {
    float: left;
    width: 110px;
    box-sizing: border-box;
    color: #333333;
    text-align: center;
    line-height: 1.4;
    position: relative;
}

.navi > li + li {
	border-right: solid 1px #CCC;
}

.navi > li > a {
    display: block;
	position: relative;
    padding: 28px 0 19px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navi > li:hover > a:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #C7113C;
	content: "";
}

.navi > li > a span {
    display: block;
    font-size: 10px;
    color: #999999;
}

.navi > li:first-child {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

.navi > li:hover > a {
    background-color: #004284;
}

.navi > li:hover a {
    color: #FFF;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navi > li:hover a span {
    color: #7FA0C1;
}

.sp_bar {
	display: none;
}

#sp_menu {
	display: none;
}

.sp_navi {
    max-width: 560px;
    width: 94%;
    margin: 0 auto;
    border-top: solid 1px #CCC;
}


/* ドロップダウンメニュー */
.dropmenu {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
	color: #FFF;
	text-align: left;
	width: 240px;
	box-sizing: border-box;
}

.navi > li:hover .dropmenu{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.dropmenu li {
	width: 100%;
}

.dropmenu li + li {
    border-top: solid 1px #CCC;
}

.dropmenu li a {
    padding: 15px 20px;
    display: block;
    font-size: 13px;
    position: relative;
    background: rgba(0, 173, 206, 0.9);
}

.dropmenu li a:hover {
	background: rgba(10, 200, 236, 0.9);
}

.dropmenu li a:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #ffffff;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
}




@media screen and (max-width: 1140px) {
	#main {
		margin-top: 180px;
	}
	#header h1 {
	    float: none;
	    max-width: 300px;
	    width: 300px;
	    margin: 0 auto;
	    box-sizing: border-box;
	    padding: 10px 0;
	}
	.navi {
	    float: none;
	    max-width: 1090px;
	    width: 100%;
	    margin: 0 auto;
	}
	.navi > li {
	    float: left;
	    max-width: 155px;
	    width: 14.2202%;
	    box-sizing: border-box;
	    color: #333333;
	    text-align: center;
	    line-height: 1.4;
	}
	.sp_navi > li {
		float: left;
		max-width: 560px;
		width: 100%;
		text-align: center;
		color: #FFF;
		font-size: 14px;
		border-bottom: solid 1px #CCC;
		box-sizing: border-box;
	}
	.sp_navi > li span {
		display: block;
		font-size: 11px;
		color: #888;
	}
	.sp_navi > li > a,
	.sp_navi .accordion {
		display: block;
		padding: 15px 5px;
		box-sizing: border-box;
		background: rgba(73, 75, 130, 0.3);
		position: relative;
	}
	.sp_navi > li > a:after,
	.accordion:after {
		content: '';
		display: block;
		width: 20px;
		height: 10px;
		background-image: url(../../img/common/sp/arrow_nav.png);
		-webkit-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		right: 1em;
		top: 50%;
		margin-top: -5px;
	}
	.accordion:after {
		-webkit-transition:  all 0.3s ease;;
		   -moz-transition:  all 0.3s ease;;
		    -ms-transition:  all 0.3s ease;;
		     -o-transition:  all 0.3s ease;;
		        transition:  all 0.3s ease;;
	}
	.sp_navi > li > a:after {
		-webkit-transform: rotate(-90deg);
		   -moz-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		     -o-transform: rotate(-90deg);
		        transform: rotate(-90deg);
	}
	.accordion.open:after {
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		     -o-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
}

@media screen and (max-width: 640px) {
	#main {
		margin-top: 80px;
	}
	#header {
		height: 80px;
	}
	#header h1 {
	    float: left;
	    max-width: 300px;
	    width: 226px;
	    margin: 0 auto;
	    box-sizing: border-box;
	    padding: 10px 0;
	}
	.navi {
	    display: none;
	}
	.sp_bar {
		display: block;
		float: right;
		width: 40px;
		height: 34px;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
}




/* スマホスライドメニュー
---------------------------------------------------*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 40px;
	height: 34px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #004284;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}

#sp-nav {
    display: none;
}

.submenu {
    border-top: dotted 1px #a5a5a5;
    padding: 5px 0;
}

.submenu > li a {
    padding: 10px;
    display: block;
    font-size: 12px;
}



@media screen and (max-width: 640px) {
	#sp_menu_overlay {
	    opacity: 0;
	    background: rgba(0, 0, 0, 0.8);
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    -webkit-transition: 0.5s;
	    -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	    -o-transition: 0.5s;
	    transition: 0.5s;
	    z-index: -1;
	}

	#sp_menu_overlay.overlay_now {
	    opacity: 1;
	    z-index: 99;
	}

	#sp_menu {
	    display: block;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: auto;
	    max-height: 100%;
	    z-index: -1;
	    opacity: 0;
	    -webkit-transition: 0.5s;
	    -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	    -o-transition: 0.5s;
	    transition: 0.5s;
	    background-color: transparent;
	    overflow-y: scroll;
	}

	.openmenu {
	    opacity: 1 !important;
	    z-index: 100 !important;
	}
}




/* フッター
---------------------------------------------------*/
#footer {
    background-color: #FFF;
    padding: 50px 0;
    position: relative;
}

#footer .inner {
    max-width: 1240px;
    font-size: 10px;
}

.f_ul {
    float: left;
    max-width: 690px;
}

.f_ul > li {
    float: left;
    max-width: 625px;
    line-height: 1.8;
    margin-top: -2px;
}

.f_ul > li:first-child {
    max-width: 50px;
    width: 50px;
    margin-right: 15px;
    margin-top: 0;
}

.f_ul > li dl dt {
    font-size: 11px;
    font-weight: bold;
}

.f_ul .ib {
  display: inline-block;
}

#footer .inner > .fr {
    float: right;
}

.f_navi {
    font-size: 0;
    letter-spacing: 0;
    text-align: right;
    line-height: 1;
    margin-top: 19px;
    margin-bottom: 8px;
}

.f_navi > li {
    display: inline-block;
    font-size: 10px;
}

.f_navi > li + li {
    padding-left: 10px;
    margin-left: 10px;
    border-left: solid 1px #000;
}

#pagetop {
	position: relative;
}
#pagetop a.blue_btn {
	position: absolute;
	top: -36px;
	right: 0;
	display: block;
	text-align: center;
	line-height: 1.4;
	border: solid 1px #004284;
	border-radius: 0;
	max-width: none;
	padding: 10px 15px;
	width: auto;
	margin: 0 auto;
	background-color: #004284;
	color: #FFF;
	height: auto;
}



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

	/* 中ページ共通 */
	.page_mv {
		height: 60vh;
	}
	.sub_page_mv {
	    height: auto;
	}
	.sub_page_mv h2 {
		padding: 10vh 0;
		width: 100%;
		height: 30vh;
		position: static;
		box-sizing: border-box;
		font-size: 32px;
	}

	/* フッター */
	.f_ul > li {
	    float: none;
	    text-align: center;
	}

	.f_ul > li:first-child {
	    max-width: none;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 5px;
	}

	.f_ul > li dl dt {
	    font-size: 14px;
	    margin-bottom: 10px;
	}

	.f_ul > li dl dd {
	    font-size: 12px;
	}

	.f_ul {
	    float: none;
	}

	#footer .inner > .fr {
	    float: none;
	}

	.f_navi,
	.copyright {
	    text-align: center;
	}

	#pagetop a.blue_btn {
	    position: fixed;
	    top: auto;
	    bottom: 0;
	    right: 3%;
	    z-index: 90;
	    line-height: 1.4;
	    padding: 10px 15px;
	    width: auto;
	    height: 1em;
	}

}




/*　ここから下はユーティリティ　*/
/* =============================================================================
   position　
   ========================================================================== */
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.sp-bl,
.sp-il {
	display: none !important;
}

/* =============================================================================
   display
   ========================================================================== */
.dn {
	display: none;
}
.db {
	display: block;
}
.di {
	display: inline;
}
.table {
	display: table;
	width: 100%;
}
.table .table-r {
	display: table-row;
}
.table .table-c {
	display: table-cell;
}

.sp-bl ,
.sp-il {
	display: none !important;
}

/* =============================================================================
   float
   ========================================================================== */
.fl,
.pc-fl {
	float: left;
}
.fr,
.pc-fr {
	float: right;
}

/* =============================================================================
   text-align
   ========================================================================== */
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.taj {
	text-align: justify;
	text-justify: auto;
}

/* =============================================================================
   vertival-align
   ========================================================================== */
.vam {
	vertical-align: middle;
}

/* =============================================================================
   clear
   ========================================================================== */
.clear,
.clr {
	clear: both;
}

/* =============================================================================
   nowrap
   ========================================================================== */
.nowrap {
	white-space: nowrap;
}

/* =============================================================================
   border
   ========================================================================== */
.btsg {
	border-top: 1px solid #ccc;
}
.bbsg {
	border-bottom: 1px solid #ccc;
}
.btdg {
	border-top: 1px dotted #ccc;
}
.bbdg {
	border-bottom: 1px dotted #ccc;
}

/* =============================================================================
   font
   ========================================================================== */
.f1e {
	font-size: 1em;
}
.f12e {
	font-size: 1.2em;
}
.f14e {
	font-size: 1.4em;
}
.f16e {
	font-size: 1.6em;
}
.bold,
.bld {
	font-weight: bold;
}
.italic,
.ita {
	font-style: italic;
}

/* =============================================================================
   hover
   ========================================================================== */
img.ov:hover,
a.ov:hover img {
	background-color: #ffffff;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* =============================================================================
   margin
   ========================================================================== */
.mAuto {
	margin-left: auto;
	margin-right: auto;
}
.mt-0 {
	margin-top: 0px;
}
.mt-1 {
	margin-top: 1px;
}
.mt-2 {
	margin-top: 2px;
}
.mt-3 {
	margin-top: 3px;
}
.mt-4 {
	margin-top: 4px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-6 {
	margin-top: 6px;
}
.mt-7 {
	margin-top: 7px;
}
.mt-8 {
	margin-top: 8px;
}
.mt-9 {
	margin-top: 9px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-55 {
	margin-top: 55px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-65 {
	margin-top: 65px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-75 {
	margin-top: 75px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-85 {
	margin-top: 85px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-95 {
	margin-top: 95px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-0i {
	margin-top: 0px !important;
}
.mt-1i {
	margin-top: 1px !important;
}
.mt-2i {
	margin-top: 2px !important;
}
.mt-3i {
	margin-top: 3px !important;
}
.mt-4i {
	margin-top: 4px !important;
}
.mt-5i {
	margin-top: 5px !important;
}
.mt-6i {
	margin-top: 6px !important;
}
.mt-7i {
	margin-top: 7px !important;
}
.mt-8i {
	margin-top: 8px !important;
}
.mt-9i {
	margin-top: 9px !important;
}
.mt-10i {
	margin-top: 10px !important;
}
.mt-15i {
	margin-top: 15px !important;
}
.mt-20i {
	margin-top: 20px !important;
}
.mt-25i {
	margin-top: 25px !important;
}
.mt-30i {
	margin-top: 30px !important;
}
.mt-35i {
	margin-top: 35px !important;
}
.mt-40i {
	margin-top: 40px !important;
}
.mt-45i {
	margin-top: 45px !important;
}
.mt-50i {
	margin-top: 50px !important;
}
.mt-55i {
	margin-top: 55px !important;
}
.mt-60i {
	margin-top: 60px !important;
}
.mt-65i {
	margin-top: 65px !important;
}
.mt-70i {
	margin-top: 70px !important;
}
.mt-75i {
	margin-top: 75px !important;
}
.mt-80i {
	margin-top: 80px !important;
}
.mt-85i {
	margin-top: 85px !important;
}
.mt-90i {
	margin-top: 90px !important;
}
.mt-95i {
	margin-top: 95px !important;
}
.ml-0 {
	margin-left: 0px;
}
.ml-1 {
	margin-left: 1px;
}
.ml-2 {
	margin-left: 2px;
}
.ml-3 {
	margin-left: 3px;
}
.ml-4 {
	margin-left: 4px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-6 {
	margin-left: 6px;
}
.ml-7 {
	margin-left: 7px;
}
.ml-8 {
	margin-left: 8px;
}
.ml-9 {
	margin-left: 9px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-40 {
	margin-left: 40px;
}
.ml-45 {
	margin-left: 45px;
}
.ml-50 {
	margin-left: 50px;
}
.ml-55 {
	margin-left: 55px;
}
.ml-60 {
	margin-left: 60px;
}
.ml-65 {
	margin-left: 65px;
}
.ml-70 {
	margin-left: 70px;
}
.ml-75 {
	margin-left: 75px;
}
.ml-80 {
	margin-left: 80px;
}
.ml-85 {
	margin-left: 85px;
}
.ml-90 {
	margin-left: 90px;
}
.ml-95 {
	margin-left: 95px;
}
.ml-0i {
	margin-left: 0px !important;
}
.ml-1i {
	margin-left: 1px !important;
}
.ml-2i {
	margin-left: 2px !important;
}
.ml-3i {
	margin-left: 3px !important;
}
.ml-4i {
	margin-left: 4px !important;
}
.ml-5i {
	margin-left: 5px !important;
}
.ml-6i {
	margin-left: 6px !important;
}
.ml-7i {
	margin-left: 7px !important;
}
.ml-8i {
	margin-left: 8px !important;
}
.ml-9i {
	margin-left: 9px !important;
}
.ml-10i {
	margin-left: 10px !important;
}
.ml-15i {
	margin-left: 15px !important;
}
.ml-20i {
	margin-left: 20px !important;
}
.ml-25i {
	margin-left: 25px !important;
}
.ml-30i {
	margin-left: 30px !important;
}
.ml-35i {
	margin-left: 35px !important;
}
.ml-40i {
	margin-left: 40px !important;
}
.ml-45i {
	margin-left: 45px !important;
}
.ml-50i {
	margin-left: 50px !important;
}
.ml-55i {
	margin-left: 55px !important;
}
.ml-60i {
	margin-left: 60px !important;
}
.ml-65i {
	margin-left: 65px !important;
}
.ml-70i {
	margin-left: 70px !important;
}
.ml-75i {
	margin-left: 75px !important;
}
.ml-80i {
	margin-left: 80px !important;
}
.ml-85i {
	margin-left: 85px !important;
}
.ml-90i {
	margin-left: 90px !important;
}
.ml-95i {
	margin-left: 95px !important;
}
.mr-0 {
	margin-right: 0px;
}
.mr-1 {
	margin-right: 1px;
}
.mr-2 {
	margin-right: 2px;
}
.mr-3 {
	margin-right: 3px;
}
.mr-4 {
	margin-right: 4px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-6 {
	margin-right: 6px;
}
.mr-7 {
	margin-right: 7px;
}
.mr-8 {
	margin-right: 8px;
}
.mr-9 {
	margin-right: 9px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}
.mr-55 {
	margin-right: 55px;
}
.mr-60 {
	margin-right: 60px;
}
.mr-65 {
	margin-right: 65px;
}
.mr-70 {
	margin-right: 70px;
}
.mr-75 {
	margin-right: 75px;
}
.mr-80 {
	margin-right: 80px;
}
.mr-85 {
	margin-right: 85px;
}
.mr-90 {
	margin-right: 90px;
}
.mr-95 {
	margin-right: 95px;
}
.mr-0i {
	margin-right: 0px !important;
}
.mr-1i {
	margin-right: 1px !important;
}
.mr-2i {
	margin-right: 2px !important;
}
.mr-3i {
	margin-right: 3px !important;
}
.mr-4i {
	margin-right: 4px !important;
}
.mr-5i {
	margin-right: 5px !important;
}
.mr-6i {
	margin-right: 6px !important;
}
.mr-7i {
	margin-right: 7px !important;
}
.mr-8i {
	margin-right: 8px !important;
}
.mr-9i {
	margin-right: 9px !important;
}
.mr-10i {
	margin-right: 10px !important;
}
.mr-15i {
	margin-right: 15px !important;
}
.mr-20i {
	margin-right: 20px !important;
}
.mr-25i {
	margin-right: 25px !important;
}
.mr-30i {
	margin-right: 30px !important;
}
.mr-35i {
	margin-right: 35px !important;
}
.mr-40i {
	margin-right: 40px !important;
}
.mr-45i {
	margin-right: 45px !important;
}
.mr-50i {
	margin-right: 50px !important;
}
.mr-55i {
	margin-right: 55px !important;
}
.mr-60i {
	margin-right: 60px !important;
}
.mr-65i {
	margin-right: 65px !important;
}
.mr-70i {
	margin-right: 70px !important;
}
.mr-75i {
	margin-right: 75px !important;
}
.mr-80i {
	margin-right: 80px !important;
}
.mr-85i {
	margin-right: 85px !important;
}
.mr-90i {
	margin-right: 90px !important;
}
.mr-95i {
	margin-right: 95px !important;
}
.mb-0 {
	margin-bottom: 0px;
}
.mb-1 {
	margin-bottom: 1px;
}
.mb-2 {
	margin-bottom: 2px;
}
.mb-3 {
	margin-bottom: 3px;
}
.mb-4 {
	margin-bottom: 4px;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-6 {
	margin-bottom: 6px;
}
.mb-7 {
	margin-bottom: 7px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-9 {
	margin-bottom: 9px;
}
.mb-0 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-0i {
	margin-bottom: 0px !important;
}
.mb-1i {
	margin-bottom: 1px !important;
}
.mb-2i {
	margin-bottom: 2px !important;
}
.mb-3i {
	margin-bottom: 3px !important;
}
.mb-4i {
	margin-bottom: 4px !important;
}
.mb-5i {
	margin-bottom: 5px !important;
}
.mb-6i {
	margin-bottom: 6px !important;
}
.mb-7i {
	margin-bottom: 7px !important;
}
.mb-8i {
	margin-bottom: 8px !important;
}
.mb-9i {
	margin-bottom: 9px !important;
}
.mb-0i {
	margin-bottom: 5px !important;
}
.mb-10i {
	margin-bottom: 10px !important;
}
.mb-15i {
	margin-bottom: 15px !important;
}
.mb-20i {
	margin-bottom: 20px !important;
}
.mb-25i {
	margin-bottom: 25px !important;
}
.mb-30i {
	margin-bottom: 30px !important;
}
.mb-35i {
	margin-bottom: 35px !important;
}
.mb-40i {
	margin-bottom: 40px !important;
}
.mb-45i {
	margin-bottom: 45px !important;
}
.mb-50i {
	margin-bottom: 50px !important;
}
.mb-55i {
	margin-bottom: 55px !important;
}
.mb-60i {
	margin-bottom: 60px !important;
}
.mb-65i {
	margin-bottom: 65px !important;
}
.mb-70i {
	margin-bottom: 70px !important;
}
.mb-75i {
	margin-bottom: 75px !important;
}
.mb-80i {
	margin-bottom: 80px !important;
}
.mb-85i {
	margin-bottom: 85px !important;
}
.mb-90i {
	margin-bottom: 90px !important;
}
.mb-95i {
	margin-bottom: 95px !important;
}

/* =============================================================================
   padding
   ========================================================================== */
.p-0 {
	padding: 0px;
}
.p-1 {
	padding: 1px;
}
.p-2 {
	padding: 2px;
}
.p-3 {
	padding: 3px;
}
.p-4 {
	padding: 4px;
}
.p-5 {
	padding: 5px;
}
.p-6 {
	padding: 6px;
}
.p-7 {
	padding: 7px;
}
.p-8 {
	padding: 8px;
}
.p-9 {
	padding: 9px;
}
.p-10 {
	padding: 10px;
}
.p-15 {
	padding: 15px;
}
.p-20 {
	padding: 20px;
}
.p-25 {
	padding: 25px;
}
.p-30 {
	padding: 30px;
}
.p-35 {
	padding: 35px;
}
.p-40 {
	padding: 40px;
}
.p-45 {
	padding: 45px;
}
.p-50 {
	padding: 50px;
}
.p-0i {
	padding: 0px !important;
}
.p-1i {
	padding: 1px !important;
}
.p-2i {
	padding: 2px !important;
}
.p-3i {
	padding: 3px !important;
}
.p-4i {
	padding: 4px !important;
}
.p-5i {
	padding: 5px !important;
}
.p-6i {
	padding: 6px !important;
}
.p-7i {
	padding: 7px !important;
}
.p-8i {
	padding: 8px !important;
}
.p-9i {
	padding: 9px !important;
}
.p-10i {
	padding: 10px !important;
}
.p-15i {
	padding: 15px !important;
}
.p-20i {
	padding: 20px !important;
}
.p-25i {
	padding: 25px !important;
}
.p-30i {
	padding: 30px !important;
}
.p-35i {
	padding: 35px !important;
}
.p-40i {
	padding: 40px !important;
}
.p-45i {
	padding: 45px !important;
}
.p-50i {
	padding: 50px !important;
}
.p-10_5 {
	padding: 10px 5px;
}
.p-5_10 {
	padding: 5px 10px;
}
.p-15_5 {
	padding: 15px 10px;
}
.p-15_10 {
	padding: 15px 10px;
}
.p-20_5 {
	padding: 20px 5px;
}
.p-20_10 {
	padding: 20px 10px;
}
.pt-0 {
	padding-top: 0px;
}
.pt-1 {
	padding-top: 1px;
}
.pt-2 {
	padding-top: 2px;
}
.pt-3 {
	padding-top: 3px;
}
.pt-4 {
	padding-top: 4px;
}
.pt-5 {
	padding-top: 5px;
}
.pt-6 {
	padding-top: 6px;
}
.pt-7 {
	padding-top: 7px;
}
.pt-8 {
	padding-top: 8px;
}
.pt-9 {
	padding-top: 9px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-55 {
	padding-top: 55px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-65 {
	padding-top: 65px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-75 {
	padding-top: 75px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-85 {
	padding-top: 85px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-95 {
	padding-top: 95px;
}
.pt-0i {
	padding-top: 0px !important;
}
.pt-1i {
	padding-top: 1px !important;
}
.pt-2i {
	padding-top: 2px !important;
}
.pt-3i {
	padding-top: 3px !important;
}
.pt-4i {
	padding-top: 4px !important;
}
.pt-5i {
	padding-top: 5px !important;
}
.pt-6i {
	padding-top: 6px !important;
}
.pt-7i {
	padding-top: 7px !important;
}
.pt-8i {
	padding-top: 8px !important;
}
.pt-9i {
	padding-top: 9px !important;
}
.pt-10i {
	padding-top: 10px !important;
}
.pt-15i {
	padding-top: 15px !important;
}
.pt-20i {
	padding-top: 20px !important;
}
.pt-25i {
	padding-top: 25px !important;
}
.pt-30i {
	padding-top: 30px !important;
}
.pt-35i {
	padding-top: 35px !important;
}
.pt-40i {
	padding-top: 40px !important;
}
.pt-45i {
	padding-top: 45px !important;
}
.pt-50i {
	padding-top: 50px !important;
}
.pt-55i {
	padding-top: 55px !important;
}
.pt-60i {
	padding-top: 60px !important;
}
.pt-65i {
	padding-top: 65px !important;
}
.pt-70i {
	padding-top: 70px !important;
}
.pt-75i {
	padding-top: 75px !important;
}
.pt-80i {
	padding-top: 80px !important;
}
.pt-85i {
	padding-top: 85px !important;
}
.pt-90i {
	padding-top: 90px !important;
}
.pt-95i {
	padding-top: 95px !important;
}
.pl-0 {
	padding-left: 0px;
}
.pl-1 {
	padding-left: 1px;
}
.pl-2 {
	padding-left: 2px;
}
.pl-3 {
	padding-left: 3px;
}
.pl-4 {
	padding-left: 4px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-6 {
	padding-left: 6px;
}
.pl-7 {
	padding-left: 7px;
}
.pl-8 {
	padding-left: 8px;
}
.pl-9 {
	padding-left: 9px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-25 {
	padding-left: 25px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-35 {
	padding-left: 35px;
}
.pl-40 {
	padding-left: 40px;
}
.pl-45 {
	padding-left: 45px;
}
.pl-50 {
	padding-left: 50px;
}
.pl-55 {
	padding-left: 55px;
}
.pl-60 {
	padding-left: 60px;
}
.pl-65 {
	padding-left: 65px;
}
.pl-70 {
	padding-left: 70px;
}
.pl-75 {
	padding-left: 75px;
}
.pl-80 {
	padding-left: 80px;
}
.pl-85 {
	padding-left: 85px;
}
.pl-90 {
	padding-left: 90px;
}
.pl-95 {
	padding-left: 95px;
}
.pl-100 {
	padding-left: 100px;
}
.pl-110 {
	padding-left: 110px;
}
.pl-120 {
	padding-left: 120px;
}
.pl-0i {
	padding-left: 0px !important;
}
.pl-1i {
	padding-left: 1px !important;
}
.pl-2i {
	padding-left: 2px !important;
}
.pl-3i {
	padding-left: 3px !important;
}
.pl-4i {
	padding-left: 4px !important;
}
.pl-5i {
	padding-left: 5px !important;
}
.pl-6i {
	padding-left: 6px !important;
}
.pl-7i {
	padding-left: 7px !important;
}
.pl-8i {
	padding-left: 8px !important;
}
.pl-9i {
	padding-left: 9px !important;
}
.pl-10i {
	padding-left: 10px !important;
}
.pl-15i {
	padding-left: 15px !important;
}
.pl-20i {
	padding-left: 20px !important;
}
.pl-25i {
	padding-left: 25px !important;
}
.pl-30i {
	padding-left: 30px !important;
}
.pl-35i {
	padding-left: 35px !important;
}
.pl-40i {
	padding-left: 40px !important;
}
.pl-45i {
	padding-left: 45px !important;
}
.pl-50i {
	padding-left: 50px !important;
}
.pl-55i {
	padding-left: 55px !important;
}
.pl-60i {
	padding-left: 60px !important;
}
.pl-65i {
	padding-left: 65px !important;
}
.pl-70i {
	padding-left: 70px !important;
}
.pl-75i {
	padding-left: 75px !important;
}
.pl-80i {
	padding-left: 80px !important;
}
.pl-85i {
	padding-left: 85px !important;
}
.pl-90i {
	padding-left: 90px !important;
}
.pl-95i {
	padding-left: 95px !important;
}
.pr-0 {
	padding-right: 0px;
}
.pr-1 {
	padding-right: 1px;
}
.pr-2 {
	padding-right: 2px;
}
.pr-3 {
	padding-right: 3px;
}
.pr-4 {
	padding-right: 4px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-6 {
	padding-right: 6px;
}
.pr-7 {
	padding-right: 7px;
}
.pr-8 {
	padding-right: 8px;
}
.pr-9 {
	padding-right: 9px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-40 {
	padding-right: 40px;
}
.pr-45 {
	padding-right: 45px;
}
.pr-50 {
	padding-right: 50px;
}
.pr-55 {
	padding-right: 55px;
}
.pr-60 {
	padding-right: 60px;
}
.pr-65 {
	padding-right: 65px;
}
.pr-70 {
	padding-right: 70px;
}
.pr-75 {
	padding-right: 75px;
}
.pr-80 {
	padding-right: 80px;
}
.pr-85 {
	padding-right: 85px;
}
.pr-90 {
	padding-right: 90px;
}
.pr-95 {
	padding-right: 95px;
}
.pr-0i {
	padding-right: 0px !important;
}
.pr-1i {
	padding-right: 1px !important;
}
.pr-2i {
	padding-right: 2px !important;
}
.pr-3i {
	padding-right: 3px !important;
}
.pr-4i {
	padding-right: 4px !important;
}
.pr-5i {
	padding-right: 5px !important;
}
.pr-6i {
	padding-right: 6px !important;
}
.pr-7i {
	padding-right: 7px !important;
}
.pr-8i {
	padding-right: 8px !important;
}
.pr-9i {
	padding-right: 9px !important;
}
.pr-10i {
	padding-right: 10px !important;
}
.pr-15i {
	padding-right: 15px !important;
}
.pr-20i {
	padding-right: 20px !important;
}
.pr-25i {
	padding-right: 25px !important;
}
.pr-30i {
	padding-right: 30px !important;
}
.pr-35i {
	padding-right: 35px !important;
}
.pr-40i {
	padding-right: 40px !important;
}
.pr-45i {
	padding-right: 45px !important;
}
.pr-50i {
	padding-right: 50px !important;
}
.pr-55i {
	padding-right: 55px !important;
}
.pr-60i {
	padding-right: 60px !important;
}
.pr-65i {
	padding-right: 65px !important;
}
.pr-70i {
	padding-right: 70px !important;
}
.pr-75i {
	padding-right: 75px !important;
}
.pr-80i {
	padding-right: 80px !important;
}
.pr-85i {
	padding-right: 85px !important;
}
.pr-90i {
	padding-right: 90px !important;
}
.pr-95i {
	padding-right: 95px !important;
}
.pb-0 {
	padding-bottom: 0px;
}
.pb-1 {
	padding-bottom: 1px;
}
.pb-2 {
	padding-bottom: 2px;
}
.pb-3 {
	padding-bottom: 3px;
}
.pb-4 {
	padding-bottom: 4px;
}
.pb-5 {
	padding-bottom: 5px;
}
.pb-6 {
	padding-bottom: 6px;
}
.pb-7 {
	padding-bottom: 7px;
}
.pb-8 {
	padding-bottom: 8px;
}
.pb-9 {
	padding-bottom: 9px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-45 {
	padding-bottom: 45px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-65 {
	padding-bottom: 65px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-75 {
	padding-bottom: 75px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-85 {
	padding-bottom: 85px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-95 {
	padding-bottom: 95px;
}
.pb-0i {
	padding-bottom: 0px !important;
}
.pb-1i {
	padding-bottom: 1px !important;
}
.pb-2i {
	padding-bottom: 2px !important;
}
.pb-3i {
	padding-bottom: 3px !important;
}
.pb-4i {
	padding-bottom: 4px !important;
}
.pb-5i {
	padding-bottom: 5px !important;
}
.pb-6i {
	padding-bottom: 6px !important;
}
.pb-7i {
	padding-bottom: 7px !important;
}
.pb-8i {
	padding-bottom: 8px !important;
}
.pb-9i {
	padding-bottom: 9px !important;
}
.pb-10i {
	padding-bottom: 10px !important;
}
.pb-15i {
	padding-bottom: 15px !important;
}
.pb-20i {
	padding-bottom: 20px !important;
}
.pb-25i {
	padding-bottom: 25px !important;
}
.pb-30i {
	padding-bottom: 30px !important;
}
.pb-35i {
	padding-bottom: 35px !important;
}
.pb-40i {
	padding-bottom: 40px !important;
}
.pb-45i {
	padding-bottom: 45px !important;
}
.pb-50i {
	padding-bottom: 50px !important;
}
.pb-55i {
	padding-bottom: 55px !important;
}
.pb-60i {
	padding-bottom: 60px !important;
}
.pb-65i {
	padding-bottom: 65px !important;
}
.pb-70i {
	padding-bottom: 70px !important;
}
.pb-75i {
	padding-bottom: 75px !important;
}
.pb-80i {
	padding-bottom: 80px !important;
}
.pb-85i {
	padding-bottom: 85px !important;
}
.pb-90i {
	padding-bottom: 90px !important;
}
.pb-95i {
	padding-bottom: 95px !important;
}

/* =============================================================================
   width
   ========================================================================== */
.w100per {
	width: 100%;
	min-width: none;
}
.w10px {
	width: 10px;
}
.w15px {
	width: 15px;
}
.w20px {
	width: 20px;
}
.w25px {
	width: 25px;
}
.w30px {
	width: 30px;
}
.w35px {
	width: 35px;
}
.w40px {
	width: 40px;
}
.w45px {
	width: 45px;
}
.w50px {
	width: 50px;
}
.w55px {
	width: 55px;
}
.w60px {
	width: 60px;
}
.w65px {
	width: 65px;
}
.w70px {
	width: 70px;
}
.w75px {
	width: 75px;
}
.w80px {
	width: 80px;
}
.w85px {
	width: 85px;
}
.w90px {
	width: 90px;
}
.w95px {
	width: 95px;
}
.w100px {
	width: 100px;
}
.w110px {
	width: 110px;
}
.w120px {
	width: 120px;
}
.w130px {
	width: 130px;
}
.w140px {
	width: 140px;
}
.w150px {
	width: 150px;
}
.w160px {
	width: 160px;
}
.w170px {
	width: 170px;
}
.w180px {
	width: 180px;
}
.w190px {
	width: 190px;
}
.w200px {
	width: 200px;
}
.w250px {
	width: 250px;
}
.w10pxi {
	width: 10px!important;
}
.w15pxi {
	width: 15px!important;
}
.w20pxi {
	width: 20px!important;
}
.w25pxi {
	width: 25px!important;
}
.w30pxi {
	width: 30px!important;
}
.w35pxi {
	width: 35px!important;
}
.w40pxi {
	width: 40px!important;
}
.w45pxi {
	width: 45px!important;
}
.w50pxi {
	width: 50px!important;
}
.w55pxi {
	width: 55px!important;
}
.w60pxi {
	width: 60px!important;
}
.w65pxi {
	width: 65px!important;
}
.w70pxi {
	width: 70px!important;
}
.w75pxi {
	width: 75px!important;
}
.w80pxi {
	width: 80px!important;
}
.w85pxi {
	width: 85px!important;
}
.w90pxi {
	width: 90px!important;
}
.w95pxi {
	width: 95px!important;
}
.w100pxi {
	width: 100px!important;
}

/* =============================================================================
   height
   ========================================================================== */
.h10px {
	height: 10px;
}
.h15px {
	height: 15px;
}
.h20px {
	height: 20px;
}
.h25px {
	height: 25px;
}
.h30px {
	height: 30px;
}
.h35px {
	height: 35px;
}
.h40px {
	height: 40px;
}
.h45px {
	height: 45px;
}
.h50px {
	height: 50px;
}
.h55px {
	height: 55px;
}
.h60px {
	height: 60px;
}
.h65px {
	height: 65px;
}
.h70px {
	height: 70px;
}
.h75px {
	height: 75px;
}
.h80px {
	height: 80px;
}
.h85px {
	height: 85px;
}
.h90px {
	height: 90px;
}
.h95px {
	height: 95px;
}
.h100px {
	height: 100px;
}
.h10pxi {
	height: 10px!important;
}
.h15pxi {
	height: 15px!important;
}
.h20pxi {
	height: 20px!important;
}
.h25pxi {
	height: 25px!important;
}
.h30pxi {
	height: 30px!important;
}
.h35pxi {
	height: 35px!important;
}
.h40pxi {
	height: 40px!important;
}
.h45pxi {
	height: 45px!important;
}
.h50pxi {
	height: 50px!important;
}
.h55pxi {
	height: 55px!important;
}
.h60pxi {
	height: 60px!important;
}
.h65pxi {
	height: 65px!important;
}
.h70pxi {
	height: 70px!important;
}
.h75pxi {
	height: 75px!important;
}
.h80pxi {
	height: 80px!important;
}
.h85pxi {
	height: 85px!important;
}
.h90pxi {
	height: 90px!important;
}
.h95pxi {
	height: 95px!important;
}
.h100pxi {
	height: 100px!important;
}


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

/* display */
	.pc {
		display: none !important;
	}
	.sp-bl {
		display: block !important;
	}
	.sp-il {
		display: inline !important;
	}

/* float */
	.pc-fl,
	.pc-fr {
		float: none;
	}
	.sp-fl,
	.sp-left {
		float: left;
	}
	.sp-fr,
	.sp-right {
		float: right;
	}

/* text-align */
	.sp-tac {
		text-align: center;
	}




}