/*
Theme Name: color_counseling
Theme URI: https://more-be.com/color_counseling
*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
	url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
	url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');}
*, *:before, *:after {
	margin:0;
	padding:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
html {
	height:100%;}
body {
	height:100%;
    font-size:16px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HiraMinProN-W3, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #333333;
    background-color:#FFFEFE;
    letter-spacing: 0.1em;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-blend-mode: screen;}
h1,h2,h3,h4,h5,h6,p {
    font-weight: 100;}
img {
	vertical-align: bottom;
	width:100%;
	height:auto;}
a {
	text-decoration: none;
	color:#000;}
ul li {
	list-style:none;}
.cf:before,
.cf:after {
    content:"";
    display:table;}
.cf:after {
    clear:both;}
.cf {
    zoom:1;}
.materialDesign {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.fadein {
    opacity : 0;
    transform : translate(0, 10px);
    transition : all 1.5s;}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);}
.backImage img {
	position: absolute;
    object-fit: cover;
	height:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-o-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	font-family: 'object-fit: cover;'; /*IE対策*/}
.backImageTop img {
	position: absolute;
    object-fit: cover;
	height:auto;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%) scale(1);
	-moz-transform: translate(-50%,0%) scale(1);
	-ms-transform: translate(-50%,0%) scale(1);
	-o-transform: translate(-50%,0%) scale(1);
	transform: translate(-50%,0%) scale(1);
	font-family: 'object-fit: cover;'; /*IE対策*/}
a:hover .backImage img {
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);}
a:hover .backImage:after {
	content:"";
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 15px;
    border: 1px solid #fff;}

@media screen and (max-width:767px) {
body {
	font-size:12px;}
main {
	overflow: hidden;
}
h1 {
	font-size:16px;}
h2 {
	font-size:15px;}
.pc {
	display: none;}
}

@media screen and (min-width:768px) {
body {
	font-size:16px;}
h1 {
	font-size:23px;}
h2 {
	font-size:18px;}
.sp {
	display: none;}
a:hover .backImageTop img {
	-webkit-transform: translate(-50%,0%) scale(1.1);
	-moz-transform: translate(-50%,0%) scale(1.1);
	-ms-transform: translate(-50%,0%) scale(1.1);
	-o-transform: translate(-50%,0%) scale(1.1);
	transform: translate(-50%,0%) scale(1.1);}
a:hover .backImageTop:after {
	content:"";
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 15px;
    border: 1px solid #fff;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////// header //////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
	z-index: 100;
	background:#fff;
	position:fixed;}
.headerHide {
	position:absolute;
	text-align: center;
	width:100%;
	bottom:0;}
.headerHide p {
	color:#eee;}

@media screen and (max-width:767px) {
#header {
	border-bottom:1px solid #f1f1f1;
	top:0;
	right:0;
	left:0;}
.headerHide {
	right:0;
	left:0;
	z-index:1;}
.headerHide p {
	text-shadow: 0 0 2px rgba(0,0,0,0.3);
	font-size:88px;
	line-height: 1;}
.headerScreenInnerLeft .backImageTop img {
	position:static;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
    -webkit-transform: translate(0%,0%) scale(1);
    -moz-transform: translate(0%,0%) scale(1);
    -ms-transform: translate(0%,0%) scale(1);
    -o-transform: translate(0%,0%) scale(1);
    transform: translate(0%,0%) scale(1);}
}

@media screen and (min-width:768px) {
.headerHide {
	z-index:-1;
	width:100%;
	bottom:0;}
.headerHide p {
	font-size:110px;}
}

@media screen and (min-width:1024px) {}



/* nav
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.navContact a img {
	width:auto;
	vertical-align: top;
	height:100%;}
@media screen and (max-width:767px) {
	nav {
		position:relative;
		padding:0px 5px;
	    height:42px;
		line-height: 42px}
	.navContact {
		position: absolute;
		right:0;
		top:0;
		bottom:0;}
	.navContact a {
	    height:42px;
		line-height: 42px;
		padding:0px 10px;
	    font-size: 12px;
		display: block;
		background-color:#FFDCDC;}
}

@media screen and (min-width:768px) {
	nav {
		padding:0px 0px 0px 30px;
		font-size:0;
		position:fixed;
		top:0;
		right:0;
		left:0;
		z-index:10;
	    background-color:#fff;
	    border-bottom: 1px solid #eee;}
	nav p {
		text-align: left;
		font-size:16px;
	    padding: 15px 0px;
		line-height: 1;
		float:left;}
	.navContact {
		border-left:1px solid #fff;
		height:100%;
		float:right;}
	.navContact a {
		height:56px;
		line-height: 56px;
		padding:0px 20px;
	    font-size: 16px;
		display: block;
		background-color:#FFDCDC;}
	.navContact a:hover {
		opacity:0.5;}
}

@media screen and (min-width:1024px) {
nav p {
	padding:20px 0px;}
nav ul li a {
	font-size:16px;}
}






/* header
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.headerScreenInnerLeftImg {
	position:relative;
	overflow: hidden;}
/* 外回り白線
.headerScreenInnerLeftImg:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 30px;
    border: 1px solid #fff;}
*/
.headerScreenInnerRight {}
.headerScreenInnerRightText h1 {
	white-space: nowrap;
	text-transform: uppercase;}
.headerScreenInnerRightText h1 span {
    float: left;
    color: $tertiary-color;
    transform: translateY(10px);
    opacity: 0;
    animation-name: titleAnimation;
    animation-timing-function:ease;
    animation-duration: 2s;}
.headerScreenInnerRightText h1 span {
	-webkit-animation-fill-mode: forwards;}
.headerScreenInnerRightText h1 span:first-child {
    animation-delay: 0.1s;}
.headerScreenInnerRightText h1 span:nth-child(2) {
    color: $secondary-color;
    animation-delay: 0.3s;}
.headerScreenInnerRightText h1 span:nth-child(3) {
    color: $secondary-color;
    animation-delay: 0.5s;}
.headerScreenInnerRightText h1 span:nth-child(4) {
    color: $secondary-color;
    animation-delay: 0.7s;}
@keyframes titleAnimation {
  100% {
      transform: translateY(0);
      opacity: 1;
  }
}
@media screen and (max-width:767px) {
.headerScreen {
	margin-bottom:30px;
	padding-top:42px;}
.headerScreenInner {
	padding:0px;}
.headerScreenInnerLeft {
	margin-bottom:15px;
	width:100%;}
.headerScreenInnerLeftImg {
	border-radius: 0px;}
.headerScreenInnerRightText h1	{
	text-align: center;}
.headerScreenInnerRightText h1 span {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0.5rem;
	width:100%;}
.headerHide {
	display: none;}
}

@media screen and (min-width:768px) {
.headerScreenInner {
	height:800px;
	padding:30px;}
.headerScreenInnerLeft {
	height:100%;
	float:left;
	padding-right:15px;
	width:60%;}
.headerScreenInnerLeftImg {
	border-radius: 10px;
	height:100%;}
.headerScreenInnerRight {
	float:left;
	height:100%;
	padding-left:15px;
	width:40%;}
.headerScreenInnerRightText	{
	position:relative;
	height:100%;}
.headerScreenInnerRightText h1	{
	position:absolute;
	top: 50%;
	left: 50%;
	text-align: left;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.headerScreenInnerRightText h1 span {
	width:100%;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.headerScreen {
	margin-top:47px;}
}

@media screen and (min-width:1024px) {
header {
	padding-top:57px;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////// main ///////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mainContent:last-child {
	margin-bottom:0;}
.mainContentHeader {
	z-index:1;
	position:relative;}
.mainContentHeader h2 {
    position: relative;
    z-index:1;
    font-size:30px;
    font-weight: 700;
    line-height: 1;}
.mainContentHeader h2:before {
	z-index:-1;
	position:absolute;
	content:"";
	display: block;
    height: 1px;
	top:50%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);}
.mainContentHeader h2 span {
    display: inline-block;
	background-color:#fff;}
.titleSub {
	position:absolute;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	top:50%;}
.titleHide {
	position:absolute;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	top:50%;
	z-index:-1;
    color: #eee;}

@media screen and (max-width:767px) {
.mainContent {
	padding:0px 20px;}
.mainContentHeader {
	margin-bottom:30px;}
.mainContentHeader h2 {
    font-size:16px;}
.mainContentHeader h2:before {
	background-color:#c2c2c2;
    width: 155px;}
.mainContentHeader h2 span {
	font-size:13px;
    padding-right:5px;}
.titleSub {
	display: none;}
.titleHide {
    left: 165px;
    font-size: 40px;}
.mainContentTwo {
	margin-bottom:15px;}
}
@media screen and (min-width:768px) {
main {
	display: block;
	margin-top:57px;}
.mainContent {
	padding:0px 30px;}
.mainContentTwo {
	float:left;
	width:50%;}
.mainContentHeader {
	margin-bottom:90px;}
.mainContentHeader h2 {
    font-size:30px;}
.mainContentHeader h2:before {
	background-color:#cecece;
	width:380px;}
.mainContentHeader h2 span {
    padding-right:13px;}
.titleSub {
    left:390px;}
.titleHide {
    left:380px;
    font-size: 150px;}
.mainContentThree {
	float:left;
	position:relative;
	width:24.3333%;}
.mainContentThree:nth-child(2) {
	padding-right:10px;}
.mainContentThree:nth-child(3) {
	padding-left:10px;
	padding-right:10px;}
.mainContentThree:nth-child(4) {
	padding-left:10px; 
	padding-right: 10px; }
.mainContentThree:nth-child(5) {
	padding-left:10px;}
	
/*	*/
	
.mainContentThree .backImageTop:before {
	padding-top:58.8%;
	content:"";
	display: block;}	
	
.mainContentFour {
	float:left;
	width:25%;}
}

@media screen and (min-width:1020px) {
.mainContentWrap {
	max-width:1200px;
	margin:auto;}
}

/* about
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* 外回り白線
.mainContentAboutImg:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 30px;
    border: 1px solid #fff;}
*/
.mainContentAboutText {
	position:relative;
	width:100%;}



.mainContentAboutTextInner p:last-child {
	margin-bottom:0;}

@media screen and (max-width:767px) {
.mainContentAbout {
	padding:0;}
.mainContentAboutTextInner p {
	font-size:14px;
	text-align: center;
	margin-bottom:0.5rem;}
.mainContentAbout .headerHide {
	position:static;}
.mainContentAbout .headerHide p {
	text-shadow: none;}
.mainContentAboutImg.backImage img {
	position:static;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;}
}

@media screen and (min-width:768px) {
.mainContentAbout {
	padding:30px 30px 60px;
	height:100%;}
.mainContentAbout .mainContentTwo {
	position:relative;
	height:100%;}
.mainContentAbout .mainContentTwo:nth-child(1) {
	float:right;
	padding-left:15px;
	width:60%;}
.mainContentAbout .mainContentTwo:nth-child(2) {
	float:left;
	padding-right:15px;
	width:40%;}
.mainContentAbout .mainContentTwo:nth-child(2),
.mainContentAbout .mainContentTwo:nth-child(4) {
	padding-right:15px;}
.mainContentAbout .mainContentTwo:nth-child(3),
.mainContentAbout .mainContentTwo:nth-child(5) {
	padding-left:15px;}
.mainContentAboutImg {
	position:relative;
	height:100%;
	border-radius: 10px;
	overflow: hidden;}
.mainContentAboutImg:before {
    padding-top: 97.5%;
	content:"";
	display: block;}
.mainContentAboutText:before {
    padding-top: 147.5%;
	content:"";
	display: block;}
.mainContentAboutTextInner {
	max-width:400px;
	position:absolute;
	width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.mainContentAboutTextInner p {
	font-size:18px;
	margin-bottom:2rem;}
}

@media screen and (min-width:1024px) {}



/* service
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mainContentService .titleHide {
	color:#eee;}
.mainContentService .mainContentThree {
	position:relative;}
.mainContentServiceImg {
	overflow: hidden;
	position:relative;}
.mainContentServiceImg:before {
	padding-top:61.8%;
	content:"";
	display: block;}
.mainContentServiceImg:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border: 1px solid #fff;}
.mainContentServiceText {
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-o-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	padding:5px;
	border-radius: 10px;
	width:260px;
	text-align: center;}
.mainContentService a:hover .mainContentServiceText {}
.mainContentServiceTextInner {
	background-color:rgba(255,255,255,0.9);
	border-radius: 10px;
	padding:15px 0px;}
.mainContentServiceDetail p {
	border-left:1px solid #c2c2c2;}

@media screen and (max-width:767px) {
.mainContentService {
	padding-top:30px;
	padding-bottom:30px;}
.mainContentServiceImg {
	border-radius: 10px;}
.mainContentServiceImg:after {
    border-radius: 10px;}
.mainContentServiceTextInner {
	border-radius: 5px;}
.mainContentService .mainContentThree {
	margin-bottom:30px;}
.mainContentService .mainContentThree:last-child {
	margin-bottom:0;}
.mainContentServiceImg {
	margin-bottom:10px;}
.mainContentServiceDetail h4 {
	margin-bottom:10px;
	font-size:14px;}
.mainContentServiceDetail p {
	padding-left:10px;}
}

@media screen and (min-width:768px) {
.mainContentService {
	padding-top:120px;
	padding-bottom:60px;}
.mainContentServiceImg {
	margin-bottom:30px;
	border-radius: 15px;}
.mainContentServiceImg:after {
    border-radius: 15px;}
.mainContentServiceTextInner {
	border-radius: 10px;}
.mainContentServiceDetail h4 {
	margin-bottom:1em;}
.mainContentServiceDetail p {
	padding-left:15px;
	font-size:14px;}
}

@media screen and (min-width:1024px) {}

@media screen and (min-width:1610px) {}


/* article
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.mainContentArticle .mainContentHeader h2 span {
	background-color:#fff;}
.mainContentArticleBox {
	position:relative;
	overflow: hidden;}
.mainContentArticleBox:before {
	padding-top:61.8%;
	content:"";
	display: block;}
.mainContentArticleBox:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 10px;
    border: 1px solid #fff;}
.mainContentArticleText {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    top: auto;
    padding: 3px;
	z-index:1;}
.mainContentArticleTextInner {
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.9);}
.mainContentArticleTextInner h2 {
	font-size:14px;
	letter-spacing: 0px;
	margin-bottom:10px;}
.mainContentArticleTextInner time {
	display: block;
	position: relative;
    color: #7f7f7f;
    padding-left: 50px;
    font-size: 12px;
    font-style: italic;}
.mainContentArticleTextInner time:before {
    position: absolute;
    content: "";
    display: block;
    background-color: #c0c0c0;
    height: 1px;
    width: 40px;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;}

@media screen and (max-width:767px) {
.mainContentArticle  {
	padding-top:30px;
	padding-bottom:30px;}
.mainContentArticleBox {
	border-radius: 10px;}
.mainContentArticle .mainContentThree {
	margin-bottom:10px;}
.mainContentArticle .mainContentThree:last-child {
	margin-bottom:0px;}
}

@media screen and (min-width:768px) {
.mainContentArticle  {
	padding-top:120px;
	padding-bottom:60px;}
.mainContentArticleBox {
	border-radius: 15px;}
}

@media screen and (min-width:1024px) {}



/* schedule
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mainContentSchedule {
	background-color:#FFF5F5;}
.mainContentSchedule .mainContentHeader h2 span {
	background-color:#FFF5F5;}
.mainContentSchedule .titleHide {
	color:#eee;}
.mainContentScheduleInner {
	font-size:0;
    letter-spacing: 0;
	background-color:#fff;}
.mainContentScheduleInner .mainContentTwo {
	display: inline-block;
	font-size:16px;
	vertical-align: top;
	float:none;
	margin-bottom:30px;}

.mainContentScheduleBox {}
.mainContentScheduleBox table {
	width:100%;}
.mainContentScheduleBox table th {
	font-weight: 400;
    background-color:#FFF5F5;
    text-align: center;
    line-height: 1;}
.mainContentScheduleBox table td {
    border-bottom: 1px solid #FFF5F5;}

@media screen and (max-width:767px) {
.mainContentSchedule {
	padding-top:30px;
	padding-bottom:30px;}
.mainContentScheduleInner {
	border-radius: 10px;
	padding:10px;}
.mainContentScheduleInner .mainContentTwo {
	font-size:14px;
	margin-bottom:10px;}
.mainContentScheduleBox table th {
	width:50px;
	font-size:12px;}
.mainContentScheduleBox table td {
	font-size:12px;
    padding: 3px;}
.mainContentScheduleBox table td:nth-child(1) {
	width:100px;}
.mainContentScheduleInner p {
	font-size:12px;}
}

@media screen and (min-width:768px) {
.mainContentSchedule {
	padding-top:120px;
	padding-bottom:60px;}
.mainContentScheduleInner {
	border-radius: 15px;
	padding:30px;}
.mainContentScheduleInner .mainContentTwo {
	font-size:16px;
	margin-bottom:30px;}
.mainContentScheduleInner .mainContentTwo:nth-child(1),
.mainContentScheduleInner .mainContentTwo:nth-child(2n+1) {
	padding-right:15px;}
.mainContentScheduleInner .mainContentThree:nth-child(2n) {
	padding-left:15px;}
.mainContentScheduleInner .mainContentFour:last-child,
.mainContentScheduleInner .mainContentFour:nth-last-child(2) {
	margin-bottom:0;}
.mainContentScheduleBox table th {
	width:70px;}
.mainContentScheduleBox table td {
	font-size:14px;
    padding: 6px;}
.mainContentScheduleBox table td:nth-child(1) {
	width:140px;}
.mainContentScheduleInner p {
	font-size:16px;}
}

@media screen and (min-width:1024px) {}


/* price
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mainContentPrice {}
.mainContentPriceInner {}
.mainContentPriceBox {
	font-size:14px;}
.mainContentPriceBox table {
	width:100%;
    margin: 1em auto;
    border-collapse: collapse;
    border-spacing: 0;}
.mainContentPriceBox table th {
	text-align: center;
    width: 30%;
    border: solid 1px #e6e6e6;
    padding: 10px;
    vertical-align: middle;
    color: #333;
    font-weight: 600;
    background: #fef7f6;
    font-size: 0.9em;}
.mainContentPriceBox table td {
    width: 70%;
    padding: 10px;
    line-height: 1.8;
    background: #fff;
    border: solid 1px #e6e6e6;
    vertical-align: middle;
    color: #333;
    font-size: 0.9em;}
@media screen and (max-width:767px) {
	.mainContentPrice {
		padding-top:30px;
		padding-bottom:30px;}
	.mainContentPriceBox table th {
		padding:10px 3px;}
	.mainContentPriceBox table th,
	.mainContentPriceBox table td {
		font-size:11px;}
}

@media screen and (min-width:768px) {
	.mainContentPrice {
		padding-top:120px;
		padding-bottom:60px;}
	.mainContentPriceInner .mainContentTwo:nth-child(1),
	.mainContentPriceInner .mainContentTwo:nth-child(3) {
		padding-right:15px;}
	.mainContentPriceInner .mainContentTwo:nth-child(2) {
		padding-left:15px;
		float:right;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////// footer //////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {
	background-color:#FFDCDC;}
footer ul li:last-child {
	margin-right:0;}
footer ul li a {
	position:relative;
	display: inline-block;
	padding:20px 30px;
    line-height: 1;
	background-color:#fff;}
footer ul li a:hover {
	background-color:#f7f7f7;}

.footerBottom {
	text-align: center;}


@media screen and (max-width:767px) {
footer {
	padding:10px;}
footer ul li {
	margin-bottom:10px;}
footer ul li a {
	padding:10px;}
}

@media screen and (min-width:768px) {
footer {
	padding:20px;}
footer ul li {
	float:left;
	margin-right:30px;}
footer ul li a {
	padding:20px 30px;}
}

@media screen and (min-width:1024px) {}







/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////// お問い合わせ //////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
input[type="text"], input[type="button"], input[type="email"], input[type="submit"], textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

.pageWrapper {
	max-width:810px;
	margin:0px auto 30px;}
.pageHeader h1 {
	text-align: center;}
.pageMainContact table {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;}
.pageMainContact table th {
	font-weight: 400;}
.pageMainContact table th span {
    color: #ff0000;}

.pageMainContact table td input,
.pageMainContact table td select {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 3px 8px;
    border: none;
    background-color: #f1f1f1;
    color: #000;
    vertical-align: middle;
    font-size: 14px;}
.pageMainContact table textarea {
    resize: none;
    width: 100%;
    padding: 5px;
    border: none;
    background-color: #f1f1f1;
    font-size: 14px;}
.pageMainContact p input {
    display: block;
    width: 240px;
    margin: 45px auto 0;
    padding: 18px 0;
    border: 1px solid #666666;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.2em;
    transition: all .3s;}

@media screen and (max-width:767px) {

#pageMain {
	margin-top:42px;}
.pageHeader {
	padding:20px 0px;}
.pageHeader h1 {
	font-size:20px;}
.pageMainContact {
	padding:20px;}
.pageMainContact table th,
.pageMainContact table td {
	display: block;
	width:100%;}
.pageMainContact table tr {
	display: block;
	margin-bottom:15px;}
.pageMainContact table th {
    margin-bottom: 5px;
    font-size: 14px;}
.pageMainContact table td {
    margin-bottom: 15px;
    font-size: 14px;}
.pageMainContact table td:last-child {
	margin-bottom:0;}
}

@media screen and (min-width:768px) {

#pageMain {
	margin-top:56px;}
.pageHeader {
	padding:60px 0px;}
.pageMainContact table th {
    display: table-cell;
    padding: 15px 0;
    vertical-align: top;
    width: 260px;
    margin-bottom: 5px;
    font-size: 14px;}
.pageMainContact table td {
    width: 460px;
    margin-bottom: 18px;
    font-size: 14px;}
.pageMainContact table textarea {
	margin-top:10px;}
}

@media screen and (min-width:1024px) {}






/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////// blog //////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pageMainBlog {}
.pageMainBlogBox {
	border-radius: 10px;}

.pageMainBlogBoxInnerImgInner {
	position:relative;
    border-radius: 15px;
	overflow: hidden;}
.pageMainBlogBoxInnerImgInner:before {
	padding-top:61.8%;
	content:"";
	display: block;}
.pageMainBlogBoxInnerImgInner:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    top: 3px;
    border-radius: 10px;
    border: 1px solid #fff;}

.pageMainBlogBoxInnerText h2 {
	margin-bottom:10px;
	font-size:16px;}
.pageMainBlogBoxInnerText time {
	display: block;
	position:relative;
	color:#aaaaaa;
	margin-bottom:20px;
	padding-left:50px;}
.pageMainBlogBoxInnerText time:before {
	content:"";
	background-color:#aaaaaa;
	height:1px;
	width:40px;
    position: absolute;
    content: "";
    display: block;
    left:0;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);}

@media screen and (max-width:767px) {
.pageMainBlogBox {
	padding:20px;
	margin-bottom:0px;}
.pageMainBlogBoxInnerImg {
	margin-bottom:10px;}
.pageMainBlogBoxInnerImgInner {
    border-radius: 10px;}
}

@media screen and (min-width:768px) {
.pageMainBlogBox {
	padding:30px;
	margin-bottom:30px;}
.pageMainBlogBoxInnerImgInner {
    border-radius: 15px;}
.pageMainBlogBoxInnerImg {
	float:left;
	width:60%;
	padding-right:15px;}
.pageMainBlogBoxInnerText {
	float:left;
	width:40%;
	padding-left:15px;}
}

@media screen and (min-width:1024px) {}




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////// 投稿 //////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pageThumbnail {
	margin-bottom:20px;}
.pageThumbnail img {}