@charset "utf-8";

body{font-size:100%;line-height:1.6;letter-spacing:0;}
html>/**/body{font-size:13px;line-height:1.6;letter-spacing:0;}
body{
	font-family:"Noto Sans JP",sans-serif;
	font:13px;
	*font-size:small;
	*font:x-small;
}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

html,body{height:100%;}
#allWrap{
	color:#634400;
	line-height:1;
	font-weight:300;
}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.pcOnly{display:none !important;}

	.headWrap div{
		width:35%;
		padding:3% 0 3% 5%;
	}
	.introductionArea{
		margin:5% 0 25% 0;
	}
	.introductionArea p{
		text-align:center;
		font-size:3.4vw;
		line-height:2;
	}
	.introductionArea p .emphasis{
		background-color:#fff7b3;
	}


	.introductionArea .navWrap{
		width:90%;
		margin:5% auto 0;
	}
	.introductionArea .navWrap li{
		width:48%;
	}
	.introductionArea .navWrap li:nth-of-type(1){
		float:left;
	}
	.introductionArea .navWrap li:nth-of-type(2){
		float:right;
	}


	.areaWrap.first{
		background-color:#c3e7ea;
		padding:0 0 15% 0;
	}
	.areaWrap.second{
		background-color:#ffd9d3;
		padding:0 0 15% 0;
	}

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

	.summaryWrap{
		width:88%;
		margin:0 auto;
	}
	.summaryWrap .descBox p:nth-of-type(1){
		font-size:2.6vw;
	}
	.summaryWrap .descBox p:nth-of-type(2){
		font-size:2.9vw;
		line-height:1.6;
		margin:4% 0 0 0;
	}
	.summaryWrap .productBox p{
		font-size:2.6vw;
		text-align:center;
	}

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

	.featuresWrap{
		width:94%;
		margin:2% auto 0;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox h4{
		padding:7% 0 0 3%;
		font-weight:500;
		font-size:3.6vw;
		color:#df8d80;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox p{
		padding:4% 0 0 3%;
		font-size:2.7vw;
		line-height:1.6;
	}
	.featuresWrap .outer{
		background-color:#ffffff;
		border-radius:5px;
		padding:10px 10px 7% 10px;
	}
	.featuresWrap .outer .inner{
		background-color:#fff7da;
		padding:5% 5% 8% 5%;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox h4{
		font-weight:500;
		font-size:3.6vw;
		color:#df8d80;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox p{
		font-size:2.7vw;
		line-height:1.6;
	}


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

	.featuresWrap .outer .productWrap{
		width:94%;
		margin:8% auto 0;
	}

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

	.featuresWrap .outer .btnWrap{
		width:60%;
		margin:3% auto 0;
	}

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

	.interviewWrap .outer{
		width:86%;
		margin:8% auto 0;
		padding:8px;
		border:1px solid #634400;
	}
	.interviewWrap .outer .inner{
		background-color:#ffffff;
		padding:5% 2%;
	}


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

	.area01 .ttlWrap{
		position:relative;
		top:-50px;
	}
	.area01 .ttlWrap .imgBox{
		width:48%;
		float:left;
	}
	.area01 .ttlWrap .txtBox{
		width:50%;
		padding:0 3% 0 0;
		text-align:right;
		float:right;
	}
	.area01 .ttlWrap .txtBox h2{
		text-align:right;
	}
	.area01 .ttlWrap .txtBox h2 img{
		width:95%;
	}
	.area01 .ttlWrap .txtBox p{
		padding:0 0 0 0;
		font-size:3vw;
		line-height:1.5;
	}
	.area01 .ttlWrap .txtBox p span{
		font-weight:500;
	}

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

	.area01 .summaryWrap .imgBox{
		width:40%;
		float:right;
	}
	.area01 .summaryWrap .wrapBox{
		width:57%;
		float:left;
	}
	.area01 .summaryWrap .descBox div{
		width:93%;
		margin:4% 0 0 0;
	}
	.area01 .summaryWrap .productBox div{
		width:40%;
		margin:3% auto;
	}

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

	.area01 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:4%;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:6%;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.first .txtBox{
		width:58%;
		float:left;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		width:42%;
		float:right;
	}

	.area01 .featuresWrap .outer .inner .itemWrap.second .txtBox{
		width:52%;
		float:right;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.second .imgBox{
		width:47%;
		float:left;
	}
	.area01 .featuresWrap .outer .notes{
		margin:3% 0 0 0;
		text-align:center;
		font-size:2.6vw;
		color:#000000;
	}

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

	.area02 .summaryWrap{
		margin-top:8%;
	}
	.area02 .summaryWrap .imgBox{
		width:43%;
		float:left;
	}
	.area02 .summaryWrap .wrapBox{
		width:57%;
		float:right;
	}
	/*.area02 .summaryWrap .descBox p:nth-of-type(1){
		font-size:2.8vw;
	}*/
	.area02 .summaryWrap .descBox{
		padding:4% 0 0 0;
	}
	.area02 .summaryWrap .descBox div{
		margin:4% 0 0 0;
	}
	.area02 .summaryWrap .productBox div{
		width:36%;
		margin:3% auto;
	}

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

	.area02 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:4%;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:6%;
	}
	.area02 .featuresWrap .outer .inner .itemWrap .txtBox{
		padding:3% 0 0 0;
	}
	.area02 .featuresWrap .outer .inner .itemWrap .imgBox{
		padding:3% 0 0 0;
	}
	.area02 .featuresWrap .outer .inner .itemWrap .txtBox h4{
		padding:3% 0 0 3%;
	}
	.area02 .featuresWrap .outer .inner .itemWrap .txtBox p{
		padding:4% 0 0 3%;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.first .txtBox{
		width:63%;
		float:left;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		width:36%;
		float:right;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.second .txtBox{
		width:59%;
		float:right;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.second .imgBox{
		width:40%;
		float:left;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third .txtBox{
		width:45%;
		padding:6% 0 0 0;
		float:left;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		width:53%;
		float:right;
	}

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

	.area03 .interviewWrap .outer{
		background-color:#f8e8c7;
	}
	.area03 .interviewWrap .outer .inner h3:nth-of-type(1){
		margin:6% auto 0;
	}
	.area03 .interviewWrap .outer .inner h3:nth-of-type(2){
		margin:6% auto 0;
	}

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

	.area04{
		margin:23% auto 0;
	}
	.area04 .ttlWrap{
		position:relative;
		top:-50px;
	}
	.area04 .ttlWrap .imgBox{
		width:48%;
		float:left;
	}
	.area04 .ttlWrap .txtBox{
		width:50%;
		padding:0 3% 0 0;
		text-align:right;
		float:right;
	}
	.area04 .ttlWrap .txtBox h2{
		text-align:right;
	}
	.area04 .ttlWrap .txtBox h2 img{
		width:93%;
	}
	.area04 .ttlWrap .txtBox p{
		padding:0 0 0 0;
		font-size:3vw;
		line-height:1.5;
	}
	.area04 .ttlWrap .txtBox p span{
		font-weight:500;
	}

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

	.area04 .summaryWrap .imgBox{
		width:42%;
		float:right;
	}
	.area04 .summaryWrap .wrapBox{
		width:55%;
		float:left;
	}
	.area04 .summaryWrap .descBox{
		padding:7% 0 0 0;
	}
	.area04 .summaryWrap .descBox div{
		width:93%;
		margin:4% 0 0 0;
	}
	.area04 .summaryWrap .productBox div{
		width:40%;
		margin:3% auto;
	}

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

	.area04 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:4%;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:6%;
	}
	.area04 .featuresWrap .outer .inner .itemWrap .txtBox{
		padding:3% 0 0 0;
	}
	.area04 .featuresWrap .outer .inner .itemWrap .imgBox{
		padding:3% 0 0 0;
	}

	.area04 .featuresWrap .outer .inner .itemWrap.first .txtBox{
		width:50%;
		float:left;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		width:49%;
		float:right;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.first .txtBox h4{
		line-height:1.3;
		padding:0 0 0 3%;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.first .txtBox p{
		padding:4% 0 0 3%;
	}


	.area04 .featuresWrap .outer .inner .itemWrap.second .txtBox{
		width:50%;
		float:right;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.second .imgBox{
		width:49%;
		float:left;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.second .txtBox h4{
		padding:5% 0 0 3%;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.second .txtBox p{
		padding:4% 0 0 3%;
	}

	.area04 .featuresWrap .outer .inner .itemWrap.third .txtBox{
		width:45%;
		padding:6% 0 0 0;
		float:left;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		width:53%;
		float:right;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third .txtBox h4{
		padding:6% 0 0 3%;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third .txtBox p{
		padding:4% 0 0 3%;
	}

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

	.area05 .summaryWrap{
		margin-top:8%;
	}
	.area05 .summaryWrap .imgBox{
		width:47%;
		float:left;
	}
	.area05 .summaryWrap .wrapBox{
		width:52%;
		float:right;
	}
	/*.area02 .summaryWrap .descBox p:nth-of-type(1){
		font-size:2.8vw;
	}*/
	.area05 .summaryWrap .descBox{
		padding:2% 0 0 0;
	}
	.area05 .summaryWrap .descBox div{
		margin:4% 0 0 0;
	}
	.area05 .summaryWrap .productBox div{
		width:37%;
		margin:3% auto;
	}


	.area05 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:4%;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:6%;
	}
	.area05 .featuresWrap .outer .inner .itemWrap .txtBox{
		padding:3% 0 0 0;
	}
	.area05 .featuresWrap .outer .inner .itemWrap .imgBox{
		padding:3% 0 0 0;
	}


	.area05 .featuresWrap .outer .inner .itemWrap.first .txtBox{
		width:59%;
		float:left;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		width:40%;
		float:right;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.first .txtBox h4{
		line-height:1.3;
		padding:0 0 0 3%;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.first .txtBox p{
		padding:4% 0 0 3%;
	}


	.area05 .featuresWrap .outer .inner .itemWrap.second .txtBox{
		width:58%;
		float:right;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.second .imgBox{
		width:41%;
		float:left;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.second .txtBox h4{
		padding:5% 0 0 3%;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.second .txtBox p{
		padding:4% 0 0 3%;
	}


	.area05 .featuresWrap .outer .inner .itemWrap.third .txtBox{
		width:56%;
		float:left;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		width:43%;
		float:right;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third .txtBox h4{
		padding:4% 0 0 3%;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third .txtBox p{
		padding:4% 0 0 3%;
	}

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

	.area06 .voiceWrap h2{
		width:90%;
		margin:10% auto 0;
	}
	.area06 .voiceWrap div{
		width:90%;
	}
	.area06 .voiceWrap div:nth-of-type(1){
		margin:4% auto 0;
	}
	.area06 .voiceWrap div:nth-of-type(2){
		margin:2% auto 0;
	}

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

	.area06 .interviewWrap .outer{
		background-color:#dddaeb;
	}
	.area06 .interviewWrap .outer .inner h3:nth-of-type(1){
		margin:6% auto 0;
	}
	.area06 .interviewWrap .outer .inner h3:nth-of-type(2){
		margin:6% auto 0;
	}

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

	.footWrap{
		background-color:#e5e1d9;
	}
	.footWrap .inner a{
		color:#333333;
	}

	.footWrap .inner .leftBox ul li{
		background-color:#ffffff;
		border-bottom:1px solid #cccccc;
	}
	.footWrap .inner .leftBox ul li a{
		display:block;
		width:100%;
		text-align:center;
		font-size:3.6vw;
		padding:4% 0;
	}
	.footWrap .inner .rightBox ul{
		text-align:center;
		background-color:#ffffff;
	}
	.footWrap .inner .rightBox ul li{
		width:50%;
		float:left;
		padding:4% 0;
	}
	.footWrap .inner .rightBox ul li a{
		display:block;
		font-size:3.6vw;
		line-height:1;
	}
	.footWrap .inner .rightBox ul li:last-child{
		border:none;
	}
	.footWrap .inner .rightBox ul li:first-child a{
		border-right:1px solid #333333;
	}
	.footWrap .inner .rightBox h2{
		padding:5% 0 0 0;
		text-align:center;
		font-size:4.4vw;
	}
	.footWrap .inner .rightBox p{
		padding:2% 0 15%;
		text-align:center;
		font-size:2.6vw;
		color:#333333;
	}

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

	.rtt{
		width:90px;
		height:35px;
		position:fixed;
		right:2%;
		bottom:1%;
		z-index:9999;
		opacity:0.7;
	}
	.rtt a{
		display:block;
		width:90px;
		height:35px;
		font-size:2.6vw;
		color:#ffffff;
		line-height:35px;
		text-align:center;
		background-color:#878787;
		border-radius:8px;
	}

/* --------------------------- */
/* キャンペーンsp 2019/3/5追加 */
/* --------------------------- */

	.area09 {
		position:relative;
		width: 90%;
		margin: 50px auto;
		background-color: #fff;
		text-align: match-parent;
	}

	.area09 .sp {
		display: block;
	}
	.area09 .pc {
		display: none;
	}

	.area09 a {
		color: #362e2b;
		text-decoration: none;
		-webkit-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}

	.area09 h2 {
		margin-bottom: 30px;
		text-align: center;
		font-size: 1.3rem;
		color: #0b6c75;
		line-height: 1;
	}

	.area09 h2 span {
		margin-bottom: 15px;
		padding-top: 10px;
		display: block;
		text-align: center;
		font-size: 1.2rem;
		color: #362e2b;
		position: relative;
	}

	.area09 h2 span:before {
		content: "";
		background: #362e2b;
		display: block;
		width: 1.0rem;
		height: 1.2px;
		position: absolute;
		top: 0;
		left: 60%;
		-webkit-transform: rotate(60deg) translate(-2rem, 6rem);
		transform: rotate(60deg) translate(-2rem, 6rem);
	}

	.area09 h2 span:after {
		content: "";
		background: #362e2b;
		display: block;
		width: 1.0rem;
		height: 1.2px;
		position: absolute;
		top: 0;
		left: 45%;
		-webkit-transform: rotate(-60deg) translate(1rem, 4rem);
		transform: rotate(-60deg) translate(1rem, 4rem);
	}

	.area09 .inner ul,
	.area09 .inner dl {
		margin-top: 10px;
		margin-bottom: 1rem;
	}

	.area09 .inner > ul {
		display: block;
	}

	.area09 .inner > ul > li {
		width: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 50px;
		padding-bottom: 0;
		position: relative;
		margin: auto;
	}

	.area09 .inner > ul > li a {
		display: block;
		width: 100%;
	}

	.area09 .inner > ul > li h3 {
		width: 100%;
		text-align: center;
		font-size: 1.0rem;
		line-height: 1;
	}

	.area09 .inner > ul > li h3 span {
		color: #0b6c75;
	}

	.area09 .inner > ul > li dl {
		width: 100%;
		border: 5px solid #c1e3e5;
		border-radius: 4px;
	}

	.area09 .inner > ul > li dl dt {
		background: #c1e3e5;
		color: #0b6c75;
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.3;
		width: 100%;
		padding: 15px 0;
	}

	.area09 .inner > ul > li dl dt span {
		display: block;
		font-size: 1.0rem;
		font-weight: normal;
	}

	.area09 .inner > ul > li dl dd {
		padding: 15px 4% 25px;
	}

	.area09 .inner > ul > li dl dd ul li {
		text-indent: -1rem;
		padding-left: 1rem;
		font-size: 0.8rem;
		font-weight: normal;
		line-height: 1.3;
	}

	.area09 .inner button {
		background: #c1e3e5;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 0;
		border-radius: 5px;
		padding: 0;
		display: block;
		color: #0b6c75;
		font-size: 1.0rem;
		font-family: "YuGothic-M";
		text-align: center;
		position: relative;
		cursor: pointer;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		font-family: YuGothic-M, YuGothic, -apple-system, blinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

	.area09 .inner > ul > li dl dd button {
		width: 100%;
	}

	.area09  .inner > ul > li:nth-of-type(2) {
		margin-top: 30px;
	}
	.area09  .inner > ul > li:nth-of-type(2) h3 {
		font-size: 1.0rem;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl {
		position: relative;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl dt {
		padding: 15px 0;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl dd {
		padding: 15px 5% 5px;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl dd ul li {
		width: 20em;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl:before {
		display: block;
		background: #fff45c;
		content: "さらに";
		position: absolute;
		top: -100px;
		left: 50%;
		font-size: 1.2rem;
		height: auto;
		line-height: 1.2;
		padding: 4px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 2;
	}

	.area09 .inner > ul > li:nth-of-type(2) dl:after {
		content: "";
		display: block;
		top: -317px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 0;
		height: 0;
		position: relative;
		pointer-events: none;
		border-style: solid;
		border-width: 30px 50px 0 50px;
		border-color: #fff45c transparent transparent transparent;
	}

	.area09 .inner > ul > li > .small {
/*		position: static;
		padding: 0;
*/
	}

	.area09 .inner > ul > li dl dd small {
		text-indent: -1rem;
		padding-left: 1rem;
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.3;
		display: block;
		margin-bottom: 3px;
	}

	.area09 .inner > ul > li dl dt small {
		display: block;
		font-size: 1.0rem;
	}


}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
	.spOnly{display:none !important;}

	.headWrap{
		width:1000px;
		margin:0 auto;
		padding:15px 0;
	}
	.headWrap div{
		width:160px;
	}

	.introductionArea{
		margin:30px 0 250px 0;
	}
	.introductionArea p{
		text-align:center;
		font-size:160%;
		line-height:2;
	}
	.introductionArea p .emphasis{
		background-color:#fff7b3;
	}

	.introductionArea .navWrap{
		width:870px;
		margin:40px auto 0;
	}
	.introductionArea .navWrap li{
		width:415px;
	}
	.introductionArea .navWrap li:nth-of-type(1){
		float:left;
	}
	.introductionArea .navWrap li:nth-of-type(2){
		float:right;
	}

	.areaWrap.first{
		background-color:#c3e7ea;
		padding:0 0 100px 0;
	}
	.areaWrap.second{
		background-color:#ffd9d3;
		padding:0 0 100px 0;
	}

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

	.summaryWrap{
		width:920px;
		margin:0 auto;
	}
	.summaryWrap .productBox p{
		margin:10px 0 0 0;
		font-size:100%;
		text-align:center;
	}
	.summaryWrap .descBox p:nth-of-type(1){
		font-size:155%;
	}
	.summaryWrap .descBox p:nth-of-type(2){
		font-size:170%;
		line-height:1.6;
	}
	.summaryWrap .productBox p{
		line-height:1.4;
		margin:5px 0 0 0;
	}
	.summaryWrap .imgBox{
		width:300px;
		float:left;
	}

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

	.featuresWrap{
		width:960px;
		margin:0 auto 0;
	}
	.featuresWrap .outer{
		background-color:#ffffff;
		border-radius:5px;
		padding:27px 27px 50px 27px;
	}
	.featuresWrap .outer .inner{
		background-color:#fff7da;
		padding:40px 0;
	}
	.featuresWrap .outer .inner .itemWrap{
		width:850px;
		margin:0 auto;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox{
		width:565px;
		float:left;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox h4{
		padding:20px 0 0 40px;
		font-weight:600;
		font-size:220%;
		color:#df8d80;
	}
	.featuresWrap .outer .inner .itemWrap .txtBox p{
		padding:15px 0 0 40px;
		font-size:160%;
		line-height:1.5;
	}
	.featuresWrap .outer .inner .itemWrap .imgBox{
		width:280px;
		float:right;
	}
	.featuresWrap .outer .productWrap{
		width:810px;
		margin:30px auto 0;
	}
	.featuresWrap .outer .productWrap h2{
		width:810px;
		margin:10px auto 20px;
		text-align:center;
	}
	.featuresWrap .outer .productWrap .imgBox{
		float:left;
	}
	.featuresWrap .outer .productWrap .txtBox{
		font-size:160%;
		line-height:1.5;
		float:right;
	}
	.featuresWrap .outer .productWrap .txtBox .yenMark{
		font-size:90%;
	}
	.featuresWrap .outer .productWrap .txtBox .tax{
		font-size:75%;
	}
	.featuresWrap .outer .btnWrap{
		width:250px;
		margin:30px auto 0;
	}

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

	.interviewWrap .outer{
		width:870px;
		margin:60px auto 0;
		padding:12px;
		border:1px solid #634400;
	}
	.interviewWrap .outer .inner{
		background-color:#ffffff;
		padding:50px 57px;
	}

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

	.area01{
		width:1000px;
		margin:0 auto;
	}
	.area01 .ttlWrap{
		position:relative;
		top:-100px;
	}
	.area01 .ttlWrap .txtBox{
		width:500px;
		float:left;
	}
	.area01 .ttlWrap .imgBox{
		width:500px;
		float:right;
	}
	.area01 .ttlWrap .txtBox h2{
		width:380px;
	}
	.area01 .ttlWrap .txtBox p{
		padding:10px 0 0 5px;
		font-size:160%;
		line-height:1.6;
	}
	.area01 .ttlWrap .txtBox p span{
		font-weight:600;
	}

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

	.area01 .summaryWrap .descBox{
		width:385px;
		padding:40px 0 0 15px;
		float:left;
	}
	.area01 .summaryWrap .descBox div{
		width:325px;
		margin:20px 0 0 0;
	}
	.area01 .summaryWrap .descBox p:nth-of-type(2){
		margin:10px 0 0 0;
		line-height:1.6;
	}
	.area01 .summaryWrap .productBox{
		width:235px;
		float:left;
		padding:20px 0 0 0;
	}

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

	.area01 .featuresWrap{
		margin-top:-60px;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:20px;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:10px;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.first .txtBox h3{
		width:565px;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.second .txtBox h3{
		width:390px;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.third .txtBox h3{
		width:485px;
		position:relative;
		z-index:2;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.third .txtBox{
		float:none;
	}
	.area01 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		width:850px;
		float:none;
		position:relative;
		z-index:1;
		top:-30px;
	}
	.area01 .featuresWrap .outer .productWrap h2 img{
		width:730px;
	}
	.area01 .featuresWrap .outer .productWrap .imgBox{
		width:450px;
	}
	.area01 .featuresWrap .outer .productWrap .txtBox{
		width:350px;
		padding:20px 0 0 0;
	}
	.area01 .featuresWrap .outer .notes{
		margin:10px 0 0 0;
		text-align:center;
		font-size:11px;
		color:#000000;
	}

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

	.area02 .summaryWrap{
		margin-top:100px;
	}
	.area02 .summaryWrap .descBox{
		width:385px;
		padding:40px 0 0 15px;
		float:left;
	}
	.area02 .summaryWrap .descBox div{
		width:379px;
		margin:20px 0 0 0;
	}
	.area02 .summaryWrap .descBox p:nth-of-type(2){
		margin:10px 0 0 0;
	}
	.area02 .summaryWrap .productBox{
		width:235px;
		float:left;
		text-align:center;
	}
	.area02 .summaryWrap .productBox div{
		width:190px;
		margin:0 auto;
	}

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

	.area02 .featuresWrap{
		margin-top:-50px;
	}

	.area02 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:30px;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:30px;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.first .txtBox h3,
	.area02 .featuresWrap .outer .inner .itemWrap.second .txtBox h3{
		width:560px;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third .txtBox h3{
		width:435px;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		padding:5px 0 0 0;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.second .imgBox{
		padding:10px 0 0 0;
	}
	.area02 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		padding:5px 0 0 0;
	}
	.area02 .featuresWrap .outer .productWrap h2 img{
		width:540px;
	}
	.area02 .featuresWrap .outer .productWrap .imgBox{
		width:405px;
	}
	.area02 .featuresWrap .outer .productWrap .txtBox{
		width:395px;
		padding:15px 0 0 0;
	}
	.area02 .featuresWrap .outer .productWrap .txtBox p:nth-of-type(2){
		margin:10px 0 0 0;
	}

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

	.area03 .interviewWrap .outer{
		background-color:#f8e8c7;
	}
	.area03 .interviewWrap .outer .inner h2{
		width:510px;
		margin:0 auto 0;
	}
	.area03 .interviewWrap .outer .inner h3:nth-of-type(1){
		width:595px;
		margin:30px auto 0;
	}
	.area03 .interviewWrap .outer .inner div:nth-of-type(1){
		width:730px;
		margin:0 auto 0;
	}
	.area03 .interviewWrap .outer .inner h3:nth-of-type(2){
		width:620px;
		margin:60px auto 0;
	}
	.area03 .interviewWrap .outer .inner div:nth-of-type(2){
		width:730px;
		margin:0 auto 0;
	}

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

	.area04{
		width:1000px;
		margin:200px auto 0;
	}
	.area04 .ttlWrap{
		position:relative;
		top:-120px;
	}
	.area04 .ttlWrap .txtBox{
		width:500px;
		float:left;
	}
	.area04 .ttlWrap .imgBox{
		width:500px;
		float:right;
	}
	.area04 .ttlWrap .txtBox h2{
		width:380px;
	}
	.area04 .ttlWrap .txtBox p{
		padding:10px 0 0 5px;
		font-size:160%;
		line-height:1.6;
	}
	.area04 .ttlWrap .txtBox p span{
		font-weight:bold;
	}

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

	.area04 .summaryWrap .descBox{
		width:385px;
		padding:70px 0 0 15px;
		float:left;
	}
	.area04 .summaryWrap .descBox div{
		width:325px;
		margin:20px 0 0 0;
	}
	.area04 .summaryWrap .descBox p:nth-of-type(2){
		margin:10px 0 0 0;
		line-height:1.6;
	}
	.area04 .summaryWrap .productBox{
		width:235px;
		float:left;
		padding:20px 0 0 0;
	}

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

	.area04 .featuresWrap{
		margin-top:-50px;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:30px;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:30px;
	}

	.area04 .featuresWrap .outer .inner .itemWrap.first .imgBox{
		padding:5px 0 0 0;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third .imgBox{
		padding:5px 0 0 0;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.first .txtBox h3{
		width:560px;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.second .txtBox h3{
		width:515px;
	}
	.area04 .featuresWrap .outer .inner .itemWrap.third .txtBox h3{
		width:395px;
	}
	.area04 .featuresWrap .outer .productWrap h2 img{
		width:520px;
	}
	.area04 .featuresWrap .outer .productWrap .imgBox{
		width:450px;
	}
	.area04 .featuresWrap .outer .productWrap .txtBox{
		width:350px;
		padding:35px 0 0 0;
	}
	.area04 .featuresWrap .outer .productWrap .txtBox p:nth-of-type(2){
		margin:10px 0 0 0;
	}

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

	.area05{
		width:1000px;
		margin:100px auto 0;
	}
	.area05 .summaryWrap .descBox{
		width:355px;
		padding:70px 0 0 15px;
		float:left;
	}
	.area05 .summaryWrap .descBox div{
		width:325px;
		margin:20px 0 0 0;
	}
	.area05 .summaryWrap .descBox p:nth-of-type(2){
		margin:10px 0 0 0;
		line-height:1.6;
	}
	.area05 .summaryWrap .productBox{
		width:235px;
		float:left;
		padding:20px 0 0 0;
	}
	.area05 .summaryWrap .productBox div{
		width:190px;
		margin:0 auto;
	}

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

	.area05 .featuresWrap{
		margin-top:-50px;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.second{
		margin-top:30px;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third{
		margin-top:30px;
	}


	.area05 .featuresWrap .outer .inner .itemWrap.first .txtBox h3{
		width:500px;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.second .txtBox h3{
		width:475px;
	}
	.area05 .featuresWrap .outer .inner .itemWrap.third .txtBox h3{
		width:564px;
	}

	.area05 .featuresWrap .outer .productWrap h2 img{
		width:640px;
	}
	.area05 .featuresWrap .outer .productWrap .imgBox{
		width:450px;
		padding:0 0 0 90px;
	}
	.area05 .featuresWrap .outer .productWrap .imgBox img{
		width:335px;
	}
	.area05 .featuresWrap .outer .productWrap .txtBox{
		width:350px;
		padding:30px 0 0 10px;
	}
	.area04 .featuresWrap .outer .productWrap .txtBox p:nth-of-type(2){
		margin:10px 0 0 0;
	}

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

	.area06 .voiceWrap h2{
		width:500px;
		margin:70px auto 0;
	}
	.area06 .voiceWrap div{
		width:790px;
		margin:0 auto;
	}
	.area06 .voiceWrap div:nth-of-type(1){
		margin:40px auto 0;
	}
	.area06 .voiceWrap div:nth-of-type(2){
		margin:20px auto 0;
	}
	.area06 .interviewWrap .outer{
		background-color:#dddaeb;
	}
	.area06 .interviewWrap .outer .inner h2{
		width:510px;
		margin:0 auto 0;
	}
	.area06 .interviewWrap .outer .inner h3:nth-of-type(1){
		width:620px;
		margin:30px auto 0;
	}
	.area06 .interviewWrap .outer .inner div:nth-of-type(1){
		width:730px;
		margin:0 auto 0;
	}
	.area06 .interviewWrap .outer .inner h3:nth-of-type(2){
		width:610px;
		margin:60px auto 0;
	}
	.area03 .interviewWrap .outer .inner div:nth-of-type(2){
		width:730px;
		margin:0 auto 0;
	}

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

	.footWrap{
		background-color:#e5e1d9;
	}
	.footWrap .inner{
		width:1000px;
		margin:0 auto;
		padding:40px 0;
		color:#333333;
	}
	.footWrap .inner a{
		color:#333333;
	}
	.footWrap .inner .leftBox{
		width:600px;
		float:left;
		/*background-color:#fcc;*/
	}
	.footWrap .inner .rightBox{
		width:400px;
		float:right;
		/*background-color:#cfc;*/
	}

	.footWrap .inner .leftBox h2{
		font-size:150%;
	}
	.footWrap .inner .leftBox ul{
		margin:20px 0 0 0;
	}
	.footWrap .inner .leftBox ul li{
		float:left;
		border-right:1px solid #333333;
	}
	.footWrap .inner .leftBox ul li:last-child{
		border:none;
	}
	.footWrap .inner .leftBox ul li a,
	.footWrap .inner .rightBox ul li a{
		display:block;
		font-size:120%;
		padding:0 15px;
	}
	.footWrap .inner .leftBox ul li:first-child a{
		padding:0 15px 0 0;
	}
	.footWrap .inner .leftBox ul li:last-child a{
		padding:0 0 0 15px;
	}

	.footWrap .inner .rightBox ul{
		text-align:right;
	}
	.footWrap .inner .rightBox ul li{
		display:inline-block;
		border-right:1px solid #333333;
	}
	.footWrap .inner .rightBox ul li:last-child{
		border:none;
	}
	.footWrap .inner .rightBox ul li:first-child a{
		padding:0 15px 0 0;
	}
	.footWrap .inner .rightBox ul li:last-child a{
		padding:0 0 0 15px;
	}
	.footWrap .inner .rightBox p{
		text-align:right;
		font-size:90%;
		margin:15px 0 0 0;
	}

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

	.rtt{
		width:120px;
		height:50px;
		position:fixed;
		right:2%;
		bottom:2%;
		z-index:9999;
		/*opacity:0.8;*/
	}
	.rtt a{
		display:block;
		width:120px;
		height:50px;
		color:#ffffff;
		line-height:50px;
		text-align:center;
		background-color:#878787;
		border-radius:10px;
	}

/* --------------------------- */
/* キャンペーンPC 2019/3/5追加 */
/* --------------------------- */

	.area09 {
		width: 90%;
		margin: 70px auto 0;
		padding: 30px 10px 30px 10px;
		background-color: #fff;
	}

	.area09 .sp {
		display: none;
	}
	.area09 .pc {
		display: block;
	}

	.area09 a {
		color: #362e2b;
		text-decoration: none;
		-webkit-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}

	.area09 h2 {
		margin-bottom: 40px;
		text-align: center;
		font-size: 2.5rem;
		color: #0b6c75;
		line-height: 1;
	}

	.area09 h2 span {
		margin-bottom: 15px;
		display: block;
		text-align: center;
		font-size: 1.5rem;
		color: #362e2b;
		position: relative;
	}

	.area09 h2 span:before {
		content: "";
		background: #362e2b;
		display: block;
		width: 1.5rem;
		height: 2px;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: rotate(60deg) translate(-2rem, 6rem);
		transform: rotate(60deg) translate(-2rem, 6rem);
	}

	.area09 h2 span:after {
		content: "";
		background: #362e2b;
		display: block;
		width: 1.5rem;
		height: 2px;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: rotate(-60deg) translate(1rem, 4rem);
		transform: rotate(-60deg) translate(1rem, 4rem);
	}

	.area09 .inner > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.area09 .inner > ul > li {
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		position: relative;
	}

	.area09 .inner > ul > li h3 {
		width: 100%;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1;
		margin-bottom: 10px;
	}

	.area09 .inner > ul > li h3 span {
		color: #0b6c75;
	}

	.area09 .inner > ul > li a {
		display: block;
		width: 100%;
	}

	.area09 .inner > ul > li dl {
		width: 85%;
		border: 5px solid #c1e3e5;
		border-radius: 4px;
		margin: auto;
	}

	.area09 .inner > ul > li dl dt {
		background: #c1e3e5;
		color: #0b6c75;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.3;
		width: 100%;
		padding: 15px 0;
	}

	.area09 .inner > ul > li dl dt span {
		display: block;
		font-size: 1.2rem;
		font-weight: normal;
	}

	.area09 .inner > ul > li dl dt small {
		display: block;
		font-size: 1.0rem;
	}

	.area09 .inner > ul > li dl dd {
		padding: 20px;
		background: #fff;
		font-weight: normal;
		overflow: hidden;
		position: relative;
	}

	.area09 .inner > ul > li dl dd ul {
		position: relative;
		left: 50%;
		margin-bottom: 20px;
		font-size: 1.0rem;
		font-weight: normal;
		line-height: 1.2;
	}

	.area09 .inner > ul > li dl dd ul li {
		width: 20em;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		display: inline-block;
		text-indent: -1rem;
		padding-left: 1rem;
	}

.area09 button {
  background: #c1e3e5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 5px;
  width: 100%;
  padding: 0;
  display: block;
  color: #0b6c75;
  font-size: 1.0rem;
  font-family: "YuGothic-M";
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-family: YuGothic-M, YuGothic, -apple-system, blinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

	.area09 .inner > ul > li dl dd button {
		width: 200px;
		margin: 0 auto;
		height: 35px;
		line-height: 35px;
	}

	.area09 .inner > ul > li dl dd button:after {
		display: none;
	}




	.area09 .inner > ul > li:nth-of-type(2) dl {
		position: relative;
	}

.area09 .inner > ul > li:nth-of-type(2) dl:before {
  display: block;
  background: #fff45c;
  content: "さらに";
  position: absolute;
  top: 30%;
  left: -100px;
  font-size: 1.5rem;
  font-weight: bold;
  height: 55px; /* 66 */
  line-height: 55px; /* 66 */
  padding: 0 0 0 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.area09 .inner > ul > li:nth-of-type(2) dl:after {
  content: "";
  display: block;
  left: -20px;
  top: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 244, 92, 0);
  border-left-color: #fff45c;
  border-width: 50px;
  margin-top: -50px;
}

	.area09 .inner > ul > li dl dd .small {
/*		display: block; */
	}

	.area09 .inner > ul > li dl dd .small small {
		display: block;
		font-size: 0.8rem;
		font-weight: 300;
		line-height: 1.3;
		margin-bottom: 2px;
		text-indent: -1rem;
		padding-left: 1rem;
	}



}