@charset "UTF-8";
/* LP */

/* ******* ボリュームディスカウント ******* */


	.vdtool{display: flex;justify-content:center;width:100%;}
	.vdtoolItem{float:left;width:26%}
	.vdtoolNumber{float:left;margin-left:7px;width:30%}
	.vdtoolButton{width:100px;padding:10px;background-color:#009688;border-radius:5px;margin-left:10px;}
	.vdResult{width:100%;}
	.vdNormal{overflow:hidden;margin:0 auto;height:41px;padding:10px;font-size:120%;}
	.vdNormaltext{float:left;width:40%;margin-right:20px;padding:10px;text-align:right;}
	.vdNormaprice{float:left;width:20%;margin-right:20px;}
	.vdNormayen{float:left;width:15%;padding:10px;}
@media screen and (max-width: 768px) {
	.vdtool{display:block;justify-content:center;width:100%;margin:0 auto;}
	.vdtoolItem{float:none;width:200px}
	.vdtoolNumber{float:none;width:200px;margin-bottom:5px;}
	.vdtoolButton{float:none;width:40px;padding:10px;background-color:#009688;border-radius:5px;}
	.vdResult{width:100%;height:auto;}
	.vdNormal{overflow:hidden;margin:0 auto;height:auto;padding:10px;font-size:100%;}
	.vdNormaltext{float:none;width:100%;margin:0;padding:10px;text-align:left;}
	.vdNormaprice{float:left;width:50%;margin-right:5px;}
	.vdNormayen{float:left;width:40%;padding:0;}
}
	section.bizLp {margin-bottom:60px;font-size:1.1em;}
	section.bizLp h2{font-size:1.8em;text-align:center;color:#333333;padding:0;}
	section.bizLp h3{font-size:1.2em;text-align:center;}
	section.bizLp h4{font-size:1.2em;text-align:center;}
	section.bizLp p{text-align:center;}
	.bizLpbox {overflow:hidden;text-align:center;}
	.bizLpbox2 {overflow:hidden;text-align:center;margin:0 0 5px 0 ;border:solid 1px #000;padding:0 0 30px 0;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ }
	.bizItembox {margin:5px ;border:solid 1px #333;padding:0 0 0 0;}
	.bizLp21 {float:left;width:30%;margin:10px;text-align:center;}
	.bizLp2 {float:left;width:60%;margin:10px;text-align:left;}
	.bizlP22 {float:left;width:60%;margin:10px 0 20px 0 ;text-align:left;}
	.bizlP23 {float:left;width:40%;margin:10px 0 20px 0 ;}
	.bizLp3 {float:left;width:300px;margin:30px 0 0 20px;}
	.bizLp3 img {width:90%;}
	.bizLp31 {float:left;width:280px;margin:30px 0 0 20px;padding:10px;}
	.bizLp31 img {width:70%;}
	.bizLp4 {float:left;width:23%;margin:0 15px 0 0;}
	.bizLp5 {float:left;width:18%;margin:30px 0 0 15px;}
	.vditem {float:left;width:45%;margin:0 0 20px 0 ;text-align:left;}
	.vditem img{width:70%;text-align:right;}
	.lpicom {
		margin:5px;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
    }

.lPbutton {
    width: 200px;
    margin: 0 auto;
    padding:8px 0 10px;
    font-size:1em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #009688;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}
.lPbutton2 {
    width: 170px;
    margin: 0 auto;
    padding:8px 0 10px;
    font-size:1em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #009688;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

.lPbutton3 {
    width: 250px;
    margin: 0 auto;
    padding:8px 0 10px;
    font-size:1em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #009688;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

.lPbuttonPink {
    width: 200px;
    margin: 0 auto;
    padding:8px 0 10px;
    font-size:1em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #df4d4e;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

.lPbuttonPink2 {
    width: 250px;
    margin: 0 auto;
    padding:8px 0 10px;
    font-size:1em;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #df4d4e;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}
@media screen and (max-width: 768px) {
	section.bizLp {margin-bottom:80px;font-size:1.1em;}
	section.bizLp h2{font-size:1.5em;text-align:center;color:#333333;padding:20px 0 10px;}
	section.bizLp h3{font-size:1.2em;text-align:center;}
	section.bizLp h4{font-size:1.2em;text-align:center;}
	section.bizLp p{text-align:center;}
	.bizLpbox {overflow:hidden;text-align:center;}
	.bizLpbox2 {overflow:hidden;text-align:center;margin:0 0 5px 0 ;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ }
	.bizLp21 {float:none;width:90%;margin:0 auto;padding:10px;}
	.bizLp2 {float:none;width:90%;margin:0 auto;padding:10px;text-align:left;}
	.bizlP22 {float:none;width:100%;padding:5px;text-align:left;}
	.bizlP23 {float:none;width:100%;padding:10px 0 0px 0 ;}
	.bizLp3 {float:none;width:90%;margin:0 auto;padding:10px;}
	.bizLp3 img {width:100%;text-align:center;}
	.bizLp31 {float:none;width:90%;margin:0 auto;padding:10px;}
	.bizLp31 img {width:90%;text-align:center;}
	.bizLp4 {float:none;width:100%;margin:0 auto;}
	.bizLp4 p{text-align:center;}
	.bizLp5 {float:none;width:90%;margin:0 auto;padding:10px;}
	.bizLp5 p{padding:13px;}
	.vditem {float:none;width:100%;padding:0 0 20px 0 ;text-align:left;}
	.vditem img{width:90%;text-align:center;}
	section.bizLp p{text-align:left;}
	.lpicom {
		margin:5px;padding:10px;text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
	}
	.lPbutton2 {
		width: 90%;
		margin: 0 auto;
		padding:8px 0 10px;
		font-size:1em;
		text-decoration: none;
		display: block;
		text-align: center;
		color: #FFFFFF;
		background: #009688;
		border-radius: 5px;
			-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
			-moz-border-radius: 5px;/* for Firefox 対応*/
	}
}
.grbox {
    background-color: #eee;
    margin: 0em 0;
    padding: 2em;
	overflow:hidden;padding:40px;
}
.lPbutton6 {
	float:left;
    width: 130px;
    margin: 0 0 3px 15px;
    padding:5px 2px;
    font-size:12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color: #1e8b9e;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}
.lPbutton7 {
	float:left;
    width: 100px;
    margin: 0 0 3px 5px;
    padding:5px 2px;
    font-size:12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color: #f4934d;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

.lPbutton8 {
	float:left;
    width: 100px;
    margin: 0 0 3px 15px;
    padding:5px 2px;
    font-size:12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color: #f4934d;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

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

	.lPbutton6 {
	float:left;
    width: 130px;
    margin: 0 0 3px 3px;
    padding:5px 2px;
    font-size:12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color: #1e8b9e;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}
	
.lPbutton8 {
	float:left;
    width: 100px;
    margin: 0 0 3px 5px;
    padding:5px 2px;
    font-size:12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color: #f4934d;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}
	
	
}







.lPitem {float:left;width:18%;margin:9px;}

#MailForm {
    margin: 0 15%;
}
.contactForm {
    margin: 5% 10%;
}
@media screen and (max-width: 640px) {#MailForm {margin: 0 5%;}}






.architectLpbox {display:block;overflow:hidden;text-align:center;}
.architectLpbox2 {display:none;overflow:hidden;text-align:center;}

.architectlPitem {float:left;width:18%;margin:9px;}
.architectlPitem p.mainPi {font-weight:bold;color:#008079;}




@media screen and (max-width: 768px) {
	.architectLpbox {display:none;overflow:hidden;text-align:center;}
	.architectLpbox2 {display:block;overflow:hidden;text-align:center;}
	
	.architectlPitem2 {width:90%;margin:0 auto;overflow:hidden;}
	.architectlPitem2 p{text-align:left;}
	.architectlPitem2 p.mainPi2 {color:#008079;font-weight:bold;}
	.archiNayami {float:left;width:35%;}
	.archiNayami2 {float:left;width:60%;margin-left:5px;}
}
.arcihtectMain {color:#1e8b9e;font-size:1.6em;margin:30px 0;}
.architectmainp {text-align:center;margin:30px 0;font-size:16px;}
.architectmainp span{font-weight:bold;}
.architectmainp span .fontbig {font-size:1.5em;}




@media screen and (max-width: 768px) {
	.architectmainp {text-align:left;margin:10px;}
	.arcihtectMain {font-size:1.2em;}
}



.archiPbtext{float:left;width:280px;margin:0 auto;}
.archiPbtext2{float:left;width:280px;margin:0 auto;margin-left:20px;}
.archiPbtext4{float:left;margin:0 auto;margin-left:20px;}
.archiPbtext3{text-align:center;margin-top:40px;}

.pbBox {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	border-radius:5px;
}

.pbBox p {text-align:left;padding:0 0 0 10px;}

.pbBox label {
	text-align:left;
	font-size:1.2em;
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  background :#eee;
	cursor :pointer;
	border-radius:5px;
}

.pbBox ul {
	margin: 0;
	padding: 0;
  background :#eee;
	list-style: none;border-radius:5px;
}

.pbBox li {
  max-height: auto;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;border-radius:5px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {border-radius:5px;
	max-height: 0px;opacity: 1;
}

.grbox2 {
    background-color: #fff;
    margin: 1em 0;
	overflow:hidden;
}


.grbox3 {
	width:470px;
    background-color: #eee;
	overflow:hidden;
	float:left;
	height:270px;
	border-radius:5px;
}
.grbox4 {
	width:470px;
    background-color: #eee;
	overflow:hidden;
	float:right;
	height:270px;
	border-radius:5px;
}
.architectBiz {padding:15px;font-size:1.2em;line-height:1.3em;font-weight:bold;}
.architextBiztext {float:left;overflow:hidden;width:47%;}
.architextBiztext p {padding:0 20px 0 20px;}
.architextBiztext2 {float:left;width:46%;}
.architextB {margin-top:15px;}

.architextMemetext {float:left;overflow:hidden;width:47%;}
.architextMemetext p {padding:0 20px 0 20px;}
.architextMemetext2 {float:left;width:46%;}
.architextM {margin-top:15px;}


@media screen and (max-width: 768px) {
	.grbox2 {
	width:90%
    background-color: #fff;
    margin: 1em auto;
	overflow:hidden;
}

	.grbox3 {
	width:100%;
    background-color: #eee;
	overflow:hidden;
	float:none;
	height:auto;
	border-radius:5px;
	margin:0 5px 10px 5px;
}
	.architextBiztext {float:none;overflow:hidden;width:90%;margin: 0 auto;}
	.architextBiztext p {padding:10px;}
	.architextBiztext2 {float:none;width:50%;margin:0 auto 10px auto;}
	.architextB {margin-top:0;text-align:center;}

	.grbox4 {
	width:100%;
    background-color: #eee;
	overflow:hidden;
	float:none;
	height:auto;
	border-radius:5px;
	margin:0 5px 10px 5px;
}
	.architextMemetext {float:none;overflow:hidden;width:90%;margin: 0 auto;}
	.architextMemetext p {padding:10px;}
	.architextMemetext2 {float:none;width:50%;margin:0 auto 10px auto;}
	.architextM {margin-top:0;text-align:center;}
	
}



section.architectmer {margin-bottom:60px;font-size:1.1em;}
section.architectmer h2{font-size:1.8em;text-align:center;margin-bottom:40px;}
.archih2 {font-size:1em;text-align:center;color:#fff;padding:10px 0;}

@media only screen and (max-width: 768px) {
	section.architectmer {margin-bottom:60px;font-size:1.1em;}
	section.architectmer h2{font-size:1.2em;text-align:center;margin-bottom:40px;font-weight:bold;}
	.archih2 {font-size:1em;text-align:center;color:#fff;padding:10px 0;}
}

.architectBox {
	overflow:hidden;
}

.architectBizmeritte {
	float:left;
	width:46%;
	padding:50px 0 50px 20px;
	background-color:#1e8b9e;
	border-radius:5px;
}
.architectMememeritte {
	float:right;
	width:46%;
	padding:50px 0 50px 20px;
	background-color:#e4782b;
	border-radius:5px;
}
.architectmeritte {
	font-size:120%;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
.archimeritte {
	text-align:left;
	color:#fff;
	padding:0 30px 20px 30px;
}

@media only screen and (max-width: 768px) {
	.architectBox {
	overflow:hidden;
}

	.architectBizmeritte {
		float:none;
		width:90%;
		padding:50px 0 50px 20px;
		background-color:#1e8b9e;
		border-radius:5px;
		margin:0 auto 10px auto;
}
	.architectMememeritte {
		float:none;
		width:90%;
		padding:50px 0 50px 20px;
		background-color:#e4782b;
		border-radius:5px;
		margin:0 auto 10px auto;
}
	.architectmeritte {
		font-size:120%;
		text-align:left;
		color:#fff;
		font-weight:bold;
}
	.archimeritte {
		text-align:left;
		color:#fff;
		padding:0 30px 20px 30px;
}
}

/* 20180413追加 */

.vdItemwaku{width:960px;overflow:hidden;margin-top:20px;}
.vdItem1{float:left;}
.vdItem2{float:left;padding-left:5px;}
.vdItem3{float:left;padding-left:5px;}
.vdItem4{float:left;padding-left:5px;}

.vdItemwaku2{width:960px;overflow:hidden;margin-top:20px;}
.vdItem5{float:left;}
.vdItem6{float:left;padding-left:5px;}
.vdItem7{float:left;padding-left:5px;}
.vdItem8{float:left;padding-left:5px;}

.margintop40{margin-top:40px;}

@media only screen and (max-width: 768px) {
	.vdItemwaku{width:100%;overflow:hidden;margin-top:20px;}
.vdItem1{float:left;width:48%;padding:0 0 0 5px;}
.vdItem2{float:left;padding-left:5px;width:48%;}
.vdItem3{float:left;width:48%;padding:5px 0 0 5px;}
.vdItem4{float:left;padding:5px 0 0 5px;width:48%;}

.vdItemwaku2{width:100%;overflow:hidden;margin-top:5px;}
.vdItem5{float:left;width:48%;padding:0 0 0 5px;}
.vdItem6{float:left;padding-left:5px;width:48%;}
.vdItem7{float:left;width:48%;padding:5px 0 0 5px;}
.vdItem8{float:left;padding:5px 0 0 5px;width:48%;}
	
.margintop40{margin-top:30px;}
	
}




/* ******* 初月無料キャンペーン ******* */

	.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid #383838;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
		margin:30px auto;}

	.akawaku {border:3px #009788 solid;padding:20px;margin:30px auto;color:#009788;font-size:1.5em;text-align:center;}
	@media screen and (max-width: 768px) {
		.akawaku {border:3px #009788 solid;padding:20px;margin:20px;color:#009788;font-size:1.5em;text-align:center;}
	}

	.pinkwaku {border:3px #df4d4e solid;padding:20px;margin:30px auto;color:#df4d4e;text-align:center;}
.pinkwaku h2{font-size:1.5em;}
.pinkwaku a:hover{background: #ee6667;}
@media screen and (max-width: 768px) {
	.pinkwaku {border:3px #df4d4e solid;padding:20px;margin:20px;color:#df4d4e;text-align:center;}
	.pinkwaku h2{font-size:1.5em;}
	}



.greenwaku {border:3px #eee solid;padding:20px;margin:30px auto;color:#333;text-align:center;}
.greenwaku h2{font-size:1.5em;}
.greenwaku a:hover{background: #04a293;}
@media screen and (max-width: 768px) {
	.greenwaku {border:3px #eee solid;padding:20px;margin:20px;color:#333;text-align:center;}
	.greenwaku h2{font-size:1.5em;}
	}


	.graybg{background-color:#ECECEC;border-radius:5px;padding:20px;margin:20px auto;}
	@media screen and (max-width: 768px) {
		.graybg{background-color:#ECECEC;border-radius:5px;padding:20px;margin:20px;}
	}

	.graybg2{background-color:#ECECEC;border-radius:5px;padding:20px;margin:5px auto 20px auto;}
	@media screen and (max-width: 768px) {
		.graybg{background-color:#ECECEC;border-radius:5px;padding:20px;margin:5px auto 20px auto;}
}



	.floating {
		bottom: 120px;
		right:20px;
		position: fixed;
		z-index: 1;
		background-color:#ffba00;
		padding:20px;
		border-radius:5px;
		text-decoration:none;
}

	@media screen and (max-width: 768px) {
		.floating{display:none;}
}






	.nengaJirei{overflow:hidden;text-align:center;padding:30px 0;}
	.nengaJirei1{float:left;width:30%;padding-left:10px;}
	.nengaJirei2{float:left;width:30%;padding-left:30px;}
	.nengaJirei h3{font-size:1.2em;color:#3f3f3f;font-weight:bold;}
	.nengaBottom {margin:30px auto;text-align:center;}
	.nengaBtnbottom {
		width: 400px;
		margin: 0 auto;
		padding:20px 0 20px;
		font-size:1.2em;
		display: block;
		text-align: center;
		color: #FFFFFF;
		background: #009688;
		border-radius: 5px;
		-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
		-moz-border-radius: 5px;/* for Firefox 対応*/
	}
	.nengaBottom a:hover{
		background: #03b1a1;
	}
	.nengaText {
		background-color:#eee;
		border-radius:5px;
		padding:20px;
	}
	.markerNenga{
		width:50%;
		font-size:1.5em;
		text-align:center;
		background:linear-gradient(transparent 65%, #ffe0c1 65%);
		font-weight:bold;
		margin:30px auto 0 auto;
		padding:5px 0 5px 0 ;
		color:#c3321f;
	}
@media screen and (max-width: 768px) {
	.nengaJirei1 { 
		float:none;width:96%;padding:20px 0 0 0;margin:0 auto;
	}
	.nengaJirei2{float:none;width:96%;padding:20px 0 0 0;margin:0 auto;}
	.nengaBottom {margin:30px auto;text-align:center;}
	.nengaBtnbottom {
		width: 300px;
		margin: 0 auto;
		padding:10px 0 10px;
		font-size:1em;
		display: block;
		text-align: center;
		color: #FFFFFF;
		background: #009688;
		border-radius: 5px;
		-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
		-moz-border-radius: 5px;/* for Firefox 対応*/
	}
	.nengaBottom p{text-align:left;padding:10px;}
	.nengaBottom a:hover{
		background: #03b1a1;
	}
		.nengaText { 
			background-color:#eee;
			border-radius:5px;
			padding:20px;
			text-align:left;
		}
		.markerNenga{
			width:80%;
			font-size:1.2em;
			text-align:center;
			background:linear-gradient(transparent 65%, #ffe0c1 65%);
			font-weight:bold;
			margin:30px auto 0 auto;
			padding:5px 0 5px 0 ;
			color:#c3321f;
	}
	}
	.nyc19p {text-align:center;padding:30px;}
	.nengamerit2 h3 {text-align:center;font-size:1.5em;font-weight:bold;padding:20px 0;}
	@media screen and (max-width: 768px) {
	.nyc19p {text-align:left;padding:10px;}
		
	}

.contents {
  position: relative;
  width:90%;
}

.left_box {
  left:0;
  bottom:0;
  z-index: 1;
}

.right_box {
  position: absolute;
  top: 70%;
  right: 5%;
}
.bizLp h3.caution2 {text-align:left;margin-bottom:0;}

.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #fff3b3 60%);
}

.nycamp{margin:0 -200%;padding:30px 200%;background-color:#ffe8e8;}
.nycampMain{text-align:center;font-weight:bold;padding:20px;color:#333;}
.nycampMainp{font-size:1.5em;line-height:2em;}
.nycampH2{font-size:2.5em;line-height:1.2em;}
.nycampP2{text-align:center;font-size:1em;color:#666;}

	@media screen and (max-width: 768px) {
		.nycampMain{text-align:left;font-weight:bold;padding:20px;color:#333;}
.nycampMainp{font-size:1em;line-height:2em;}
.nycampH2{font-size:2em;line-height:1.2em;}
.nycampP2{text-align:center;font-size:1em;color:#666;}
		}



.lpItem {margin:0 -200%;padding:30px 200%;background-color:#efefef;}


/* ******* プラン紹介LP ******* */

section.lightPlan {margin:50px 0 50px 0;overflow:auto;padding:10px 0 10px 0;}
	@media screen and (max-width: 768px) {
		section.lightPlan {margin:30px 0 30px 0;overflow:auto;padding:10px 0 10px 0;}
}
section.lightPlan h2{font-size:2em;text-align:center;margin:20px 0 20px 0;font-weight:bold;}
.planBox {margin:auto -200%;padding:30px 200%;background-color:#efefef;}
.planBox2 {margin:auto -200%;padding:30px 200%;}
@media screen and (max-width: 768px) {
	.planBox {margin:auto -200%;padding:10px 200%;background-color:#efefef;}
	.planBox2 {margin:auto -200%;padding:10px 200%;}
}

.viewportPlan {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
    width: 910px; /* 320px(item width) * 3(item count) *//* 箱の大きさ */
}

.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.itemPlan {
    float: left;
    width: 210px;
    text-align: center;
    padding: 50px 0;
    background: #fff;
    color: #666;
	margin-left:10px;
}
.planItem{display:inline-block;width:100%;margin:5px;float:left;}/* **同じ** */
.planItempc{display:inline-block;width:23%;margin:5px;float:left;}/* **同じ** */
.planItempc h3{display:inline-block;width:100%;margin:5px;float:left;}/* **同じ** */
.planItemBook {border-radius:5px;background-color:#fff;border:1px solid #aaa;padding:20px;}/* **同じ** */
.planItem h3{font-weight:bold;font-size:1.2em;}/* **同じ** */
.planItemDate {border-radius:5px;background-color:#eee;border:1px solid #aaa;padding:20px;box-shadow: 0 0 8px gray;}/* **同じ** */
.planItemYen {width:96%;text-align:right;font-size:80%;color:#4d4c4d;}/* **同じ** */
.planDescription {border:1px solid #aaa;border-radius:5px;background-color:#fff;padding:20px;margin-top:5px;text-align:left}/* **同じ** */
.planItembutton {border-radius:5px;background-color:#ffcc00;text-align:center;padding:10px;width:80%;font-size:80%;margin:0 auto;}/* **同じ** */
.planDescriptionh {font-weight:bold;font-size:80%;color:#009688;}
.noMenu {color:#ccc;}
	.planBottom{width:30%;border-radius:5px;background-color:#009688;margin:0 auto;padding:10px;}
	.planBottomp{margin:0 auto;text-align:center;}
	@media screen and (max-width: 768px) {
		.planBottom{width:80%;border-radius:5px;background-color:#009688;margin:0 auto;padding:10px;}
		.planBottomp{margin:0 auto;text-align:center;width:90%;}
	}
	.planImge{width:950px;margin:50px auto;overflow:hidden;}
	.planImage1 {float:left;width:50%;text-align:left;}
	.planImage2 {float:right;width:50%;text-align:left;}
	.planImageh {font-size:1.5em;margin:30px 10px;}
	.planImageimg {float:left;width:50%;}
	.planImageimg2 {float:left;width:50%;}
@media screen and (max-width: 768px) {
	
.planImge{width:100%;margin:20px auto;overflow:hidden;}
.planImage1 {float:none;width:90%;text-align:left;}
.planImage2 {float:none;width:90%;text-align:left;}
.planImageh {font-size:1.2em;font-weight:bold;margin:5px 10px;}
	}
.planImageh2 {margin:5px 10px;}
.planImageimg {float:none;width:90%;margin:0 auto;}
.planImageimg2 {float:none;width:90%;margin:0 auto;}

.planinline {display:inline-block;}
.planRrecomend {width:960px;}
.planRecomend0 {margin:0 auto;width:100%;text-align:center;overflow:hidden;}
.planRecomend1 {display:inline-block;width:23%;margin:5px;float:left;}
.planrecommend5 {margin:0 auto;width:100%;text-align:center;}
.planReco{border:1px solid #aaa;border-radius:5px;background-color:#fff;padding:10px;margin-top:5px;}
.planReco h3 {font-size:1.5em;}
.planReco2 {display:inline-block;margin:5px;}
.planrecosvg {width:100px;height:100px;}
.planrecosvg200 {width:200px;height:200px;}
.planrecosvg2 {width:400px;height:400px;}
.planrecosvg3 {width:40px;height:40px;vertical-align:middle;}
.planrecosvg4 {width:30px;height:30px;vertical-align:middle;}
.planrecosvg5 {width:100px;height:100px;vertical-align:middle;}
.planrecosvg6 {width:400px;height:290px;vertical-align:middle;}
.planhead {display:inline;border-radius:10px;border:1px solid #ce4444;padding:5px;text-align:center;color:#ce4444;float:left;}
.planhead svg{fill: currentColor;}
.plansvgred {color:#ce4444;}
.planstep{margin:0 auto;width:100%;text-align:center;}
.planstep01{display:inline-block;width:30%;margin:5px;}
.planstep02{text-align:center;border-radius:5px;background-color:#fff;padding:20px;margin:20px auto;font-size:90%;}
.planstep03{width:30%;margin:5px;display:inline-block;}
.planEtc {margin:50px auto;}
.planEtc01 {display:inline-block;border-radius:20px;background-color:#4b4b4b;}
.planEtc02 {display: table-cell;vertical-align:middle;}
.planEtc03 {background-color:#fff;padding:10px;margin:10px auto;}
	@media screen and (max-width: 768px) {
		.planEtc {margin:20px auto;}
		.planRrecomend {width:100%;}
		.planReco h3 {font-size:1.2em;font-weight:bold;text-align:left;}
		.planRecomend1 {display:inline-block;width:90%;margin:0 auto;float:none;}
		.planrecommend5 {margin:0 auto;width:90%;padding:10px;}
		.planrecosvg {width:70px;height:70px;}
		.planrecosvg2 {width:200px;height:200px;}
		.planrecosvg3 {width:40px;height:40px;vertical-align:middle;}
		.planrecosvg5 {width:70px;height:70px;vertical-align:middle;}
		.planstep01{floato:none;width:90%;margin:5px auto;}
		.planstep02{text-align:center;border-radius:5px;background-color:#fff;padding:20px;margin:20px auto;font-size:90%;}
		.planBox .planstep01 .planstep02 img {max-width:100%}
		.planstep03{text-align:center;border-radius:5px;background-color:#fff;padding:20px;margin:20px auto;font-size:90%;}
		.planEtc01 {border-radius:20px;background-color:#4b4b4b;width:90%;margin:0 auto;}
		.planEtc04 {width:90%;margin:10px auto;}
			}

/* ******* 事例 ******* */

#interview h2 {margin:70px 0 ;}
.caseh1{text-align:center;font-size:2em;font-weight:bold;margin-top:80px;}
#blogcontent section{margin-top:100px;color:#666;}
#blogcontent h2{text-align:center;font-size:1.5em;font-weight:bold;padding:10px;}
#blogcontent h3{text-align:left;font-size:1em;font-weight:bold;padding:10px;color:#666;border-radius:5px;}
#blogcontent h3.h3backgroundnone{text-align:left;font-size:1em;font-weight:bold;padding:10px;color:#666;border-radius:5px;}
#blogcontent h3.thAnniversary{text-align:left;font-size:1em;font-weight:bold;color:#009688;margin-left:20px;padding:0;}
.backgroundgraytext{text-align:left;padding:30px;color:#666;background-color:#efefef;border-radius:5px;}
.overflowhidden{overflow:hidden;}
.backgray{background-color:#efefef;padding:20px;text-align:left;margin:20px auto;border-radius:5px;overflow:hidden;}
.backgray p{margin:20px;}
.backwhite{background-color:#fff;padding:20px;text-align:left;margin:20px auto;border-radius:5px;overflow:hidden;}
.backwhite p{margin:20px;}
.afterwordb {width:250px;border-radius:5px;background-color:#009688;text-align:center;padding:10px;margin:0 auto;}
.case_before{text-align:center;}
.case_beforeProf{margin:0 0 0 80px;}
.case_beforeProf_left{float:left;width:40%;}
.case_beforeProf_right{float:left;width:50%;}
.case_beforeProf_right_p{border-radius:5px;padding:20px;background-color:#fff;}
.interview_content{margin:60px auto;}
.interview_rightImg{float:right;width:40%;}
.interview_leftText{float:right;width:50%;margin:0 80px 0 0;}
.interview_rightText{float:right;width:50%;margin:0 0 0 80px ;}
.interview_onlyText{}
.interview_after2Text{margin:0 auto;width:800px;}
.interview_after2Text_p{float:left;width:300px;}

.interview_lp2section {overflow:hidden;box-sizing:border-box}
.interview_lp2section .rightText {box-sizing: border-box;width: 45%;float: right;padding: 0;margin: 0;}
.interview_lp2section .leftText{box-sizing:border-box;width:45%;float:left;line-height:1.8em;padding:0;margin:0}

	@media only screen and (max-width: 728px) {
		.caseh1{text-align:left;font-size:1.5em;margin:0 auto;font-weight:bold;padding:30px;}
		#blogcontent {width:100%;}
		#blogcontent section{margin-top:30px;}
		#blogcontent h2{text-align:left;font-size:1.3em;font-weight:bold;padding:10px;}
		#blogcontent h3{text-align:left;font-size:1em;font-weight:bold;padding:10px;color:#666;}
		#blogcontent h3.thAnniversary{text-align:left;font-size:1em;font-weight:bold;color:#009688;margin-left:5px;padding:0;}
		.backgray{background-color:#efefef;padding:10px;text-align:left;margin:0 auto;border-radius:3px;width:95%}
		.backgray p{margin:5px;}
		.backwhite{background-color:#fff;padding:10px;text-align:left;margin:0 auto;border-radius:3px;width:95%}
		.backwhite p{margin:5px;}
		.afterwordb {width:90%;border-radius:5px;background-color:#009688;text-align:center;padding:10px;margin:0 auto;}
		.case_before{text-align:left;padding:10px;}
		.case_beforeProf{margin:0 0 0 0;}
		.case_beforeProf_left{float:none;width:100%;}
		.case_beforeProf_right{float:none;width:100%;}
		.case_beforeProf_right_p{border-radius:5px;padding:10px;background-color:#fff;}
		.interview_content{margin:0 auto;}
		.interview_rightImg{float:none;width:100%;}
		.interview_leftText{float:none;width:90%;margin:10px auto;}
		.interview_rightText{float:none;width:90%;margin:10px auto;}
		.interview_onlyText{width:90%;margin:10px auto;}
		.interview_after2Text{margin:0 auto;width:100%;}
		.interview_after2Text_p{float:none;width:90%;margin:10px auto;}
		.interview_lp2section{margin:0 0 30px}
		.interview_lp2section .rightText {box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
		.interview_lp2section .leftText{box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
	}

/* ******* Award ******* */
.award_beforeProf{margin:0 0 0 50px;}
.award_beforeProf_left{float:left;width:28%;}
.award_beforeProf_right{float:right;width:64%;right:0;width:620px;}
.award_beforeProf_right_p{border-radius:5px;padding:20px;background-color:#fff;}
.award2res {border-radius:5px;padding:20px;background-color:#fff;}

.awardh1 {font-size:1.5rem;text-align:center;}
.pcenter{text-align:center;}
.awardattention {border-radius:5px;border:solid 1px #aaa;padding:60px;}
.RedButton {width:250px;border-radius:5px;background-color:#e15a5a;text-align:center;padding:10px;margin:0 auto;}
.RedButtonahover a:hover{background: #ee6667;text-decoration:none;}
	@media screen and (max-width: 768px) {
		.award_beforeProf{margin:0 0 0 0;}
		.award_beforeProf_left{float:none;width:100%;}
		.award_beforeProf_right{float:none;width:100%;}
		.award_beforeProf_right_p{border-radius:5px;padding:10px;background-color:#fff;}
		.pcenter{text-align:left;padding:10px;}
		.awardattention {border-radius:5px;border:solid 1px #aaa;padding:10px;width:90%;margin:0 auto;}
		.RedButton {width:90%;border-radius:5px;background-color:#e15a5a;text-align:center;padding:10px;margin:0 auto;}
	}
.awardProf_main{display: flex;  align-items:stretch;padding:  10px;background-color: #eee;}
.awardProf_main h3 {font-size:}
.awardProf_main .item{padding: 10px;width: 50%;}
.awardProf_main .item li {float:left;padding:5px;width:40%}
.awardProf_main .item img.profImg {width:150px;border-radius:15px;}

/* ******* Award2022～ ******* */

h2.awardH2 {
  position: relative;
  padding: 1.5rem 1rem;
}

h2.awardH2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h3.awardH3color{color:#5b70a0}


table.awardSchedule{
  width: 100%;
  border-collapse: collapse;
}

table.awardSchedule tr{
  border-bottom: solid 2px white;
}

table.awardSchedule tr:last-child{
  border-bottom: none;
}

table.awardSchedule th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #93a5cf;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.awardSchedule th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #93a5cf;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.awardSchedule td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

.awardJudge{display: flex;align-items:stretch;padding:5px;background-color:#eee;font-size:20px;}
.awardJudge .item {padding:0px;width:90%;}
.awardJudge .item h3{font-size:16px;}
.awardJudge .item li {float:left;padding:5px;width:40%;}
.awardJudge .item img.profImg {width:150px;border-radius:15px;}
.awardJudge .item img.linkImg {width:21px;height:21px;}


.AwardWork{margin:0 auto;background-color:#fff;overflow:hidden;border-radius:5px;}
.AwardWork img.judge_icon {border-radius:50%;width:50px;height:50px;}
.AwardWork_left{float:left;width:30%;}
.AwardWork_right{float:right;width:68%;}
.AwardWork_right_p{border-radius:5px;padding:20px;border:1px solid #eee;margin-top:0;}

.Award_backgray{background-color:#efefef;padding:5px;overflow:hidden;}

@media screen and (max-width: 768px) {
	.awardJudge{display: block;padding:5px;background-color:#eee;font-size:18px;}
	.awardJudge .item {padding:5px;width:90%;}
	.awardJudge .item h3{font-size:16px;}
	.awardJudge .item li {float:none;padding:5px;width:100%;}
	.awardJudge .item img.profImg {width:90%;border-radius:10px;}
	.awardJudge .item img.linkImg {width:21px;height:21px;}
	.AwardWork{margin:0 auto;}
	.AwardWork_left{float:none;width:100%;}
	.AwardWork_right{float:none;width:100%;}
	.AwardWork_right_p{border-radius:5px;padding:10px;background-color:#fff;}
}


.top-banner{
	display: flex;
	flex-wrap:wrap;
	align-items: flex-end;
}
.top-banner li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

@media screen and (max-width: 768px) {
.top-banner{
	display: flex;
	flex-wrap:wrap;
	align-items: flex-end;
}
.top-banner li {
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}
	
}









/* ******* 2020newyear ******* */
#newyear h1 {margin:30px auto ;text-align:center;font-size:1.5rem;}
#newyear h2 {margin:30px auto ;text-align:center;font-size:1.5rem;}
#newyear .spanborder{border-bottom: solid 3px #e15a5a;font-weight:bold;}
#newyear .lp2section .rightText {box-sizing: border-box;width: 75%;float: right;padding: 0;margin: 0;}
#newyear .lp2section .leftImg {box-sizing: border-box;width: 15%;float: left;}
@media screen and (max-width: 768px) {
	#newyear h1 {margin:10px auto ;text-align:left;font-size:1rem;padding:10px;}
	#newyear h2 {margin:10px auto ;text-align:left;font-size:1rem;padding:10px;}
}

/* ******* 191218TOP ******* */
.imgTop {width:90%}
.imgTop a:hover{opacity: 0.5 ;}



/* ******* magazine ******* */
section.magazine{}
section.magazine .card-3 {
  width: 15em;
  margin: 0 auto;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: 0.3s;
	float:left;
	margin:10px;
	background-color:#fff;
}

section.magazine .content-img {
  padding: 0em 0;
  text-align: center;
  background: #fff;
}

section.magazine .content {
  padding: 0.4em 0;
}

.title,
.post-day {
  position: relative;
  padding: 0 0.3em;
  margin: 0;
  font-size: 0.8em;	
  line-height: 1.5;
}

.post-day {
  padding: 0 0.3em;
  font-size: 0.6em;
  color: #777;
}

@media screen and (max-width: 768px) {
	section.magazine .card-3 {
  width: 44%;
  margin: 0 auto;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: 0.3s;
	float:left;
	margin:10px;
	background-color:#fff;
}
	

}

section.magazine a{text-decoration:none;font-size:100%;}

.list5 {
  position: relative;
  margin: 0 auto;
  font-size:90%;
}

.list5 ul,
.list5 ol {
  padding: 0;
  margin: 0;
  font-weight: bold;
  color: #999;
  list-style-type: none;
  border: none;
}

.index-list {
  display: inline-block;
  padding: 10px 6px;
  line-height: 1.5;
}

.index-list:hover {
  background: #f3f3f4;
}

.index-name-select {
  line-height: 1.4;
  color: #555;
  border-bottom: 1.5px solid #00b5ad;
}

/* ******* 20200311webalbum ******* */
.col5 {display: flex;}
.col5 li {width: calc(100% / 5);}

ul.col5ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
li.col5li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

li.col5li {
  background: #efefef;
  text-align: center;
  padding: 20px 0;
  border: 1px solid #fff;
}

li.col5li img{width:100px;height:auto;}


/* ******* アイテム ******* */

.videowidth70{width:70%;margin:0 auto;padding:10px;}
.videowidth70 .video{width:70%;margin:0 auto;}
@media screen and (max-width: 768px) {
.videowidth70{width:95%;margin:0 auto;padding:3px;}
.videowidth70 .video{width:100%;margin:0 auto;}
}

/* ******* 20200218SNS ******* */
.shareList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.shareList-item {
  width: 30px;
  height: 30px;
  margin: 5px 0 0 5px;
  line-height: 30px;
  text-align: center;
}

.icon {
  display: block;
  color: #fff;
  border-radius: 5px;
}

.iconBlack {
  display: block;
  border-radius: 5px;
}

.icon-twitter {
  background: #55acee;
}

.icon-facebook {
  background: #3b5998;
}

.icon-pocket {
  background: #ee4056;
}


/* ******* 機能一覧ページ追加 ******* */
	.servicelistMenu{overflow:hidden;margin:30px auto 0 auto;}
	.servicelistLeftmenu{width:50%;float:left;}
	.servicelistRightmenu{width:50%;float:left;height:auto;}
	.servicePleft{padding:5px;background-color:#f39800;font-size:1.2em;color:#fff;margin:0 10px 0 0;}
	.servicePright{padding:5px;background-color:#547291;font-size:1.2em;color:#fff}
	.serviceBackgray{background-color:#eee;}
	.serviceBody{margin:0 10px 0 0;background-color:#eee;padding:5px 7px 3px 15px;}
	@media screen and (max-width: 768px) {
		.servicelistMenu{overflow:hidden;margin:30px auto 0 auto;}
		.servicelistLeftmenu{width:100%;float:none;}
		.servicelistRightmenu{width:100%;float:none;}
		.servicePleft{padding:5px;background-color:#f39800;font-size:1.2em;color:#fff;margin:0;}
		.servicePright{padding:5px;background-color:#547291;font-size:1.2em;color:#fff}
		.serviceBackgray{background-color:#eee;}
		.serviceBody{margin:0 10px 0 0;background-color:#eee;padding:5px 7px 3px 15px;}
		.servicelistMenu img{width:20px;}
	}


/* ******* アンケート ******* */

.questionnaire img{width:60%;}
.questionnaire img.mini{width:40%;}



/* ******* 以下に共通パーツを入れていく ******* */
/* lp.scssに移動済み：削除予定ここまで*/
.pcLp {display:block;}
.spLp {display:none;}
.overflowhidden {overflow:hidden;}
.backgray-All {margin:auto -200%;padding:50px 200%;background-color:#efefef;}
.backgreen-All {margin:auto -200%;padding:50px 200%;background-color:#009688;}

.backgrade-All{
	margin:auto -200%;padding:50px 200%;
	background: #93a5cf ;
  background: -moz-linear-gradient(top, #e4efe9 0%, #93a5cf 100%);
  background: -webkit-linear-gradient(top, #e4efe9 0%,#93a5cf 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(
    startColorstr=#e4efe9,
    endColorstr=#93a5cf,
    GradientType=0 );/*IE9以下向け*/
  background: linear-gradient(to bottom, #e4efe9 0%, #93a5cf 100%);
}




.marginUnder10{maragin:0 0 10px;}
.marginUnder30{maragin:0 0 30px;}
.marginUnder60{maragin:0 0 60px;}
.marginUnder120{maragin:0 0 120px;}
.marginUnder20{maragin:0 0 200px;}
.marginTop10{maragin-top:10px;}
.marginTop30{maragin-top:30px;}
.marginTop60{maragin-top:60px;}
.marginTop120{maragin-top:120px;}
.marginTopUnder60{margin:60px 0;}
.marginTopUnder120{margin:120px 0;}
.fontBold{font-weight:bold;}
.fontColorgreen{color:#009688;}
.fontColorred {color:#e15a5a;}
.fontColorgray {color:#303030;}
.fontSize8 {font-size:80%}
.lp2section {overflow:hidden;box-sizing:border-box}
.lp2section .rightText {box-sizing: border-box;width: 55%;float: right;padding: 0;margin: 0;}
.lp2section .rightText55 {box-sizing: border-box;width: 48%;float: right;padding: 0;margin: 0 10px 0 0;}
.lp2section .rightText p{line-height:1.8em}
.lp2section .leftImg {box-sizing: border-box;width: 40%;float: left;}
.lp2section .leftText{box-sizing:border-box;width:55%;float:left;line-height:1.8em;padding:0;margin:0}
.lp2section .leftText55{box-sizing:border-box;width:48%;float:left;line-height:1.8em;padding:0;margin: 0 0 0 10px ;}
.lp2section .rightImg {box-sizing: border-box;width: 40%;float: right;}
.floatleft {float:left;}
.textCenter {text-align:center;}
.col3{text-align:center}
.col3 li{width:33%;display:inline-block;margin:0;vertical-align:top}
.col4{text-align:center}
.col4 li{width:20%;display:inline-block;margin:0 5px 10px;vertical-align:middle;}
.col4 div{width:20%;display:inline-block;margin:0 5px 10px;vertical-align:middle;}
.col4-2 div{width:20%;display:inline-block;margin:0 5px 10px;vertical-align:middle;}
.bottomGreen{width:30%;border-radius:5px;background-color:#009688;margin:0 auto;padding:10px;}
.bottomGreenp{margin:0 auto;text-align:center;}
.bottomRed{width:30%;border-radius:5px;background-color:#e15a5a;margin:0 auto;padding:10px;}
.bottomRed2{width:55%;border-radius:5px;background-color:#e15a5a;margin:0 auto;padding:10px;}
.bottomRed2 a:hover{background-color:#EC7070;}
.bottomReda {color:#ffffff;}
.bottomRedp{margin:0 auto;text-align:center;}
.backgroundGray{background-color:#efefef;}
.underLineno a{text-decoration: none;}
@media screen and (max-width: 768px) {
	.spPpaddinglightleft10 {padding:0 10px;}
	.pcLp {display:none;}
	.spLp {display:block;}
	.backgray-All {margin:auto -200%;padding:0 200%;background-color:#efefef;}
	.backgreen-All {margin:auto -200%;padding:0 200%;background-color:#009688;}
	.lp2section{margin:0 0 30px}
	.lp2section .rightImg{box-sizing: border-box;width: 100%;float: none;}
	.lp2section .leftImg{box-sizing: border-box;width: 100%;float: none;}
	.lp2section .rightText {box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
	.lp2section .leftText{box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
	.floatleft {float:none;}
	.col3 li{width:100%;margin:0 0 10px}
	.col4 li{width:45%;margin:0 5px 10px}
	.col4 div{width:45%;margin:0 5px 10px}
	.col4-2 div{width:90%;margin:0 5px 10px;text-align:center;}
	.textCenter {text-align:left;padding:10px;}
	.bottomGreen {width:80%;border-radius:5px;background-color:#009688;margin:0 auto;padding:10px;}
	.bottomGreenp{margin:0 auto;text-align:center;width:90%;}
	.bottomRed {width:80%;border-radius:5px;background-color:#e15a5a;margin:0 auto;padding:10px;}
	.bottomRedp{margin:0 auto;text-align:center;width:90%;}
}
/* lp.scssに移動済み：削除予定ここまで*/



.headerDesignMenuUl.newitem:after{
	content:" ";
	width:70px;
	height:70px;
	position:absolute;
	top:-10px;
	left:-10px;
	margin:auto;
	background-image:url("/Content/img/icon/new-r.svg");
	background-size:contain;
	background-repeat:no-repeat;
	filter:drop-shadow(0px 1.5px 1.5px rgba(75,75,75,0.4));
	z-index:100
}
@media only screen and (max-width: 640px){
	.headerDesignMenuUl.newitem:after{top:-5px;left:-5px}}





/* lp.scssに移動済み：削除予定*/
.btnWrap{text-align:center;}
/* lp.scssに移動済み：削除予定*/
.btnGg {
	width:300px;
	background: #797979;
	color: #fff;
	padding: 16px 40px;
 	text-decoration: none;
 	border-radius: 30px;
 	transition-property: opacity;
	-webkit-transition-property: opacity;
 	transition-duration: .5s;
 	-webkit-transition-duration: .5s;
	}
/* lp.scssに移動済み：削除予定*/
.btnGreen {
	background: #009688;
	color: #fff;
	padding: 16px 40px;
	text-decoration: none;
	border-radius: 30px;
	transition-property: opacity;
	-webkit-transition-property: opacity;
 	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	}
/* lp.scssに移動済み：削除予定*/


.btnGreen:hover {
	opacity: .7;
	}
/* 2/17/28追加*/

.flexCol3 {
  	padding: 2.5% 0;
  	display: flex;
  	flex-direction: row;
  justify-content: space-evenly;
}
.flexCol3 > *{
  width: 30%;
  background: #fff;
  text-align: center;
}
.flexCol3,
.flexCol3 > *{
}
.flexCol3 img {height:200px;}
.borderGreen{border-bottom: solid 2px #009688;}

@media screen and (max-width: 768px) {
.flexCol3 {
  display:flex;
  flex-flow: column;
  margin:10px;
}
.flexCol3 > *{
  width:100%;
  background: #fff;
  text-align: center;
}
}


/* 2022/5/25　Webアルバム追加分*/



 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

		.margin0Auto{margin:0 auto;} 
		.circle{  width: 150px;  height: 150px;  border-radius: 50%;  background: white;}
		.lightPadding{ padding:0 30px 0 0;}
		.lightMargin{margin:0 45px;}
		.lightfontSize1{font-size:1.2em;}
		.lightfontSize2{font-size:1.5em;}
		.col4 p{text-align:left;}
		.lightfontcolorGreen {color:#009688;}
		.lightplanDescription {width:40%;float:left;border-radius:5px;border:1px solid #009688;background-color:#fff;padding:20px;color:#009688;margin:5px;}
		.lightplanDescription hr{height:1px;background-color:#009688;border:none;color:#009688;}
		.lighth2 {text-align:center;font-size:1.3em;font-weight:bold;padding:10px;}
		.light2section {overflow:hidden;box-sizing:border-box}
		.light2section .rightBox {box-sizing: border-box;width: 45%;float: right;padding: 0;margin: 0;}
		.light2section .rightBox p{line-height:1.8em}
		.light2section .leftBox{box-sizing:border-box;width:45%;float:left;line-height:1.8em;padding:0;margin:0}
		@media screen and (max-width: 768px) {
			.lightplanDescription {width:90%;float:none;border-radius:5px;background-color:#009688;padding:20px;color:#fff;margin:5px auto;}
			.lighth2 {text-align:left;font-size:1.3em;font-weight:bold;padding:10px;}
			.light2section{margin:0 0 30px}
			.light2section .rightBox {box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
			.light2section .leftBox{box-sizing: border-box;width: 100%;float: none;padding: 10px;margin: 0 auto;}
		}
.webalbumLpcheck{background-image: url(/Content/img/lp/webalbum/webalbum_Trouble970.png) ;width:960px;height:335px;margin:0 auto;}
			ul.webalbumcheckul{margin:0 auto;width:50%;}
			li.webalbumcheckli{
    position: relative;
    padding-left: 15px;
  }
 
  li.webalbumcheckli:before {
    content: "";
    position: absolute;
    top: .1em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #009688;
    border-bottom: 3px solid #009688;
  }
			
@media screen and (max-width: 768px) {
	.webalbumLpcheck{background-image:none ;width:100%;height:auto;margin:0 10px;}
	ul.webalbumcheckul{margin:0 10px;width:100%;padding:10px 0 10px 0;}
	li.webalbumcheckli{
		position: relative;
		padding-left: 15px;
		overflow-wrap:normal;
	}
	li.webalbumcheckli:before {
		content: "";
		position: absolute;
		top: .1em;
		left: 0;
		-webkit-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
		transform: rotate(50deg);
		width: 5px;
		height: 10px;
		border-right: 3px solid #009688;
		border-bottom: 3px solid #009688;
	}
}
 p.webalbumcheckp:before {
    content: "";
    position: absolute;
    top: .1em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #009688;
    border-bottom: 3px solid #009688;
  }
.itemFlex {
	border-radius: 10px;
	background: #fff;
 	padding: 15px;
 	margin: 5px;
 	text-align: center;
}
.itemFlex img {
 	max-width: 100%;
 	height: auto;
}
.itemFlex p {
	text-align: left;
}
 
/* Responsive */
@media ( min-width : 600px ){
    .flexboxWebalbum {
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    }
  .itemFlex  {
    width: 29%;
  }
}
h2.webalbumH2 {
  padding: 1rem 2rem;
  border-left: 3px solid #009688;
	border-bottom:1px solid #009688;
　text-align:left;
	color:#009688;
}

#Comparison table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 850px;
  table-layout: fixed;
}

#Comparison table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
#Comparison table tr:last-child{
  border: none;
}
#Comparison table th{
  padding: 2em;
  border-right: 2px solid #fff;
}
#Comparison table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
}
#Comparison table th {
  font-size: .85em;
}
#Comparison table thead tr{
  background-color: #50535d;
  color:#fff;
}
#Comparison table tbody th {
    border-right: 2px solid #eee;
}
th.non {
    border-right: none;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.priceWebalbum{
  color: #000;
  font-weight: bold;
  font-size:1.3em
}
.priceWebalbum span {
    font-size: .6em;
}
.red_bk{
  background:#009688;
}
.red-txt{
  color:#009688;
}
.btn{
  background:#009688;;
  border: 2px solid #009688;;
  color:#fff;
  padding: 1em;
  border-radius:20px;
  display:block;
  text-decoration:none;
  font-size:.8em
}
.btn:hover{
  background: #fff;
  border: 2px solid #009688;;
  color: #009688;;
  transition: .2s;
}
#Comparison table .btnarea td {
  padding: .2em .5em;
  border-right:none
}
@media screen and (max-width: 600px) {
  .wrap{
     overflow-x: scroll;
  }
}
.Qa-Box {
  	width: 80%;
  	margin: 0 auto;
	}

	.Qa-Box .Qa dt,
	.Qa-Box .Qa dd {
  	display: flex;
  	align-items: baseline;
  	margin: 30px 0;
	}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
	color:#009688;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
	color:#4b4b4b;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #009688;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50px;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4b4b4b;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50px;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}
.PublicButton{border-radius:5px;border:1px solid #009688;background-color:#fff;padding:10px;}
.PublicButton1{border-radius:5px;background-color:#009688;padding:10px;}
.PublicButton2{border-radius:5px;background-color:#009688;padding:10px;width:250px;margin:10px auto;}

.lp2sectiontable{width:970px;}
.lp2sectiontable .leftText{width:50%;overflow:hidden;}
.lp2sectiontable table{width:50%}

@media screen and (max-width: 768px) {
	.lp2sectiontable{width:100%;}
	.lp2sectiontable .leftText{width:90%;overflow:hidden;}
	.lp2sectiontable table{width:80%;margin:0 auto;}
}






/*--------------------------------------
  カード型_01
--------------------------------------*/
.flextop{
	width: 100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.l-wrapper_01 {
  margin: 1rem auto;
  width: 30%;
}
				
.l-wrapper_02 {
  margin: 1rem auto;
  width: 24%;
}
.l-wrapper_03 {
  margin: 1rem auto;
  width: 48%;
}

.l-wrapper_04 {
  margin: 1rem auto;
  width: 18%;
}

.l-wrapper_05 {
  margin: 1rem auto;
  width: 100%;
}

.l-wrapper_3left {margin-left: auto;margin-right: 10px;}
.l-wrapper_3center {margin-left: 10px;margin-right: 10px;}
.l-wrapper_3right {margin-left: 10px;margin-right:auto;}

.card_01 {
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .16);
  color: #212121;
  text-decoration: none;
}

.card__header_01 {
  display: flex;
  flex-wrap: wrap;
}

.card__title_01 {
  padding: 1rem 1.5rem 0;
  font-size: 1rem;
  order: 1;
  margin-bottom: 0.6rem;
  font-weight: bold;
  text-decoration: none;
}

.card__thumbnail_01 {
  margin: 0;
  order: 0;
}

.card__image_01 {
  width: 100%;
}

.card__body_01 {
  padding: 0 1.5rem;
}

.card__body_02 {
  padding: 0 1.5rem 0.1rem;
}

.card__text_01 {
  font-size: .8rem;
  text-align:center;
  text-decoration: none;
	padding-bottom: 0;
}

.card__text2_01 {
  font-size: .8rem;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom:20px;
}

.card__text_01 + .card__text_01 {
  margin-top: .5rem;
}

.card__footer_01 {
  padding: 1rem;
  border-top: 1px solid #ddd;
}

.button_01 {
  display: inline-block;
	text-decoration: none;
	transition: background-color .3s ease-in-out;
	text-align: center;
}

.button_01 a {
  text-decoration: none;
}

.button_01.-compact {
  padding: .5rem 1rem;
  border-radius: .25rem;
  background-color: #009688;
  color: #fff;
  font-weight: bold;
	text-decoration: none;
}

.button_01.-compact:hover,
.button_01.-compact:focus {
  background-color: #16ab9d;
}


@media screen and (max-width: 768px) {
	.flextop{
    	display: flex;
		width:98%;
		margin:0 auto 10px auto;
		font-size:80%;
		padding:5px;
		}
	.l-wrapper_01 {
 		 margin: 0 auto;
  		width:95%;
		}			
	.l-wrapper_02 {
  		margin: 0 auto;
  		width: 100%;
		}

	.l-wrapper_03 {
  		margin: 1rem auto;
  		width: 48%;
		}
	
	.card__title_01 {
  		padding: 5px;
  		font-size:100%;
  		order: 1;
  		margin-bottom: 0;
  		font-weight: bold;
  		text-decoration: none;
		}
	
	.button_01 {
		display: inline-block;
  		text-decoration: none;
  		transition: background-color .3s ease-in-out;
  		text-align: center;
		}
	.button_01.-compact {
  		padding: .2rem 1rem;
  		border-radius: .25rem;
  		background-color: #009688;
  		color: #fff;
  		font-weight: normal;
		text-decoration: none;
		}
	.flextop .image {
		width: 200px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		}
	.flextop .right {
		margin: 0 0 0 20px;
		padding: 0;
		}
	.flextop .title {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 120%;
		}
	.flextop .text {
		margin: 10px 0 0;
		padding: 0;
	}
}


/*--------------------------------------
  youtube
--------------------------------------*/
.youtube_biz iframe{width:960px;height:540px;}
@media screen and (max-width: 768px) {.youtube_biz iframe{width:100%;height:auto;}}

.contentCard{
	border-radius: 5px;
	background: #ffffff;
	box-shadow:  8px 8px 16px #ebebeb,
             -8px -8px 16px #ffffff;
}

.functionInfo{
	width:14%;
	background-color: #eee; border-radius: 5px; margin: 20px 1px 20px 0; padding: 20px 0;
	}
.functionInfo p{
	display: block; 
	padding: 3px;
	text-decoration: none;
}

#function_biz {
	margin:0 auto;
	overflow:hidden;
	width: 100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


#function_biz ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
	overflow:hidden;
}

#function_biz li{
	display: inline; 
	float: left;
  	flex-wrap: wrap;
	background-color:#eee;
	border-radius:5px;
	margin:20px 1px;
	padding:20px 0;
}

#function_biz li h3 {
	text-align:center;
	font-weight:bold;
	color:#009788;
}



@media screen and (max-width: 768px) {
	.functionInfo{
		width:48%;
		background-color: #eee;
		border-radius: 5px;
		margin: 20px 1px 20px 1px;
		padding: 20px 0;
	}
}



/*--------------------------------------
  撮影スポット
--------------------------------------*/
.boxWhite {
	border-radius:5px;
	background-color:#fff;
	padding:20px;
}

.boxradiusblack {
	border-radius:5px;
	border:solid 1px;
	padding:10px;
}

/*--------------------------------------
  アイテム一覧
--------------------------------------*/
.itemtable{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.itemtable th,.itemtable td{
  padding: 10px 0;
  text-align: center;
}
.itemtable th{
  width:30%;
}

.itemtable tr:nth-child(odd){
  background-color: #ddd
}