﻿@charset "UTF-8";


/* ----------------------------------------------------------------------
 content
---------------------------------------------------------------------- */

	.post-content {
		width:100%;
		margin:0;
		padding:0 0 4rem 0;
		line-height:2.4;
	}
	h1.post-content-h1 {
		display:block;
		width:90%;
		margin:3rem 5% 0 5%;
		padding:0 0 2.5rem 0;
		font-size:1.6rem;
		line-height:1.6;
		text-align: center;
		display:block;
	}
	br.post-content-h1-br2 {
		display:none;
	}
	p.post-content-p1 {
		display:block;
		width:84%;
		margin:0 8% 0 8%;
		padding:0 0 0 0;
		font-size:1.0rem;
		text-align:left;
		line-height:2.0;
	}


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

	.post-content {
		width:88%;
		margin:3rem 6% 0 6%;
		padding:0 0 3.5rem 0;
		line-height:2.4;
	}
	h1.post-content-h1 {
		display:block;
		width:100%;
		margin:0;
		padding: 0 0 2.0rem 0;
		font-size:1.3rem;
		line-height:1.6;
		text-align: center;
		display:block;
	}
	br.post-content-h1-br2 {
		display:inline;
	}
	p.post-content-p1 {
		display:block;
		width:100%;
		font-size:1.0rem;
		text-align:left;
		margin:0;
		padding:0;
		line-height:2.0;
	}

}



/* ----------------------------------------------------------------------
 content2
---------------------------------------------------------------------- */

	.content-2 {
		width:100%;
		margin:0 0 0 0;
		padding:0rem 0 4rem 0;
		line-height:2.4;
		background:#fff;
	}
	.content-2-p1 {
		display:block;
		font-size:1.6rem;
		color:#136;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
		padding:0;
	}
	.content-2-p2,
	.content-2-p3 {
		display:block;
		width:76%;
		height:auto;
		margin:2.0rem 12% 0 12%;
		padding:0;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0;
		text-decoration:none;
		line-height:2.0;
	}
	.content-2-p3 {
		text-align:center;
		margin: 4.2rem 12% 0 12%;
	}

	/* 比較表 */
	.content-2-table-1 {
		width:76%;
		height:auto;
		margin:5px 12% 0 12%;
		padding:0;
		background:#fff;
	}
	.content-2-table-1-1 {
		display:table;
		width:100%;
		margin:0;
		background:#5c9cd4;
	}
	.content-2-table-1-2 {
		display:table;
		width:100%;
		margin:0;
		background:#d3dfef;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-3 {
		display:table;
		width:100%;
		margin:0;
		background:#eaeff7;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-1-1,
	.content-2-table-1-1-2,
	.content-2-table-1-1-3,
	.content-2-table-1-1-4,
	.content-2-table-1-1-5 {
		display:table-cell;
		width:10%;
		height:auto;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	.content-2-table-1-1-1 {
		width:30%;
	}
	.content-2-table-1-1-2 {
		width:40%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-1-3,
	.content-2-table-1-1-4,
	.content-2-table-1-1-5 {
		width:10%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	p.content-2-table-1-1-p1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.5rem 0.3rem 0.5rem 0.3rem;
		font-size:1.0rem;
		color:#fff;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:center;
	}
	p.content-2-table-1-2-p1,
	p.content-2-table-1-2-p2 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.3rem 0.4rem 0.5rem 0.4rem;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:left;
	}
	p.content-2-table-1-2-p2 {
		font-size:1.0rem;
		text-align:center;
	}
	.content-2-figure-1 {
		width:50%;
		height:auto;
		margin:5px 25% 0 25%;
		padding:0;
		background:transparent;
	}
	.content-2-figure-1-i1 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:#fff;
	}


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

	.content-2 {
		width:100%;
		margin:0 0 0 0;
		padding:0rem 0 3.5rem 0;
		background:#fff;
	}
	p.content-2-p1 {
		display:block;
		font-size:1.1rem;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
	}
	p.content-2-p2,
	p.content-2-p3 {
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		display:block;
		width:94%;
		height:auto;
		margin:1.5rem 3% 0 3%;
		padding:0;
	}
	p.content-2-p3 {
		text-align:left;
		margin:4.2rem 3% 0 3%;
	}
	.content-2-table-1 {
		width:94%;
		height:auto;
		margin:0.5rem 3% 0 3%;
		padding:0;
		background:#fff;
	}
	.content-2-table-1-1 {
		display:table;
		width:100%;
		margin:0;
		background:#5c9cd4;
	}
	.content-2-table-1-2 {
		display:table;
		width:100%;
		margin:0;
		background:#d3dfef;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-3 {
		display:table;
		width:100%;
		margin:0;
		background:#eaeff7;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-1-1,
	.content-2-table-1-1-2,
	.content-2-table-1-1-3,
	.content-2-table-1-1-4,
	.content-2-table-1-1-5 {
		display:table-cell;
		width:10%;
		height:auto;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	.content-2-table-1-1-1 {
		width:30%;
	}
	.content-2-table-1-1-2 {
		width:40%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	.content-2-table-1-1-3,
	.content-2-table-1-1-4,
	.content-2-table-1-1-5 {
		width:10%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	p.content-2-table-1-1-p1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.5rem 0.3rem 0.5rem 0.3rem;
		font-size:1.0rem;
		color:#fff;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:center;
	}
	p.content-2-table-1-2-p1,
	p.content-2-table-1-2-p2 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.3rem 0.3rem 0.5rem 0.3rem;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:left;
	}
	p.content-2-table-1-2-p2 {
		font-size:1.0rem;
		text-align:center;
	}
	.content-2-figure-1 {
		width:88%;
		height:auto;
		margin:0.5rem 6% 0 6%;
		padding:0;
		background:transparent;
	}
	.content-2-figure-1-i1 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:#fff;
	}

}



/* ----------------------------------------------------------------------
 content3
---------------------------------------------------------------------- */

	.content-3 {
		width:100%;
		margin:0 0 0 0;
		padding:0rem 0 0 0;
		line-height:2.4;
	}
	p.content-3-p1 {
		display:block;
		font-size:1.6rem;
		color:#036;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
		padding:0;
	}
	p.content-3-p2 {
		display:block;
		width:84%;
		height:auto;
		margin:2rem 8% 0 8%;
		padding:0;
		padding:0;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0;
		text-decoration:none;
		line-height:2.0;
	}
	.content-3-tab {
		/*display: flex;*/
		/*flex-wrap: wrap;*/
		display:table;
		width:100%;
		margin:2.5rem 0% 0 0%;
		padding:0 0 0 0;
	}
	a.content-3-a1 {
		display:table-cell;
		width:21%;
		margin:0.5rem 0 0 0;
		padding:0.6rem 0.6rem 0.7rem 0.6rem;
		font-size:0.8rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:1.6;
 		background:#e8ecef;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		box-sizing:border-box;
		border-radius:1.2rem 1.2rem 0 0;
	}
	.content-3-space1 {
		display:table-cell;
		width:8%;
		margin:0.5rem 0 0 0;
		border-bottom:1px solid #ddd;
		box-sizing:border-box;
	}

	/*aにactiveクラスがついた時の形状*/
	.content-3-tab a.active {
		background:#fff;
		z-index:99;
	}
	a.content-3-a1 br {
		display:inline;
	}
	/*エリアの表示非表示と形状*/
	.area {
		display:none;/*はじめは非表示*/
		opacity: 0;/*透過0*/
	}
	/*areaにis-activeというクラスがついた時の形状*/
	.area.is-active {
		display: block;/*表示*/
		animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}
	@keyframes displayAnime{
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}


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

	.content-3-tab {
		width:84%;
		margin:1.3rem 8% 0 8%;
		padding:0 0 3rem 0;
		display: flex;
		flex-wrap: wrap;
	}
	a.content-3-a1 {
		display:block;
		width:48%;
		margin:0.7rem 0 0 2%;
		padding:0.6rem 0.5rem 0.4rem 0.5rem;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:1.6;
 		background:#f4f8fc;
		border:1px solid #ddd;
		box-sizing:border-box;
		border-radius:0;
	}

	/*liにactiveクラスがついた時の形状*/
	.content-3-tab li.active a{
		background:#fff;
	}
	a.content-3-a1 br {
		/*display:inline;*/
		display:none;
	}
	.content-3-space1 {
		display:none;
	}
	/*エリアの表示非表示と形状*/
	.area {
		display:none;/*はじめは非表示*/
		opacity: 0;/*透過0*/
		/*
		background: #fff;
		padding:50p;
		*/
	}
	/*areaにis-activeというクラスがついた時の形状*/
	.area.is-active {
		display: block;/*表示*/
		animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}
	@keyframes displayAnime{
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
}


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

	.content-3 {
		width:100%;
		margin:0 0 0 0;
		padding:0rem 0 2rem 0;
		line-height:2.4;
	}
	p.content-3-p1 {
		display:block;
		font-size:1.1rem;
		color:#136;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
	}
	p.content-3-p2 {
		display:block;
		width:90%;
		height:auto;
		margin:2rem 5% 0 5%;
		padding:0;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
	}
	.content-3-tab{
		width:92%;
		margin:1.0rem 4% 0 4%;
		padding:0 0 0 0;
		display: flex;
		flex-wrap: wrap;
	}
	a.content-3-a1 {
		display:block;
		width:100%;
		margin:1.0rem 0 0 0;
		padding:0.6rem 0.5rem 0.4rem 0.5rem;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:1.8;
 		background:#f4f8fc;
		border:1px solid #ddd;
		box-sizing:border-box;
		border-radius:0;
	}
	/*aにactiveクラスがついた時の形状*/
	.content-3-tab a.active {
		background:#fff;
	}
	a.content-3-a1 br {
		display:none;
	}
	.content-3-space1 {
		display:none;
	}
	/*エリアの表示非表示と形状*/
	.area {
		display:none;/*はじめは非表示*/
		opacity: 0;/*透過0*/
		/*
		background: #fff;
		padding:50p;
		*/
	}
	/*areaにis-activeというクラスがついた時の形状*/
	.area.is-active {
		display: block;/*表示*/
		animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}
	@keyframes displayAnime{
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

}



/* ----------------------------------------------------------------------
 content 3-1 ～ 3-5
---------------------------------------------------------------------- */

	#content-3-1,
	#content-3-2,
	#content-3-3,
	#content-3-4 {
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:3.0rem 0 3.0rem 0;
		background:transparent;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		box-sizing:border-box;
	}
	.content-3-1-d1 {
		width:80%;
		height:auto;/*2.4rem*/
		margin:0 10% 0 10%;
		padding:0;
	}
	p.content-3-1-p1 {
		display:block;
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 3%;
		font-size:1.2rem;
		color:#136;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.6;
		text-align:left;
		border-left:6px solid #f40;
		box-sizing:border-box;
	}
	p.content-3-1-p2 {
		display:block;
		width:76%;
		height:auto;
		margin:2.0rem 12% 0 12%;
		padding:0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	p.content-3-1-p3 {
		display:block;
		width:100%;
		height:auto;
		margin:0 0 0 0;
		padding:1rem 0 0 0;
		font-size:1.0rem;
		color:#136;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	p.content-3-1-p4 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0 0 0.5rem 0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:center;
	}
	p.content-3-1-p5 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:2rem 0 0.5rem 0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:center;
	}
	.content-3-1-d3 {
		float:left;
		width:46%;
		height:auto;
		margin:1.0rem 0 0 12%;
		padding:0;
	}
	.content-3-1-d4 {
		float:left;
		width:28%;
		height:auto;
		margin:2.0rem 12% 0 2%;
		padding:0;
	}
	.content-3-1-i1,
	.content-3-1-i2 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.content-3-1-i2 {
		margin:0.8rem 0 0 0;
	}
	.content-3-1-d5 {
		width:54%;
		height:auto;
		margin:4rem 23% 0 23%;
		padding:0;
		background:transparent;
	}
	.content-3-1-i3 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:#fff;
	}
	.content-3-1-d6 {
		width:40%;
		height:auto;
		margin:4rem 30% 0 30%;
		padding:0;
		background:transparent;
	}
	a.content-3-1-a1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
	}
	.content-3-1-i4 {
		width:100%;
		height:auto;
		margin:0;
	}
	dl.content-3-1-dl1 {
		width:100%;
		height:auto;
		margin:0;
		padding:0 0 0 0.5rem;
		background:#fff;
	}
	dl.content-3-1-dl1 dt,
	dl.content-3-1-dl1 dd {
		float:left;
		display:block;
		width:50%;
		height:auto;
		margin:0;
		padding:0 0 0 0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:1.8;
		text-align:left;
	}
	dl.content-3-1-dl1 dt {
		width:6%;
		text-align:center;
	}
	dl.content-3-1-dl1 dd {
		width:94%;
	}


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

	#content-3-1,
	#content-3-2,
	#content-3-3,
	#content-3-4 {
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:2.5rem 0 3.5rem 0;
		background:transparent;
		border:1px solid #ddd;
		box-sizing:border-box;
	}

}


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

	#content-3-1,
	#content-3-2,
	#content-3-3,
	#content-3-4 {
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:2rem 0 3rem 0;
		background:transparent;
		border:1px solid #ddd;
		box-sizing:border-box;
	}
	.content-3-1-d1 {
		width:92%;
		height:auto;/*2.4rem*/
		margin:0rem 4% 0 4%;
		padding:0;
	}
	p.content-3-1-p1 {
		display:block;
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 3%;
		font-size:1.0rem;
		color:#136;
		font-weight:bold;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
		border-left:6px solid #f40;
		box-sizing:border-box;
	}
	p.content-3-1-p2 {
		display:block;
		width:88%;
		height:auto;
		margin:1.0rem 4% 0 8%;
		padding:0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	p.content-3-1-p3 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:1rem 0 0 0;
		font-size:1.0rem;
		color:#139;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	p.content-3-1-p4 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0 0 0.5rem 0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:center;
	}
	.content-3-1-d3 {
		width:86%;
		height:auto;
		margin:1.0rem 4% 0 10%;
		padding:0;
	}
	.content-3-1-d4 {
		width:92%;
		height:auto;
		margin:3.0rem 4% 0 4%;
		padding:0;
	}
	.content-3-1-i1,
	.content-3-1-i2 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.content-3-1-i2 {
		margin:1.0rem 0 0 0;
	}
	.content-3-1-d5 {
		width:92%;
		height:auto;
		margin:3.0rem 4% 0 4%;
		padding:0;
		background:transparent;
	}
	.content-3-1-i3 {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:#fff;
	}
	.content-3-1-d6 {
		width:90%;
		height:auto;
		margin:3rem 5% 0 5%;
		padding:0;
		background:transparent;
	}
	a.content-3-1-a1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
	}
	.content-3-1-i4 {
		width:100%;
		height:auto;
		margin:0;
	}

	dl.content-3-1-dl1 {
		width:100%;
		height:auto;
		margin:0;
		padding:0 0 0 0.5rem;
		background:#fff;
	}
	dl.content-3-1-dl1 dt,
	dl.content-3-1-dl1 dd {
		float:left;
		display:block;
		width:50%;
		height:auto;
		margin:0;
		padding:0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	dl.content-3-1-dl1 dt {
		width:8%;
		text-align:center;
	}
	dl.content-3-1-dl1 dd {
		width:90%;
	}
}



/* ----------------------------------------------------------------------
 content 4
---------------------------------------------------------------------- */

	.content-4 {
		width:100%;
		margin:0 0 0 0;
		padding:4rem 0 0 0;
		line-height:2.4;
	}
	p.content-4-p1 {
		display:block;
		font-size:1.6rem;
		color:#036;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
		padding:0;
	}
	p.content-4-p2 {
		display:block;
		width:84%;
		height:auto;
		margin:2rem 8% 0 8%;
		padding:0;
		padding:0;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0;
		text-decoration:none;
		line-height:2.0;
	}
	p.content-4-p3 {
		display:block;
		width:76%;
		height:auto;
		margin:3.0rem 12% 0 12%;
		padding:0;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
		text-align:left;
	}
	.content-4-table-1 {
		width:76%;
		height:auto;
		margin:0.5rem 12% 0 12%;
		padding:0;
		background:#fff;
	}
	.content-4-table-1-1 {
		display:table;
		width:100%;
		margin:0;
		background:#5c9cd4;
	}
	.content-4-table-1-2 {
		display:table;
		width:100%;
		margin:0;
		background:#d3dfef;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-3 {
		display:table;
		width:100%;
		margin:0;
		background:#eaeff7;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-1-1,
	.content-4-table-1-1-2,
	.content-4-table-1-1-3,
	.content-4-table-1-1-4 {
		display:table-cell;
		width:10%;
		height:auto;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	.content-4-table-1-1-1 {
		width:30%;
	}
	.content-4-table-1-1-2 {
		width:50%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-1-3,
	.content-4-table-1-1-4 {
		width:10%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	p.content-4-table-1-1-p1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.5rem 0.3rem 0.5rem 0.3rem;
		font-size:1.0rem;
		color:#fff;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:center;
	}
	p.content-4-table-1-2-p1,
	p.content-4-table-1-2-p2 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.3rem 0.4rem 0.5rem 0.4rem;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.8;
		text-align:left;
	}
	p.content-4-table-1-2-p2 {
		font-size:1.0rem;
		text-align:center;
}


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

	.content-4 {
		width:100%;
		margin:0 0 0 0;
		padding:3rem 0 2rem 0;
		line-height:2.4;
	}
	p.content-4-p1 {
		display:block;
		font-size:1.1rem;
		color:#136;
		line-height:1.6;
		text-align:center;
		width:90%;
		margin:0 5% 0 5%;
	}
	p.content-4-p2,
	p.content-4-p3 {
		display:block;
		width:90%;
		height:auto;
		margin:2rem 5% 0 5%;
		padding:0;
		font-size:1.0rem;
		text-align:left;
		font-weight:normal;
		letter-spacing:0rem;
		text-decoration:none;
		line-height:2.0;
	}
	p.content-4-p3 {
		text-align:left;
		margin:1.5rem 3% 0 3%;
	}
	.content-4-table-1 {
		width:94%;
		height:auto;
		margin:0.5rem 3% 0 3%;
		padding:0;
	}
	.content-4-table-1-1 {
		display:table;
		width:100%;
		margin:0;
		background:#5c9cd4;
	}
	.content-4-table-1-2 {
		display:table;
		width:100%;
		margin:0;
		background:#d3dfef;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-3 {
		display:table;
		width:100%;
		margin:0;
		background:#eaeff7;
		border-top:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-1-1,
	.content-4-table-1-1-2,
	.content-4-table-1-1-3,
	.content-4-table-1-1-4 {
		display:table-cell;
		width:10%;
		height:auto;
		margin:0;
		padding:0.4rem 0 0.4rem 0;
		vertical-align:top;
	}
	.content-4-table-1-1-1 {
		width:30%;
	}
	.content-4-table-1-1-2 {
		width:50%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	.content-4-table-1-1-3,
	.content-4-table-1-1-4 {
		width:10%;
		border-left:2px solid #fff;
		box-sizing:border-box;
	}
	p.content-4-table-1-1-p1 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.4rem 0.3rem 0.4rem 0.3rem;
		font-size:1.0rem;
		color:#fff;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.6;
		text-align:center;

	}
	p.content-4-table-1-2-p1,
	p.content-4-table-1-2-p2 {
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0.3rem 0.3rem 0.5rem 0.3rem;
		font-size:1.0rem;
		color:#111;
		font-weight:normal;
		letter-spacing:0.1rem;
		text-decoration:none;
		line-height:1.6;
		text-align:left;
	}
	p.content-4-table-1-2-p2 {
		font-size:1.0rem;
		text-align:center;
	}

}


