@charset "UTF-8";


/* top */

#top .ctArea {
	padding: 0 0 80px;
}

#top .ctTop {
	position: relative;
}

#top .ctTop h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 42.929%;
	margin: 54px 0 0 9.714%;
	text-align: center;
	z-index: 1001;
}

#top .ctTop .slideArea {
	padding: 180px 0 0;
}
#top .ctTop .slideArea .slider {
	position: relative;
	float: left;
	width: 81.714%;
	padding: 42.0714% 0 0;
}
#top .ctTop .slideArea .slider > ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#top .ctTop .slideArea .slider .slick-slider {
	overflow: visible;
}
#top .ctTop .slideArea .slider ul li {
	float: left;
}
#top .ctTop .slideArea .slider ul li img {
	width: 100%;
}
#top .ctTop .slideArea .slider .slick-dots {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	margin: 0 20px 16px 0;
	text-align: right;
	letter-spacing: -1em;
	z-index:1001;
}
#top .ctTop .slideArea .slider .slick-dots li {
	float: none;
	display: inline-block;
	width: 6px;
	margin: 0 0 0 3px;
	vertical-align: top;
	letter-spacing: 0;
}
#top .ctTop .slideArea .slider .slick-dots li button {
	width: 0;
	height: 0;
	padding: 100% 100% 0 0;
	outline: none;
	border: none;
	background: #eb6877;
	vertical-align: bottom;
	overflow: hidden;
	color: transparent;
	cursor: pointer;
	z-index: 1;
}
#top .ctTop .slideArea .slider .slick-dots li.slick-active button {
	background: #933320;
}

#top .ctTop .slideArea .copy {
	position: relative;
	margin: 0 0 0 81.714%;
	padding: 42.143% 0 0;
	text-align: top;
	z-index:1001;
	background-color:#fff;
	box-sizing:border-box;
}

#top .ctTop .slideArea .copy p {
	position: absolute;
	top: 50%;
	left: 55%;
	width: 40.234%;
	margin: -50.391% 0 0 -20.167%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:32px;
	box-sizing:border-box;
}
#top .ctTop .slideArea .copy .copy02  {
	margin-top: 24px;
}
#top .ctTop .slideArea .copy .copy03  {
	margin-top: 48px;
}
@media (max-width: 1080px){
#top .ctTop .slideArea .copy p {
	left: 63%;
	font-size:30px;
}
}
@media (max-width: 890px){
#top .ctTop .slideArea .copy p {
	left: 65%;
	font-size:26px;
}
}

#top .ctTop .txt01 {
	margin: 32px 0 0;
	padding:32px 0;
	text-align: center;
	font-size:32px;
	background:#fff;
}

#top .ct01 {
	padding: 32px 0 0;
}

#top .ct01 h2 {
	text-align: center;
}
#top .ct01 h2 img {
	height: 92px;
}
#top .ct01 .txt01 {
	margin: 24px 0 32px;
	text-align: center;
	font-size:24px;
}

#top .ct01 .ctList {
	margin: 30px 0 0;
}

#top .ct01 .ctList section {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#top .ct01 .ctList .txt02 {
	font-weight:bold;
	color:#92321f;
	font-size:16px;
}
#top .ct01 .ctList .txt03 {
	font-size:16px;
}

#top .ct01 .ctList section .txt {
	margin: 24px 0 0;
	text-align: center;
}

#top .ct02 {
	padding: 127px 0 0;
}

#top .ct02 h2 {
	text-align: center;
}
#top .ct02 h2 img {
	height: 97px;
}


#top .ct03 {
	padding: 119px 0 0;
}

#top .ct03 h2 {
	text-align: center;
	font-size:36px;
	font-weight:bold;
	color:#eb6877;
}
#top .ct03 .life_list{
	display:-webkit-flex;
	display: flex;
	-webkit-flex-flow:  row wrap; 
	flex-flow: row wrap;
	-webkit-justify-content: space-between; 
	justify-content: space-between;
	margin: 32px 0 72px;
}
#top .ct03 .life_list .item img{
	max-width:100%;
}
#top .ct03 .life_list .item01{
	width:50.06%;
	position:relative;
}
#top .ct03 .life_list .item02{
	width:48.4%;
}
#top .ct03 .life_list .item02 li{
	position:relative;
}
#top .ct03 .life_list .item02 ul li:first-child{
	margin-bottom:1em;
}
#top .ct03 .life_list .item01 .txt01 {
	font-size:1.6em;
	position:absolute;
	top:14px;
	left:14px;
}
#top .ct03 .life_list .item01 .txt01 span {
	display: inline-block;
	background-position: 50%;
	background-color: rgba(255,255,255,0.80);
	padding: 2px 12px;
}
#top .ct03 .life_list .item02 .txt {
	width:36%;
	font-size:1.1em;
	background-color: rgba(255,255,255,0.80);
	padding: 14px 10px;
	position:absolute;
}
#top .ct03 .life_list .item02 .txt span {
	font-size:120%;
	font-weight:bold;
}
#top .ct03 .life_list .item02 .txt02 {
	top:16px;
	right:16px;
}
#top .ct03 .life_list .item02 .txt03 {
	top:16px;
	left:16px;
}
@media (max-width: 900px){
#top .ct03 .life_list .item01 .txt01 {
	font-size:1.34em;
	top:10px;
	left:10px;
}
#top .ct03 .life_list .item02 .txt {
	width:46.6%;
	font-size:0.98em;
	padding: 10px 6px 10px 8px;
}
#top .ct03 .life_list .item02 .txt02 {
	top:10px;
	right:10px;
}
#top .ct03 .life_list .item02 .txt03 {
	top:10px;
	left:10px;
}

}


@media (max-width: 738px){
#top .ctArea {
	padding: 0 0 13.333%;
}

#top .ctTop h1 {
	width: 64.4%;
	margin: 15% 0 0 5.6%;
}

#top .ctTop .slideArea {
	padding: 29.333% 0 0;
}

#top .ctTop .slideArea .slider {
	float: none;
	width: 100%;
	padding: 60% 0 0;
}
#top .ctTop .slideArea .slider .slick-dots {
	box-sizing: border-box;
	margin: 0 0 0.8em;
	padding: 0 2.667%;
}
#top .ctTop .slideArea .slider .slick-dots li {
	width: 1.127%;
	margin: 0 0 0 .845%;
}
#top .ctTop .slideArea .slider .slick-dots li.slick-active button {
	background: #933320;
}

#top .ctTop .txt01 {
	margin:0 0 9.733%;
	font-size:1.6em;
	padding:1em 0;
}

#top .ct01 {
	padding: 0;
}

#top .ct01 h2 {
	margin: 0 24%;
}
#top .ct01 h2 img {
	height: auto;
}
#top .ct01 .txt01 {
	margin: 0 0 32px;
	font-size:1.2em;
}


#top .ct01 .ctList {
	margin: 3% 5% 0;
}

#top .ct01 .ctList section {
	float: none;
	width: auto;
	margin: 9.077% 0 0;
}
#top .ct01 .ctList section:nth-child(2n) {
	width: auto;
	margin: 9.077% 0 0;
}
#top .ct01 .ctList section:first-child {
	margin: 0;
}
#top .ct01 .ctList .txt02 {
	font-size:14px;
}

#top .ct01 .ctList .ct0101 .txt {
	margin: 3.538% 5.462% 0;
}
#top .ct01 .ctList .ct0102 .txt {
	margin: 3.538% 3.385% 0;
}

#top .ct02 {
	padding: 16.533% 0 0;
}

#top .ct02 h2 {
	margin: 0 17.733%;
}
#top .ct02 h2 img {
	height: auto;
}


#top .ct03 {
	padding: 15.333% 0 0;
}

#top .ct03 h2 {
	margin: 0 2.5%;
	font-size:2em;
}


#top .ct03 .life_list{
	-webkit-flex-flow:  column wrap; 
	flex-flow: column wrap; 
	margin: 5.6% 5% 4em;
}
#top .ct03 .life_list .item01{
	width:100%;
	margin-bottom:0.6em;
}
#top .ct03 .life_list .item02{
	width:100%;
}
#top .ct03 .life_list .item02 ul li:first-child{
	margin-bottom:0.6em;
}
#top .ct03 .life_list .item01 .txt01 {
	font-size:1.6em;
	top:0.6em;
	left:0.6em;
}
#top .ct03 .life_list .item01 .txt01 span {
	padding: 1px 10px;
}
#top .ct03 .life_list .item02 .txt {
	width:35%;
	min-width:170px;
	font-size:1.12em;
	padding: 0.7em 0.4em;
}
#top .ct03 .life_list .item02 .txt span {
	font-size:125%;
}
#top .ct03 .life_list .item02 .txt02 {
	top:0.6em;
	right:0.6em;
}
#top .ct03 .life_list .item02 .txt03 {
	top:0.6em;
	left:0.6em;
}
}

@media (max-width: 480px){
#top .ct03 .life_list .item01 .txt01 {
	font-size:1.26em;
}
#top .ct03 .life_list .item01 .txt01 span {
	padding: 1px 8px;
}
#top .ct03 .life_list .item02 .txt {
	width:35%;
	min-width:170px;
	font-size:0.94em;
	padding: 0.7em 0.3em;
}
#top .ct03 .life_list .item02 .txt span {
	font-size:120%;
}
}




