@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
0. Foundation
	 0-1. Reset
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-navGlobal
	 1-6. pageHeader
	 1-7. layoutType
2. Object
	 2-1. Component a.k.a Module
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. Panel    [pnl-***]
				2-1-15. Media    [mda-***]
				2-1-16. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. CSS Animation [act-***]
				2-2-6. WebFont
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

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

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0;
	padding: 0;
}
a{
	background-color: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline-width: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,progress,video{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
progress{
	vertical-align: baseline;
}
template,
[hidden]{
	display: none;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: auto;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
/*	resize: none;*/
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
	/*visibility: hidden;*/ /* as WebFont */
}
html.wf-active{
	/*visibility: visible;*/ /* as WebFont */
}
body{
	font-feature-settings : "palt";
	font-family:"游ゴシック", "YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}
html,body{

}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button{
	font-family:"游ゴシック", "YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}
.ie9 .gradient{
	filter: none;
}
a[href="tel"]{
	color: #a4002c;
}


/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 14px;
	color: #656565;
	background-color: #fff;
}
a{
	color: #656565;
	text-decoration: none;
}
a:visited{
	color: #656565;
}
a:hover,
a:active{
	color: #656565;
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
}
p{
	line-height: 1.7;
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;
}
input{
	font-size: 16px;
	box-sizing: border-box;
}
select{
	display: block;
}
textarea{
	width: 100%;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
}






/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
.is-locked {
	overflow: hidden;
}

/* 1-1. #l-document
-------------------------------------------------- */
#l-document {
	overflow: hidden;
}

/* 1-2. #l-header
-------------------------------------------------- */
.header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	transition: all 1s ease;
}
.header:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 150px;
	background: #F7EFEC;
	width: 43.125vw;
}
.header:after {
	content: "";
	display: block;
	clear: both;
}
.header__sitelogo {
	float: left;
	padding: 30px 20px 0 115px;
	position: relative;
	z-index: 5;
}
.header__sitelogo a {
	display: block;
	transition: all 0.3s ease;
}
.header__sitelogo a:hover {
	opacity: 0.7;
}
.header__sitelogo img {
	width: 25vw;
	height: auto;
	transition: all 0.5s ease;
}
.header__nav {
	float: right;
	display: table;
	margin: 55px 3.646vw 48px 0;
	position: relative;
	z-index: 5;
}
.header__nav li {
	display: table-cell;
	vertical-align: top;
	padding: 0 50px;
}
.header__nav li a {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #685744;
	position: relative;
	padding-bottom: 15px;
	font-style: italic;
	letter-spacing: 0.04em;
}
.header__nav li a:after {
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #685744;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	transition: transform 0.5s ease-in-out;
}
.header__nav li a:hover {
	text-decoration: none;
}
.header__nav li a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.header__nav li a small {
	display: none;
}

.header.is-past {
	top: -300px;
}
.header.is-fixed {
	position: fixed;
	top: 0;
}
.header.is-fixed:before {
	background: rgba(255,255,255,0.7);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	left: -10%;
	right: -10%;
	top: -10%;
	bottom: 0;
	height: auto;
	width: auto;
}
.header.is-fixed .header__sitelogo {
	padding: 20px 20px 0 99px;
}
.header.is-fixed .header__sitelogo a {
	width: 209px;
	height: 50px;
	background: url("/web/images/header-pct-sitelogo02.svg") no-repeat center;
	background-size: 100% auto;
}
.header.is-fixed .header__sitelogo img {
	display: none;
}
.header.is-fixed .header__nav {
	margin: 28px 3.646vw 25px 0;
}
.header.is-fixed .header__nav li a {
	padding-bottom: 5px;
}

@media only screen and (min-width: 961px) and (max-width: 1280px){
	.header:before {
		width: 43.125vw;
	}
	.header__sitelogo {
		padding: 35px 0 0 49px;
	}
	.header__nav li {
		padding: 0 3.906vw;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.header__sitelogo {
		padding: 27px 0 0 40px;
	}
	.header__sitelogo img {
		width: 290px;
	}
	.header__hamburger {
		position: absolute;
		right: 25px;
		top: 19px;
		width: 33px;
		height: 33px;
		z-index: 7;
	}
	.header__hamburger p {
		height: 33px;
		position: relative;
	}
	.header__hamburger span {
		background: #685744;
		height: 1px;
		display: block;
		position: absolute;
		left: 0;
		transition: all 0.8s ease-in-out;
	}
	.header__hamburger span:nth-child(1) {
		width: 33px;
		top: 7px;
	}
	.header__hamburger span:nth-child(2) {
		width: 29px;
		top: 16px;
	}
	.header__hamburger span:nth-child(3) {
		width: 27px;
		bottom: 7px;
	}
	.header__hamburger.is-active span:nth-child(1) {
		transform: rotate(45deg);
		top: 11px;
		left: -6px;
		width: 35px;
	}
	.header__hamburger.is-active span:nth-child(2) {
		transform: scale(0);
	}
	.header__hamburger.is-active span:nth-child(3) {
		transform: rotate(-45deg);
		top: 11px;
		left: -6px;
		width: 35px;
	}
	.header.is-fixed .header__nav {
		margin-top: 0;
	}
	.header__nav {
		float: none;
		display: block;
		margin: 0;
		position: fixed;
		z-index: 5;
		width: 100%;
		left: -100%;
		height: 100vh;
		top: 0;
		transition: all 0.2s ease-in-out;
	}
	.header__nav.is-opened {
		left: 0;
		margin-top: 0;
	}
	.header__nav__bg {
		background: #f7efec;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 100%;
		bottom: 0;
		transition: all 0.5s ease-out;
		pointer-events: none;
		-webkit-transform: translateX(2vw);
		transform: translateX(2vw);
	}
	.header__nav__bg.is-shown {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	.header__nav ul {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity: 0;
		transition: all 0.5s ease-in-out;
	}
	.header__nav ul.is-shown {
		opacity: 1;
	}
	.header__nav li {
		display: block;
		padding: 5vh 0;
	}
	.header__nav li a {
		padding: 0;
		text-align: center;
		font-size: 22px;
		letter-spacing: 0.04em;
	}
	.header__nav li a small {
		display: block;
		color: #B7B7B7;
		font-size: 14px;
		letter-spacing: 0.07em;
		font-weight: normal;
		font-style: normal;
		font-family:"游ゴシック", "YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	}
	.header__nav li a:after {
		display: none;
	}
	.header.is-past .header__sitelogo {
		padding: 17px 20px 17px 32px;
	}
	.header.is-past .header__sitelogo a {
		width: 125px;
		height: 30px;
	}
	.header.is-past .header__sitelogo img {
		height: 0;
		display: block;
	}
	.header.is-past .header__hamburger {
		top: 15px;
		right: 32px;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.header:before {
		height: 156px;
		width: 366px;
		transition: all 0.5s ease;
	}
	.header.is-past:before {
		display: block;
		bottom: 0;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.header:before {
		display: none;
	}
	.header__sitelogo {
		padding: 15px 0 0 20px;
	}
	.header__sitelogo img {
		width: 187px;
	}
	.header.is-past .header__sitelogo img {
		height: 0;
		display: block;
	}
	.header__nav li {
		padding: 25px 0;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container{

}


/* 1-3-1. #l-main
-------------------------------------------------- */
#l-main{

}


/* 1-3-2. #l-sub
-------------------------------------------------- */


/* 1-4. #l-footer
-------------------------------------------------- */
.footer {
	background: #F8F8F8;
	text-align: center;
	padding: 55px 0 0;
}
.footer__sitelogo {
	margin-bottom: 40px;
}
.footer__sitelogo span {
	display: block;
}
.footer__sitelogo span {
	font-size: 12px;
	margin-bottom: 10px;
}
.footer__sitelogo a {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.038em;
	color: #686868;
	transition: all 0.5s ease;
	line-height: 1;
}
.footer__sitelogo a img {
	width: 270px;
	height: 19px;
}
.footer__sitelogo a:hover {
	opacity: 0.7;
}
.footer__info {
	padding-bottom: 60px;
}
.footer__contact {
	font-size: 17px;
	max-width: 550px;
	margin: 0 auto;
}
.footer__contact dt {
	float: left;
	width: 132px;
	padding: 5px 0;
}
.footer__contact dd {
	margin-left: 132px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #D9D9D9;
}
.footer__copyright {
	background: #DCDCDC;
	font-size: 12px;
	color: #A8A8A8;
	letter-spacing: 0.053em;
	padding: 31px;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.footer {
		padding-top: 40px;
	}
	.footer__sitelogo a {
		font-size: 20px;
	}
	.footer__sitelogo a img {
		width: 230px;
		height: 17px;
	}
	.footer__info {
		padding-bottom: 40px;
	}
	.footer__contact {
		font-size: 14px;
		max-width: 311px;
	}
	.footer__contact dt {
		width: 95px;
	}
	.footer__contact dd {
		margin-left: 95px;
		padding-left: 10px;
	}
	.footer__copyright {
		font-size: 11px;
		padding: 18px;
	}
}


/* 1-5. #l-navGlobal
-------------------------------------------------- */
#l-navGlobal{

}


/* 1-6. pageHeader
-------------------------------------------------- */



/* 1-7. layoutType
-------------------------------------------------- */



/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container {
	padding: 0 10.833vw;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.wrp-container {
		padding: 0 6.250vw;
	}
}
@media only screen and (min-width:601px) and (max-width:960px){
	.wrp-container {
		padding: 0 12.5vw;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.wrp-container {
		padding: 0 20px;
	}
}

/*2-1-2.  Box      [box-***]*/
.box-COVID-19{
	background-color: #F9C5C5;
	box-sizing: border-box;
	padding: 30px 40px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	width: 30%;
	position: absolute;
	left: 115px;
	bottom: -6em;
	z-index: 4;
}
.box-COVID-19 .pct{
	margin-top: 20px;
	text-align: center;
}
.box-COVID-19 .txt{
	margin: 0 auto;
	letter-spacing: 0.03em;
	max-width:384px;
}
.is-visibleTb-x{
	display: none!important;
}
.is-visibleSp-x{
	display: none!important;
}
@media only screen and (min-width: 1px) and (max-width: 559px){
	.box-COVID-19{
		padding: 20px 0 20px 0;
		width: 88%;
		position: static;
		margin: 40px auto 0;
		font-size: 18px;
	}
	.box-COVID-19 .txt{
		margin: 0 auto;
		width: 240px;
	}
	.is-visibleTb-x{
		display: block!important;
	}
	.is-visibleSp-x{
		display: block!important;
	}

}
@media only screen and (min-width: 560px) and (max-width: 960px){
	.box-COVID-19{
		padding: 20px 30px;
		width: 77%;
		position: static;
		margin: 40px auto 0;
		overflow: hidden;
		box-sizing: border-box;
		font-size: 18px;
	}
	.box-COVID-19 .txt{
		width:65%;
		float: left;
		box-sizing: border-box;

	}
	.box-COVID-19 .pct{
		width:35%;
		float: left;
		padding-left: 30px;
		box-sizing: border-box;
	}
	.is-visibleTb-x{
		display: none!important;
	}
	.is-visibleSp-x{
		display: none!important;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1300px){
	.box-COVID-19{
		width: 60%;
		bottom: -12em;
		left: 50px;


	}
}
.box-mainvisual {
	margin: 150px 0 250px;
	position: relative;
	z-index: 2;
}
.box-mainvisual__image {
	display: block;
	padding-bottom: 869px;
	overflow: hidden;
	position: relative;
	margin-left: 485px;
}
.box-mainvisual__image > span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.box-mainvisual__image > span {
	background: url("/web/images/mainvisual-pct02.jpg") no-repeat center;
	background-size: cover;
}
.box-mainvisual__text {
	position: absolute;
	left: 115px;
	bottom: 7.4em;
	z-index: 4;
	font-size: 16px;
}
.box-mainvisual__title {
	font-size: 29px;
	line-height: 1.8;
	margin-bottom: 30px;
	font-weight: bold;
}
.box-mainvisual__lead {
	line-height: 2.35;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.box-mainvisual__text {
		bottom: 0.5em;
		left: 49px;
	}
	.box-mainvisual__image {
		padding-bottom: 665px;
		margin-left: 358px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.box-mainvisual {
		margin: 156px 0 125px;
	}
	.box-mainvisual__image {
		padding-bottom: 80px;
		height: 548px;
		margin-left: 90px;
	}
	.box-mainvisual__image > span {
		padding-bottom: 548px;
		bottom: auto;
	}
	.box-mainvisual__text {
		position: static;
		margin-left: 90px;
	}
	.box-mainvisual__title {
		font-size: 23px;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.box-mainvisual__lead {
		font-size: 18px;
		position: relative;
		z-index: 4;
		margin-right: 12.5vw;
		line-height: 2;
	}
	.box-mainvisual__image:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 366px;
		height: 80px;
		background: #F7EFEC;
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.box-mainvisual {
		margin: 145px 0 125px;
	}
	.box-mainvisual__image{
		padding-bottom: 0;
		height: 522px;
		margin-left: 0;
	}
	.box-mainvisual__image:before {
		display: none;
	}
	.box-mainvisual__image > span {
		padding-bottom: 522px;
	}
	.box-mainvisual__text {
		margin-left: 0;
		margin-top: 65px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.box-mainvisual__lead {
		font-size: 16px;
		line-height: 2;
		margin: 0;
	}
}

.box-service {
	display: table;
	width: 100%;
	background: #FDF7F5;
	position: relative;
	padding-bottom: 100px;
}
.box-service + .box-service {
	margin-top: 140px;
}
.box-service:before {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 170px;
}
.box-service__image,
.box-service__content {
	display: table-cell;
	vertical-align: top;
	position: relative;
}
.box-service__image {
	width: 62.5vw;
}
.box-service__image__bg {
	display: block;
	font-size: 0;
	box-shadow: 0px 130px 99px 0px rgba(75,0,0,0.08);
	overflow: hidden;
	position: relative;
	padding-bottom: 64%;
}
.box-service__image img {
	width: auto;
	height: 110%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50%;
	margin-top: -35%;
}
.box-service__content {
	padding: 120px 7.656vw 0;
}
.box-service__content img {
	max-width: 100%;
	height: auto;
}
.box-service__title {
	font-size: 18px;
	margin-bottom: 110px;
	position: relative;
	z-index: 2;
}
.box-service__title__number {
	font-size: 96px;
	display: inline-block;
	color: #F5D6D6;
	line-height: 1;
	letter-spacing: 0.12em;
	position: relative;
	margin-right: 45px;
}
.box-service__title__number:after {
	content: "";
	display: block;
	height: 1px;
	width: 32px;
	background: #F5D6D6;
	position: absolute;
	right: -27px;
	bottom: 19px;
}
.box-service__subtitle {
	font-size: 28px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin-bottom: 55px;
}
.box-service__text {
	font-size: 17px;
	line-height: 2.35;
	letter-spacing: 0.05em;
	margin-bottom: 55px;
}
.box-service__content__image {
	text-align: center;
	padding: 0 30px;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.box-service + .box-service {
		margin-top: 60px;
	}
	.box-service__content {
		padding: 94px 5.4vw 0;
	}
	.box-service__image__bg {
		padding-bottom: 58.594vw;
	}
	.box-service--01 .box-service__image img {
		margin-left: -85%;
	}
	.box-service--02 .box-service__image img {
		margin-left: -87%;
	}
	.box-service--03 .box-service__image img {
		margin-left: -75%;
	}
	.box-service--04 .box-service__image img {
		margin-left: -85%;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.box-service{
		display: block;
		padding-bottom: 70px;
	}
	.box-service:before {
		height: 157px;
	}
	.box-service + .box-service {
		margin-top: 130px;
	}
	.box-service__image{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.box-service__image__bg {
		box-shadow: none;
	}
	.box-service__image img{
		width: 120%;
		height: auto;
		box-sizing: border-box;
	}
	.box-service__image__bg{
		padding-bottom: 340px;
	}
	.box-service__content{
		display: block;
		padding: 340px 0 0;
		padding-left: calc(12.5vw + 15px);
		padding-right: calc(12.5vw + 15px);
	}
	.box-service__title__number{
		position: absolute;
		top: -375px;
		right: 0;
		font-size: 74px;
		letter-spacing: 0.05em;
		margin-right: 0px;
	}
	.box-service__title__number:after{
		display: none;
	}
	.box-service__subtitle{
		font-size: 21px;
		line-height: 1.71;
		margin-bottom: 20px;
	}
	.box-service__text{
		font-size: 15px;
		letter-spacing: 0.05em;
		line-height: 1.9;
		margin-bottom: 45px;
	}
	.box-service__content img{
		width: 220px;
		height: auto;
	}
	.box-service__title{
		position: static;
		margin-top: -0.8em;
		margin-bottom: 35px;
		color: #721717;
		font-size: 13px;
		letter-spacing: 0.2em;
		padding-left: 15px;
		padding-top: 2px;
	}
	.box-service__title:after{
		content: "";
		width: 5.5em;
		height: 24px;
		position: absolute;
		top: 0;
		left: 0;
		background: #F5D6D6;
		border-radius: 14px;
		z-index: -1;
	}
	.box-service--02 .box-service__image, .box-service--04 .box-service__image{
		right: 0;
		left: auto;
	}
	.box-service--02 .box-service__title__number, .box-service--04 .box-service__title__number{
		left: 0;
		right: auto;
	}
	.box-service--02 .box-service__title, .box-service--04 .box-service__title{
		padding-left: 0;
		padding-right: 10px;
		text-align: right;
		z-index: 9;
		position: relative;
	}
	.box-service--02 .box-service__title:after, .box-service--04 .box-service__title:after{
		right: 0;
		left: auto;
	}
	.box-service--01 .box-service__image__bg, .box-service--03 .box-service__image__bg {
		width: calc(100% - (12.5vw + 15px));
	}
	.box-service--02 .box-service__image__bg, .box-service--04 .box-service__image__bg{
		width: calc(100% - (12.5vw + 15px));
		margin-left: calc(12.5vw + 15px);
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.box-service + .box-service {
		margin-top: 85px;
	}
	.box-service__image__bg {
		padding-bottom: 221px;
	}
	.box-service__content {
		padding: 221px 32px 0;
	}
	.box-service__title__number {
		top: -253px;
	}
	.box-service--01 .box-service__image__bg, .box-service--03 .box-service__image__bg {
		width: calc(100% - 32px);
	}
	.box-service--02 .box-service__image__bg, .box-service--04 .box-service__image__bg{
		width: calc(100% - 32px);
		margin-left: 32px;
	}
	.box-service__image img {
		width: 130%;
		margin-left: -60%;
		margin-top: -40%;
	}
}

.box-sns {
	max-width: 595px;
	margin: 0 auto;
	padding: 98px 0 35px;
	white-space: nowrap;
}
.box-sns:after {
	content: "";
	display: block;
	clear: both;
}
.box-sns__title,
.box-sns__link {
	display: inline-block;
	vertical-align: middle;
}
.box-sns__title {
	width: 158px;
	font-size: 18px;
	position: relative;
	color: #777;
	letter-spacing: 0.2em;
}
.box-sns__title:after {
	content: "";
	display: block;
	height: 1px;
	width: 29px;
	background: #777;
	position: absolute;
	top: 0.8em;
	right: 0;
}
.box-sns__link {
	padding-left: 20px;
}
.box-sns__link li {
	display: inline-block;
	vertical-align: top;
	padding: 0 22px;
}
.box-sns__link li a {
	font-size: 16px;
	color: #777;
	display: block;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.box-sns__link li a i {
	margin-right: 0.3em;
	font-size: 22px;
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
.media-sns--facebook i {
	color: #1877F2;
}
.media-sns--twitter i {
	color: #4AB3F4;
}
.media-sns--line i {
	color: #00B900;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.box-sns {
		padding-top: 0;
		white-space: normal;
	}
	.box-sns__title,
	.box-sns__link {
		float: none;
		width: auto;
		text-align: center;
		padding: 0;
		display: block;
	}
	.box-sns__title {
		padding-bottom: 5px;
		margin-bottom: 30px;
	}
	.box-sns__title:after {
		left: 0;
		top: auto;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.box-sns__link li {
		padding: 0 10px;
	}
	.box-sns__link li a {
		font-size: 14px;
	}
	.box-sns__link li a i {
		font-size: 20px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 374px){
	.box-sns__link li {
		padding: 0 5px;
	}
	.box-sns__link li a {
		font-size: 12px;
	}
	.box-sns__link li a i {
		font-size: 18px;
	}
}

/*2-1-3.  Table    [tbl-***]*/



/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 40px;
	font-weight: 300;
}
.hdg-lv1 small{
	font-size: 14px;
	color: #ccc;
}
.hdg-lv2{

}
.hdg-lv3{

}
.hdg-lv4{

}


/*2-1-5.  Nav      [nav-***]*/


/*2-1-6.  List     [lst-***]*/
.lst-contact-btn {
	margin: 0 auto;
}
.lst-contact-btn li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0 16px;
}
.lst-contact-btn:after {
	content: "";
	display: block;
	clear: both;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.lst-contact-btn {
		max-width: 508px;
	}
	.lst-contact-btn li {
		width: 100%;
		padding: 0;
	}
	.lst-contact-btn li + li {
		margin-top: 25px;
	}
}

.lst-adviser {
	max-width: 1560px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.lst-adviser:after {
	content: "";
	display: block;
	clear: both;
}
.lst-adviser li {
	float: left;
	width: 33.333333%;
	box-sizing: border-box;
	padding: 0 28px;
}
.box-adviser__head {
	position: relative;
}
.box-adviser__head:after {
	content: "";
	display: block;
	clear: both;
}
.box-adviser__name {
	font-size: 30px;
	letter-spacing: 0.15em;
	line-height: 1.6;
	font-style: italic;
	color: #F5D6D6;
	position: absolute;
	top: 0;
	left: 0;
}
.box-adviser__image {
	float: right;
}
.box-adviser__image img {
	width: 172px;
}
.box-adviser__body {
	margin-top: -47px;
}
.box-adviser__quote {
	background: #FBECEA;
	font-size: 22px;
	line-height: 1.7;
	padding: 54px 3.333vw;
}
.box-adviser__identity {
	font-size: 17px;
	padding: 40px 2.865vw;
}
.box-adviser__identity em {
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-right: 0.8em;
}
.box-adviser__identity small {
	font-size: 15px;
}
.box-adviser__identity__text {
	line-height: 2;
	margin-top: 25px;
}
@media only screen and (min-width: 1281px) and (max-width: 1503px){
	.lst-adviser {
		padding: 0 28px;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.lst-adviser {
		padding: 0 66px;
	}
	.lst-adviser li {
		padding: 0 14px;
	}
	.box-adviser__name {
		font-size: 2.344vw;
	}
	.box-adviser__image img {
		width: 13.438vw;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1024px){
	.lst-adviser {
		padding: 0 14px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.lst-adviser{
		margin: 0;
		padding-left: calc(12.5vw + 15px);
		padding-right: calc(12.5vw + 15px);
	}
	.lst-adviser li{
		width: 100%;
		display: block;
		float: none;
		padding: 0
	}
	.lst-adviser li + li{
		margin-top: 95px;
	}
	.box-adviser__quote{
		padding: 36px 90px 36px 55px;
		font-size: 17px;
		line-height: 1.64;
		margin-right: 80px;
	}
	.box-adviser__identity {
		padding: 35px 12px;
	}
	.box-adviser__identity small{
		font-size: 12px;
		color: #888;
	}
	.box-adviser__identity em{
		font-size: 19px;
		font-weight: normal;
	}
	.box-adviser__identity p{
		font-size: 12px;
	}
	.box-adviser__identity__text{
		font-size: 15px !important;
		line-height: 1.93;
		letter-spacing: 0.05em;
		margin-top: 13px;
	}
	.box-adviser__head{
		position: relative;
	}
	.box-adviser__name{
		position: absolute;
		top: -28px;
		font-size: 16px;
	}
	.box-adviser__image{
		position: absolute;
		right: 0;
		top: -48px;
	}
	.box-adviser__image img{
		width: 151px;
	}
	.box-adviser__body{
		margin-top: 0;
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.lst-adviser {
		padding: 0 20px;
	}
	.lst-adviser li + li {
		margin-top: 80px;
	}
	.box-adviser__image {
		top: -22px;
	}
	.box-adviser__image img{
		width: 104px;
	}
	.box-adviser__quote {
		margin-right: 33px;
		padding: 30px 85px 30px 30px;
	}
}

.lst-concept {
	max-width: calc(1504px + 4.896vw);
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.lst-concept:after {
	content: "";
	display: block;
	clear: both;
}
.lst-concept li {
	float: left;
	width: 33.3333333%;
	box-sizing: border-box;
	padding: 0 2.448vw;
}
.box-concept {
	background: #fff;
	box-shadow: 0px 113px 99px 0px rgba(75,0,0,0.08);
	padding: 92px 3.446vw 85px;
}
.box-concept__title {
	text-align: center;
	font-size: 0;
	margin-bottom: 60px;
}
.box-concept__title img {
	max-width: 100%;
	height: auto;
}
.box-concept__subtitle {
	font-size: 24px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}
.box-concept__text {
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.03em;
}
@media only screen and (min-width: 1281px) and (max-width: 1503px){
	.lst-concept {
		padding: 0 1.224vw;
	}
	.lst-concept li {
		padding: 0 1.224vw;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.lst-concept {
		padding: 0 67px;
	}
	.lst-concept li {
		padding: 0 13px;
	}
	.box-concept {
		padding-left: 3.125vw;
		padding-right: 3.125vw;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1024px){
	.lst-concept {
		padding: 0 13px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.lst-concept {
		padding-top: 95px;
	}
	.lst-concept li {
		float: none;
		width: auto;
	}
	.lst-concept li + li {
		margin-top: 30px;
	}
	.box-concept {
		padding: 30px 45px 39px 230px;
		position: relative;
		box-shadow: 0px 30px 60px 0px rgba(75,0,0,0.08);
	}
	.box-concept__title {
		margin: 0;
		position: absolute;
		left: 60px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 109px;
	}
	.box-concept__subtitle {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.box-concept__text {
		font-size: 14px;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.lst-concept li {
		padding: 0 8px;
	}
	.lst-concept li + li {
		margin-top: 20px;
	}
	.box-concept {
		padding: 30px;
	}
	.box-concept__title {
		position: static;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		float: left;
		margin-right: 18px;
		margin-bottom: 15px;
	}
	.box-concept__title img {
		height: 75px;
		width: auto;
	}
	.box-concept__subtitle {
		margin-bottom: 30px;
		padding-top: 0.5em;
	}
	.box-concept__text {
		clear: both;
		line-height: 1.6;
	}
}

/*2-1-7.  Button   [btn-***]*/
.btn {
	font-size: 23px;
	font-weight: bold;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 25px;
	letter-spacing: 0.15em;
	transition: all 0.3s ease;
	position: relative;
	padding: 48px 3.646vw;
	box-shadow: 0px 40px 65px 0px rgba(65,0,0,0.16);
}
.btn:visited,
.btn:hover,
.btn:active {
	color: #fff;
}
.btn span {
	display: block;
	background: url("/web/images/icn-arrow01.png") no-repeat center right;
	margin-right: 0;
	transition: margin 0.5s;
}
.btn--type01 {
	background: #E3BAB3;
}
.btn--type01 small {
	display: inline;
	font-size: 100%;
}
.btn--type02 {
	background: #F9C5C5;
}
.btn:hover {
	color: #fff;
	text-decoration: none;
}
.btn:hover span {
	margin: 0 -20px;
}
.btn--type01:hover {
	background: #EFCBC5;
}
.btn--type02:hover {
	background: #FFD9D9;
}
.btn__img {
	position: absolute;
	width: 6.146vw;
	height: auto;
	left: 30px;
	bottom: 20px;
}
.btn__icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 0;
	margin-top: -5px;
}
@media only screen and (min-width: 961px) and (max-width: 1199px){
	.btn {
		font-size: 20px;
	}
	.btn__img {
		position: absolute;
		width: 5.646vw;
		height: auto;
		left: 20px;
		bottom: 20px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.btn {
		font-size: 17px;
		padding: 35px 20px;
		box-shadow: 0px 30px 40px 0px rgba(65,0,0,0.16);
	}
	.btn__icon {
		position: absolute;
		left: 20px;
		top: calc(50% - 8px);
	}
	.btn__img {
		width: 80px;
		left: 8px;
		bottom: 8px;
	}
	.btn--type01 {
		padding: 23px 20px;
	}
	.btn--type01 small {
		display: block;
		font-size: 14px;
	}
	.btn:hover span {
		margin: 0 -10px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 374px) {
	.btn__img {
		width: 56px;
	}
}


/*2-1-8.  Anchor   [acr-***]*/
.acr-phone {
	pointer-events: none;
}
@media only screen and (min-width: 1px) and (max-width: 960px) {
	.acr-phone {
		pointer-events: auto;
	}
}

/*2-1-9.  Text     [txt-***]*/
.txt--en {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}


/*2-1-10. Icon     [icn-***]*/

/*2-1-11. Label    [lbl-***]*/



/*2-1-12. Form     [frm-***]*/



/*2-1-13. Error    [err-***]*/


/*2-1-14. Panel    [pnl-***]*/



/*2-1-15. Media    [mda-***]*/



/*2-1-16. UI*/
.is-fadeinup {
	opacity: 0;
	-webkit-transform: translateY(2vw);
	transform: translateY(2vw);
	transition: all 1s;
}
.is-fadeinup.is-loaded {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.is-fadeinleft {
	opacity: 0;
	-webkit-transform: translateX(-5vw);
	transform: translateX(-5vw);
	transition: all 3s;
}
.is-fadeinleft.is-loaded {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.is-fadein {
	opacity: 0;
	transition: all 1s;
}
.is-fadein.is-loaded {
	opacity: 1;
}
.is-zoom {
	transition: all 3s;
}
.is-zoom.is-loaded {
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
	z-index: 2;
}

.delay-1s {
	transition-delay: 0.1s;
}
.delay-2s {
	transition-delay: 0.2s;
}
.delay-3s {
	transition-delay: 0.3s;
}
.delay-4s {
	transition-delay: 0.4s;
}
.delay-5s {
	transition-delay: 0.5s;
}
.delay-6s {
	transition-delay: 0.6s;
}
.delay-7s {
	transition-delay: 0.7s;
}
.delay-8s {
	transition-delay: 0.8s;
}
.delay-9s {
	transition-delay: 0.9s;
}
.delay1s {
	transition-delay: 1s;
}






/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,
#l-footer .nav-row:after,
#l-navGlobal:after,
#l-navGlobal > ul:after,
.nav-sub:after,
.clearfix:after,
.nav-relation:after,
.nav-pagenation__inner:after,
.grid-row:after,
.nav-toc:after,
.nav-pageGroup:after,
.mda-withRightTxt:after,
.mda-withLeftTxt:after,
.nav-pageGroup:after,
.box-column:after,
.layout2column #l-container:after,
.wrp-structure__inner:after,
.box-with-pict:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}.mb200{margin-bottom: 200px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


/*2-2-3. Object-Oriented CSS [OOCSS]*/
.__has-pullRight{
	float: right!important;
}
.__has-pullLeft{
	float: left!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 1em;
	margin-left: 23px;
	list-style-type: decimal!important;
}



/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.video-container{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* max-width: 700px; */
}
.video-container .section-note__text{
	position: absolute;
	bottom: -32px;;
	left: 0;

}
.wrp-video-container{
	width: 82%;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.wrp-video-container{
		width: 100%;
	}
}



/* 2-2-4. Grid System [grid-***] */
.grid-row{
	margin-right: -20px;
	margin-left: -20px;
}
.grid-col,
.grid-col--1,
.grid-col--2,
.grid-col--3,
.grid-col--4,
.grid-col--5,
.grid-col--6,
.grid-col--7,
.grid-col--8,
.grid-col--9,
.grid-col--10,
.grid-col--11,
.grid-col--12{
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	box-sizing: border-box;
}
.grid-col--1 {width: 8.33333333333%}
.grid-col--2 {width: 16.6666666667%;}
.grid-col--3 {width: 25%;}
.grid-col--4 {width: 33.3333333333%;}
.grid-col--5 {width: 41.6666666667%;}
.grid-col--6 {width: 50%;}
.grid-col--7 {width: 58.3333333333%;}
.grid-col--8 {width: 66.6666666667%;}
.grid-col--9 {width: 75%;}
.grid-col--10{width: 83.3333333333%;}
.grid-col--11{width: 91.6666666667%;}
.grid-col--12{width: 100%;}


.dirCompany .grid-row,
.dirBusiness .grid-row,
.dirIR .grid-row{
	margin-right: -10px;
	margin-left: -10px;
}
.dirCompany .grid-col,.dirCompany .grid-col--1,.dirCompany .grid-col--2,.dirCompany .grid-col--3,.dirCompany .grid-col--4,.dirCompany .grid-col--5,.dirCompany .grid-col--6,.dirCompany .grid-col--7,.dirCompany .grid-col--8,.dirCompany .grid-col--9,.dirCompany .grid-col--10,.dirCompany .grid-col--11,.dirCompany .grid-col--12,
.dirBusiness .grid-col,.dirBusiness .grid-col--1,.dirBusiness .grid-col--2,.dirBusiness .grid-col--3,.dirBusiness .grid-col--4,.dirBusiness .grid-col--5,.dirBusiness .grid-col--6,.dirBusiness .grid-col--7,.dirBusiness .grid-col--8,.dirBusiness .grid-col--9,.dirBusiness .grid-col--10,.dirBusiness .grid-col--11,.dirBusiness .grid-col--12,
.dirIR .grid-col,.dirIR .grid-col--1,.dirIR .grid-col--2,.dirIR .grid-col--3,.dirIR .grid-col--4,.dirIR .grid-col--5,.dirIR .grid-col--6,.dirIR .grid-col--7,.dirIR .grid-col--8,.dirIR .grid-col--9,.dirIR .grid-col--10,.dirIR .grid-col--11,.dirIR .grid-col--12{
	padding-right: 10px;
	padding-left: 10px;
}
.dirCompany .wrp-categoryFuture .grid-row,
.dirBusiness .wrp-categoryFuture .grid-row,
.dirIR .wrp-categoryFuture .grid-row{
	margin-right: -20px;
	margin-left: -20px;
}
.dirCompany .wrp-categoryFuture .grid-col,.dirCompany .wrp-categoryFuture .grid-col--6,
.dirBusiness .wrp-categoryFuture .grid-col,.dirBusiness .wrp-categoryFuture .grid-col--6,
.dirIR .wrp-categoryFuture .grid-col,.dirIR .wrp-categoryFuture .grid-col--6{
	padding-right: 20px;
	padding-left: 20px;
}

@media only screen and (min-width:1px) and (max-width:1280px){
	.grid-row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding: 0 5px 0 5px;
	}
	.grid-row img{
		width: 100%;
	}
	.grid-col--4 .__isSP,
	.grid-col--6 .__isSP{
		width: 50%;
	}
}/* endMedia */


@media only screen and (min-width:601px) and (max-width:1280px){
	.grid-colTablet--6{
		width: 50%;
		position: relative;
		min-height: 1px;
		padding-right: 20px;
		padding-left: 20px;
		float: left;
		box-sizing: border-box;
	}
}/* endMedia */





/* 2-2-5. CSS Animation [act-***] */




/* 2-2-6. WebFont */



/* 2-3. State [is-***]
-------------------------------------------------- */
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.3;
}
.is-inline-block span{
	margin-bottom: 10px;
	display: inline-block;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
.is-visibleSpTb {
	display: none !important;
}
.is-visiblePcTb {
	display: block !important;
}
.is-visibleTb-l {
	display: none !important;
}
.is-visibleTb-s {
	display: none !important;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.is-visibleTb-l {
		display: block !important;
	}
}
@media only screen and (min-width: 601px) and (max-width: 960px){
	.is-visibleTb-s {
		display: block !important;
	}
}
@media only screen and (min-width:1px) and (max-width:1280px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.is-visiblePcTb {
		display: none !important;
	}
	.is-visibleSpTb {
		display: block !important;
	}
}
@media only screen and (min-width:601px) and (max-width:1280px){
	.is-visibleTablet{
		display: block!important;
	}
}


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */


/* 2-5. Project
-------------------------------------------------- */
.section {
	position: relative;
}
.section__txtbg {
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	font-size: 0;
}
.section__txtbg img {
	width: 100%;
	height: auto;
}
.section__content {
	padding: 0 10.833vw;
	position: relative;
}
.section__title {
	font-size: 35px;
	color: #DA0043;
	font-weight: normal;
	position: relative;
}
.section__title i {
	letter-spacing: 0.3em;
}
.section__title small {
	font-size: 14px;
	position: relative;
	margin-top: 25px;
	padding-top: 5px;
	font-weight: bold;
	letter-spacing: 0.07em;
}
.section__title small:before {
	content : "";
	display: block;
	height: 1px;
	width: 23px;
	background: #DA0043;
	position: absolute;
	top: -5px;
	left: 0;
}
.section__text {
	position: relative;
	z-index: 2;
}
.section__text__title {
	font-size: 40px;
	line-height: 2;
	letter-spacing: 0.03em;
}
.section__text__title em {
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.section__content {
		padding: 0 6.250vw;
		position: relative;
	}
}
@media only screen and (min-width: 601px) and (max-width: 960px){
	.section__content {
		padding: 0 12.5vw;
	}
	.section__title {
		font-size: 25px;
		text-align: center;
	}
	.section__title small:before {
		right: 0;
		margin: 0 auto;
	}
	.section__text__title{
		font-size: 20px;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.section__txtbg {
		display: none;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.section__content {
		padding: 0 32px;
	}
	.section__title {
		font-size: 25px;
		text-align: center;
	}
	.section__title small{
		margin-top: 13px;
	}
	.section__title small:before {
		right: 0;
		margin: 0 auto;
	}
	.section__text__title{
		font-size: 20px;
	}
}

.section--concept {
	padding: 130px 0 377px;
}
.section--concept .section__inner {
	margin-bottom: 210px;
}
.section--concept .section__txtbg {
	left: -3.125vw;
	z-index: 1;
	width: 74.583vw;
}
.section--concept .section__image {
	position: absolute;
	right: 0;
	width: 45.104vw;
	top: -5px;
	bottom: 0;
}
.section--concept .section__image__bg {
	content: "";
	display: block;
	background: #F7EFEC;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 43.125vw;
	height: 300%;
	z-index: 0;
}
.section--concept .section__image__image {
	display: block;
	font-size: 0;
	width: 100%;
	position: relative;
	z-index: 2;
}
.section--concept .section__content {
	z-index: 2;
}
.section--concept .section__image__image img {
	width: 100%;
	height: auto;
}
.section--concept .section__title {
	margin-bottom: 90px;
}
.section--concept .section__text {
	position: relative;
	width: 50vw;
}
.section--concept .section__text__title {
	margin-bottom: 30px;
	font-size: 37px;
	line-height: 1.8;
	font-weight: bold;
}
.section--concept .section__text__text {
	font-size: 20px;
	letter-spacing: 0.075em;
	position: relative;
}
.section--concept .section__text__text p {
	line-height: 2.35;
}
.section--concept .section__text__text p + p {
	margin-top: 40px;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.section--concept .section__txtbg {
		width: 111.641vw;
		left: -12.5vw;
	}
	.section--concept .section__image {
		width: 44.688vw;
		top: 383px;
	}
	.section--concept .section__image__bg {
		width: 43.125vw;
	}
	.section--concept .section__text {
		width: 55.391vw;
	}
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.section--concept {
		background: #F7EFEC;
		padding: 0 0 95px;
	}
	.section--concept .section__inner {
		background: #fff;
		margin-bottom: 0;
		padding-top: 175px;
	}
	.section--concept .section__text__text p {
		line-height: 2;
	}
}
@media only screen and (min-width: 601px) and (max-width: 960px){
	.section--concept .section__inner{
		padding-bottom: 150px;
	}
	.section--concept .section__image {
		display: none;
	}
	.section--concept .section__title{
		text-align: center;
		margin-bottom: 100px;
	}
	.section--concept .section__text {
		width: 100%;
	}
	.section--concept .section__text__title{
		margin-bottom: 35px;
		font-size: 20px;
	}
	.section--concept .section__text__text{
		font-size: 16px;
		font-weight: normal;
	}
	.section--concept .section__text__text p + p{
		margin-top: 40px;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.section--concept .section__inner{
		padding-bottom: 100px;
		padding-top: 130px;
	}
	.section--concept .section__image {
		display: none;
	}
	.section--concept .section__title{
		text-align: center;
		margin-bottom: 83px;
	}
	.section--concept .section__text{
		width: 100%;
	}
	.section--concept .section__text__title{
		margin-bottom: 30px;
		line-height: 2;
		font-size: 20px;
	}
	.section--concept .section__text__text{
		font-size: 16px;
		font-weight: normal;
	}
	.section--concept .section__text__text p{
		line-height: 2;
	}
	.section--concept .section__text__text p + p{
		margin-top: 30px;
	}
}

.section--service {
	margin: -255px 0 133px;
	padding-top: 215px;
}
.section--service .section__txtbg {
	left: -3.125vw;
	width: 84.479vw;
	z-index: 2;
}
.section--service .section__inner {
	position: relative;
	z-index: 3;
}
.section--service .section__title {
	margin-bottom: 100px;
}
.section--service .section__lead {
	font-size: 20px;
	line-height: 2.35;
	letter-spacing: 0.03em;
	margin-bottom: 170px;
}
@media only screen and (min-width:961px) and (max-width:1280px){
	.section--service .section__txtbg {
		width: 94.453vw;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.section--service {
		margin: 0;
		padding-top: 280px;
	}
	.section--service .section__lead{
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 2;
		font-weight: normal;
		margin-bottom: 160px;
	}
}
@media only screen and (min-width:1px) and (max-width:600px){
	.section--service {
		padding-top: 150px;
	}
}

.section--adviser {
	margin-bottom: 75px;
	padding-top: 177px;
}
.section--adviser .section__txtbg {
	left: -4.167vw;
	width: 66.406vw;
}
.section--adviser .section__inner {
	margin-bottom: 145px;
	position: relative;
}
.section--adviser .section__title {
	margin-bottom: 100px;
}
.section--adviser .section__content {
	padding: 0 10.833vw 75px;
	margin: 0 auto;
	position: relative;
}
.section--adviser .section__content:before {
	content: "";
	background: #FBECEA;
	position: absolute;
	pointer-events: none;
	width: 200%;
	left: 0;
	top: 3.5em;
	bottom: 0;
}
.section--adviser .section__content:after {
	content: "";
	display: block;
	clear: both;
}
.section--adviser .section__text {
	width: calc(100% - 33.281vw);
	box-sizing: border-box;
	padding: 0 2.865vw 0;
	display: inline-block;
}
.section--adviser .section__text__title {
	margin-bottom: 55px;
	font-size: 32px;
	line-height: 1.8;
	padding-top: 24px;
}
.section--adviser .section__text__text {
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.03em;
}
.section__text__name small {
	display: block;
	font-size: 15px;
	letter-spacing: 0.1em;
}
.section__text__name {
	font-size: 20px;
	letter-spacing: 0.15em;
	margin-bottom: 40px;
}
.section__text__name em {
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-right: 0.8em;
}
.section--adviser .section__image {
	width: 33.281vw;
	float: left;
}
.section--adviser .section__image__image {
	display: block;
	font-size: 0;
	width: 85.289%;
	position: relative;
	clear: both;
	margin-left: 14.711%;
}
.section--adviser .section__image__image img {
	width: 100%;
}
.section--adviser .section__image__text {
	font-size: 0;
	display: block;
	margin-top: -1.563vw;
	position: relative;
}
.section--adviser .section__image__text img {
	height: 3.958vw;
	width: auto;
}
.section--adviser .wrp-container {
	position: relative;
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.section--adviser .section__content {
		padding-left: 6.250vw;
		padding-right: 6.250vw;
	}
	.section--adviser .section__image__image {
		width: 100%;
		margin-left: 0;
	}
	.section--adviser .section__image__text img {
		height: 4.5vw;
	}
	.section--adviser .section__txtbg {
		width: 99.609vw;
	}
}
@media only screen and (min-width:1px) and (max-width:960px){
	.section--adviser{
		padding-top: 245px;
		margin-bottom: 0;
	}
	.section--adviser .section__inner{
		margin-bottom: 65px;
	}
	.section--adviser .section__content {
		padding-left: calc(12.5vw + 15px);
		padding-right: calc(12.5vw + 15px);
	}
	.section--adviser .section__title {
		margin-bottom: 125px;
	}
	.section--adviser .section__image{
		display: block;
		float: none;
		width: 380px;
	}
	.section--adviser .section__image__image{
		margin-left: 0;
		width: 220px;
	}
	.section--adviser .section__text{
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.section--adviser .section__image__text{
		margin-top: -72px;
		margin-left: 169px;
	}
	.section--adviser .section__image__text img {
		height: 46px;
		width: auto;
	}
	.section--adviser .section__text__title,
	.section--adviser .section__text__title em{
		font-size: 22px;
		font-weight: normal;
		line-height: 1.81;
		letter-spacing: 0.03em;
	}
	.section--adviser .section__text__title {
		position: relative;
		margin-bottom: 38px;
    	padding-bottom: 30px;
	}
	.section--adviser .section__text__title:before {
		content: "";
		display: block;
		position: absolute;
		background: #FBECEA;
		bottom: 0;
		left: calc(-12.5vw - 15px);
		right: calc(-12.5vw - 15px);
		height: 100%;
		z-index: -1;
	}
	.section--adviser .section__content:before{
		width: 100%;
		left: 0;
		top: 19.4vw;
		bottom: 0;
		height: 105px;
	}
	.section--adviser .section__text__name small{
		font-size: 12px;
		color: #888;
	}
	.section--adviser .section__text__name em {
		font-size: 19px;
		font-weight: normal;
	}
	.section--adviser .section__text__name{
		font-size: 12px;
		margin-bottom: 17px;
	}
	.section--adviser .section__text__text{
		font-size: 15px;
		letter-spacing: 0.05em;
		line-height: 1.9;
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.section--adviser{
		padding-top: 155px;
	}
	.section--adviser .section__title {
		margin-bottom: 95px;
	}
	.section--adviser .section__content {
		padding: 0 32px;
	}
	.section--adviser .section__image {
		width: auto;
		margin: 0 -32px;
		max-width: 365px;
	}
	.section--adviser .section__image:after {
		content: "";
		display: block;
		clear: both;
	}
	.section--adviser .section__image__text {
		margin-left: 0;
		float: right;
	}
	.section--adviser .section__content:before {
		height: 170px;
	}
}

.section--contact {
	padding-bottom: 245px;
}
.section--contact .section__title {
	text-align: center;
	margin-bottom: 95px;
	padding-top: 105px;
}
.section--contact .section__title small:before {
	right: 0;
	margin: 0 auto;
}
.section--contact .section__content {
	padding: 0 15px;
	max-width: 1482px;
	margin: 0 auto;
}
.section--contact .section__lead {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1.93;
	padding-left: 21%;
	padding-right: 21%;
	text-align: left;
	margin-bottom: 95px;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.section--contact {
		padding-top: 75px;
		padding-bottom: 170px;
	}
	.section--contact .section__title {
		padding-top: 10px;
	}
	.section--contact .section__lead {
		padding-left: calc(12.5vw + 15px);
		padding-right: calc(12.5vw + 15px);
	}
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.section--contact {
		padding-bottom: 135px;
	}
	.section--contact .section__content {
		padding: 0 8px;
	}
	.section--contact .section__lead {
		padding: 0 24px;
	}
}

.section-note {
	background: #F2F2F2;
	padding: 90px 0 95px;
}
.section-note__content {
	max-width: 773px;
	margin: 0 auto;
}
.section-note__title {
	font-weight: normal;
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.2em;
	padding-bottom: 25px;
	position: relative;
	margin-bottom: 60px;
}
.section-note__title:after {
	content: "";
	display: block;
	height: 1px;
	width: 50px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	background: #686868;
}
.section-note__text p {
	line-height: 2.28;
	font-size: 14px;
}
.section-note__link {
	text-align: center;
	margin-top: 25px;
}
.section-note__link p {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 24px;
}
.section-note__link p + p {
	margin-top: 0;
}
.section-note__link a {
	font-size: 14px;
}
.section-note__link a i {
	margin-right: 0.5em;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.section-note {
		padding: 40px 0;
	}
	.section-note__content {
		max-width: 404px;
		padding: 0 20px;
	}
	.section-note__title {
		font-size: 20px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.section-note__title:after {
		width: 30px;
		background: #B7B7B7;
	}
	.section-note__text p {
		font-size: 12px;
		line-height: 1.8;
	}
}

.petal {
	position: absolute;
	pointer-events: none;
}
.petal img {
	width: 100%;
	height: auto;
}
.petal--01 {
	width: 775px;
	right: 1vw;
	bottom: -46%;
	z-index: 4;
}
.petal--01-tb,
.petal--01-sp {
	display: none;
}
.petal--02 {
	width: 152px;
	left: 45.17%;
	top: 4%;
	z-index: 2;
}
.petal--03 {
	width: 296px;
	left: -8.271vw;
	bottom: -22%;
}
.petal--04 {
	width: 127px;
	left: 29.323vw;
	top: 1.4%;
	z-index: 2;
}
.petal--05 {
	width: 355px;
	right: 26.021vw;
	top: 1.8%;
}
.petal--06 {
	width: 271px;
	right: 2vw;
	top: 1%;
}
.petal--07 {
	width: 297px;
	left: 6.250vw;
	bottom: 5.3125%;
	z-index: 2;
}
.petal--08 {
	width: 187px;
	left: 29.688vw;
	bottom: -6.885%;
	z-index: 2;
}
.petal--09 {
	width: 407px;
	right: -2vw;
	top: -17%;
}
.petal--10 {
	width: 204px;
	left: 34vw;
	bottom: -7%;
	z-index: 3;
}
.petal--11 {
	width: 123px;
	right: 7vw;
	top: 11%;
}
.petal--12 {
	width: 411px;
	left: 5vw;
	bottom: 0;
	z-index: 2;
}
.petal--13 {
	width: 435px;
	right: 3vw;
	z-index: 2;
	top: -17.3%;
}
.petal--14 {
	width: 116px;
	left: 10.5vw;
	bottom: -6%;
	z-index: 2;
}
.petal--15 {
	width: 391px;
	right: 15vw;
	top: 3%;
	z-index: 2;
}
.petal--16 {
	width: 142px;
	left: 19vw;
	bottom: -16%;
}
.petal--17 {
	width: 367px;
	right: 6vw;
	bottom: 6%;
}
.petal--18 {
	width: 101px;
	top: 10%;
	left: 24vw;
}
.petal--19 {
	width: 115px;
	right: 26vw;
	bottom: 6%;
}
@media only screen and (min-width: 1px) and (max-width: 600px){
	.petal--01 {
		width: 229px;
		right: 27vw;
		bottom: 19%;
		z-index: 4;
	}
	.petal--01-sp {
		display: block;
		top: 25%;
		left: -12vw;
		z-index: 2;
	}
	.petal--02 {
		width: 122px;
		left: -11.83%;
		top: 3%;
		z-index: 2;
	}
	.petal--03 {
		width: 120px;
		left: auto;
		right: 1vw;
		bottom: -36%;
	}
	.petal--04 {
		width: 96px;
		left: auto;
		right: 2vw;
		top: 6.4%;
		z-index: 2;
	}
	.petal--05 {
		width: 163px;
		right: auto;
		top: -1.2%;
		left: 6vw;
	}
	.petal--06 {
		width: 102px;
		right: 6vw;
		top: 27%;
	}
	.petal--07 {
		width: 297px;
		left: 6.250vw;
		bottom: 5.3125%;
		z-index: 2;
	}
	.petal--08 {
		width: 187px;
		left: 29.688vw;
		bottom: -6.885%;
		z-index: 2;
	}
	.petal--09 {
		width: 214px;
		right: auto;
		left: 3vw;
		top: 19%;
	}
	.petal--10 {
		width: 114px;
		left: 4vw;
		bottom: -7%;
		z-index: 3;
	}
	.petal--11 {
		width: 123px;
		right: 7vw;
		top: 11%;
	}
	.petal--12 {
		width: 93px;
		left: 10vw;
		bottom: -7%;
		z-index: 2;
	}
	.petal--13 {
		width: 192px;
		right: -10vw;
		z-index: 2;
		top: -10.3%;
	}
	.petal--14 {
		width: 81px;
		left: 1.5vw;
		bottom: -6%;
		z-index: 2;
	}
	.petal--15 {
		width: 209px;
		right: -16vw;
		top: 9%;
		z-index: 3;
	}
	.petal--16 {
		width: 52px;
		left: 5vw;
		bottom: -52%;
		z-index: 2;
	}
	.petal--17 {
		width: 214px;
		right: -18vw;
		bottom: 6%;
	}
	.petal--18 {
		width: 80px;
		top: 12%;
		left: 8vw;
	}
	.petal--19 {
		width: 49px;
		right: 12vw;
		bottom: 3%;
	}
}
@media only screen and (min-width: 601px) and (max-width: 960px){
	.petal--01 {
		width: 517px;
		right: 1vw;
		bottom: 4%;
		z-index: 4;
	}
	.petal--01-tb {
		display: block;
		top: -1%;
		z-index: 10;
		left: 47%;
	}
	.petal--02 {
		width: 152px;
		left: 16.17%;
		top: 6%;
		z-index: 2;
	}
	.petal--03 {
		width: 154px;
		left: auto;
		right: 7vw;
		bottom: -39%;
	}
	.petal--04 {
		width: 127px;
		left: auto;
		right: 12vw;
		top: 8.4%;
		z-index: 2;
	}
	.petal--05 {
		width: 146px;
		right: auto;
		left: 11vw;
		top: -0.2%;
	}
	.petal--06 {
		width: 271px;
		right: 2vw;
		top: 1%;
	}
	.petal--07 {
		width: 297px;
		left: 6.250vw;
		bottom: 5.3125%;
		z-index: 2;
	}
	.petal--08 {
		width: 187px;
		left: 29.688vw;
		bottom: -6.885%;
		z-index: 2;
	}
	.petal--09 {
		width: 250px;
		right: auto;
		left: 6vw;
		top: 34%;
	}
	.petal--10 {
		width: 124px;
		left: 22vw;
		bottom: -5%;
		z-index: 3;
	}
	.petal--11 {
		width: 123px;
		right: 7vw;
		top: 11%;
	}
	.petal--12 {
		width: 126px;
		left: 20vw;
		bottom: -22%;
		z-index: 2;
	}
	.petal--13 {
		width: 314px;
		right: 0vw;
		z-index: 2;
		top: -13.3%;
	}
	.petal--14 {
		width: 88px;
		left: 17.5vw;
		bottom: -11%;
		z-index: 2;
	}
	.petal--15 {
		width: 308px;
		right: -1vw;
		top: 18%;
		z-index: 3;
	}
	.petal--16 {
		width: 79px;
		left: 15vw;
		bottom: -70%;
		z-index: 2;
	}
	.petal--17 {
		width: 252px;
		right: 5vw;
		bottom: -1%;
	}
	.petal--18 {
		width: 87px;
		top: 30%;
		left: 24vw;
	}
	.petal--19 {
		width: 59px;
		right: 26vw;
		bottom: 2%;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1280px){
	.petal--01 {
		width: 775px;
		right: 5vw;
		bottom: -25%;
		z-index: 4;
	}
	.petal--02 {
		width: 152px;
		left: 51.17%;
		top: 4%;
		z-index: 2;
	}
	.petal--03 {
		width: 296px;
		left: -5%;
		bottom: -22%;
	}
	.petal--04 {
		width: 127px;
		left: 44.323vw;
		top: -2.6%;
		z-index: 2;
	}
	.petal--05 {
		width: 355px;
		right: -10.979vw;
		top: -1.2%;
	}
	.petal--06 {
		width: 271px;
		right: 2vw;
		top: 1%;
	}
	.petal--07 {
		width: 297px;
		left: 6.250vw;
		bottom: 5.3125%;
		z-index: 2;
	}
	.petal--08 {
		width: 187px;
		left: 29.688vw;
		bottom: -6.885%;
		z-index: 2;
	}
	.petal--09 {
		width: 407px;
		right: 1vw;
		top: -8%;
	}
	.petal--10 {
		width: 204px;
		left: 34vw;
		bottom: -7%;
		z-index: 3;
	}
	.petal--11 {
		width: 123px;
		right: 0vw;
		top: 11%;
	}
	.petal--12 {
		width: 411px;
		left: 5vw;
		bottom: 0;
		z-index: 2;
	}
	.petal--13 {
		width: 435px;
		right: 3vw;
		z-index: 2;
		top: -7.3%;
	}
	.petal--14 {
		width: 116px;
		left: 10.5vw;
		bottom: -6%;
		z-index: 2;
	}
	.petal--15 {
		width: 391px;
		right: 3vw;
		top: 3%;
		z-index: 2;
	}
	.petal--16 {
		width: 142px;
		left: 19vw;
		bottom: 6%;
	}
	.petal--17 {
		width: 367px;
		right: -9vw;
		bottom: 12%;
	}
}