/**
 * riz_www.css.
 *
 * @copyright  Copyright (c) 2017 RIZ Inc.
 * @link       http://www.riz.co.jp
 * @version    0.0.1
 * @since      PHP: 5.6.3  CakePHP3.3.3
 * @param
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

	-webkit-text-size-adjust: 100%;
	-webkit-appearance: none;
}

@font-face {
    font-family: 'FruitSale';

	/*for IE*/
	src: url('../fonts/FruitSale.eot');

	/*ローカルにインストールされている場合*/
	src: local('FruitSale'),

	/*一応別名で複数していするとより安全？*/
	local('FruitSale'),

	/*for Firefox3.6*/
	url('../fonts/FruitSale.woff') format('woff'),

	url('../fonts/FruitSale.ttf') format('truetype');
}

/*************************************************/
/*                横幅640px以上                  */
/*************************************************/
@media screen and (min-width: 640px) {

	@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
	body {
		font-family: 'Noto Sans JP', Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}

	.img-rizinc{
    	width: 128px;
    	height: 32px;
	}
	.img-rizlogo{
    	width: 128px;
    	height: 64px;

	}
	.img-rizicon{
    	width: 64px;
    	height: 64px;
	}
	.img-snsicon {
		width: 36px;
		height: 36px;
	}
	svg {
    	width: 100%;
    	height: 100%;
	}
	.uk-width-1-1\@s {
	    width: 80%;
	}
	/* 1/2レイアウト時の50%対応 */
    .uk-width-1-2\@s {
    	width: 40%;
	}
	.uk-width-1-3\@s {
	    /*width: calc(100% * 1 / 3.001)*/;
	    width: 30.00%;
	}
	/* 表示制御　20171101更新　***/
	.invisible-pc {
        display: none;
	}

	/*** メインコンテンツ　20171101更新　***/
	.main-content {
		max-width: 1000px;
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    height: auto; /* 最小の高さ */
    	min-height: 400px;
		z-index:10;
		position: relative;
		/*bottom: -200px;*/
		bottom: -140px; /*20220311 上側へ少し移動*/
		padding-right: 3%;
	}
	.main-top {
		max-width: 1000px;
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 400px;
		top: 300px;
		z-index:10;
		position: relative;
	}
	.main-simple {
		max-width: 1000px;
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 400px;
		top: 100px;
		z-index:10;
		position: relative;
	}
	.main-article {
		max-width: 1000px;
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 80vh;
		/*top: 100px;*/
		/*padding-top: 100px;*/
		padding-bottom: 40px;
		z-index:10;
		position: relative;
		/*padding-bottom: 20px;*/
		padding-right: 3%;
		padding-top:90px; /*20220311上をずらす*/
	}
	.main-article-adjust {
		max-width: 1000px;
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 80vh;
		/*top: 100px;*/
		/*padding-top: 100px;*/
		padding-bottom: 40px;
		z-index:10;
		position: relative;
		/*padding-bottom: 20px;*/
		padding-right: 3%;
		/*padding-top:90px;*/ /*20220311上をずらす*/
	}
	.main-blog {
		padding-top: 100px;
		padding-bottom: 100px;
		/*padding-bottom: 40px;*/
	}
	/*** メインキャプション　20171101更新　***/
	.main-caption {
		padding: 3%;
	    text-decoration: none;
		font-weight: bold;
		padding: 20px !important;
	}
	.main-bodytext {
		padding: 20px !important;
		min-height:320px;
		max-height:600px;
	}
	.main-bodytext-blog {
		padding: 20px !important;
		min-height:320px;
		max-height:auto;
	}

	.main-backtotop {
		padding: 20px !important;
	}

	.main-icons {
		margin-top: 80px;
	}
	.main-sns {
		width: 200px;
		pointer-events: visiblePainted;
	}
	.moredetails {
		margin-top: 20px !important;
		padding: 10px !important;
	}
	/*** カード内画像　20171101更新　***/
	/*.cardimage {
	    max-width: 280px;
	    max-height: 150px;
	    overflow: hidden;
	}
	.cardimage img{
	  	transition: 0.3s;
	}
	.cardimage img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}*/
	.cardimage-simple {
	    max-width: 100%;
	    max-height: auto;
		padding: 10px !important;
	}
	/*** カード内レイアウト(uiリセット)　20171101更新　 ***/
	.uk-card-default {
	    background: #f8f8f8;
	}
	.uk-card-header{
		height: 60px;
		padding: 5px 5px 0px 5px ;
	}
	.uk-card-small .uk-card-header {
	    padding: 13px 10px;
	}
	.uk-card-small .uk-card-body {
		height: 100px;
	    padding: 10px 10px;
	}
	.uk-card-small .uk-card-footer {
	    padding: 5px 10px;
	}
	.uk-card-title{
		font-size: 1.100rem;
		line-height: 1.0;
	}
	.uk-card-header {
		color: #0e1c37;
	}
	.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    	padding: 1px 1px;
	}
	.uk-card-body {
 	   padding: 10px 10px;

	}

	.uk-label {
	    padding: 0 10px;
	    color: #fff !important;
	    background: #D9271C !important;
	    line-height: 1.5;
	    font-size: .875rem;
	}
	.uk-button-small {
	    padding: 0 15px;
	    line-height: 28px;
	    font-size: .875rem;
	}
	.uk-nav-default {
	    font-size: .875rem;
	}
	.uk-grid>* {
	    padding-left: 30px;
	}

	.uk-button-default {
	    background-color: transparent;
	    color: #e5e5e5;
	    border: 0px solid #e5e5e5;
	    margin-top:10px;
	}
	button, .button {
		font-family: 'Noto Sans JP', sans-serif;
	    font-weight: normal;
	    line-height: normal;
	    margin: 0 0 1.25rem;
	    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	    font-size: 1rem;
	    background-color: #008CBA;
	    /*background-color: #fff;*/
	    border-color: #007095;
	    color: #fff;
	    transition: background-color 300ms ease-out;
	}
	/* ヘッダー */
	.header-nav-bg {
	    position: fixed;
	 	top: -60px;
	  	text-align:center;
		height: 60px;
	    width: 100%;
		z-index: 20;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	.header-nav {
	    position: relative;
	    margin: 0 auto;
	 	top: 0px;
	  	text-align:center;
		height: 60px;
	    max-width: 1000px;
		z-index: 15;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	.header-blog-nav-bg {
	    position: fixed;
	 	top: 0px;
	  	text-align:center;
		height: 60px;
	    width: 100%;
		z-index: 20;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	/* 共通フッター */
	#footer-content {
	    background-color: #101d38;
	    color: #ffffff;
	    margin: 0 auto;
	    width: 100%;
	    text-align: center;
	}
	#footer-nav {
	    margin: 0 auto;
		background-color: #101d38;
	    color: #999;
		font-size: 0.8rem;
	    max-width: 800px;
	    padding-left: 40px;
	    padding-right: 40px;
	    padding-top:20px;
	    padding-bottom:20px;
	}
	#footer-copy {
		background-color: #000;
	    color: #ccc;
		text-decoration: none;
		font-size: .700rem;
	}
	.paginator{

		background-color: #000;
	    color: #ccc;
		text-decoration: none;
	}

	/*location専用*/
	.figure-location {
	    position: relative;
	    overflow: hidden;
	    max-width: 380px;
	    max-height:260px;
	}
	figcaption .figcaption-address {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 18%;
	}
	figcaption .figcaption-phone {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 36%;
	}
	figcaption .figcaption-transport {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 46%;
	}
	/* googleマップレスポンシブ対応 */
	.ggmap {
		position: relative;
		padding-bottom: 70.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		/*width: 100%;
		height: 100%;*/
		width: 100%;
		max-height: 260px;
	}
	.mapimage{
		width: 100%;
		max-height: 260px;
	}
	.icon_platform {
		width: 100px;
		height: 16px;
	}
	/* The loader container */
	.loadanim {
	  width: 10%;
	  border-bottom: 2px solid white;
	  margin: 0 auto;
	  display: flex;
	  justify-content: space-around;
	  /*padding-top: 50%;*/
	  perspective: 1000px;
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%); /* Safari用 */
	  transform: translateY(-50%);
	}

	.loadanim div {
	  font-size: 3vw;
	  font-family: 'FruitSale';
	  /*font-family: sans-serif;*/
	  transform-style: preserve-3d;
	}
	.loadanim div:nth-child(1) {
	  animation: turn 3s infinite;
	  animation-delay: 200ms;
	}
	.loadanim div:nth-child(2) {
	  animation: turn 3s infinite;
	  animation-delay: 400ms;
	}
	.loadanim div:nth-child(3) {
	  animation: turn 3s infinite;
	  animation-delay: 600ms;
	}
	.loadanim div:nth-child(4) {
	  animation: turn 3s infinite;
	  animation-delay: 800ms;
	}
	.loadanim div:nth-child(5) {
	  animation: turn 3s infinite;
	  animation-delay: 1000ms;
	}
	.loadanim div:nth-child(6) {
	  animation: turn 3s infinite;
	  animation-delay: 1200ms;
	}
	.loadanim div:nth-child(7) {
	  animation: turn 3s infinite;
	  animation-delay: 1400ms;
	}

	@keyframes turn {
	  0% {
	    transform: rotateX(0deg);
	    transform-origin: 0 4vw;
	  }
	  100% {
	    transform: rotateX(360deg);
	    transform-origin: 0 4vw;
	  }
	}
}

/*************************************************/
/*                横幅639px以下                  */
/*************************************************/
@media screen and (max-width: 639px) {

	body {
		sans-serif;
	}
	.img-rizinc{
    	width: 64px;
    	height: 16px;
	}
	.img-rizlogo{
    	width: 96px;
    	height: 48px;
	}
	.img-rizicon{
    	width: 32px;
    	height: 32px;
	}
	.img-snsicon {
		width: 32px;
		height: 32px;
	}
	.img-offcanvas{
		width: 48px;
		height: 48px;
	}
	svg {
    	width: 100%;
    	height: 100%;
	}
	/* 表示制御　20171101更新　***/
	.invisible-sp {
        display: none;
	}

	/*** メインコンテンツ　20171101更新　***/
	.main-content {
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 100%;
    	max-width:95%;
		z-index:10;
    	/*min-height: 400px;*/
		top: 50px;
		position: relative;
		padding-right: 3%;
	}
	.main-top {
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 100%;
    	max-width:95%;
		z-index:10;
		top: 200px;
		position: relative;
	}
	.main-simple {
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 100%;
    	max-width:95%;
		z-index:10;

    	/*min-height: 400px;*/
		top: 60px;
		position: relative;
		padding-right: 3%;
	}
	.main-article {
		text-align: center;
	    margin: 0 auto;
	    color: #fff;
	    background-color: transparent;
	    height: auto; /* 最小の高さ */
    	min-height: 100%;
    	max-width:95%;
		z-index:10;
    	/*min-height: 400px;*/
		top: 0px;
		/*padding-top: 60px;*/
		padding-bottom: 40px;
		position: relative;
	}
	.main-blog {
		padding-top: 80px;
		/*padding-bottom: 20px;*/
	}
	/*** メインキャプション　20171101更新　***/
	.main-caption {
    	text-align: left;
		padding: 3%;
	    text-decoration: none;
		font-weight: bold;
		padding-top: 5px;
	}
	.main-bodytext {
		padding-left: 20px !important;
		/*height: 180px;*/
		height:auto;
		max-height:80%;
	}
	.main-backtotop {
		margin: 20px !important;
	}

	.main-icons {
		margin-top: 100px;
	}
	.cardtext{
		position: relative;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        text-align: left;
	}
    /*** カード内画像 　20171101更新　***/
	.cardimage {
	    max-width: 25%;
	    max-height: auto;
	    /*overflow: hidden;*/
	    /*object-fit: contain;*/
	}
	.cardimage-simple {
	    max-width: 50%;
	    max-height: auto;
	    margin: 0 auto !important;
	}
	.moredetails {
		margin-top: 20px !important;
		padding: 10px !important;
	}
	/*.cardimage img{
	  	transition: 0.3s;
	}*/
	/*.cardimage img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}*/
	/*** カード内レイアウト(uiリセット)　20171101更新　 ***/
	.uk-card-default {
	    background: #f8f8f8;
	}
	.uk-card-header{
		max-height: 30px;
	    padding: 2px 2px 2px 2px ;
    	text-align: left;
    	/*position: absolute;*/
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
	}
	.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
	    padding: 5px 5px;
	}
	.uk-card-small .uk-card-header {
	    padding: 5px 5px;
	}
	.uk-card-small .uk-card-body {
	    padding: 5px 5px;
		text-align: left;
	}
	.uk-card-small .uk-card-footer {
	    padding: 5px 5px;
		text-align: right;
	}
	.uk-card-title{
		font-size: 0.8rem;
		line-height: 1.0;
	}
	.uk-card-body {
 	   padding: 5px 5px;
	}
	/*.uk-card-body img{
 	   max-width: 50%;
	}*/
	.uk-button-small {
	    padding: 0 7px;
	    line-height: 20px;
	    font-size: .6rem;
	}
	.uk-label {
	    padding: 0 5px;
	    color: #fff !important;
	    background: #D9271C !important;
	    line-height: 1.5;
	    font-size: .6rem;
	}
	.uk-nav-default {
	    font-size: .675rem;
	}
	.uk-grid>* {
	    padding-left: 0px;
	}
	.uk-button-default {
	    background-color: transparent;
	    color: #e5e5e5;
	    border: 0px solid #e5e5e5;
	}
	.uk-grid > * {
	    padding: 0px;
	    margin: 0 0 4px 0;
	}
	button, .button {
		font-family: 'Noto Sans JP', sans-serif;
	    font-weight: normal;
	    line-height: normal;
	    margin: 0 0 0.25rem;
	    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	    font-size: 0.8rem;
    	background-color: #008CBA;
	    /*background-color: #fff;*/
	    border-color: #007095;
	    color: #fff;
	    transition: background-color 300ms ease-out;
	}
	button:hover, button:focus, .button:hover, .button:focus {
    	background-color: transparent;
	}
	#fp-nav.right {
	    right: 5px;
	}
	/* ヘッダー */
	.header-nav-bg {
	    position: fixed;
	 	top: -38px;
	  	text-align:center;
		height: 34px;
	    width: 100%;
		z-index: 20;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	.header-nav {
	    position: relative;
	    margin: 0 auto;
	 	top: 0px;
	  	text-align:center;
		height: 34px;
	    max-width: 1000px;
		z-index: 15;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	.header-blog-nav-bg {
	    position: fixed;
	 	top: 0px;
	  	text-align:center;
		height: 30px;
	    width: 100%;
		z-index: 20;
		color: #f2f2f2;
		background-color: #0e1c37;
	    /*border-bottom: 4px solid #d9271c;*/
	}
	.colorbar {
		top: 6px;
	}
	/* 共通フッター */
	#footer-content {
	    background-color: #101d38;
	    color: #ffffff;
	    margin: 0 auto;
	    width: 100%;
	    text-align: center;
	}
	#footer-nav {
	    margin: 0 auto;
		background-color: #101d38;
	    color: #999;
		font-size: 0.8rem;
	    max-width: 800px;
	    padding-left: 40px;
	    padding-right: 40px;
	    padding-top:20px;
	    padding-bottom:20px;
	}
	#footer-copy {
		background-color: #000;
	    color: #ccc;
		text-decoration: none;
		font-size: .6rem;
	}
	.paginator{
		background-color: #000;
	    color: #ccc;
		text-decoration: none;
	}

	/*location専用*/
	.figure-location {
	    position: relative;
	    overflow: hidden;
	    max-width: 380px;
	    max-height:260px;
	}
	figcaption .figcaption-address {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 20%;
	}
	figcaption .figcaption-phone {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 30%;
	}
	figcaption .figcaption-transport {
	    max-width: 320px;
	    /*margin-bottom: 5px;*/
	    top: 40%;
	}

	/* googleマップレスポンシブ対応 */
	.ggmap {
		position: relative;
		padding-bottom: 70.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		/*width: 100%;
		height: 100%;*/
		max-width: 480px;
		max-height: 260px;
	}
	.mapimage{
		margin-top: 10px;
		max-width: 480px;
		max-height: 260px;
	}
	.icon_platform {
		width: 100%;
		height: auto;
	}

	/* The loader container */
	.loadanim {
	  width: 20%;
	  border-bottom: 2px solid white;
	  margin: 0 auto;
	  display: flex;
	  justify-content: space-around;
	  /*padding-top: 50%;*/
	  perspective: 1000px;
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%); /* Safari用 */
	  transform: translateY(-50%);
	}

	.loadanim div {
	  font-size: 6vw;
	  font-family: 'FruitSale';
	  /*font-family: sans-serif;*/
	  transform-style: preserve-3d;
	}
	.loadanim div:nth-child(1) {
	  animation: turn 3s infinite;
	  animation-delay: 200ms;
	}
	.loadanim div:nth-child(2) {
	  animation: turn 3s infinite;
	  animation-delay: 400ms;
	}
	.loadanim div:nth-child(3) {
	  animation: turn 3s infinite;
	  animation-delay: 600ms;
	}
	.loadanim div:nth-child(4) {
	  animation: turn 3s infinite;
	  animation-delay: 800ms;
	}
	.loadanim div:nth-child(5) {
	  animation: turn 3s infinite;
	  animation-delay: 1000ms;
	}
	.loadanim div:nth-child(6) {
	  animation: turn 3s infinite;
	  animation-delay: 1200ms;
	}
	.loadanim div:nth-child(7) {
	  animation: turn 3s infinite;
	  animation-delay: 1400ms;
	}

	@keyframes turn {
	  0% {
	    transform: rotateX(0deg);
	    transform-origin: 0 8vw;
	  }
	  100% {
	    transform: rotateX(360deg);
	    transform-origin: 0 8vw;
	  }
	}
}


/*************************************************/
/*                     共通                      */
/*************************************************/


html {
    overflow-x : hidden;
    overflow-y : auto;
    height: 100%;
    width: 100%;

}

body {
	/*font-family: "Makinas-Scrap-5";*/
	/*font-family: 'Noto Sans JP', "Mplus 1p", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;*/
    /*font-family: 'Noto Sans JP', sans-serif;*/
    font-size: 100%;
	line-height: 1.3;
	font-weight: normal;
	color: #fff;
    text-align: center;
    border: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;

	/*z-index: -10;*/
	z-index: 1;

	background-attachment:fixed;
	background-size:cover;

	position:relative;

    /* iPhone画像長押し防止 ↓ここから
    touch-callout:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    /* iPhone画像長押し防止 ↑ここまで*/

    /* 背景動画設定 */
    /*  IE8以下の代替の背景画像  */
	/*background:url('../img/kitteh1.jpg') #fff;*/

}

video {
	display:block;
}
#bg-video {
	position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-1;
}
/*#wrapper {
    margin: 0 auto;
	height: 100%; /* min-heightに対応していないブラウザ用 */
/*	min-height: 95%; /* 最小の高さ */
/*    width: 100%;
}
body > #wrapper {
    height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
/*}*/
.container {
    margin: 0 auto;
    text-align: center;
	height: auto !important;
}
ul {
  list-style-type: none;
}
ul, ol, dl {
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.2;
    list-style-position: outside;
}
footer{
	width: 100%;
	z-index:100;
	text-align:center;
	color: #f2f2f2;
    bottom:0;
    width: 100%;
	position: relative;
	height: auto;
}

/* 上に戻るボタン */
.page-back {
	position: fixed;
	bottom: -150px;
	right: 40px;
}

.button-navbar-icon{
    padding: 0 20px;
    background-color: transparent;
    color: #333;
	cursor: pointer;
	border: 0px solid #e5e5e5;
	/*margin-right: 10px !important;*/
	margin-right: 0px;
	margin-top: 4px;
}



/*************************************************/
/*               uikit-基本スタイル              */
/*************************************************/
.uk-card-secondary {
    background: rgba(34,34,34,0.8);
}
.uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary, .uk-light .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary, .uk-light .uk-button-primary, .uk-offcanvas-bar .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{
	color: #fff;
	background: #0e1c37;
}
.uk-button-secondary:focus, .uk-button-secondary:hover {
    background-color: #fff;
    color: #151515;
}
/* uiリセット */
.uk-container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
}
select {
    width: auto;
}
.uk-grid {
    margin-left: 0px; /* uk-gridを使うと左側が空く？ */
}
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
    margin-top: 10px;
}
.uk-grid > * {
    /*padding: 0px;*/
    margin: 0px auto;
}
ul, ol, dl {
    margin-bottom: 0rem;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5vm;
	margin-bottom: 0.0rem;  /* 各ページ項目見出しのマージン下 */
    margin-top: 0.0rem;
    color: #0e1c37;
}
.uk-card-default {
    color: #000;
}

.uk-button {
    /*padding: 10px 20px;*/
    padding: 5px 5px !important;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
	/* ヘッダー高さ */
	height: 60px;
}
.uk-navbar-item, .uk-navbar-nav > li > a {
	padding: 0 10px;
	font-size: .900rem;
	color: rgba(255,255,255,1);
	opacity: 0.8;

}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    /*font-family: Roboto,"Helvetica Neue",Arial,sans-serif;*/
	/*font-family: "Makinas-Scrap-5";*/
}
.uk-label-location {
    background-color: #e81f18;
	color: #fff;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #fff;
}

/* オフキャンバスバー調整 */
.uk-offcanvas-bar{
	width: 140px;
	padding: 20px 20px;
	background: #0e1c37;
	text-align: left;
/*	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
}
:not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation {
    left: 140px;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #0e1c37;
}
.uk-iconnav > * > * {
    color: #fff;
}
.uk-grid > * {
    padding-left: 0px;
}
table tr th, table tr td {
    color: #fff;
    font-size: 0.675rem;
    padding: 0.5625rem 0.625rem;
    text-align: left;
}
table {
    background-color: transparent;
    /*border: solid 1px #ddd;*/
    border: solid 0px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
    width: 100%;
}
table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background-color: transparent;
}
.uk-table {
    margin-bottom: 0px;
}
.uk-table th {
    color: #888;
    background-color: #00000088;
    text-align: left;
    padding:5px;
}
select {
    background-color: rgba(95,95,95,.5);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(127,127,127,.5);
    /*color: rgba(255,255,255,.7);*/
    color: rgba(255,255,255,1.0);
}
select:hover {
    /*background-color: rgba(95,95,95,.5);*/
    background-color: rgba(63,63,63,0.9);
    border-color: rgba(127,127,127,.5);
    color: rgba(255,255,255,1.0);
}

input[type="text"],
textarea {
    background-color: rgba(95,95,95,.5);
    color: rgba(255,255,255,1.0) !important;
	outline: none;
  border: 1px solid rgba(127,127,127,.5);
  -webkit-transition: all .3s;
  transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
    background-color: rgba(95,95,95,.5);
    color: rgba(255,255,255,1.0) !important;
	/*box-shadow: 0 0 7px #1abc9c;*/
  border: 1px solid rgba(255,255,255,.5);
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {
	font-family: inherit;
	font-size: 0.875rem;
	height: 2.3125rem;
	margin: 0;
}
label{
	font-size: 1.25rem;
    color: #fff;
    line-height: 2.0;
    text-align: left;
}
input[type="radio"],input[type="checkbox"]{
	margin: 0 10px 0 0;
}
.uk-link, a {
    color: #fff;
}
.uk-link, a:hover {
    color: #ccc;
}
button.uk-offcanvas-close{
	background-color: rgba(0,0,0,0.0);
}
button:hover.uk-offcanvas-close{
	background-color: rgba(0,0,0,0.0);

}
.uk-offcanvas-close {
    top: 0px;
    right: 0px;
    padding: 5px;
}
ul.uk-pagination {
	line-height: 1.0;
    font-size: 0.8rem;
}
.paginator{
	padding-top:1rem;
	z-index:90;
	position: relative;
}
button, button:hover, button:focus, .button:hover, .button:focus {
    background-color: transparent;
}

.uk-align-left{
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
}
.uk-align-left-radio {
	margin-right: 30px;
	float: left;
	margin-bottom: 0px;
}
.uk-entry-input {
	margin-top: 20px;
}
.error-message {
    color: #f00;
	text-align: left;
}
input[type=text] {
  /* Safariでplaceholderが上にずれないようにするFix */
  line-height: normal; /*←これだけ*/

  height: 3rem; /* 高さはheightでok*/
  padding: {
    left: 12px;
    right: 12px;
  } /*横の余白はpaddingで*/
}
/*************************************************/
/*                                               */
/*            トップページ               */
/*            　※暫定調整済                     */
/*************************************************/

.top-caption{
	color: #f8f8f8;
}
.caption-light{
	color: #f8f8f8;
}
.caption-dark{
	color: #101d38;
}
.main-clickbelow {
	margin-top: 50px;
/*	position: relative;
	top: 50%;*/
	/*-webkit-transform: translateY(-50%); /* Safari用 */
	/*transform: translateY(-50%);*/
}

/*************************************************/
/*                                               */
/*            メイン・カード                   */
/*              ※暫定調整済                     */
/*************************************************/

/* カード見出し */
.main-card-title{
	text-align: left;
	padding-left: 4px;
    height: 20px;
    background-color: #e81f18;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.0;
}
.main-card-title-text{
    height: 20px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
/* カード本文 */
.main-card-body{
	margin: 0 auto;
	text-align: center;
    background-color: #f6fbff;

	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
	max-width: 400px;
	max-height: 200px;
}
.main-card-body-text{
	text-align: left;
	padding: 4px;
    color: #101d38;
	min-width: 140px;
	font-weight: bold;
	width: 100%;
}
.main-card-body-link{
	text-align: right;
	bottom:0;
	margin-bottom: 0;
	padding: 10px;
}

/*************************************************/
/*                                               */
/*          お問い合わせ・カード                 */
/*              ※暫定調整済                     */
/*************************************************/

/* カード見出し */
.contact-card-title {
	text-align: left;
	padding-left: 15px;
    height: 36px;
    background-color: #e81f18;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.0;
}
.contact-card-title-text {
    height: 36px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
/* カードフォーム */
.contact-card-form {
	text-align: center;
	min-height: 300px;
    background-color: #101d38;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
}
.contact-card-form-input {
	text-align: center;
	margin:0 auto;
	padding: 2%;
}
.contact-card-form-text {
	text-align: left;
	min-height: 624px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	width: 800px;
}
/* カード本文 */
.contact-card-body{
    color: #101d38;
	font-weight: bold;
    mix-height: 204px;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.0;
}

.contact-select{
	width: 100%;
}

.recruit-detail-caption {
	width: 80px;
}
.confirm-textbox{
	padding: 5%;
	width: 80%;
	border: 1px dotted #666;
    margin: 0 auto;
    word-wrap: break-word;
}
/*************************************************/
/*                                               */
/*                  画像設定                  　　　                 */
/*                 ※暫定調整済                      */
/*************************************************/
.body-img-center{
     display: block;
	 margin:auto;
}

/*************************************************/
/*                  アイコン                     */
/*************************************************/

.icon_link_website {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 9px;
	line-height: 1.3;
	font-weight: bold;
	width: 50px;
	height: 16px;
	background-color: #fdfdfd;
	border: 1px dotted #000;
	margin: 1px;
	font-size: 9px;
	text-align: center;
	padding-top: 2px;
	color: #444;
	vertical-align: bottom;
}

.link_website a{
	text-decoration:none;
}

.icon_platform {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 9px;
	line-height: 1.3;
	font-weight: bold;
	/*width: 100px;
	height: 16px;*/
	border: 0px;
	margin: 1px;
	padding-top: 2px;
	text-align: center;
	color: #fff;
	vertical-align: bottom;
}
/*************************************************/
/*                                               */
/*            detail・カード                     */
/*              ※暫定調整済                     */
/*************************************************/
/* カード見出し */
.detail-card{
    min-height: 193px;
    max-width: 800px;
    /*background-color: #D33C44;*/
}
.detail-card-grid{
	padding: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin-left: -30px;*/
}

.detail-card-date {
	text-align: right;
	/*padding-right: 15px;*/
	padding: 10px;
    height: 36px;
    background-color: #e81f18;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.0;
}
/* カード本文 */
.detail-card-body{
	padding: 2%;
    color: #101d38;
	font-weight: bold;
    min-height: 400px;
	/*font-size: 0.9rem;*/
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.0;
	background-color: #fff;
}
.detail-card-body-text{
	text-align: left;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
    /*min-height: 157px;*/
	/*width: 80%;*/
}
/*************************************************/
/*                                               */
/*            スクロールパーツ                   */
/*                                               */
/*************************************************/
.scrollable-element{
	height: 400px;
	padding: 20px !important;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
}

/*************************************************/
/*                                               */
/*            ローディング                       */
/*                                               */
/*************************************************/

/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
    overflow-y:scroll;
}
/* ローディング関係ない部分のCSS */
.button{
    background:#222;
    border:1px solid #222;
    border-radius:5px;
    color:#fff;
    display:block;
    height:60px;
    line-height:60px;
    margin:30px auto;
    text-align:center;
    width:600px;
}
.button:hover{
    background:#fff;
    color:#222;
}

img{
    max-width:100%;
}

/* ローディングの背景部分のCSS */
.loader{
    /*background:#1bb;*/
    background:#0e1c37;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
    background:#ffffff;
    -webkit-animation:load1 1s infinite ease-in-out;
    animation:load1 1s infinite ease-in-out;
    width:1em;
    height:4em;
}
.loader-animation {
    height:10px;
    left:50%;
    margin:-5px 0 0 -5px;
    position:absolute;
    top:50%;
    width:10px;
    color:#ffffff;
    text-indent:-9999em;
    font-size:10px;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
    position:absolute;
    top:0;
    content:'';
}
.loader-animation:before {
    left:-1.5em;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s;
}
.loader-animation:after {
    left:1.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow:0 0;
        height:4em;
	}
    40% {
        box-shadow:0 -2em;
        height:5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow:0 0;
        height:4em;
    }
    40% {
        box-shadow:0 -2em;
        height:5em;
    }
}

/*************************************************/
/*                                               */
/*            ローディングスピナー               */
/*                                               */
/*************************************************/
.spinner {
    margin: 360px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}
.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*************************************************/
/*                                               */
/*                カラーバー                     */
/*                                               */
/*************************************************/
.colorbar-noanim {
    position: relative;
    width: 100%;
    height: 4px;
    top: 4px;
    background-color: #fff;
    z-index:100;
    background-color: #D9271C; /*赤*/
}

.colorbar [role="progressbar"][aria-busy="true"] {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 4px;
    width: 100%;
    background-color: #159756;
    -webkit-animation: preloader-background linear 3.5s infinite;
            animation: preloader-background linear 3.5s infinite;
}
.colorbar [role="progressbar"][aria-busy="true"]::before, .colorbar [role="progressbar"][aria-busy="true"]::after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 0;
    height: 4px;
    background: #afa;
    -webkit-animation: preloader-front linear 3.5s infinite;
            animation: preloader-front linear 3.5s infinite;
    content: "";
}
.colorbar [role="progressbar"][aria-busy="true"]::before {
    right: 50%;
}
.colorbar [role="progressbar"][aria-busy="true"]::after {
    left: 50%;
}
@-webkit-keyframes preloader-background {
    0%,
    24.9% {
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
    25%,
    49.9% {
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    50%,
    74.9% {
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    75%,
    100% {
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
}
@keyframes preloader-background {
    0%,
    24.9% {
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
    25%,
    49.9% {
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    50%,
    74.9% {
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    75%,
    100% {
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
}
@-webkit-keyframes preloader-front {
    0% {
        width: 0;
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    24.9% {
        width: 50%;
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    25% {
        width: 0;
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    49.9% {
        width: 50%;
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    50% {
        width: 0;
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
    74.9% {
        width: 50%;
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
    75% {
        width: 0%;
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
    100% {
        width: 50%;
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
}
@keyframes preloader-front {
    0% {
        width: 0;
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    24.9% {
        width: 50%;
        /*background-color: #da4733; 赤*/
        background-color: #101d38; /*紺*/
    }
    25% {
        width: 0;
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    49.9% {
        width: 50%;
        /*background-color: #3b78e7; 青*/
        background-color: #D9271C; /*赤*/
    }
    50% {
        width: 0;
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
    74.9% {
        width: 50%;
        /*background-color: #fdba2c; 黄*/
        background-color: #101d38; /*紺*/
    }
    75% {
        width: 0%;
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
    100% {
        width: 50%;
        /*background-color: #159756; 緑*/
        background-color: #f8f8f8; /*白*/
    }
}
.colorbar {
    position: relative;
    width: 100%;
    height: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    background-color: #fff;
    z-index:100;
}

/*************************************************/
/*                                               */
/*            カードエフェクト                   */
/*                                               */
/*************************************************/

figure {
    position: relative;
    overflow: hidden;
    max-width: 300px;
    max-height:200px;
}

figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
figcaption h3,
figcaption p {
    position: absolute;
    left: -120%;
    max-width: 240px;
    -webkit-transition: .3s;
    transition: .3s;
}
figcaption h3 {
    /*top: 15px;*/
    top: 10%;
}
figcaption p {
    /*top: 70px;*/
    top: 40%;
}

figcaption .readmore {
    top: 66%;
	padding: 5px 10px;
}
figure:hover figcaption {
    opacity: 1;
}
figure:hover figcaption h3,
figure:hover figcaption p {
    left: 8%;
}
figure:hover figcaption h3 {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
figure:hover figcaption p {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}


.transform01 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.transform02 {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
figure:hover .transform01 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
figure:hover .transform02 {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
figure h3 {
  padding: 5px 0 5px;
  color: #fff;
  font-size: 20px;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}
figure p {
  color: #fff;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}
figure .readmore {
  color: #fff;
  text-align: right;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  padding: 5px 10px;
  right: 0px;
}
.readmore{
  /*padding: 5px 5px;*/
}


/*************************************************/
/*                                               */
/*            アピアランス用css修正              */
/*                                               */
/*************************************************/
.section {
  text-align: center;
}

/*.filter-blur:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  top: 0px;
  left: -2px;
  right: -2px;
  bottom: 0px;
  z-index: 1;
}

.filter-blur-blog:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  position: fixed;
  top: 0px;
  left: -2px;
  right: -2px;
  bottom: 0px;
  z-index: 1;
}*/

#section1, #section2, #section3, #section4, #section5, #section6, #section7 {
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (min-width:1080px) {
  p {
    font-size: 14px !important;
    font-weight: normal;
    line-height: 18px !important;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  h2 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 60px !important;
  }
  h2.heading1 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 60px !important;
  }
  h3 {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }
  h3 a {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }
  figure h3 {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }
  figcaption h3 {
    top: 5px;
  }
  figcaption p {
    font-size: 1.1vw !important;
    line-height: 1.5vw !important;
  }
  figure p {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  figcaption p {
    top: 35%;
  }
  h4 {
    font-weight: 500 !important;
    font-size: 20px !important;
  }
  h5 {
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  body {
    background-color: #0e1c37;
  }
/*  .section-bg2 {
    background-image: url(../app_multinational/20info.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg3 {
    background-image: url(../app_multinational/30topic.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg4 {
    background-image: url(../app_multinational/40product.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg5 {
    background-image: url(../app_multinational/50recruit.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg6 {
    background-image: url(../app_multinational/60location.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg7 {
    background-image: url(../app_multinational/70contact.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }*/
  .linkline {
    font-weight: 700 !important;
    font-size: 1.25vw !important;
  }
  .backline {
    font-weight: 700 !important;
    font-size: 1.25vw !important;
  }
  .cautionline {
    font-weight: 500 !important;
    font-size: 1.0vw !important;
  }
}

@media screen and (min-width:640px) and (max-width:1079px) {
  p {
    font-size: 1.5vw !important;
    font-weight: normal;
    line-height: 1.75vw !important;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  h2 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 6.0vw !important;
  }
  h2.heading1 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 6.0vw !important;
  }
  h3 {
    font-weight: 700 !important;
    font-size: 2.0vw !important;
    line-height: 2.25vw !important;
  }
  h3 a {
    font-weight: 700 !important;
    font-size: 2.0vw !important;
    line-height: 2.25vw !important;
  }
  figure h3 {
    font-weight: 700 !important;
    font-size: 2vw !important;
    line-height: 2.25vw !important;
  }
  figcaption h3 {
    top: 5px;
  }
  figcaption p {
    font-size: 1.5vw !important;
    line-height: 1.75vw !important;
  }
  figure p {
    font-weight: 500 !important;
    font-size: 1.5vw !important;
    line-height: 1.75vw !important;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  figcaption p {
    top: 35%;
  }
  h4 {
    font-weight: 500 !important;
    font-size: 1.75vw !important;
  }
  h5 {
    font-weight: 500 !important;
    font-size: 1.5vw !important;
  }
  body {
    background-color: #0e1c37;
  }
/*  .section-bg2 {
    background-image: url(../app_multinational/20info.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg3 {
    background-image: url(../app_multinational/30topic.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg4 {
    background-image: url(../app_multinational/40product.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg5 {
    background-image: url(../app_multinational/50recruit.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg6 {
    background-image: url(../app_multinational/60location.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg7 {
    background-image: url(../app_multinational/70contact.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }*/
  .linkline {
    font-weight: 700 !important;
    font-size: 1.25vw !important;
  }
  .backline {
    font-weight: 700 !important;
    font-size: 1.25vw !important;
  }
  .cautionline {
    font-weight: 500 !important;
    font-size: 1.1vw !important;
  }
}

@media screen and (max-width:639px) {
  p {
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 3.0vw;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  h2 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 8.0vw !important;
  }
  h2.heading1 {
    font-weight: 700 !important;
    font-family: "FruitSale" !important;
    font-size: 8.0vw !important;
  }
  h3 {
    font-weight: 700 !important;
    font-size: 4.0vw !important;
    line-height: 5.0vw !important;
  }
  h3 a {
    font-weight: 700 !important;
    font-size: 4.0vw !important;
    line-height: 5.0vw !important;
  }
  figure h3 {
    font-weight: 700 !important;
    font-size: 4.0vw !important;
    line-height: 5.0vw !important;
  }
  figcaption h3 {
    top: 5px;
  }
  figure p {
    font-weight: 500 !important;
    font-size: 2.5vw !important;
    line-height: 3.0vw;
    margin-bottom: 0.0rem;
    margin-top: 0.0rem;
  }
  figcaption p {
    top: 35%;
  }
  h4 {
    font-weight: 500 !important;
    font-size: 3.5vw !important;
  }
  h5 {
    font-weight: 500 !important;
    font-size: 3.0vw !important;
  }
/*  body {
    background-color: #0e1c37;
    background: url('../app_multinational/00unload_s.jpg') #0e1c37;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg2 {
    background-image: url(../app_multinational/20info_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg3 {
    background-image: url(../app_multinational/30topic_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg4 {
    background-image: url(../app_multinational/40product_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg5 {
    background-image: url(../app_multinational/50recruit_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg6 {
    background-image: url(../app_multinational/60location_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }
  .section-bg7 {
    background-image: url(../app_multinational/70contact_s.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
  }*/
  .linkline {
    font-weight: 700 !important;
    font-size: 3.0vw !important;
  }
  .backline {
    font-weight: 700 !important;
    font-size: 3.0vw !important;
  }
  .cautionline {
    font-weight: 500 !important;
    font-size: 2.5vw !important;
  }
}

.section-bg1 {
  background-position: center center;
}

/*.heading1 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}

.subheading1 {
  margin-top: 10px;
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #f8f8f8;
}*/

#section1 .clickbelow a {
  color: #f8f8f8;
  font-family: "FruitSale";
  font-size: 2.00rem;
  text-shadow: 1px 1px 3px #101d38;
}

/*.heading2 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}

.subheading2 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}*/

.linkline2 {
  color: #fff;
}

.backline2 {
  color: #fff;
}

.cautionline2 {
  color: #fff;
}

/*.heading3 {
  color: #0e1c37;
  text-shadow: 1px 1px 3px #f8f8f8;
}

.subheading3 {
  color: #0e1c37;
  text-shadow: 1px 1px 3px #f8f8f8;
}*/

.linkline3 {
  color: #fff;
}

.backline3 {
  color: #fff;
}

.cautionline3 {
  color: #fff;
}

/*.heading4 {
  color: #0e1c37;
  text-shadow: 1px 1px 3px #f8f8f8;
}

.subheading4 {
  color: #0e1c37;
  text-shadow: 1px 1px 3px #f8f8f8;
}*/

.linkline4 {
  color: #fff;
}

.backline4 {
  color: #fff;
}

.cautionline4 {
  color: #fff;
}

/*.heading5 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}

.subheading5 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}*/

.linkline5 {
  color: #fff;
}

.backline5 {
  color: #fff;
}

.cautionline5 {
  color: #fff;
}

/*.heading6 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}

.subheading6 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}*/

.linkline6 {
  color: #fff;
}

.backline6 {
  color: #fff;
}

.cautionline6 {
  color: #fff;
}

/*.heading7 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}

.subheading7 {
  color: #f8f8f8;
  text-shadow: 1px 1px 3px #101d38;
}*/

.linkline7 {
  color: #fff;
}

.backline7 {
  color: #fff;
}

.cautionline7 {
  color: #fff;
}

#infoMenu li a {
  color: #fff;
}

.linkline {
  text-decoration: none !important;
  display: inline-block;
  text-shadow: 1px 1px 3px #101d38;
}

.linkline::before {
  content: "";
  display: block;
  position: relative;
  top: 1.25em;
  left: 0;
  width: 0;
  height: 2px;
  background: #00ffff;
  transition: 0.3s;
}

.linkline:hover {
  color: #00ffff !important;
}

.linkline:hover::before {
  width: 100%;
  color: #00ffff !important;
}

.backline {
  text-decoration: none !important;
  display: inline-block;
  text-shadow: 1px 1px 3px #101d38;
}

.backline::before {
  content: "";
  display: block;
  position: relative;
  top: 1.25em;
  left: 0;
  width: 0;
  height: 2px;
  background: #f00;
  transition: 0.3s;
}

.backline:hover {
  color: #f00 !important;
}

.backline:hover::before {
  width: 100%;
  color: #f00 !important;
}

.cautionline {
  text-decoration: none !important;
  display: inline-block;
  text-shadow: 1px 1px 3px #101d38;
}

.cautionline::before {
  content: "";
  display: block;
  position: relative;
  top: 1.25em;
  left: 0;
  width: 0;
  height: 2px;
  background: #00ffff;
  transition: 0.3s;
}

.cautionline:hover {
  color: #00ffff !important;
}

.cautionline:hover::before {
  width: 100%;
  color: #00ffff !important;
}