@charset "UTF-8";
:root{
	--SPDESIGN : 768;
	--bodyColor : #e767c0;/*--テキストカラー--*/
	--titleColor : #f30000;/*--ページタイトルテキストカラー--*/
	--titleBg : #f56dde;/*--ページタイトル背景カラー--*/
	--minWidth : 1100px;
	--wrapSidePaddingSP : 24;
	--wrapSidePaddingPC : 20px;
	--headerBG : #91dcf7;/*--ヘッダー背景カラー--*/
	--headerHeightSP : 120;
	--headerHeightPC : 135px;
	--headerWrapHeightPC : 85px;
	--logoHeightSP : 80;
	--logoHeightPC : 60px;
	--logoRigthSpaceSP : 15;
	--logoRigthSpacePC : 14px;
	--navBGSP : #369;/*--スマホメニュー背景カラー--*/
	--navColorSP : #FFF;/*--スマホメニューテキストカラー--*/
	--navBGPC : #369;/*--PCグロナビ背景カラー--*/
	--navColorPC : #FFF;/*--PCグロナビテキストカラー--*/
	--hambergerColor : #369;/*--スマホメニューハンバーガーカラー--*/
	--snsBG : #369;/*--PC SNSボタン背景カラー--*/
	--cvBGPC : #690;/*--PC CVボタン背景カラー--*/
	--cvBGSP : #690;/*--PC CVボタン背景カラー--*/
	--cvColor : #FFF;/*--PC CVボタンテキストカラー--*/
	--footerBG : #369;/*--フッター　背景カラー--*/
	--footerColor : #FFF;/*--フッター　テキストカラー--*/
	--titleSectionColor : #369;/*--コンテンツタイトル　テキストカラー--*/
	--componentTopSpaceSP : 72;
	--componentBottomSpaceSP : 120;
	--componentTopSpacePC : 50px;
	--componentBottomSpacePC : 112px;
	--textSizeSP : 26;
	--textLineHeightSP : 1.5;
	--textSizePC : 16px;
	--textLineHeightPC : 24px;
	--textLetterSpacing : .1em;
}
/*--------------------------------------------
WRAPPER
---------------------------------------------*/
body{
	color : #333;
	color : var(--bodyColor);
}
@media print,screen and (min-width: 769px){
	body{
		min-width : 1100px;
		min-width : var(--minWidth);
	}
}
@media screen and (max-width: 768px){
	.wrap{
		padding-left : calc( 24 * 100% / 768);
		padding-left : calc( var(--wrapSidePaddingSP) * 100% / var(--SPDESIGN) );
		padding-right : calc( 24 * 100% / 768);
		padding-right : calc( var(--wrapSidePaddingSP) * 100% / var(--SPDESIGN) );
	}
}
@media print,screen and (min-width: 769px){
	.wrap{
		padding-left : 20px;
		padding-left : var(--wrapSidePaddingPC);
		padding-right : 20px;
		padding-right : var(--wrapSidePaddingPC);
		width : 1100px;
		width : var(--minWidth);
	}
}
@media screen and (max-width: 768px){
	main{
		padding-top : calc( 120 * 100vw / 768);
		padding-top : calc( var(--headerHeightSP) * 100vw / var(--SPDESIGN) );
	}
}
@media print,screen and (min-width: 769px){
	main{
		padding-top : 135px;
		padding-top : var(--headerHeightPC);
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
#header{
	background-color : #fff;
	background-color : var(--headerBG);
}
@media screen and (max-width: 768px){
	#header .wrap{
		height : calc( 120 * 100vw / 768);
		height : calc( var(--headerHeightSP) * 100vw / var(--SPDESIGN) );
	}
	#header .logo{
		margin-right : calc( 15 * 100vw / 768);
		margin-right : calc( var(--logoRigthSpaceSP) * 100vw / var(--SPDESIGN) );
	}
	#header .logo img{
		width : auto;
		height : calc( 80 * 100vw / 768);
		height : calc( var(--logoHeightSP) * 100vw / var(--SPDESIGN) );
	}
}
@media print,screen and (min-width: 769px){
	#header{
		height : 135px;
		height : var(--headerHeightPC);
	}
	#header .wrap{
		height : 85px;
		height : var(--headerWrapHeightPC);
	}
	#header .logo{
		margin-right : 14px;
		margin-right : var(--logoRigthSpacePC);
	}
	#header .logo img{
		width : auto;
		height : 60px;
		height : var(--logoHeightPC);
	}
}
/*--------------------------------------------
NAVIGATION
---------------------------------------------*/
@media screen and (max-width: 768px){
	#nav{
		height : calc( 100vh - calc( 120 * 100vw / 768) );
		height : calc( 100vh - calc( var(--headerHeightSP) * 100vw / var(--SPDESIGN) ) );
		color : #fff;
		color : var(--navColorSP);
		top : calc( 120 * 100vw / 768);
		top : calc( var(--headerHeightSP) * 100vw / var(--SPDESIGN) );
		background-color : rgba(51,105,153,.95);
		background-color : var(--navBGSP);
	}
	#nav a{
		color : #fff;
		color : var(--navColorSP);
	}
	#nav .scroll{
		padding-left : calc( 24 * 100% / 768);
		padding-left : calc( var(--wrapSidePaddingSP) * 100% / var(--SPDESIGN) );
		padding-right : calc( 24 * 100% / 768);
		padding-right : calc( var(--wrapSidePaddingSP) * 100% / var(--SPDESIGN) );
	}
}
@media print,screen and (min-width: 769px){
	#nav{
		color : #fff;
		color : var(--navColorPC);
		background-color : #369;
		background-color : var(--navBGPC);
	}
	#nav a{
		color : #fff;
		color : var(--navColorPC);
	}
	#nav .scroll{
		padding-left : 20px;
		padding-left : var(--wrapSidePaddingPC);
		padding-right : 20px;
		padding-right : var(--wrapSidePaddingPC);
		width : 1100px;
		width : var(--minWidth);
	}
}
/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/
#menuBtn span span{
	background-color : #369;
	background-color : var(--hambergerColor);
}
/*--------------------------------------------
SNS
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	.sns a{
		background-color : #369;
		background-color : var(--snsBG);
	}
}
/*--------------------------------------------
CV
---------------------------------------------*/
.cv{
	color : #fff;
	color : var(--cvColor)!important;
}
@media screen and (max-width: 768px){
	.cv{
		background-color : #690;
		background-color : var(--cvBGSP);
	}
}
@media print,screen and (min-width: 769px){
	.cv{
		background-color : #690;
		background-color : var(--cvBGPC);
	}
}
/*--------------------------------------------
FOOTER
---------------------------------------------*/
footer{
	background-color : #165ea4;
	background-color : var(--footerBG);
	color : #fff;
	color : var(--footerColor);
}
footer a{
	color : #fff;
	color : var(--footerColor);
}
/*--------------------------------------------
SECTION TITLE
---------------------------------------------*/
.title-section{
	color : #00f;
	color : var(--titleSectionColor);
}
/*--------------------------------------------
COMPONENT
---------------------------------------------*/
@media screen and (max-width: 768px){
	.component .wrap{
		padding-top : calc( 72 * 100vw / 768);
		padding-top : calc( var(--componentTopSpaceSP) * 100vw / var(--SPDESIGN) );
		padding-bottom : calc( 120 * 100vw / 768);
		padding-bottom : calc( var(--componentBottomSpaceSP) * 100vw / var(--SPDESIGN) );
	}
}
@media print,screen and (min-width: 769px){
	.component .wrap{
		padding-top : 50px;
		padding-top : var(--componentTopSpacePC);
		padding-bottom : 112px;
		padding-bottom : var(--componentBottomSpacePC);
	}
}
/*--------------------------------------------
TEXT
---------------------------------------------*/
.text{
	letter-spacing : .1em;
	letter-spacing : var(--textLetterSpacing);
}
@media screen and (max-width: 768px){
	.text{
		font-size : calc( 26 * 100vw / 768);
		font-size : calc( var(--textSizeSP) * 100vw / var(--SPDESIGN) );
		line-height : 1.5;
		line-height : var(--textLineHeightSP);
	}
}
@media print,screen and (min-width: 769px){
	.text{
		font-size : 16px;
		font-size : var(--textSizePC);
		line-height : 24px;
		line-height : var(--textLineHeightPC);
	}
}
/*# sourceMappingURL=../maps/config.css.map */