@charset "utf-8";

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

	Copyright:(C)2009 Nero graphy All Rights Reserved.
	https://www.nerography.com/

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

/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0 ;
	padding: 0 ;
	border: none ;
	vertical-align: baseline;
	font-style: normal ;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;*/
	font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans",YuGothic,"Yu Gothic","メイリオ",Meiryo,sans-serif !important;
	font-weight: normal ;
	font-size: 99% ;
	text-align: left ;
	list-style-type: none ;
	line-height: 23px ;
	letter-spacing: 0.05em ;
}
html{
	overflow-y: scroll ;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
}
table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
div{
	font-style: inherit ;
	font-weight: inherit ;
	color: inherit ;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style: inherit ;
	font-weight: inherit ;
}
sup,sub{vertical-align: baseline ;}
del,ins{text-decoration: none ;}
abbr,acronym{
	border: 0 ;
	font-variant: normal ;
}
img {
	vertical-align: text-top;
	-ms-interpolation-mode: bicubic;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* TextArea内文字サイズのブラウザ間での差異をなくす */
fieldset{border: 0 ;}
input,button,textarea,select{*font-size: 100%;}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
/*TextArea内の薄い文字の指定*/
::placeholder {color: #CCCCCC;}


/* HTML5 ELEMENTS */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}


/* clearfix */
.clear{clear: both ;}
/* for modern brouser */
.clearfix:after {
  content: "." ;
  display: block ;
  clear: both ;
  height: 0 ;
  visibility: hidden ;
}
/* IE7,MacIE5 */
.clearfix {display: inline-block ;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* clearfix */


a{color: #739dcb ;text-decoration:underline;outline: 0 ;	-webkit-tap-highlight-color: transparent;}
a:visited{color: #739dcb ;text-decoration:underline;}
a:hover{color: #63594a ;text-decoration:underline;}
a:focus {/*\*/	overflow: hidden;/**/}

.text{letter-spacing: 0.1em ;}
span.section{
	display: block ;
	padding: 0px 0px 10px 0px ;
}

.t-left{text-align: left ;}
.t-right{text-align: right ;}
.t-center{text-align: center ;}
.f-left{float: left ;}
.f-right{float: right ;}
.f-none{float: none ;}
.bold{font-weight: bold ;}
.red{color: red ;}
.green{color: #669900 ;}

body{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
	line-height: 1.8 ;
	letter-spacing: 0.05em ;
	font-size: 12px ;
	/*background: #3db8aa ;*/
	background: #a6c7c3 ;
	color: #151515 ;
}
#body,
#main{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
	line-height: 1.65 ;
	text-align: left ;
	position: relative ;
	background: #FFF ;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans",YuGothic,"Yu Gothic","メイリオ",Meiryo,sans-serif !important;
	font-weight: 500 ;
}
h1{
	width: 100% ;
	margin: 0px ;
	padding: 0px ;
	font-size: 190% ;
}
h2{
	width: 100% ;
	margin: 0px ;
	padding: 0px ;
	font-size: 140% ;
}
h3{
	width: 100% ;
	margin: 0px ;
	padding: 0px ;
	font-size: 120% ;
}
article{margin: 10px 0px 50px 0px ;}
section.text-box{padding: 0px 10px 8px 10px ;}

html,body{overflow-x:hidden}/* iphoneの右側の余白削除 */

/*横幅が751px以内で、電話番号リンクが有効
　横幅が751px以上で、電話番号リンクは無効*/
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}
/*-------------------------------------------------------------*/




/*--------------------------- 共通ロゴ ---------------------------*/
img.head-logo {
	display: block ;
	width: 180px;
	margin: 0px ;
	padding: 10px 0px 0px 5vw ;
	/*mix-blend-mode: difference;*/
}

@media screen and (max-width: 480px) { 
	img.head-logo {
		display: block;
		width: 40% ;
		margin:0px ;
		padding:20px 0px 0px 20px;
		/*mix-blend-mode: difference;*/
	}
}



/*--------------------------- 共通 ファーストBOX ---------------------------*/
#first-box01{
	padding: 0px ;
	font-size: 130%;
	background:;
	/*text-shadow: 0px 0px 1px #2a170e,0px 0px 2px #2a170e, 0px 0px 1px #2a170e,0px 0px 2px #2a170e,0px 0px 3px #2a170e,0px 0px 4px #2a170e,0px 0px 3px #2a170e;*/
}
#first-box01{
	max-width: 820px;
	margin: 0px auto 70px auto;
	padding: 120px 25px 0px 25px;
	line-height: 200%;
}
#first-box01 h1{
	margin: 0px auto 90px auto ;
	font-size: 100% ;
	text-align: center ;
}
#first-box01 h1 img{
	width: 100%;
	max-width: 228px;
	padding: 0px 0px 5px 0px ;
	text-align: center ;
}
#first-box01 h1 span{
	padding: 0px 20px 5px 20px ;
	border-bottom: 1px dotted #CCCCCC ;
	font-weight: 700 ;
}
#first-box01 section{
	text-align: center ;
}



/*--------------------------- 共通 Main BOX ---------------------------*/





/*--------------------------- 追従メニュー ---------------------------*/
#fade-kids{
	width: 42px ;
	margin: 0px 0px 0px auto ;
	text-align: right ;
    position: fixed;
    top: 100px;
    right: 0px;
    z-index: 10000 ;
}
#fade-otoiawase {
	width: 42px ;
	margin: 0px 0px 0px auto ;
	text-align: right ;
    position: fixed;
    top: 100px;
    right: 0px;
    z-index: 10000 ;
}
#fade-kids:hover,#fade-otoiawase:hover {
	width: 50px ;
}
#fade-kids a,
#fade-otoiawase a {
	padding: 10px 6px ;
	font-size: 13px;
	font-weight: 400 ;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF ;
	letter-spacing: 0.2em ;
	background: #3db8aa ;
	white-space: nowrap ;
	border-radius: 15px 0px 0px 15px ;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	    transition: 0.5s;
	    -webkit-transition: 0.5s;
}
#fade-kids a:visited,
#fade-otoiawase a:visited {
	color: #FFFFFF ;
}
#fade-kids a:hover,
#fade-otoiawase a:hover {
	color: #FFFFFF ;
	text-decoration: none;
	background: #262626 ;
	background: #96d161 ;
}
/*--------------------------- 追従メニュー ---------------------------*/


/*--------------------------- ハンバーガーメニュー内 ---------------------------*/

#sp-menu{
	width: 44px ;
	/*height: 46px ;*/
	margin:0;
	padding:0;
	position: relative ;
	z-index: 9999999999999999 ;
}
/*nabi開閉部分*/
.global{
	overflow: auto;
	padding: 0px 0px 0px 0px ;
}
.ham{
	height: 40px ;
}
.sp-menu-logo img{
	width: 226px ;
	margin: -20px 0px 30px -20px ;
}

dl.gnav{
}
.gnav dt{
	margin: 10px 0px 5px 10px ;
	padding: 0px 0px 0px 20px ;
	font-size: 15px ;
	line-height: 130% ;
	color: #FFF ;
	text-shadow:
	0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 3px #ffffff,
	0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 3px #ffffff;
}
.gnav dd {
	margin: 0px 0px 0px 25px ;
	padding: 3px 0px 2px 25px ;
	font-size: 12px ;
	line-height: 180% ;
	color: #FFF ;
	text-shadow:
	0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 3px #ffffff,
	0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 3px #ffffff;
}

.gnav dt a,
.gnav dd a{
	padding: 5px 10px 5px 10px ;
	color: #000 ;
	font-weight: 400 ;
	font-size: 90%;
	text-decoration: none ;
	border-bottom: 1px dotted #627b88 ;
}
.gnav dt a:visited,
.gnav dd a:visited{
	color: #000 ;
}
.gnav dt a:hover,
.gnav dd a:hover {
	color: #FFF ;
	background: #90ded5 ;
	text-shadow:none;
	border-radius: 5px ;

}
.gnav dt.sp-menu-logo a {
	background: none ;
	border: none ;
}
.gnav dt.sp-menu-logo a:hover {
	background: none ;
	border: none ;
}

.gnav dt.menu-access{
}
.gnav dt.menu-access a{
	display: inline-block ;
	font-size: 80% ;
	line-height: normal;
	padding: 3px 0px 3px 5px ;
	border: none ;
	margin-bottom: 10px ;
}
.gnav dt.menu-access a span{
	display: inline-block ;
	margin-bottom: 10px ;
}
.gnav dt.kojinn01{
	margin-top: 20px ;
	font-size: 100% ;
}

.gnav {
	display: block;
	width: auto ;
	width: 290px ;
	height: 99vh;
	margin: 0px 0px 0px 5px ;
	padding: 0px 0px 0px 0px ;
	background-color: rgba(240, 240, 240, .90);
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 2px;
	z-index: 99;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear;
	border-radius:11px 0px 0px 11px ;

}
.gnav.on {
	visibility: visible;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.menu-sns-mark img{
	width: 25px ;
	margin: -4px 9px 2px 0px ;
}

.modal {
	background-color: rgba(255, 255, 255, .5);
	right: 0;
	opacity: .1;
	position: fixed;
	top: 0;
	z-index: 98;
	visibility: hidden;
	webkit-transition: visibility 0 linear .4s, opacity .4s;
	-moz-transition: visibility 0 linear .4s, opacity .4s;
	transition: visibility 0 linear .4s, opacity .4s;
	webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.modal.on {
	opacity: 1;
	webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
	visibility: visible;
}
@media screen and (max-width: 480px) { 
	.gnav {
	  width: 330px;
	}
}
/*--------------------------- ハンバーガーメニュー内 ---------------------------*/

/*--------------------------- ハンバーガーボタン ---------------------------*/
.icon-animation {
	/*background-color: #333 ;*/
	width: 44px;
	height: 33px;
	display: block;
	cursor: pointer;
	text-align: center;
	position: fixed ;
	right: 10px ;
	top: 14px ;
}
.icon-animation span {
	display: block;
	width: 30px;
	height: 4px;
	background: #000;
	/*background: #fff;*/
	position: absolute;
	left: 70%;
	top: 44%;
	margin-left: -25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.icon-animation .top {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.icon-animation .bottom {
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}
.icon-animation #bottom-text{
	width: 60px ;
	height: 30px ;
	position: absolute ;
	left: 2px ;
	top: 31px ;
	font-size: 11px ;
	font-weight: 700 ;
	color: #000 ;/*color: #FFF ;*/
	/*text-shadow:0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 3px #ffffff;*/
}
.is-open .middle {
	background: rgba(51, 51, 51, 0);
}
.is-open .top {
	-webkit-transform: rotate(-45deg) translateY(0px);
	-ms-transform: rotate(-45deg) translateY(0px);
	transform: rotate(-45deg) translateY(0px);
}
.is-open .bottom {
	-webkit-transform: rotate(45deg) translateY(0px);
	-ms-transform: rotate(45deg) translateY(0px);
	transform: rotate(45deg) translateY(0px);
}
/*--------------------------- ハンバーガーボタン ---------------------------*/








/*--------------------------- FormBox ---------------------------*/
/* アコーディオン処理 */
#accordion-back{
	background:  ;
	padding-bottom: 110px ;
}
.toggle {display: none;}/*ベース*/
.Label{		/*タイトル*/
display: block;
display: block;
    width: 90%;
    max-width: 260px;
    margin: 0px auto 5px auto;
    padding: 10px;
    text-align: center;
    background: #7fafa9;
    background: #a6c7c3;
    border-radius: 7px;
    font-size: 8px;
}
.Label:hover{background:#3db8aa;}
.Label h1{
		text-align: center ;
	font-weight: 400 ;
	color: #fff;
	}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.accordion-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
		transition: all .5s linear;
}
.accordion-content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0px;
	overflow: hidden;
}
.toggle:checked + .Label + .accordion-content {	/*開閉時*/
	height: auto;
	padding: 15px 0px 30px 0px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}


#form-box01{
	width: 800px ;
	margin: 0px auto ;
	padding: 60px  ;
	text-align: center ;
	background: #5a7087 ;
	background: #7fafa9 ;
	color: #FFF ;
	border-radius: 20px
}
#form-box01 h2{
	width: 320px ;
	margin: 0px auto ;
	padding: 10px ;
	text-align: center ;
	border: 2px solid #FFF ;
}
#form-box01 .h2-text{
	font-size: 18px ;
	letter-spacing: 0.1em ;
	line-height: 190% ;
}
#form-box01 .h2-text a{color: #FFF ;}

/* FORM内容部分ここから */
div#mf_wrapper {
	width: 800px;
	margin:0px auto;
	font-family: sans-serif;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 800px;
	border-top: 1px dotted #dcf7f4 ;
	
}
table.mailform tr th,
table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px dotted  #dcf7f4;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	white-space:nowrap;
}
table.mailform tr th span {
	padding: 0px 0px 0px 3px ;
	font-size: 12px;
	font-weight: bold ;
	color: #CC0000;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #dcf7f4;
}
table.mailform tr td textarea {
	height: 120px;
}
.input-float01 div{
	white-space:nowrap;
	float: left ;
}
.w-10 textarea{width: 10% ;}.w-20 textarea{width: 20% ;}.w-30 textarea{width: 30% ;}.w-40 textarea{width: 40% ;}.w-50 textarea{width: 50% ;}.w-60 textarea{width: 60% ;}.w-70 textarea{width: 70% ;}.w-80 textarea{width: 80% ;}.w-90 textarea{width: 90% ;}.w-100 textarea{width: 100% ;}
.w-10 input{width: 10% ;}.w-20 input{width: 20% ;}.w-30 input{width: 30% ;}.w-40 input{width: 40% ;}.w-50 input{width: 50% ;}.w-60 input{width: 60% ;}.w-70 input{width: 70% ;}.w-80 input{width: 80% ;}.w-90 input{width: 90% ;}.w-100 input{width: 100% ;}
/*--------------------------- formBox END ---------------------------*/




.link-qrcode{
	margin: 0px auto ;
}
.link-qrcode td{
	text-align: center ;
	padding: 5px  ;
}
.link-qrcode a{color: #FFF ;}
.link-qrcode a:visited{color: #FFF ;}
.link-qrcode a:hover{color: #CCCCFF ;}

.link-qrcode img{width: 80px ;}
.link-qrcode img:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}




#footer{
	width: 100% ;
	margin: 0px auto 0px auto ;
	padding: 0px 0px 25px 0px ;
	text-align: center ;
	background: #f7fbfb ;
}
#footer table{
	margin: 0px auto ;
}
#footer .foot-logo{
	text-align: center ;
	vertical-align: middle ;
	padding: 0px 0px 0px 10px ;
}
#footer .foot-logo img{
	width: 100% ;
	max-width: 150px ;
	margin-top: 15px;
}
#footer .foot-text{
	padding: 30px 10px 0px 40px ;
}
@media screen and (max-width: 480px) { 
	#footer .foot-logo{
		width: 30% ;
	}
	#footer .foot-logo img{
		width: 100% ;
		max-width: 150px ;
		margin-top: 15px;
	}
	#footer .foot-text{
		width: 73% ;
		padding: 27px 10px 0px 20px ;
	}
}


#access-back{
	max-width: 1050px ;
	margin: 0px auto ;
	background:url(../images/back-accent01.png) no-repeat;
	background-position: right bottom ;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}
#access-box{
	width: 90% ;
	max-width: 800px ;
	margin: 0px auto 0px auto ;
	padding: 150px 0px 120px 0px ;
	text-align: center ;
}
#access-box h1{
	margin: 0px 0px 30px 0px ;
	font-size: 14px ;
	text-align: center ;
}
img.title-access{
	width: 100% ;
	max-width: 130px ;
	margin: 0px auto 0px auto ;
}





@media screen and (max-width: 480px) { 
	#access-back{
		background: none ;
	}
}






/*--------------------------- トップに戻るボタン fade-menu.js ---------------------------*/
#page-top {
    position: fixed;
    bottom: 15px ;
    right: 10px;
    font-size: 2vw ;
}
#page-top a {
    display: inline-block;
    padding: 6px 30px;
    font-size: 13px ;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #666;
    border-radius: 5px;
}
/*--------------------------- トップに戻るボタン fade-menu.js ---------------------------*/







/*Media Queries*/
@media screen and (max-width:1024px) {}
@media screen and (max-width: 896px) {
	#form-box01{
		width: 90% ;
		margin: 0px auto ;
		padding: 60px 20px  ;
	}
	.h2-text{font-size: 3vw ;}
	/* FORM内容部分ここから */
	div#mf_wrapper {width: 100% ;}
	table.mailform {width: 100% ;}
	table.mailform tr th,
	table.mailform tr td {font-size: 1.5vw;}
	table.mailform tr th span {font-size: 1.5vw;}
	table.mailform tr th p {font-size: 1.5vw;}
	#main-box06 h1{font-size: 4vw ;}
	#main-box06 span{font-size: 2vw ;}
	#sp-buttom{display: none ;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 567px){

	dl.gnav{
		display: block;
		/*width: 93% ;*/
		height: 97vh;
		padding: 0px 0px 0px 0px ;
		margin: 0px 0px 50px 10px ;
	}
	.gnav dt{
		margin: 10px 0px 5px 0px ;
		padding: 0px 0px 0px 20px ;
		font-size: 4vw ;
		line-height: 130% ;
		color: #FFF ;
	}
	.gnav dd {
		margin: 0px 0px 0px 25px ;
		padding: 3px 0px 2px 20px ;
		font-size: 3vw ;
		line-height: 180% ;
		color: #FFF ;
	}
	.gnav dt.sp-menu-logo img {
		/*width: 80% ;*/
	}
}
@media screen and (min-width: 568px) and (max-width: 1039px){
	.modal{display: none ;}
}
@media screen and (max-width: 480px) { 
	#form-box01{
		width: 90% ;
		margin: 0px auto ;
		padding: 60px 15px 60px 10px  ;
	}
	.h2-text{font-size: 6vw ;}
	/* FORM内容部分ここから */
	div#mf_wrapper {width: 100% ;}
	table.mailform {width: 100% ;}
	table.mailform tr th{font-size: 2vw;}
	table.mailform tr td {font-size: 2.5vw;}
	table.mailform tr th span {font-size: 2vw;}
	table.mailform tr th p {display: none ;}
}

@media screen and (min-width:1040px) {
	.modal{display: none ;}
}




/*-------------------------------------------------------------------------*/
/*
	参考　
	https://www.seojuku.com/blog/responsive-mediaquery.html
	レスポンシブ：タブレット縦/スマホ横/スマホ縦
	@media screen and (max-width: 1024px) { }
	@media screen and (max-width: 896px) { }
	@media screen and (max-width: 480px) { }
*/
#test-001{
	width: 700px ;
	margin: -111px 0px 50px -70px ;
    font-family: 'LibreBaskerville';
    font-weight: 700;
    /*
    regular 100
    italic 400
    bold 700
    */
	font-size: 70px ;
	line-height: 100% ;
	color: #000000 ;
	transform   : scale(1.3, 1.0);   /* 変形 横,縦 */
}
#test-002{
	display: inline-block ;
    font-family: 'Damion-Regular';
    font-weight: 100;
	font-size: 70px ;
	line-height: 100% ;
	color: #71a8c5 ;
	position: absolute ;
	right: -70px ;
	top: 30px ;
	transform:rotate(-15deg);
}