@charset "utf-8";
/*-------------------------------------------------------


 インポート


--------------------------------------------------------*/
@import "import/clear.css";
@import "import/utill.css";
@import "import/icomoon.css";

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


 フォント


--------------------------------------------------------*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.eot');
    src: url('../fonts/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.eot');
    src: url('../fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.eot');
    src: url('../fonts/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.eot');
    src: url('../fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype');
}


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


 基本設定


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

	html{
		font-size: 62.5%; /*10px*/
		overflow-x:hidden;
	}
	body {
		background-color:#FFF;
		color: #212121;
		font-size: 14x;
		font-size: 1.4rem;
		line-height: 1.6;
		letter-spacing: normal;
		overflow: auto;
		font-family:"Noto Sans Japanese","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Osaka‐等幅", "sans-serif";
		overflow-x:hidden;
		-webkit-print-color-adjust: exact;
		font-weight:400;
	}
	.ie body {
		font-family:"メイリオ", "ＭＳ Ｐゴシック", "Osaka‐等幅", "sans-serif";
	}
	

	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}

	
	.anm,
	.anm * {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

/*-------------------------------------------------------
 ヘッダー
--------------------------------------------------------*/	
	#header{
		position:fixed;
		top:0;
		left:0;
		z-index: 100;
		width:100%;
		height:99px;
		color:#FFF;
	}
	@media screen and (max-width : 1000px){
	#header{
		height:70px;
	}	
	}
	
/*-------------------------------------------------------
 ヘッダー：テキスト
--------------------------------------------------------*/	
	.header-text{
		background-color:#00163d;
		color:#FFF;
		font-size:12px;
		font-size:1.2rem;
		padding:5px 10px;
		font-weight:200;
		letter-spacing:1px;
	}
	@media screen and (max-width : 1000px){
	.header-text{
		display:none;
	}	
	}

/*-------------------------------------------------------
 ヘッダー：ロゴ
--------------------------------------------------------*/	
	.header-logo{
		position:absolute;
		top: 12px;
		left: 20px;
		z-index:10;
	}
	.header-logo a,
	.header-logo img{
		display:block;
		width:63px;
		height:43px;


		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}	
	@media screen and (max-width : 1000px){
	.header-logo a,
	.header-logo img{
		width:255px;
	}
	}
	@media screen and (max-width : 320px){
	.header-logo a,
	.header-logo img{
		width:215px;
	}
	}

	


/*-------------------------------------------------------
 ヘッダー：ナビ
--------------------------------------------------------*/
	.header-left{
		position:absolute;
		left:0;
		width:100%;
		height:70px;
		background-color:#001f56;
		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.fixed .header-left{
		width:100%;
	}	
	.nav-dropmenu {
		position:absolute;
		left: 110px;
		display:table;
	}
	.ie .nav-dropmenu {
		right:10px;
	}
	.nav-dropmenu li {
		position:relative;
		display:inline-block;
		text-align:center;
		padding:0px;
	}
	.nav-dropmenu li.nav-contact{
		display:none;
	}
	.nav-dropmenu li a,
	.nav-dropmenu li span{
		display:table-cell;
		height:70px;
		vertical-align:middle;
		font-weight:bold;
		padding:0 10px;
	}
	.nav-dropmenu li span{
		cursor: default;
	}
	.nav-dropmenu a,
	.nav-dropmenu span{
		color:#FFF;
		border-bottom:4px solid #001f56;
	}
	.nav-dropmenu li:hover a,
	.nav-dropmenu li:hover span{
		color:#f7931e;
		text-decoration:none;
		border-bottom:4px solid #f7931e;
	}
	@media screen and (max-width : 1000px){

	.nav-dropmenu {
		visibility: hidden;
		opacity: 0;
		transition: 0s;
		
		position: fixed;
		left:0;
		right:0;
		top:70px;
		display:block;
		width:100%;
		z-index:0;
		
		box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
		
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		
	}
	.nav-dropmenu.onanimation {
		visibility: visible;
		opacity:1;
		transition: .3s;
		
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	.nav-dropmenu li {
		text-align:center;
		margin:0px;
		padding:0px;
		width:100%;
		background-color:#004d99;
		border-bottom: 1px solid #00328c;
	}
	.nav-dropmenu li.nav-contact{
		display:block;
		background-color:#00aaff;
		border-bottom:none;
	}
	.nav-dropmenu li.nav-contact a{
		background-color:#f7931e;
	}
	.nav-dropmenu li:first-child {
		border-top: 1px solid #00328c;
	}
	.nav-dropmenu li a,
	.nav-dropmenu li span{
		display:block;
		width:100%;
		height:50px;
		line-height:50px;
		background-color: #001f56;
		border-bottom:none;
	}
	.nav-dropmenu li:hover a,
	.nav-dropmenu li:hover span{
		color:#FFF;
		opacity:1;
		border-bottom:none;
	}
	}

/*-------------------------------------------------------
 ヘッダー：ドロップダウンメニュー
--------------------------------------------------------*/
	.nav-dropmenu:before, .nav-dropmenu:after{
		content: "";
		display: table;
	}
	.nav-dropmenu:after{
		clear: both;
	}
	.nav-dropmenu li ul{
		position: absolute;
		z-index: 100;
		left:0px;
		width:200px;
	}
	.nav-dropmenu li ul li{
		border-top:1px solid #07498a;
		margin:0;
		padding:0;
	}
	.nav-dropmenu li ul li:first-child{
		border-top:none;
	}
	.nav-dropmenu li ul li a{
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		border-bottom: none;
		font-weight: 200;

		display:block;
		padding: 10px 20px;
		background: #003467;
		height: 40px;
		width:240px;
		margin: 0;
		border-bottom: none;
	}
	.nav-dropmenu li ul{
		visibility: hidden;
		opacity: 0;
		transition: 0s;
	}
	.nav-dropmenu li:hover ul{
		visibility: visible;
		opacity: 1;
		box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	}
	.nav-dropmenu li:hover ul li a{
		color:#FFF;
		visibility: visible;
		opacity: 1;
		border-bottom: none;
	}
	.nav-dropmenu li ul li:hover a{
		color:#FFF;
		border-bottom: none;
	}
	@media screen and (max-width : 1000px){
	.nav-dropmenu li ul{
		visibility: visible;
		opacity: 1;
		
		position: relative;
		width:100%;
		left:0px;
		display:none;
		background: #00aaff;
	}
	.nav-dropmenu li ul.sp-visible{
		display:block;
	}
	.nav-dropmenu li:hover ul{
		box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
	}
	.nav-dropmenu li ul li {
		border-bottom: none;
	}
	.nav-dropmenu li ul li a{
		visibility: visible;
		opacity: 1;
		
		display:block;
		padding:0px;
		background: #003467;
		height: 40px;
		width:100%;
		line-height:40px;
		border-bottom: none;
	}
	}


/*-------------------------------------------------------
 ヘッダー：ハンバーガーメニュー
--------------------------------------------------------*/
	.header-menu{
		display:none;
		position:fixed;
		top: 0px;
		right: 0px;
		width:70px;
		height:70px;
		z-index:100;
		text-align:center;
		background-color: #001f56;
	}
	.header-menu a{
		position: relative;
		width: 48px;
		height: 48px;
	}
	@media screen and (max-width : 1000px){
	.header-menu{
		display: table;
		z-index:100;
	}
	.header-menu a{
		display:table-cell;
		vertical-align:middle;
	}	
	}	

/*-------------------------------------------------------
 ヘッダー：トリガー
--------------------------------------------------------*/	
	.menu-trigger,
	.menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
	.menu-trigger {position: relative; width: 60px; height: 44px;}
	.menu-trigger span {
		position: absolute;
		left: 0;
		right:0;
		margin:auto;
		width: 50%;
		height: 2px;
		background-color: #fff;
		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 23px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 33px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 24px;
	}
	
	
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		left: 50%;
		opacity: 0;
		-webkit-animation: active-menu-bar02 .3s forwards;
		animation: active-menu-bar02 .3s forwards;
	}
	@-webkit-keyframes active-menu-bar02 {
		100% {
			height: 0;
		}
	}
	@keyframes active-menu-bar02 {
		100% {
			height: 0;
		}
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}
	


/*-------------------------------------------------------
 ヘッダー：コンタクト
--------------------------------------------------------*/
	.header-contact{
		position:fixed;
		right:0;
		width:200px;
		height:70px;
		background-color: #f7931e;
		display:table;
		text-align:center;
	}
	.header-contact a{
		color:#FFF;
		display:table-cell;
		vertical-align:middle;
		font-weight:bold;
	}
	.header-contact a:after{
		position:relative;
		left:8px;
		top:4px;
		content:"";
		background:url(../img/common/hdr_contact_arrow.svg) no-repeat;
		display: inline-block;
		width:20px;
		height:20px;
		
	}
	.header-contact a:hover{
		color:#FFF;
		text-decoration:none;
		background-color:#001f56;
	}
	@media screen and (max-width : 1000px){
	.header-contact{
		display:none;
	}
	}
	


	
/*-------------------------------------------------------
 コンテナ
--------------------------------------------------------*/	
	#container{
		position:relative;
		margin:0px auto;
		background-color:#FFF;
	}	


/*-------------------------------------------------------
 フッター
--------------------------------------------------------*/
	#footer {
		background: #80bfff;
		color:#FFF;
	}
	#footer a{
		display: inline-block;
		color:#FFF;
		line-height: 1.4;
	}
	#footer a:hover{
		color:#FFF;
	}

/*-------------------------------------------------------
 フッター：リンク
--------------------------------------------------------*/
	.footer-link {
		padding:40px 0px;
		background-color:#006cd8;
	}
	.footer-link dt{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight:500;
		margin-bottom:10px;		
	}
	.footer-link dd{
		font-size: 13px !important;
		font-size: 1.3rem !important;
		line-height:2;
	}
	@media all and (-ms-high-contrast: none) {
		.footer-link dd{
			font-size: 11px !important;
			font-size: 1.1rem !important;
		}
	}
	@media screen and (max-width :768px){
	.footer-link {
		display:none;
	}
	}

/*-------------------------------------------------------
 フッター：ボトム
--------------------------------------------------------*/
	.footer-bottom {
		font-size: 12px;
		font-size: 1.2rem;
		zoom: 1;
		background-color:#0085f2;
	}
	.footer-bottom:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer-bottom ul {
		float: left;
		width: 75%;
	}
	.footer-bottom ul li{
		border-right:1px solid #FFF;
		margin-right:10px;
		display: inline-block;
		padding-right: 10px;
	}
	.footer-bottom ul li:last-child {
		padding: 0;
		border-right:none;
	}
	@media screen and (max-width : 768px){
	.footer-bottom ul {
		float: none;
		width: 100%;
		text-align:center;
	}
	}

/*-------------------------------------------------------
 フッター：コピーライト
--------------------------------------------------------*/

	.copyright {
		text-align:right;
		float: right;
		width: 25%;
		box-sizing: border-box;
	}
	@media screen and (max-width : 768px){
	.copyright {
		padding-top:10px;
		text-align:center;
		float: none;
		width: 100%;
	}
	}


/*-------------------------------------------------------
 ページトップ
--------------------------------------------------------*/		
	.pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index:999;
	}
	.pagetop a {
		background: #163759;
		text-decoration: none;
		color: #fff;
		width: 48px;
		height: 48px;
		line-height: 80px;
		font-size: 14px;
		text-align: center;
		display: block;
		position: relative;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border-radius: 60px;
	}
	.pagetop a:after{
		width: 16px;
		height: 16px;
		border-left: 2px solid #fff;
		border-top: 2px solid #fff;
		border-radius: 2px;
		content: "";
		position: absolute;
		left: 34%;
		margin-left: 0px;
		top: 20px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}




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


 よく使う


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

/*-------------------------------------------------------
 リンク
--------------------------------------------------------*/
 	a {
  		color:#212121;
  	}
	a.normal-link {
	  color:#212121;
	  text-decoration:underline;
	}
	a.normal-link:hover {
		color:#212121;
		text-decoration:none;
	  }
	a.txt-link {
  		color:#0086ff;
		text-decoration:underline;
  	}
	a.txt-link:hover {
  		color:#0086ff;
		text-decoration:none;
  	}
	a:hover {
		color:#212121;
		outline:none;
    	outline-offset:0px;
		text-decoration:none;
  	}
	a:hover {
		text-decoration: underline;
	}
	a.no-decoration:hover {
		text-decoration:none;
	}
	.alpha a:hover,
	.alpha button:hover,
	a.alpha:hover{
		opacity:0.8;
		text-decoration:none;
  	}
	.ipad .alpha a:hover,
	.iphone .alpha a:hover,
	.ipad a.alpha:hover,
	.iphone a.alpha:hover{
		opacity:1 !important;
  	}
	object{
		pointer-events: none;
	}

/*-------------------------------------------------------
 アイコン
--------------------------------------------------------*/
	.icon{
		position:relative;
	}
	.icon:after{
		content:"";
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align:initial;
	}
	.icon-arrowright-white:after{
		background-image:url(../img/common/icon_arrowright_white.svg);
		margin-left: 10px;

	}
	.icon-blank:after{
		background-image:url(../img/common/icon_blank.svg);
		margin-left: 5px;
		top: 2px;
    	position: relative;
	}

/*-------------------------------------------------------
 見出し
--------------------------------------------------------*/
	.page-title{
		font-size:28px;
		font-size:2.8rem;
	}
	@media screen and (max-width : 768px){
	.page-title{
		font-size:20px;
		font-size:2.0rem;
	}
	}
	
	


	

	
/*-------------------------------------------------------
 画像100%
--------------------------------------------------------*/
	img.imgfull{
		width:100%;
	}

	

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


 ボトムページ共通


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


/*-------------------------------------------------------
 メインビジュアル
--------------------------------------------------------*/
	.mainvisual {
		display: table;
		position: relative;
		width: 100%;
		z-index: 0;
		margin: auto;
		text-align: center;
		
		height:360px;
		margin-top:70px;
    }
	.mainvisual-txt {
		background:none !important;
		height:auto;
		margin-top:40px;
    }
	.mainvisual-copy{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		padding:20px;
		letter-spacing:3px;
		z-index:1;
		visibility:visible !important;
		opacity:1 !important;
	}
	.mainvisual-copy:before{
	    content: "";
		background-color: rgba(0, 0, 0, 0.4);
		width: 100%;
		z-index: 1;
		height: 460px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainvisual-copy-txt01{
		font-size:48px;
		font-size:4.8rem;
		z-index:5;
		position:relative;
	}
	.mainvisual-copy-txt02{
		font-size:24px;
		font-size:2.4rem;
		z-index:5;
		position:relative;
	}
	@media screen and (max-width : 768px){
	.mainvisual {
		height:180px;
    }
	.mainvisual-txt {
		height:auto !important;
 		margin-top:40px;
    }
	.mainvisual-copy-txt01{
		font-size:36px;
		font-size:3.6rem;
	}	
	.mainvisual-copy-txt02{
		font-size:28px;
		font-size:2.8rem;
	}
	}
	@media screen and (max-width : 640px){
	.mainvisual-copy-txt01{
		font-size:22px;
		font-size:2.2rem;
	}	
	.mainvisual-copy-txt02{
		font-size:18px;
		font-size:1.8rem;
	}
	}

/*-------------------------------------------------------
 メインタイトル
--------------------------------------------------------*/
	.mainvisual-title {
		text-align:center;
		font-size:3.6rem;
		font-size:36px;
    }
	@media screen and (max-width : 640px){
	.mainvisual-title {
		font-size:3.0rem;
		font-size:30px;
    }
	}


/*-------------------------------------------------------
 ボトム動画
--------------------------------------------------------*/
	.bottomvideo {
		position: absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		margin:auto;
		background-size: cover;
		z-index:-1;
	}
	/*@media screen and (max-width : 768px){
	.bottomvideo{
		display:none;
	}	
	}*/



/*-------------------------------------------------------
 フローティングバナー
--------------------------------------------------------*/
	.flowting{
		position: fixed;
		margin: 0 auto;
		width: 330px;
		bottom: 15%;
		right:20px;
		background-color:#18274B;
		z-index:10;
		border:1px solid #18274B;
	}
	.flowting.flowting-one{
		width: 165px;
	}
	.flowting .inner{
		padding:10px;
		margin-top:30px;
		background-color:#FFF;
		position:relative;
	}
	.flowting .closebtn{
		position: absolute;
		top: -30px;
		right: 10px;
	}
	.flowting ul li{
		display:inline-block;
		margin:5px;
	}
	@media screen and (max-width : 768px){
	.flowting{
		display:none
	}
	}


/*-------------------------------------------------------
 コンテンツ
--------------------------------------------------------*/	
	.contents{
		position:relative;
		margin:0px auto;
		background-color:#FFF;
		padding-bottom:60px;
		/*padding-top:40px;*/
	}

/*-------------------------------------------------------
 サービスナビ
--------------------------------------------------------*/	
	.serivce-nav{
		display:block;
		width:100%;
		background-color:#f7f7f7;
		text-align:left;
	}
	.serivce-nav li{
		width:48%;
		padding:0.5%;
		display:inline-block;
		vertical-align:top;
	}
	.serivce-nav li a{
		text-decoration:underline;
		text-align:left;
	}
	.serivce-nav li a:hover{
		text-decoration:none;
	}
	@media screen and (max-width : 640px){
	.serivce-nav li{
		width:100%;
		display:block;
	}
	}


/*-------------------------------------------------------
 サービス一覧
--------------------------------------------------------*/	
	.service-inner .row{
		margin:0;
		padding:0;
	}
	
	.service-inner-bg01{
		margin-bottom:30px;
		overflow:hidden;
	}
	.service-inner-bg01 a,
	.service-inner-bg01 .service-inner-bg-box{
		position:relative;
		display:block;
		height:100%;
		width:100%;
		text-align:center;
	}
	.service-inner-bg01 a img,
	.service-inner-bg01 .service-inner-bg-box img{
		width:100%;
	}
	.service-inner-bg01 span{
		position:relative;
		display:block;
		height:100%;
		width:100%;
		text-align:center;
	}
	.service-inner-bg01 a span img{
		margin-left:10px;
		vertical-align: text-bottom;
		width:25px;
	}
	.service-inner-bg01 span{
		font-size:24px;
		font-size:2.4rem;
		
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 20px;
		margin:auto;
		color:#FFF;
		text-align:center;
		vertical-align:middle;
	}
	.service-bottom .service-inner-bg01 span{
		font-size:14px;
		font-size:1.4rem;
	}	
	.service-inner-bg01 .icon-icon_blank-after{
		width:auto;
		position:absolute;
		right:10px;
		bottom:15px;
		background:none;
		padding:0;
	}
	.service-inner-bottom span{
		min-height:62px;
	}
	.service-inner-bottom .icon-icon_blank-after{
		right:10px;
		bottom:20px;
		min-height:auto;
	}
	.service-inner-bg01 span.two{
		font-size:18px;
		font-size:1.8rem;
		line-height: 1.1;
	}
	@media screen and (max-width:768px) {
	.service-inner-bg01 span{
		font-size:20px;
		font-size:2.0rem;
	}
	.service-inner-bg01 a img{
		width:100%;
	}
	}

/*-------------------------------------------------------
 サービス一覧：ボトム
--------------------------------------------------------*/	
	
	.service-bottom .service-inner-bg01{
		padding-right:10px;
		padding-left:10px;
		margin-bottom:20px;
	}


/*-------------------------------------------------------
 サービス一覧：個別製品
--------------------------------------------------------*/	
	.service-inner-child{
		text-align:center;
		padding:40px 20px 0px;
		/*margin:-20px 15px 0px;*/
	}
	.service-inner-child .service-inner-bg02{
		margin-bottom:20px;
	}
	.service-inner-child .inner a{
		text-decoration:underline;
	}
	@media screen and (max-width : 640px){
	.service-inner-child{
		padding:40px 0px 0px;
	}
	}
	

/*-------------------------------------------------------
 パンくず
--------------------------------------------------------*/
	#breadcrumb {
		padding: 0px;
		margin-top:90px;
		position:relative;
    }
    #breadcrumb li {
        display: inline;
        padding: 0px;
        margin: 0px;
		letter-spacing:normal;
		color: #212121;
		font-size:14px;
		font-size:1.4rem;
    }
	#breadcrumb li a,#breadcrumb li span{
		font-weight:normal;
    }
    #breadcrumb li:after {
		padding:0px 5px;
        content: " ▶";
		font-size:10px;
		font-size:1.0rem;
		top: -1px;
    	position: relative;
    }
    #breadcrumb li:last-child:after {
        content: "";
    }
	@media screen and (max-width : 980px){
    #breadcrumb {
		padding:0px 20px;
    }
	}
	@media screen and (max-width : 768px){
    #breadcrumb .inner {
		padding:0;
    }
    #breadcrumb li {
		font-size:12px;
		font-size:1.2rem;
    }
	}


/*-------------------------------------------------------
 サービス詳細
--------------------------------------------------------*/
	.service-detail h2{
		font-size:36px;
		font-size:3.6rem;
		margin-bottom:10px;
		color:#00347F;
		text-align:center;
		clear:both;
	}
	.service-detail h3{
		font-size:22px;
		font-size:2.2rem;
		margin-bottom:10px;
		clear:both;
	}
	.service-detail h4{
		font-size:18px;
		font-size:1.8rem;
		margin-bottom:5px;
		clear:both;
	}
	.service-detail-tokucho{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:40px 0px;
		margin-bottom:20px;		
	}
	.service-detail ul {
		margin-bottom:20px;
	}
	.service-detail a {
		color:#06F;
		text-decoration:underline;
	}
	.service-detail a:hover {
		color:#06F;
		text-decoration:none;
	}
	.service-detail a.btn {
		color:#FFF;
	}	
	.text-intro {
    	padding-left: 20px;
    	padding-right: 20px;
  	}
	.service-detail .img{
		text-align:center;
	}
	.service-detail .img2{
		text-align:center;
	}
	.service-detail .img2 img:first-child{
		width:49.5%;
		padding-right:0.5%;
		display:inline-block;
	}
	.service-detail .img2 img:last-child{
		width:49.5%;
		padding-left:0.5%;
		display:inline-block;
	}
	.service-detail p,
	.service-detail img{
		margin-bottom:20px;
	}
	
	.service-detail p small{
		font-size: 75%;
	}
	.service-detail ul {
		margin-left:1em;
	}
	.service-detail ul li{
		list-style:disc;

	}	
	.service-detail ul li small{
		font-size: 75%;
	}
	.service-detail hr{
     	margin-top: 40px;
    	margin-bottom: 40px;
		clear:both;
	}	
	
	.service-detail table{
	  	width: 100%;
		border-collapse: collapse;
	}
	.service-detail th{
		padding: 6px;
		text-align: left;
		vertical-align: middle;
		color: #333;
		background-color: #ecf0f1;
		border: 1px solid #b9b9b9;
	}
	.service-detail td{
		padding: 10px;
		vertical-align: middle;
		/*background-color: #fff;*/
		border: 1px solid #b9b9b9;
	}
	
	
	
	@media screen and (max-width:768px) {
	.service-detail h2{
		font-size:30px;
		font-size:3.0rem;
	}
	.service-detail h3{
		font-size:18px;
		font-size:1.8rem;
	}
	.service-detail h4{
		font-size:16px;
		font-size:1.6rem;
	}
	.text-intro {
		text-align: left;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.service-detail table{
		border-top:none;
	}
	.service-detail th{
		display: table-cell;
		padding: 6px;
		text-align: left;
		vertical-align: middle;
		color: #333;
		background-color: #ecf0f1;
		border: 1px solid #b9b9b9;
	}
	.service-detail td{
		display: table-cell;
		padding: 10px;
		vertical-align: middle;
		/*background-color: #fff;*/
		border: 1px solid #b9b9b9;
	}	

	}
	


/*-------------------------------------------------------
 サービス詳細：youtube
--------------------------------------------------------*/
	.service-detail-youtube {
		position: relative;
		width: 60%;
		margin: auto;
		padding-top: 34%;
		margin-bottom: 40px;
	}
	.service-detail-youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}


/*-------------------------------------------------------
 サービス詳細：サブメニュー
--------------------------------------------------------*/	
	.subnav ul{
		overflow:hidden;
		width:100%;
		display:table;
		margin-bottom:60px;
		padding-left:0px;
	}
	.subnav li {
		display: block;
		text-align:center;
		vertical-align:middle;
		width:25%;
		float:left;
		margin:0;
		list-style:none;
	}
	.subnav li a{
		display:block;
		width:100%;
		height:100%;
		border:1px solid #001f56;
		border-right:none;
		border-left:none;
		margin:0;
		color:#212121 !important;
		border-radius:0;
		padding:10px;
	}
	.subnav li:only-child{
		display:none;
	}
	.subnav li:first-child a,
	.subnav li:nth-child(4n+1) a{
		border-left:1px solid #001f56;
	}
	.subnav li:nth-child(n+5) a{
		border-top:none;
	}
	.subnav li a.active,
	.subnav li:hover a{
		background-color: #001f56;
		color: #FFF !important;
	}
	.subnav li a:last-child{
		border-right:1px solid #001f56;
	}
	@media screen and (max-width: 960px) {
	.subnav li {
		display:block;
		float:left;
		width:50%;
	}
	.subnav li a{
		padding:5px;
	}
	.subnav li:nth-child(3) a,
	.subnav li:nth-child(4) a{
		border-top:none;
	}
	.subnav li:nth-child(odd) a{
		border-left:1px solid #001f56;
	}
	}
	
	
	
	/* one item */
	.subnav li:first-child:nth-last-child(1) {
		width: 100%;
	}
	
	/* two items */
	.subnav li:first-child:nth-last-child(2),
	.subnav li:first-child:nth-last-child(2) ~ li {
		width: 50%;
	}
	
	/* three items */
	.subnav li:first-child:nth-last-child(3),
	.subnav li:first-child:nth-last-child(3) ~ li {
		width: 33.33%;
	}
	
	/* four items */
	.subnav li:first-child:nth-last-child(4),
	.subnav li:first-child:nth-last-child(4) ~ li {
		width: 25%;
	}
	@media screen and (max-width: 960px) {
	/* one item */
	.subnav li:first-child:nth-last-child(1) {
		width: 100%;
	}
	
	/* two items */
	.subnav li:first-child:nth-last-child(2),
	.subnav li:first-child:nth-last-child(2) ~ li {
		width: 50%;
	}
	
	/* three items */
	.subnav li:first-child:nth-last-child(3),
	.subnav li:first-child:nth-last-child(3) ~ li {
		width: 50%;
	}
	
	/* four items */
	.subnav li:first-child:nth-last-child(4),
	.subnav li:first-child:nth-last-child(4) ~ li {
		width: 50%;
	}
	}


/*-------------------------------------------------------
 サービス詳細：関連製品
--------------------------------------------------------*/
	.service-detail .relation-list{
		margin-left:0;
		margin:40px 0px;
	}
	.service-detail .relation-list li{
		width: 100%;
		list-style: none !important;
		text-align: left;
		border-top: 1px solid #ccc;
		padding: 20px 0px 20px 10px;
		min-height: 180px;
	}
	.service-detail .relation-list li a{
		color:#212121;
		display: block;
		margin-bottom: 20px;
	}
	.service-detail .relation-list li:last-child{
		border-bottom:1px solid #ccc;
	}
	.service-detail .relation-list-title {
		margin-bottom:5px;
		
	}
	.service-detail .relation-list-img{
		min-width:140px;
		position: absolute;
		margin-bottom: 20px;
	}
	.service-detail .relation-list-text{
		padding-left:180px;
	}
	
	@media screen and (max-width: 768px) {
	.service-detail .relation-list-img{
		display:block;
		position:relative;
		text-align:center;
		
	}
	.service-detail .relation-list-text{
		display:block;
		padding-left:0px;
	}
	}

/*-------------------------------------------------------
 サービス詳細：お問合わせボタン
--------------------------------------------------------*/
	.btn-contact,
	.btn-jirei,
	.btn-calc,
	.btn-duranta  {
		width:330px;
		font-size:20px;
		font-size:2.0rem;
		text-decoration:none !important;
	}
	.btn-contact span:after,
	.btn-jirei span:after,
	.btn-calc span:after{
		position: absolute;
		left: 40px;
		top: 13px;
		content: "";
		background: url(../img/common/btm_contact_mail.svg) no-repeat;
		display: inline-block;
		width: 25px;
		height: 25px;
	}
	
		@media screen and (max-width : 330px){
		.btn-contact,
		.btn-jirei,
		.btn-calc,
		.btn-duranta  {
			width:330px;
			max-width: 100%;
			font-size:16px;
			font-size:1.6rem;
			text-decoration:none !important;
			height: 48px;
			padding: 12px 30px!important;
		}
	}

	
	
	.btn-contact span,
	.btn-jirei span,
	.btn-calc span{
		padding-left: 50px;
	}
	
/*-------------------------------------------------------
 サービス詳細：事例ボタン
--------------------------------------------------------*/
	.btn-jirei span:after{
		background: url(../img/common/btm_contact_jirei.svg) no-repeat;
	}

/*-------------------------------------------------------
 サービス詳細：見積もり
--------------------------------------------------------*/
	.btn-calc span:after{
		background: url(../img/common/btm_contact_calc.svg) no-repeat;
	}
	
	
/*-------------------------------------------------------
 アコーディオン
--------------------------------------------------------*/
	.accordion{
		display:block;
		width:100%;
		background-color:#ebeef2;
		border:#ccc 1px solid;
		cursor:pointer;
		padding:15px;
		position:relative;
		margin-top:20px;
		padding-right:40px;
	}
	.accordion-inner{
		display:none;
	}
	.accordion:before{
		vertical-align:middle;
		position:absolute;
		right:50px;
		top:0px;
		bottom:0px;
		margin:auto;
		height:25px;
	}
	.accordion:after{
		font-size:12px;
		font-size:1.2rem;
		vertical-align:middle;
		position:absolute;
		right:20px;
		top:0px;
		bottom:0px;
		margin:auto;
		height:16px;
		color:#757575;
		font-family: 'icomoon' !important;
	}
	.accordion:before{
		content:"内容を見る";
	}
	.accordion:after{
		content:"\e90c";
	}

	.accordion.active:before{
		content:"閉じる";
	}
	.accordion.active:after{
		content:"\e90b";
	}
	@media screen and (max-width : 640px){
	.accordion:before,
	.accordion.active:before{
		display:none;
	}
	}



/*-------------------------------------------------------
 FAQ
--------------------------------------------------------*/
	.sec-faq {
		margin-top: 28px;
		margin-bottom: 20px;
	}
	.list-faq {
		margin-top: 7px;
		margin-bottom: 15px;
	}
	.list-faq dt .icon-question {
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: bold;
	}
	.list-faq dl {
		margin-top: 0px;
	}
	.list-faq dt {
		font-weight: bold;
		padding: 13px 0;
		font-size: 20px;
		font-size: 2rem;
	}
	.list-faq dd {
		border-top: 1px solid #cccccc;
		padding: 20px 20px 18px;
	}


/*-------------------------------------------------------
 アコーディオン 外注
--------------------------------------------------------*/
	.panel-default>.panel-heading {
		padding: 0 0;
		border-radius: 0;
		background-color: transparent;
	}
	.panel-group .panel {
		border-radius: 0;
		background-color: #F7F7F7;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		padding: 2px 40px 40px;
	}
	.panel-title {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 0 0;
	}
	.panel-title button {
		position: relative;
		display: block;
		padding: 15px 15px 15px 65px;
		background-color: transparent;
		border: none;
		width: 100%;
		text-align: left;
	}
	.panel-title button:focus {
		outline: none;
	}
	button[aria-expanded="false"] {
		background-color: #ffffff;
	}
	button[aria-expanded="true"] {
		background-color: #F7F7F7;
	}
	.panel-title button:before {
		position: absolute;
		content: " ";
		top: 0;
		bottom: 0;
		width: 14px;
		height: 14px;
		left: 24px;
		margin: auto 0;
	}
	.panel-title button[aria-expanded="false"]:before {
		background: url(../img/common/icon_plus.png) no-repeat;
	}
	.panel-title button[aria-expanded="true"]:before {
		background: url(../img/common/icon_minus.png) no-repeat;
	}
	.panel-group .panel+.panel {
		margin-top: -1px;
	}
	.panel-group .panel-heading+.panel-collapse>.panel-body {
		border-top: 0;
	}
	
	@media screen and (max-width: 767px) {
	.panel-title button {
		padding-left: 40px;
	}
	.panel-title button:before {
		left: 14px;
	}
	.panel-title {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		padding-left: 20px;
		padding-right: 20px;
	}
	}



/*-------------------------------------------------------
 ニュース
--------------------------------------------------------*/
	.desc-text {
	  line-height: 1.5;
	}


	/*BEGIN: news*/
	.list-news li {
		border-bottom: 1px solid #CCCCCC;
		padding: 20px 20px 17px;
	}
	.list-news li .icon-pdf {
		display: inline-block;
		vertical-align: middle;
		padding-left: 4px;
	}
	.list-news li:first-child {
		border-top: 1px solid #CCCCCC;
	}
	.list-news li .date,
	.news-detail .date {
		color: #757575;
		padding-right: 7px;
	}
	.list-news li .title {
		margin-top: 4px;
	}
	.list-news li .cat.cat-pressrelease,
	.news-detail .cat.cat-pressrelease {
		background-color:#00BFB5;
	}
	.list-news li .cat,
	.news-detail .cat {
		padding: 0px 9px;
		font-weight: 500;
		display: inline-block;
		background-color:#0051B2;
	}
	.list-news li .cat:hover,
	.news-detail .cat:hover {
		color: #ffffff;
	}
	.list-news li .tag{
		border: #CCCCCC 1px solid;
		background: #F7F7F7;
		font-size: 11px;
		padding: 2px 10px;
		border-radius: 50px;
		margin-left: 5px;
	}
	.list-news li .btn-tag-item,
	.news-detail .btn-tag-item {
		margin-top: 5px;
	}
	.has-not-sidebar {
		padding: 0 25px;
	}
	
	.list-news li .bg-event{
		background-color:#0051B2;
	}
	.list-news li .bg-pressrelease{
		background-color:#00BFB5;
	}
	
	
	@media screen and (max-width : 767px){
	.list-news li {
		padding-left: 0;
		padding-right: 0;
	}
	}
	/*END: news*/
	
	.sec-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	@media screen and (max-width : 767px){
	.mainvisual-title {
		padding-left: 30px;
		padding-right: 30px;
	}
	}



	.sec-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	@media screen and (max-width : 767px){
	.mainvisual-title {
		padding-left: 30px;
		padding-right: 30px;
	}
	}


	.icon-pdf {
		display: inline-block;
		vertical-align: middle;
		padding-left: 4px;
	    margin-top: -3px;
	}



/*-------------------------------------------------------
  Layout Box
-------------------------------------------------------*/
	.box-gray {
		background: #f7f7f7;
		padding: 20px;
	}
	.list-heading-text {
		counter-reset: list-num;
	}
	.list-heading-text ul {
		counter-reset: s-list-num;
	}
	.list-heading-text dt {
		counter-increment: list-num;
	}
	.list-heading-text dd li {
		counter-increment: s-list-num;
	}
	.list-heading-text dt:before {
		content: counter(list-num)'. ';
	}
	.list-heading-text dd li:before {
		content: counter(s-list-num)'.';
	}
	.list-heading-text dd {
		margin-bottom: 25px;
	}
	.list-heading-text dd:last-of-type {
		margin-bottom: 0;
	}
	.list-heading-text dt {
		font-weight: bold;
	}
	.list-heading-text .list-indent {
		padding-left: 25px;
	}
	
	.lower-alpha {
		counter-reset: list-alphabet;
	}
	.lower-alpha li {
		counter-increment: list-alphabet;
	}
	.lower-alpha li:before {
		content: counter(list-alphabet, lower-alpha)"  ";
	}
	
	.list-style {
		padding-left: 1em;
	}
	.list-style.decimal li {
		list-style-type: decimal;
	}
	.list-style.circle li {
		list-style-type: disc;
	}
	ul.space-between>li {
		margin-bottom: 20px;
	}
	ul.space-between>li:last-child {
		margin-bottom: 0;
	}


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


 フレームワークカスタマイズ


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

/*-------------------------------------------------------
 見出し
--------------------------------------------------------*/
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		line-height: 1.6;
	}
	
/*-------------------------------------------------------
 カラム余白
--------------------------------------------------------*/	
	.row-00{
		margin-left:0px;
		margin-right:0px;
	}
	.row-00 .col{
		padding-right:0px;
		padding-left:0px;
	}		
	
	
/*-------------------------------------------------------
 リスト
--------------------------------------------------------*/
	dl dt {
		font-weight: normal;
	}


/*-------------------------------------------------------
 ボタン
--------------------------------------------------------*/
	.btn {
		border:none;
	    padding: 10px 30px;
		display:inline-block;
		margin:0px;
		border-radius:50px;
	}

	.btn.btn-lg {
	    padding: 15px 40px;
		font-size:14px;
		font-size:1.4rem;
	}
	.btn.btn-sm {
	    padding: 5px 10px;
	}
	html:not(.mobile) .btn.active,html:not(.mobile) .btn:active {
		-webkit-box-shadow:none;
		box-shadow:none;
		background-image: inherit;
	}
	@media screen and (max-width : 640px){
	.btn {
		white-space: normal;		
	}
	}

/*-------------------------------------------------------
 ボタン；メイン
--------------------------------------------------------*/

	.btn-primary {
		background-color: #f7931e; /* メインカラー */	
	}
	.btn-primary.focus,.btn-primary:focus,.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
		background-color: #f7931e; /* メインカラー */
		border-color: #f7931e; /* メインカラー */
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    	background-color: #f7931e; /* メインカラーオーバー */	
	}
	.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{
		background-color: #ccc; /* メインカラー */
		opacity:0.3;		
	}
	.btn-primary:hover:after {
		background-color: #001f56;
	}
	
/*-------------------------------------------------------
 ボタン；黒
--------------------------------------------------------*/	
	.btn-black {
		background-color: #333;	
		color:#FFF;
	}
	
	.btn-black:hover, .btn-black:active, .btn-black.hover {
    	background-color: #555;
		color:#FFF;
	}
	.btn-black.focus, .btn-black:focus, .btn-black:hover{
		background-color: #555;
		color:#FFF;
	}
	
/*-------------------------------------------------------
 ボタン；オレンジ
--------------------------------------------------------*/	
	.btn-orange {
		background-color: #FBB03B;	
		color:#FFF;
	}
	
	.btn-orange:hover, .btn-orange:active, .btn-orange.hover {
    	background-color: #FBB03B;
		color:#FFF;
	}
	.btn-orange.focus, .btn-orange:focus, .btn-orange:hover{
		background-color: #FBB03B;
		color:#FFF;
	}
	
/*-------------------------------------------------------
 ボタン；オレンジ
--------------------------------------------------------*/	
	.btn-gray {
		background-color: #cccccc;	
		color:#FFF;
	}
	
	.btn-gray:hover, .btn-gray:active, .btn-gray.hover {
    	background-color: #cccccc;
		color:#FFF;
	}
	.btn-gray.focus, .btn-gray:focus, .btn-gray:hover{
		background-color: #cccccc;
		color:#FFF;
	}
	
	
/*-------------------------------------------------------
 ボタン；グリーン
--------------------------------------------------------*/	
	.btn-green {
		background-color: #8CC63F;	
		color:#FFF;
	}
	
	.btn-green:hover, .btn-green:active, .btn-green.hover {
    	background-color: #8CC63F;
		color:#FFF;
	}
	.btn-green.focus, .btn-green:focus, .btn-green:hover{
		background-color: #8CC63F;
		color:#FFF;
	}
	
/*-------------------------------------------------------
 ボタン；duranta
--------------------------------------------------------*/	
	.btn-duranta {
		background-color: #e08099;	
		color:#FFF;
	}
	
	.btn-duranta:hover, .btn-duranta:active, .btn-duranta.hover {
    	background-color: #e08099;
		color:#FFF;
	}
	.btn-duranta.focus, .btn-duranta:focus, .btn-duranta:hover{
		background-color: #e08099;
		color:#FFF;
	}
	
/*-------------------------------------------------------
 ボタン；デフォルト
--------------------------------------------------------*/
	.btn-default {
		background-color:#a5a5a5;
		color:#FFF;
	}
	.btn-default:hover, .btn-default:active, .btn-default.hover {
    	background-color: #a5a5a5;
		color:#FFF;
	}
	
/*-------------------------------------------------------
 ボタン；ボーダー
--------------------------------------------------------*/
	.btn-border {
		border:1px solid #ccc;
	}	


	
/*-------------------------------------------------------
 ボタン；アウトライン
--------------------------------------------------------*/
	.btn-outline {
		background-color: transparent;
		border:1px solid #FFF;
	}
	.btn-outline:hover,
	.btn-outline:active,
	.btn-outline.hover {
		background-color:#FFF;
		color:#212121;
	}
	.btn-outline:hover:after {
		background-color: #FFF;
	}

/*-------------------------------------------------------
 ボタン：アニメ
--------------------------------------------------------*/
	.btn-anime {
		position: relative;
		z-index: 2;
		overflow: hidden;
	}
	.btn-anime:after {
		content:"";
		top: -100%;
		left: 0%;
		width: 100%;
		height: 100%;
	}
	.btn-anime:hover:after {
		top: 0;
		left: 0;
	}
	.btn-anime::before,
	.btn-anime::after {
	  position: absolute;
	  z-index: -1;
	  display: block;
	  content: '';
	}
	html:not(.mobile) .btn-anime,
	html:not(.mobile) .btn-anime::before,
	html:not(.mobile) .btn-anime::after {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	}


/*-------------------------------------------------------
 ボタン 矢印
--------------------------------------------------------*/
	.btn-arrow-right,.btn-arrow-right:active{
		background-image:url(../img/common/icon_arrow_right.svg) !important;
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 40px 24px;
	}
	.btn-arrow-right-white,.btn-arrow-right-white:active{
		background-image:url(../img/common/icon_arrow_right_white.svg) !important;
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 25px 24px;
	}
	.btn-arrow-top,.btn-arrow-top:active{
		background-image:url(../img/common/icon_arrow_top.svg) !important;
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 40px 24px;
	}

/*-------------------------------------------------------
 ボタン メール
--------------------------------------------------------*/
	.btn-mail{
		background-image:url(../img/common/icon_mail.svg);
		background-repeat:no-repeat;
		background-position: 20px center;
    	background-size: 32px 26px;
	}
	.btn-mail:active{
		background-image:url(../img/common/icon_mail.svg);
	}
	
/*-------------------------------------------------------
 ボタン；SNS
--------------------------------------------------------*/	
	.btn-sns {
		color:#FFF;
		border-radius: 0px;
		width: 100%;
		padding: 10px;
		min-height: 40px;
	}
	.btn-sns-fb {
		background: url(../img/common/icon_fb.png) #3b5998 no-repeat 10px center !important;
	}
	.btn-sns-yt {
		background: url(../img/common/icon_yt.png) #000 no-repeat 10px center !important;
	}
	.btn-sns-tw {
		background: url(../img/common/icon_tw.png) #1da1f2 no-repeat 10px center !important;
	}


/*-------------------------------------------------------
 フォーム
--------------------------------------------------------*/	
	input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control, select.form-control, textarea.form-control {
		font-size:16px;
		cursor:pointer;
	}
	input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, select.form-control:focus, textarea.form-control:focus {
		border: 1px solid #0068b2; /* メインカラー */
		outline: none;
	}

	input, select {
	    vertical-align: baseline;
	}
	label {
		cursor:pointer;
		font-weight: normal;
	}
    .form-control{
        margin-bottom: 5px;
		padding: 6px;
    	font-size: 16px;
    	height: 36px;
		cursor:pointer;
		border: 1px solid #ccc;
		border-radius: 4px;
			box-shadow:none;
	    -webkit-box-shadow:none;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.form-group {
    	margin-bottom: 10px;
	}
	.help-block {
		font-size: 13px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.form-horizontal .form-group {
    	margin-right: -5px;
    	margin-left: -5px;
		position:relative;
	}
	.form-horizontal .control-label {
		padding-top: 8px;
		padding-right: 10px;
		font-weight:500;
	}
	.form-control:focus {
		background-color: #f4faff; /* メインカラーフォーカス */	
		border-color: #0068b2; /* メインカラー */
		box-shadow:none;
	    -webkit-box-shadow:none;
	}
	.form-horizontal .form-group {
		padding-bottom: 5px;
		border-bottom: 1px solid #ECECEC;
	}
	.form-control-feedback {
		line-height: 36px;
	}
	


/*-------------------------------------------------------
 テーブル
--------------------------------------------------------*/
	table{
	  	width: 100%;
		border-collapse: collapse;
	}
	th{
		padding: 10px;
		text-align: left;
		vertical-align: top;
		color: #333;
		border-bottom: 1px solid #b9b9b9;
	}
	td{
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px solid #b9b9b9;
	}
	
	.table-noborder td,
	.table-noborder th{
		border:none;
	}
	
	.thhold-w100 tbody th{
		min-width:100px;
		width:100px;
	}
	.thhold-w200 tbody th{
		min-width:200px;
		width:200px;
	}
	.thhold-w230 tbody th{
		min-width:230px;
		width:230px;
	}
	.thhold-w240 tbody th{
		min-width:240px;
		width:240px;
	}
	.thhold-w270 tbody th{
		min-width:270px;
		width:270px;
	}
	.thhold-w300 tbody th{
		min-width:300px;
		width:300px;
	}
	.thhold-w400 tbody th{
		min-width:400px;
		width:400px;
	}
	.thhold-w500 tbody th{
		min-width:500px;
		width:500px;
	}
	
	.table-clearfix td,
	.table-clearfix th{
		_height: 1px;
		min-height: 1px;
		/*￥*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	.table-clearfix td:after,
	.table-clearfix th:after{
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
	.table.my-table>thead>tr>th,
	.table.my-table>thead>tr>td,
	.table.my-table>tbody>tr>th,
	.table.my-table>tbody>tr>td,
	.table.my-table>tfoot>tr>th,
	.table.my-table>tfoot>tr>td {
		padding: 15px 20px;
		border-color: #ccc;
	}
	.table.my-table>thead>tr>th {
		background: #f7f7f7;
	}
	.table.my-table>thead>tr>th,
	.table.my-table>tbody>tr>th,
	.table.my-table>tfoot>tr>th {
		text-align: left;
	}
	
	
	@media screen and (max-width : 640px){
	th{
		width:100%;
		display:block;
		margin: 0 auto;
		border-top: none;
		float:left\9;
	}
	td{
		display: list-item;
		list-style-type:none;
		width: 100%;
		border-top: none;
		float:left\9;
	}
	
	table{
		border-top: 1px solid #b9b9b9;
	}
	

	.table-responsive th{
		width:100%;
		display:block;
		margin: 0 auto;
		border: none;
		float:left\9;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.table-responsive td{
		display: list-item;
		list-style-type:none;
		width: 100%;
		border: none;
		float:left\9;
	}

	.thhold tbody th{
		min-width:auto;
		width:100%;
	}
	.table.my-table>thead>tr>th,
	.table.my-table>thead>tr>td,
	.table.my-table>tbody>tr>th,
	.table.my-table>tbody>tr>td,
	.table.my-table>tfoot>tr>th,
	.table.my-table>tfoot>tr>td {
		border-top: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	}

/*-------------------------------------------------------
 テーブル　ボーダーなし
--------------------------------------------------------*/	
	.table-border-none th,
	.table-border-none td{
		background:none;
		border:none;
	}

	
/*-------------------------------------------------------
 グリッド
--------------------------------------------------------*/		
	
	.col-00 {
		padding-left:0px;
		padding-right:0px;
	}
	.col-10 {
		padding-left:10px;
		padding-right:10px;
	}
	.col-20 {
		padding-left:20px;
		padding-right:20px;
	}
	.col-25 {
		padding-left:25px;
		padding-right:25px;
	}
	.col-40 {
		padding-left:40px;
		padding-right:40px;
	}
	
	.col-r35 {
		padding-right:35px;
	}


	@media screen and (max-width : 767px){
	.col-00,.col-10,.col-20,.col-25,.col-40,.col-r35{
		padding-left:15px;
		padding-right:15px;		
	}
	}


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


 印刷用CSS


--------------------------------------------------------*/	
	@media print{
		body {
			margin:auto;
			min-width:1200px !important;
			transform: scale(0.8);
			-moz-transform: scale(0.8);
			-webkit-transform: scale(0.8);
			transform-origin: 0 0;
			position:absolute;
			top:0;
			left:0;
			right:0;
			display:table;
	  	}
		
		.footer-link{
			display:none;			
		}
		
		
	}
	
/*-------------------------------------------------------


 印刷用CSS（bootstrapカスタマイズ）


--------------------------------------------------------*/		
	@media print {
	  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	  }
	  .col-sm-12 {
		width: 100%;
	  }
	  .col-sm-11 {
		width: 91.66666667%;
	  }
	  .col-sm-10 {
		width: 83.33333333%;
	  }
	  .col-sm-9 {
		width: 75%;
	  }
	  .col-sm-8 {
		width: 66.66666667%;
	  }
	  .col-sm-7 {
		width: 58.33333333%;
	  }
	  .col-sm-6 {
		width: 50%;
	  }
	  .col-sm-5 {
		width: 41.66666667%;
	  }
	  .col-sm-4 {
		width: 33.33333333%;
	  }
	  .col-sm-3 {
		width: 25%;
	  }
	  .col-sm-2 {
		width: 16.66666667%;
	  }
	  .col-sm-1 {
		width: 8.33333333%;
	  }
	  .col-sm-pull-12 {
		right: 100%;
	  }
	  .col-sm-pull-11 {
		right: 91.66666667%;
	  }
	  .col-sm-pull-10 {
		right: 83.33333333%;
	  }
	  .col-sm-pull-9 {
		right: 75%;
	  }
	  .col-sm-pull-8 {
		right: 66.66666667%;
	  }
	  .col-sm-pull-7 {
		right: 58.33333333%;
	  }
	  .col-sm-pull-6 {
		right: 50%;
	  }
	  .col-sm-pull-5 {
		right: 41.66666667%;
	  }
	  .col-sm-pull-4 {
		right: 33.33333333%;
	  }
	  .col-sm-pull-3 {
		right: 25%;
	  }
	  .col-sm-pull-2 {
		right: 16.66666667%;
	  }
	  .col-sm-pull-1 {
		right: 8.33333333%;
	  }
	  .col-sm-pull-0 {
		right: auto;
	  }
	  .col-sm-push-12 {
		left: 100%;
	  }
	  .col-sm-push-11 {
		left: 91.66666667%;
	  }
	  .col-sm-push-10 {
		left: 83.33333333%;
	  }
	  .col-sm-push-9 {
		left: 75%;
	  }
	  .col-sm-push-8 {
		left: 66.66666667%;
	  }
	  .col-sm-push-7 {
		left: 58.33333333%;
	  }
	  .col-sm-push-6 {
		left: 50%;
	  }
	  .col-sm-push-5 {
		left: 41.66666667%;
	  }
	  .col-sm-push-4 {
		left: 33.33333333%;
	  }
	  .col-sm-push-3 {
		left: 25%;
	  }
	  .col-sm-push-2 {
		left: 16.66666667%;
	  }
	  .col-sm-push-1 {
		left: 8.33333333%;
	  }
	  .col-sm-push-0 {
		left: auto;
	  }
	  .col-sm-offset-12 {
		margin-left: 100%;
	  }
	  .col-sm-offset-11 {
		margin-left: 91.66666667%;
	  }
	  .col-sm-offset-10 {
		margin-left: 83.33333333%;
	  }
	  .col-sm-offset-9 {
		margin-left: 75%;
	  }
	  .col-sm-offset-8 {
		margin-left: 66.66666667%;
	  }
	  .col-sm-offset-7 {
		margin-left: 58.33333333%;
	  }
	  .col-sm-offset-6 {
		margin-left: 50%;
	  }
	  .col-sm-offset-5 {
		margin-left: 41.66666667%;
	  }
	  .col-sm-offset-4 {
		margin-left: 33.33333333%;
	  }
	  .col-sm-offset-3 {
		margin-left: 25%;
	  }
	  .col-sm-offset-2 {
		margin-left: 16.66666667%;
	  }
	  .col-sm-offset-1 {
		margin-left: 8.33333333%;
	  }
	  .col-sm-offset-0 {
		margin-left: 0%;
	  }
	  .visible-xs {
		display: none !important;
	  }
	  .hidden-xs {
		display: block !important;
	  }
	  table.hidden-xs {
		display: table;
	  }
	  tr.hidden-xs {
		display: table-row !important;
	  }
	  th.hidden-xs,
	  td.hidden-xs {
		display: table-cell !important;
	  }
	  .hidden-xs.hidden-print {
		display: none !important;
	  }
	  .hidden-sm {
		display: none !important;
	  }
	  .visible-sm {
		display: block !important;
	  }
	  table.visible-sm {
		display: table;
	  }
	  tr.visible-sm {
		display: table-row !important;
	  }
	  th.visible-sm,
	  td.visible-sm {
		display: table-cell !important;
	  }
	}