@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Abel|Lato);
@import url(https://fonts.googleapis.com/css?family=Tinos);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
/*
Hannari
Sawarabi Mincho
Sawarabi Gothic
Noto Sans Japanese
*/

/*
	BASE
*******************************/

* {
	font-family:Arial, Helvetica, "sans-serif", "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	padding: 0;
}

body * {line-height:1.22em;}


img {
	vertical-align:bottom;
	line-height:0;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#222;}

a,
a:link,
a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#666;
	text-decoration:none;
}

a img {
	outline:none;
	border:none;
}

.clear { clear:both;}

.imgchgsp {
	display: none;
}

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



/*
	BASE LAYOUT
******************/

* img {
	max-width: 100%;
	height: auto;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#container {
	width:100%;
	margin:0 auto;
	padding:0;
}

/*
	HEADER LAYOUT
******************/

#header2 {
	letter-spacing:-0.4em;
	padding:15px 20px;
	background:#FFF;
	border-bottom:4px solid #cf111b;
	position:fixed;
	width:100%;
	box-sizing:border-box;
	top:-150px;
	transition: .3s;
	z-index:99;
}
#header2 > div {
	max-width:1000px;
	margin:0 auto;
}
#header2.on {
	transition: .3s;
	top:0;
}
#header2 .logo {
	font-size:20px;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:230px;
	margin-right:calc(100% - 230px - 270px - 10em);
}
#header2 p {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	font-size:20px;
	font-weight:600;
	line-height:2.5em;
	margin:0;
	width:10em;
}
#header2 a {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:270px;
}
#header2 a img {
	transition:.3s;
}
#header2 a:hover img {
	transition:.3s;
	transform:translateY(-3px);
}

#header {
	max-width:1000px;
	margin:0 auto;
	padding:0;
}
#header #logo {
	max-width:360px;
	width:25%;
	margin:0;
	padding:20px 0;
}
#header #fv {
	position:relative;
}
#header #fv > img {
	display:block;
}
#header #fv > img.imgchgsp {
	display: none;
}
#header #fv h1 {
	position:absolute;
	top:10%;
	left:3%;
	width:48%;
}
#header #fv p {
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
	margin:0;
	padding:2% 0;
	background:url(../images/jar18/fvbg.png) repeat-x center center;
	background-size:auto 100%;
}
#header #fv p img {
	width: 40%;
}
#header #fv a {
	position:absolute;
	top:50%;
	left:3%;
	width:32%;
}
#header #fv #head_link a{
	position:relative;
	width:100%;
	height: 1em;
	left:0%;
	padding-bottom: 0.5em;
	color:white;
	font-size: 80%;
	text-decoration: none;
}
#header #fv a img {
	transition:.3s;
}
#header #fv a:hover img {
	transition:.3s;
	transform:translateY(-3px);
}
/*
	CONTENT LAYOUT
******************/

article h1 {
	font-size: 30px;
	text-align:center;
	line-height:1.4em;
	letter-spacing:0.1em;
	background:#ffe100;
	margin:0;
	padding:0.7em 0;
	position:relative;
}
article h1 br {
	display:none;
}
.contents {
	max-width:1000px;
	margin:0 auto;
	padding-top:50px;
}
p {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	line-height: 1.8em;
	letter-spacing:2px;
	margin: 0 6% 1em;
	padding: 0;
}
p.mb {
	margin-bottom:2em;
}
p.txt {	padding: 1em 20%;
	margin:0 0 1em;
}
span.red {
	color:#ce0a14;
	font-weight:600;
	font-size:1.1em;
	line-height:inherit;
	font-family:inherit;
}
span.sub {
	display:block;
	text-align:right;
	line-height:inherit;
	font-size:0.7em;
}

.img {
	margin:0 20% 30px;
}
.img.mb1 {
	margin-bottom:60px;
}
.img.w1 {
	margin:0 6% 30px;
}
.img.col.img.col {
	letter-spacing:-0.4em;
}
.img.col > div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin-bottom:30px;
}
.img p {
	font-size: 16px;
	margin:0;
	padding:0.5em 0;
	text-align:center;
}
.img.col.w2 {
	margin:0 6% 30px;
}
.img.col.w2 > div {
	width:calc((100% - 3.5%) / 2);
	margin:0 3% 0 0;
}
.img.col.img.col.w2 > div:last-child {
	margin:0;
}
.case {
	background:url(../images/jar18/bg1.png);
	background-size:200px 200px;
	position:relative;
	padding: 90px 0 60px;
}
.case h2 {
	width:18%;
	position:absolute;
	top:-30px;
	left: calc(50% - 25% - 12%);
	z-index:2;
}
.case .img {
	width: 50%;
	margin:0 auto 30px;
	box-sizing:border-box;
	position:relative;
}
.case .img img {
	border:8px solid #FFF;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.8);
}
.case .img p {
	text-align:right;
	color:#FFF;
	font-weight:400;
}
.case p {
	color:#FFF;
	font-weight:400;
	text-align:center;
}
.case p.txt {
	padding:1em 6em;
	margin: 0 6% 1em;
}
.note {
	margin:0 6% 30px;
}
.h,.b {
	font-size:1px;
	line-height:1em;
}
.h {
	margin-bottom:-1px;
}
.b {
	margin-top:-1px;
}
.note .note_m {
	background:url(../images/jar18/note_m.png) repeat-y center center;
	background-size:100% auto;
	padding:15px 0;
}
.note .h {
	position:relative;
}
.note .note_m > p {
	color:#000;
	font-size: 20px;
	line-height: 2.3em;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:bold;
	margin:0 8%;
	padding-bottom:0.1em;
	background: url(../images/jar18/border_pc.png) repeat-y center top;
	background-size:100% 2.3em;
}
.note .img.col {
	margin:0 8%;
}
.note .img p {
	font-size: 16px;
	margin:0;
	background:none;
	line-height:1.8em;
	font-family:'Lato',Arial, Helvetica, "sans-serif", "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight:500;
}

.note2 {
	margin:0 6% 30px;
}
.note2 .note_m {
	background:#e6e6e6;
}
.note2 p {
	color:#000;
	font-size: 26px;
	text-align:center;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:bold;
	margin:0 8%;
	background-size:100% auto;
	margin-bottom:-0.1em;
}
.note2 .note_m p:first-child {
	border-bottom:2px solid #FFF;
	padding-bottom:0.8em;
	margin-bottom:0.8em;

}
ul.note2 {
	background:#e6e6e6;
	margin:0 6% 30px;
	box-sizing:border-box;
	padding:30px 0;
}
ul.note2 li {
	font-size: 28px;
	line-height:1.6em;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:bold;
	margin:0 6% 0.5em;
	box-sizing:border-box;
	padding-left:1.3em;
	background:url(../images/jar18/point.png) no-repeat left 0.3em;
	background-size:0.8em;
}
ul.note2 li:last-child {
	margin-bottom:0;
}
ul.note2 li br {
	display:none;
}

.faq {
	background:url(../images/jar18/bg_faq.png);
	background-size:200px 200px;
	padding:30px;
	margin-bottom:60px;
}
.faq dl {
	padding:30px;
	background:#FFF;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-bottom:20px;
}
.faq dl:last-child {
	margin:0;
}
.faq dt {
	font-size: 24px;
	line-height:1.5em;
	font-weight:500;
	color:#64c85a;
	margin-bottom:0.8em;
	padding-left: 2.5em;
	position:relative;
}
.faq dt::before {
	content:'Q';
	display:block;
	font-size: 26px;
	line-height: 1.5em;
	color:#FFF;
	text-align:center;
	width: 1.5em;
	height: 1.5em;
	background:#64c85a;
	position:absolute;
	left:0;
	top:0;
}
.faq dd {
	font-size: 20px;
	line-height:1.7em;
	padding-left: 2.9em;
	position:relative;
}
.faq dd::before {
	content:'A';
	display:block;
	font-size: 26px;
	line-height: 1.5em;
	color:#FFF;
	text-align:center;
	width: 1.5em;
	height: 1.5em;
	background:#d0121b;
	position:absolute;
	left:0;
	top:0;
}
.btn {
	margin:0 auto;
	padding:90px 0;
	width:80%;
	max-width:500px;
}
.btn a img {
	transition:.3s;
}
.btn a:hover img {
	transition:.3s;
	transform:translateY(-10px);
}

/**secton1**/

/**section2**/
#section2 .contents {
	padding-bottom:30px;
}
#section2 .note .note_m > p {
	margin-bottom:2em;
}
#section2 h2 {
	font-size: 26px;
	font-weight:400;
	letter-spacing:0.1em;
	color:#FFF;
	background:#000;
	text-align:center;
	line-height:2em;
	margin:0 6%;
}
.img.graph {
	margin:0 6% 30px;
}
.img.graph img {
	box-sizing:border-box;
	border:1px solid #999;
	border-top:none;
}
.img.graph span.sub {
	font-size:1em;
}

/**section3**/
#section3 .contents {
	padding-bottom:30px;
}
#section3 .img.seal {
	margin:0 6% 30px;
}
#section3 .img.seal > div {
	position:relative;
}
#section3 .img.seal img:nth-last-child(2) {
	position:absolute;
	width:20%;
	left:-2%;
	bottom:-4%;
}
#section3 .img.seal img:nth-last-child(1) {
	position:absolute;
	width:20%;
	right:-2%;
	top:-4%;
}
#section3 .img.seal p {
	padding:1em 0 0.5em;
}
.support {
	margin:0 6% 30px;
}
.support h2 {
	font-size: 30px;
	color:#cc000a;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.5em;
	border-bottom:3px solid #cc000a;
	margin-bottom:1em;
}
.support > div {
	margin:0 -3% 45px;
	letter-spacing:-0.4em;
}
.support > div p,
.support > div div.img {
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 3%);
	margin:0 1.5%;
	/* font-size: 20px; */
}
.support2 {
	margin:0;
	padding:90px 0 60px;
	background:url(../images/jar18/bg4.png);
	background-size:200px 200px;
	text-align:center;
}
.support2 p {
	margin:0 0 1em;
}
.support2 .wrap {
	letter-spacing:-0.4em;
	margin:3em 6%;
}

.support2 .wrap .img.img1 {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:35%;
	margin:0 3% 0 0;
}
.support2 .wrap .txt {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:calc(100% - 35% - 3%);
	margin:0;
	padding:3em 0 0
}
.support2 .wrap p.txt {
	max-width:480px;
}

.support2 .img.img2 {
	margin:0 6% 30px;
}

/**section5**/
article h1.arrow {
	margin-bottom:60px;
}
article h1.arrow img {
	position:absolute;
	width:60px;
	bottom:-30px;
	left:calc(50% - 30px);
}
#section5 .contents > h2 {
	font-size: 24px;
	text-align:center;
	line-height:1em;
	margin-bottom:1em;
	padding-top:1em;
}
#section5 .contents > h2 + .wrap {
	letter-spacing:-0.4em;
	margin:0 6% 30px;
}
#section5 .contents table {
	margin:0 6% 60px;
	border-collapse:collapse;
	width:88%;
	box-sizing:border-box;
	width: 48%;
	margin:0 4% 0 0;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
#section5 .contents table th {
	font-size: 20px;
	text-align:center;
	border:1px solid #000;
	background:#ffe100;
	width:6em;
	line-height:1em;
	padding:1em 0;
	vertical-align:middle;

	font-size:15px;
}
#section5 .contents table td {
	font-size: 20px;
	border:1px solid #000;
	width:auto;
	padding:1em;
	line-height:1.8em;

	font-size:15px;
	line-height:1.5em;
	width:30em;
}
#section5 .contents table + .img {
	margin:0 13% 30px;
	box-sizing:border-box;

	width:48%;
	margin:0;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
#section5 .contents table + .img > div {
	border:8px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-sizing:border-box;
}

.ex {
	background:#ffea4d;
	padding:60px 0 30px;
	margin-bottom:120px;
}
.ex h2 {
	font-size: 30px;
	line-height:1.6em;
	margin:0 6% 1.5em;
	text-align:center;
	border-bottom:3px solid #000;
}
.ex .wrap {
	letter-spacing:-0.4em;
	margin:0 6%;
}
.ex .wrap > div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:47%;
}
.ex .wrap > div:first-child {
	margin-right:6%;
}
.ex .wrap > div .img {
	margin:0;
}
.ex .wrap > div > .img img {
	display:block;
	margin-bottom: 15px;
}
.ex .wrap > div > .img img.imgchgsp {
	display:none;
}
.ex .wrap > div p {
	margin: 0 -2em 1em;
	padding:0.5em 0;
	font-size:20px;
	letter-spacing:normal;
	text-align:center;
}
.ex p:nth-last-child(1) {
	padding:0;
	margin-bottom:0;
}
.note .h p.tit {
	position:absolute;
	left:-3%;
	top:-120%;
	background:none;
	width:50%;
	margin:0;
}

#section5 .note .note_m .wrap {
	margin:0 6% 3em;
	padding-top:1em;
	position:relative;
	letter-spacing:-0.4em;
}
#section5 .note .note_m .wrap .img {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:30%;
	margin:0;
	position:relative;
	right:60%;
}
#section5 .note .note_m .wrap .img > p {
	position:absolute;
	right:-500px;
	bottom:0;
}

#section5 .note .note_m h2 {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	text-align:left;
	width:60%;
	position:relative;
	left:40%;
	font-size: 32px;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	padding-top:1.2em;
	margin-bottom:1em;
}
#section5 .note .note_m .img {
	margin:0 30% 45px;
}
#section5 .img.w1 {
	margin:0 6% 45px;
}
#section5 .img.w1 + .img {
	display:none;
}
.ex2 {
	background:#ffea4d;
	padding:30px 2.5%;
	letter-spacing:-0.4em;
}
.ex2 > div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:calc((100% - 15%) / 3);
	margin:0 2.4%
}
.ex2 > div > .img {
	width:40%;
	margin:0;
	display:none;
}
.ex2 > div > div .img {
	margin:0 0 1.5em;
}
.ex2 h3 {
	font-size: 24px;
	line-height:2em;
	letter-spacing:0.1em;
	text-align:left;
	margin-bottom:0.5em;
	margin-right: -1em;
}
.ex2 h3 span {
	font-size:2.2em;
}
.ex2 p {
	font-size: 20px;
	line-height:1.6em;
	margin:0;
}

/**section6**/
#section6 h2 {
	font-size: 26px;
	color:#cc000a;
	text-align:center;
	letter-spacing:0.1em;
	line-height:2em;
	border-bottom:3px solid #cc000a;
	margin:0 6% 1.5em;
}
#section6 .img.col.w2 h3 {
	font-size: 22px;
	text-align:center;
	line-height:1em;
	margin-bottom:0.5em;
}
#section6 h2 +.img.col.w2 > div p {
	font-size: 16px;
	text-align:left;
	margin:0 5%;
}
.sien {
	box-sizing:border-box;
	border:2px solid #000;
	padding:45px 0;
	margin:0 6% 60px;
}
.sien h3 {
	font-size: 32px;
	color:#cc000a;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.6em;
	margin:0 6% 1em;
}
.sien ul li {
	font-size: 20px;
	line-height:1.7em;
	margin:0 6% 0.2em;
	box-sizing:border-box;
	position:relative;
	padding-left:1.2em;
	background:url(../images/jar18/circle.png) no-repeat left 0.3em;
	background-size:1em;
}
#section6 .sien + h2 {
	font-size: 32px;
	color:#cc000a;
	text-align:center;
	letter-spacing:0.1em;
	line-height: 1.5em;
	border-bottom:none;
	margin: 0 16% 0.7em;
	background:url(../images/jar18/obj1.png) no-repeat left top,url(../images/jar18/obj2.png) no-repeat right top;
	background-size:auto 100%;
}
#section6 .sien + h2 + .wrap {
	margin:0 6% 45px;
	letter-spacing:-0.4em;
}
.supporter {
	background:url(../images/jar18/bg7.png);
	background-size:200px 200px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.3);
	margin:0 0 30px;
	padding:60px 0 15px;

	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:50%;
	border-radius:20px 0 0 20px;
	-moz-border-radius:20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
	padding:30px 0;
	position:relative;
}
.supporter + .supporter {
	margin-bottom:45px;

	margin:0;
	border-radius:0 20px 20px 0;
	-moz-border-radius:0 20px 20px 0;
	-webkit-border-radius:0 20px 20px 0;
	position:relative;
}
.supporter + .supporter::before {
	content:'';
	display:block;
	width:5px;
	height:calc(100% - 60px);
	min-height:calc(100% - 60px);
	background:url(../images/jar18/dot.png) repeat-y left bottom;
	background-size:5px auto;
	position:absolute;
	top:30px;
	left:-3px;

}
.supporter h3 {
	font-size: 34px;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:center;
	margin-bottom:1em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

	font-size:26px;
	position:relative;
	bottom:-11.5em;

}
.supporter .img {
	margin:0 30% 30px;
	margin:0 25% 30px;
	font-size:26px;
	position:relative;
	top: -3.5em;
}
.supporter .img img {
	border-radius: 50%;
}
.supporter > p {
	font-size: 20px;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:600;

	font-size:18px;
}
#section6 .img.col.w2 {
	margin:0 12% 30px;
}
#section6 .img.col.w2 > div {
	width:calc((100% - 60px) / 2 );
	margin-right:60px;
}
#section6 .img.col.w2 > div:last-child {
	margin-right:0;
}
#section6 .wrap + h2 + .img.col.w2 > div img {
	border:2px solid #000;
	box-sizing:border-box;
}
#section6 .wrap + h2 + .img.col.w2 > div p {
	font-size: 16px;
	font-weight:400;
	text-align:center;
}
#section6 .faq {
	margin-bottom:0;
}

/**sectoin7**/
.check {
	border:2px solid #000;
	box-sizing:border-box;
	margin:0 6% 90px;
	padding:30px;
}
.check li {
	font-size: 24px;
	line-height:1em;
	padding:0.4em 0 0.1em 2em;
	margin-bottom:0.8em;
	background:url(../images/jar18/check.png) no-repeat left top;
	background-size:auto 1.5em;
}
.check li:last-child {
	margin-bottom:0;
}
.check + h2 {
	font-size: 38px;
	color:#cc000a;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.3em;
	margin-bottom:2em;
}
.check + h2 + h3 {
	font-size: 30px;
	font-weight:500;
	letter-spacing:0.1em;
	color:#FFF;
	background:#cc000a;
	line-height:1.8em;
	text-align:center;
	position:relative;
	margin:0 6% 2em;
}
.check + h2 + h3 img {
	position:absolute;
	width:30px;
	bottom:-30px;
	left:calc(50% - 15px);
}
#section7 .wrap {
	letter-spacing:-0.4em;
	margin:0 6% 60px;
}
#section7 dl {
	/*margin:0 6% 60px;*/
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:32%;
	margin-right:2%;
}
#section7 dl:last-child {
	margin-right:0;
}
#section7 dt {
	font-size: 30px;
	font-weight:600;
	letter-spacing:0.1em;
	color:#d0121b;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	line-height:1.3em;
	padding:0.5em 0;
	padding-left:2.5em;
	background:url(../images/jar18/dia.png) no-repeat 1em 0.6em #ffe100;
	background-size:1em;
	margin-bottom:0.5em;

	background-image:none;
	padding:0.5em 0;
	font-size:24px;
	text-align:center;
}
#section7 dd {
	font-size: 26px;
	line-height:1.6em;
	margin-bottom:1em;

	font-size:20px;
	padding:0 0.5em;
}

.note3 {
	margin:0 6% 60px;
}
.note3 .note_m {
	background:url(../images/jar18/bg8_m.png) repeat-y center center;
	background-size:100% auto;
	padding:15px 0;
}
#section7 .note3 .wrap {
	letter-spacing:-0.4em;
	margin:0 8% 30px;
}
.note3 .wrap > div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0;
	width:60%;
	position:relative;
	left:40%;
}
.note3 .wrap > div.img {
	width:30%;
	margin-right:10%;
	position:relative;
	left:auto;
	right:60%;
}
.note3 h3 {
	font-size: 38px;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	text-align:left;
	line-height:1.4em;
	margin-bottom:0.5em;
	padding-top:0.5em;
}
.note3 .note_m .wrap p {
	font-family:'Lato',Arial, Helvetica, "sans-serif", "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background:none;
	font-weight:400;
	line-height:1.5em;
	margin:0;
}
.note3 .img {
	margin:0 30% 60px;
}
.note3 .note_m p {
	color:#000;
	font-size: 20px;
	line-height: 2.3em;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:bold;
	margin:0 8% 30px;
	padding-bottom:0.1em;
	background: url(../images/jar18/border_pc.png) repeat-y center top;
	background-size:100% 2.3em;
}
.note3 .note_m > p:last-child {
	font-family:'Lato',Arial, Helvetica, "sans-serif", "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background:none;
	font-weight:400;
	text-align:right;
	line-height:1.5em;
	margin-bottom:0;
	display:none;
}
.note3 + p {
	text-align:center;
	margin-bottom:0;
}

/**section9**/
.letter {
	margin:0;
}
.letter .h {
	position:relative;
	margin-bottom:-1px;
}
.letter .h p {
	width: 30%;
	margin:0;
	position:absolute;
	left: 35%;
	top:-70%;
}
.letter .note_m {
	background:url(../images/jar18/bg9_m.png) repeat-y center center;
	background-size:100% auto;
	padding:15px 0;
}
.letter h2 {
	font-size: 32px;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	text-align:center;
	line-height:1.4em;
	padding:0.5em 0;
	margin:0 12% 1em;
	border-bottom:3px solid #000;
}
.letter > .note_m > p.txt {
	margin:0 6% 1em;
}
.letter > .note_m > p {
	margin:0 12% 1em;
	text-align:center;
}
.letter > .note_m > p:last-child {
	margin-bottom:0.5em;
}
.letter .img {
	margin:0 20% 60px;
	box-sizing:border-box;
	border:8px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.letter .note_m .note {
	margin:0 12% 30px;
}
.letter .note .note_m {
	background:url(../images/jar18/note_m.png) repeat-y center center;
	background-size:100% auto;
	padding:15px 0;
}
.letter .note .note_m p {
	text-align:center;
}

/*
	FOOTER LAYOUT
******************/

#ref p{
	margin-top: 2em;
	margin-bottom: 0;
	text-align: center;
	font-size: small;
}
#footer {
	background:#f9d330;
	padding:30px 6%;
	margin-top: 2em;
}
#footer > div {
	max-width:1000px;
	margin:0 auto;
}
#footer dl {
	margin-bottom:30px;
	text-align:center;
}
#footer dt,
#footer dd {
	font-size: 21px;
	line-height:1.5em;
}
#footer ul {
	letter-spacing:-0.4em;
	border-bottom:2px solid #000;
	padding-bottom:20px;
	margin-bottom:20px;
}
#footer li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:32%;
	font-size: 20px;
	line-height:1.5em;
	margin-bottom:0.5em;
	letter-spacing:0.1em;
}
#footer li:last-child {
	width:36%;
}
#footer li span {
	display:inline-block;
	font-size:inherit;
	box-sizing:border-box;
	border:1px solid #000;
	line-height:inherit;
	width:4em;
	text-align:center;
	margin-right:1em;
}
#footer .copyright {
	margin:0;
	font-size: 16px;
	text-align:center;
}

br.pc, br.pc2 {
	display: none;
}


@media only screen and (max-width: 1000px) {
	
/*
	HEADER LAYOUT
******************/


#header #logo {
	margin-left:20px;
}


/*
	CONTENT LAYOUT
******************/

article h1 {
	font-size: 3.0vw;
}

.contents {
	margin:0;
	padding-top:50px;
}
p {
	font-size:2.2vw;
}
p.mb {
	margin-bottom:1.5em;
}
.img p {
    font-size: 1.7vw;
}
.note .note_m > p {
	font-size: 2.2vw;
}
.note .img p {
	font-size:1.6vw;
}
.note2 .note_m p {
	font-size:2.6vw;
}
ul.note2 {
	font-size:4.3vw;
	padding:1em 0;
}

ul.note2 li {
    font-size: 24px;
}
.note3 h3 {
    font-size: 3.8vw;
}

#section6 .sien + h2 {
    font-size: 28px;
}
.supporter {
	/*font-size:4.4vw;
	padding:2em 0 0.5em;*/
}

/**section1**/

.case > p ,
.note .note_m > p {
	font-size:2.1vw;
}
.case {
	font-size:2.1vw;
    padding: 4em 0 2em;
}
.case h2 {
	font-size:3vw;
    top: -1em;
}

/**section2**/
#section2 h2 {
	font-size: 3vw;
}

/**section4**/
.support2 p {
	font-size:2.1vw;
}

/**section5**/

#section5 .contents table th {
	font-size:1.5vw;
}
#section5 .contents table td {
	font-size:1.5vw;
}

.ex .wrap > div p {
	font-size:2vw;
}
#section5 .note .note_m .wrap {
	margin:0 6% 3em;
	padding-top:1em;
	position:relative;
	letter-spacing:-0.4em;
}
#section5 .note .note_m .wrap .img {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:30%;
	margin:0;
	position:relative;
	right:60%;
}
#section5 .note .note_m .wrap .img > p {
	right:-50vw;
}

#section5 .note .note_m h2 {
	font-size: 3.2vw;
}

.ex2 h3 {
	font-size:2.4vw;
}
.ex2 p {
	font-size:2vw
}


/**section6**/
.supporter h3 {
	font-size: 2.6vw;
}
.supporter .img {
	font-size: 2.6vw;
}
.supporter .img p {
    bottom: 2em;
}
.supporter > p {
    font-size: 1.8vw;
}

/**sectoin7**/
#section7 dt {
	font-size:2.4vw;
}
#section7 dd {
	font-size:2vw;
}

.note3 .note_m p {
	font-size:2.1vw;
}



/**section9**/
.letter h2 {
	font-size: 3.2vw;
}

/*
	FOOTER LAYOUT
******************/

#footer dt,
#footer dd {
	font-size: 2.1vw;
}
#footer li {
	font-size: 2vw;
}
#footer .copyright {
	font-size: 1.6vw;
}

	
}


@media only screen and (max-width: 768px) {
	
/*
	HEADER LAYOUT
******************/

#header2 .logo {
	font-size:16px;
	width:170px;
	margin-right:calc(100% - 170px - 200px - 9em);
}
#header2 p {
	font-size:16px;
	width:9em;
}
#header2 a {
	width:200px;
}

#header #fv p img {
    width: 60%;
}
   
#header {
	background-size: cover;
}

/*
	CONTENT LAYOUT
******************/

article h1 {
    font-size: 4vw;
}
article h1 br {
	display:inline;
}

.contents {
	margin:0;
	padding-top:50px;
}
p {
	/* font-size: 16px; */
}
p.mb {
	margin-bottom:2em;
}
.img p {
	/* font-size: 14px; */
}
.note .img.col {
	margin:0 8%;
}

.note2 p {
	font-size: 20px;
}

ul.note2 {
	font-size: 30px;
	padding:1em 0;
}
ul.note2 li {
	font-size: 20px;
}

.faq dl {
	font-size:20px;
}
.faq dl:last-child {
	margin:0;
}
.faq dt {
	font-size:20px;
}
.faq dt::before {
	font-size:20px;
}
.faq dd {
	font-size:18px;
}
.faq dd::before {
	font-size:20px;
}
.btn {
	font-size:4vw;
	padding:2.5em 0;
}


/**secton1**/


/**section2**/


/**section3**/
.support h2 {
	font-size:24px;
}
.support > div {
	font-size:4vw;
	margin-bottom:1em
}
.support > div p,
.support > div div.img {
	/* font-size:18px; */
}
.support2 {
	font-size:3vw;
	padding:3em 0 2em;
}

/**section5**/
article h1.arrow {
	margin-bottom:0.5em
}
article h1.arrow img {
	font-size:inherit;
	width:9%;
	left:calc(50% - 4.5%);
	bottom:-1em;
}
#section5 .contents > h2 {
	font-size:20px;
}
#section5 .contents > h2 + .wrap {
	letter-spacing:-0.4em;
	margin:0;
}
#section5 .contents table {
	font-size:2.8vw;
	margin:0 6% 2em;
	width:88%;
	display:table;
}
#section5 .contents table th {
	font-size:18px;
}
#section5 .contents table td {
	font-size: 18px;
	border:1px solid #000;
	width:auto;
	line-height:1.8em;
}
#section5 .contents table + .img {
	margin:0 13% 30px;
	width:auto;
}


#section5 .contents table {
}
#section5 .contents table th {
}


.ex {
	font-size:4vw;
	padding:1.5em 0 1em;
	margin-bottom:3em;
}

.ex h2 {
	font-size:24px;
}

/**section6**/
#section6 h2 {
	font-size:24px;
}
#section6 .img.col.w2 h3 {
	font-size:20px;
}
#section6 h2 +.img.col.w2 > div p {
	font-size: 14px;
}
.sien {
	font-size:4.2vw;
	padding:1em 0;
	margin-bottom:1.5em;
}
.sien h3 {
	font-size:24px;
}
.sien ul li {
	font-size:20px;
}

#section6 .sien + h2 {
	font-size:3.5vw
}
.supporter {
	font-size:4.4vw;
	padding:1em 0 0.5em;
	margin:0 20px 0.5em;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	display:block;
	width:auto;
}
.supporter + .supporter {
	padding:1em 0 0.5em;
	margin:0 20px 2em;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

.supporter > p {
	font-size:2.2vw;
}

#section6 .sien + h2 + .wrap {
	margin:0;
}
.supporter {
}
.supporter + .supporter::before {
	content:none;

}
.supporter h3 {
	font-size: 34px;
	bottom:auto;

}
.supporter .img {
	margin:0 30% 30px;
	top: auto;
}


#section6 .img.col.w2 {
	margin:0 12% 30px;
}
#section6 .img.col.w2 > div {
	width:calc((100% - 6%) / 2 );
	margin-right:6%;
}
#section6 .img.col.w2 > div:last-child {
	margin-right:0;
}
#section6 .wrap + h2 + .img.col.w2 > div img {
	border:2px solid #000;
	box-sizing:border-box;
}
#section6 .wrap + h2 + .img.col.w2 > div p {
	font-size:14px;
}

/**sectoin7**/
.check {
	font-size:3vw;
	border:2px solid #000;
	box-sizing:border-box;
	margin:0 6% 3.5em;
	padding:2em;
}
.check li {
	background-size:auto 1.5em;
	font-size:18px;
}
.check + h2 {
	font-size:32px;
}
.check + h2 + h3 {
	font-size:24px;;
}
.check + h2 + h3 img {
	font-size:4vw;
	width:3%;
	left:calc(50% - 1.5%);
	bottom:-0.6em;
}
#section7 .wrap {
	margin-bottom:2em;
}
#section7 dl {
	font-size:4vw;
}

#section7 dt {
	font-size:2.6vw;
}
#section7 dd {
	font-size:2.2vw;
}

.note3 h3 {
	font-size: 3.6vw;
}


/**section9**/

.letter h2 {
	/* font-size:30px; */
}


/*
	FOOTER LAYOUT
******************/

	
}

@media only screen and (max-width: 640px) {
	
.imgchg {
	display: none;
}
.imgchgsp {
	display: block;
}

#header #logo {
	margin:0 auto;
	padding:10px 0;
	width:30%;
}
#header {
	background-size: contain;
}

/*
	HEADER LAYOUT
******************/

#header #fv h1 {
	top:6%;
	left:6%;
	width:88%;
}
#header #fv a {
	top:46%;
	left:6%;
	width:32%;
}

#header #fv > img.imgchg {
	display: none;
}
#header #fv > img.imgchgsp {
	display: block;
}
#header #fv p img {
	width:80%;
}

article h1 {
	font-size:5.5vw
}

p {
    font-size: 3.6vw;
}

p.txt {
	padding: 1em 0;
    margin:0 6% 1em;
}

.check + h2 {
	font-size:5vw;
}
.note2 .note_m p {
	font-size:3.7vw;
}

br.pc {
	display: inline;
}

/**section1**/

.case h2 {
	width:24%;
	left:3%
}
.case > p ,
.note .note_m > p {
	font-size:3.6vw;
	text-align:left;
}
.case p.txt {
	margin:0 6% 1em;
    padding: 1em 0;
}
.case > p br.sp ,
.note .note_m > p br.sp {
	display:none;
}
#section1 .img.col.w2 {
	margin-bottom:15px;
}
#section1 .img.col.w2 p {
	width:11em;
	margin:0 auto;
	line-height:1.5em;
}
.case .img {
	width:70%;
	margin:0 auto 20px;
}
.case .img img {
	border:5px solid #FFF;
}

/**section2**/

#section2 h2 {
    font-size: 4.5vw;
}
#section2 .note .img div:first-child p {
	letter-spacing: normal;
}

/**section3**/
#section3 .img.seal img:nth-last-child(2) {
	position:absolute;
	width:27%;
	left:-2%;
	top:-2%;
	bottom:auto;
}
#section3 .img.seal img:nth-last-child(1) {
	position:absolute;
	width:27%;
	right:-2%;
	bottom:-2%;
	top:auto;
}

/**section4**/
.support2 .wrap {
	margin:0;
}
.support2 p {
	font-size:3.6vw;
	margin:0 6% 1em;
	text-align:left
}
.support2 p br.sp {
	display:none;
}
.support2 .wrap .img.img1 {
	width:auto;
	margin:0 25% 1em;
}
.support2 .wrap .txt {
	width:auto;
	padding:1em 0;
	margin:0 6% 1em;
}

/**section5**/

.ex .wrap {
	margin:0;
}
.ex .wrap > div {
	display:block;
	width:100%;
}
.ex .wrap > div:first-child {
	margin-right:0;
}
.ex .wrap > div .img {
	margin:0 15% 20px;
}
.ex .wrap > div > .img img {
	display:inline;
	margin-bottom:0px;
}
.ex .wrap > div > .img img.imgchg {
	display:none;
}
.ex .wrap > div > .img img.imgchgsp {
	display:inline;
}
.ex .wrap > div p {
	margin:0 6% 1em;
	font-size:3.6vw;
	letter-spacing:normal;
	text-align:left;
}
.ex .wrap > div:last-child p {
	padding-bottom:0;
	margin-bottom:0;
}
.ex .wrap > div p br.sp {
	display:none;
}

#section5 .note .note_m h2 {
	font-size:4.2vw;
	padding-top:1em;
}
#section5 .note .note_m .wrap {
	margin:0;
	padding-top:0;
}
#section5 .note .note_m .wrap .img {
	display:block;
	width:auto;
	margin:0 20% 30px;
	right:0;
}
#section5 .note .note_m .wrap .img > p {
	position:relative;
	right:0;
	bottom:0;
}

#section5 .note .note_m h2 {
	display:block;
	text-align:center;
	width:auto;
	left:0;
	font-size: 4.2vw;
	padding-top:1em;
}
#section5 .note .note_m h2 br.sp {
	display:none;
}

#section5 .img.w1 {
	margin:0 10em 45px;
}
#section5 .img.w1 + .img {
	box-sizing:border-box;
	border:8px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	margin-bottom:45px;
	display:block;
}

.ex2 {
	font-size:3.5vw;
	padding:2em 0 1em;
}
.ex2 > div {
	font-size:3.5vw;
	margin:0 6% 1.5em;
	display:block;
	width:auto;
	letter-spacing:-0.4em;
}
.ex2 > div div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:60%;
}
.ex2 > div div .img {
	display:none;
}
.ex2 > div > .img {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:40%;
	margin:0;
}
.ex2 h3 {
	font-size:4vw;
	line-height: 2em;
    letter-spacing: 0.1em;
    margin: 0 0 0.7em;
    border-bottom: 2px solid #000;
    text-align: left;
    padding-right: 2em;
}
.ex2 p {
	font-size:3.7vw;
    line-height: 1.6em;
    margin: 0;
    box-sizing: border-box;
    padding-right: 2em;
}
.ex2 > div:nth-last-child(2) h3,
.ex2 > div:nth-last-child(2) p {
	padding-left:2em;
	padding-right:0;
}

/**section6**/
.supporter {
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-bottom:0.5em;
}
.supporter + .supporter {
	padding-top:2em;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-bottom:1em;
}
.supporter .wrap {
	margin:0;
}
.supporter h3 {
	font-size:5vw;
	width:100%;
	text-align:center;
	left:0;
	top:0;
	margin-bottom:1em;
}
h2 + .supporter > p {
    background:none;
    padding-bottom: 0;
}
.supporter .img {
	width:auto;
	margin:0 15% 20px;
	right:0;
}
.supporter .img p {
	text-align:center;
	position:relative;
	bottom:0;
	left:0;
	width:auto;
	font-size:3.5vw;
}
.supporter > p {
	font-size:3.7vw;
}
#section6 .wrap + h2 + .img.col.w2 > div img {
	border:1px solid #000;
}
#section6 .wrap + h2 + .img.col.w2 > div p {
	font-size: 10px;
}

/**section7**/
#section7 .wrap {
	letter-spacing:-0.4em;
	margin:0;
}
#section7 dl:last-child {
	margin-right:6%;
}
#section7 dl {
	font-size:4vw;
	display:block;
	width:auto;
	margin:0 6% 0;
}
#section7 dl + dl + dl {
	margin-bottom:2em;
}
#section7 dt {
	font-size:4.5vw;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	background:url(../images/jar18/dia.png) no-repeat 1em 0.6em #ffe100;
	background-size:1em;
	text-align:left;
	padding-left:2.5em;
}
#section7 dt br {
	display:none;
}
#section7 dd {
	font-size:4vw;
	padding:0;
}

.note3 .wrap {
	margin:0;
}
.note3 .wrap > div {
	display:block;
	margin:0;
	width:auto;
	position:relative;
	left:0;
}
.note3 .wrap > div.img {
	width:auto;
	right:0;
	margin: 0 30% 60px;
}
.note3 h3 {
	font-size: 32px;
    text-align: center;
    margin-bottom: 1em;
    padding-top: 0em;
}
.note3 .note_m .wrap h3 + p {
	display:none;
}
.note3 .note_m p:last-child {
	display:block;
}


/**section9**/

.letter .h p {
	width:50%;
	margin:0;
	position:absolute;
	left:24%;
	top:-70%;
}
.letter h2 {
	font-size:5vw;
	margin:0 6% 1em;
}
.letter > .note_m > p {
	margin:0 6% 1em;
	text-align:left;
}
.letter > .note_m > p br.br {
	display:none;
}
.letter > .note_m > p:last-child {
	margin-bottom:0.5em;
}
.letter .img {
	margin:0 15% 30px;
	border:5px solid #FFF;
}
.letter .note_m .note {
	margin:0 6% 20px;
}
.letter .note .note_m p {
	text-align:left;
}

#footer {
	background:#f9d330;
	padding:20px 6%;
}
#footer ul {
	margin-bottom:15px;
}
#footer dt,
#footer dd {
	font-size:3.7vw;
}
#footer li,
#footer li:last-child {
	width:100%;
	font-size:4vw;
}
#footer .copyright {
	font-size:3.5vw;
}

}

@media only screen and (max-width: 580px) {
	
/*
	HEADER LAYOUT
******************/

#header2 {
	padding:10px 2%;
}

#header2 .logo {
	font-size:13px;
	width:30%;
	margin-right:calc(100% - 30% - 35% - 6em);
}
#header2 p {
	font-size:13px;
	line-height:1.2em;
	width:6em;
}
#header2 a {
	width:35%;
}

br.pc2 {
	display:inline;
}

}

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

/*
	HEADER LAYOUT
******************/

#header2 .logo {
	font-size:11px;
	width:33%;
	margin-right:calc(100% - 33% - 40% - 6em);
}
#header2 p {
	font-size:11px;
	line-height:1.0em;
	width:6em;
	position:relative;
	top:0.5vw;
}
#header2 a {
	width:40%;
}

br.pc2 {
	display:inline;
}

	
p {
    font-size: 4.5vw;
}
p.mb {
	margin-bottom:2.5em;
}
.contents {
	padding-top:30px;
}
ul.note2 {
	font-size: 4.5vw;
}
ul.note2 li {
	font-size: 4.5vw;
}
ul.note2 li br {
	display:inline;
}

.img {
	margin:0 15% 20px;
}
.img p {
	font-size: 10px;
}
.faq {
    padding: 4vw;
    margin-bottom: 30px;
}
.faq dl {
    padding: 5vw;
}
.faq dt {
	font-size:4.2vw;
}
.faq dd {
	font-size:4vw;
}
.faq dt::before {
	font-size:4vw;
}
.faq dd::before {
	font-size:4vw;
}

.btn {
	margin:0 6%;
	width:auto;
}

/*
	CONTENT LAYOUT
******************/


.note .note_m {
	padding:10px 0;
}
.note .note_m > p {
	font-size:3.7vw;
	margin:0 5%
}
.note .img.col {
	margin:0 5%;
}
.note .img p {
	font-size: 10px;
	/*width:10em;*/
	margin:0 auto;
	line-height:1.5em;
}
.note2 p {
	font-size:3.7vw;
	margin:0 5%;
	letter-spacing: 1px;
}
.note2 p:last-child {
	padding-bottom:0.5em;
}
.note3 .h {
	margin-bottom:-1px;
}

/**section1**/
.note .note_m > p {
	/* font-size:4.5vw; */
	background-size: auto 2.3em;
}

/**section2**/

/**section3**/
.support h2 {
	font-size:5vw;
}
.support > div p,
.support > div div.img {
	font-size:3.7vw;
	line-height:1.5em;
}

/**section4**/

.support2 p {
	font-size:4.5vw;
}

/**section5**/
#section5 .contents > h2 {
	font-size:4vw;
}
#section5 .contents table th {
	font-size:3.5vw;
}
#section5 .contents table td {
	font-size:3.5vw;
}
.ex h2 {
	font-size:5vw;
}
.note .h p.tit {
	width:66%;
}

#section5 .note .note_m h2 {
	font-size:4.2vw;
	padding-top:1em;
}
#section5 .note .note_m .img {
	margin:0 20% 30px;
}
#section5 .img.w1 {
    margin: 0 8% 30px;
}
.ex2 h3 {
	font-size:4vw;
}
.ex2 p {
	font-size:3.7vw;
}

/**section6**/
#section6 h2 {
	font-size:4vw;
}
#section6 .img.col.w2 {
	margin:0 6% 30px;
}
#section6 .img.col.w2 > div {
	width:calc((100% - 3%) / 2 );
	margin-right:3%;
}
#section6 .img.col.w2 h3 {
	font-size:4vw;
}
#section6 h2 +.img.col.w2 > div p {
	font-size: 10px;
	line-height:1.5em;
}

.sien h3 {
	font-size:4vw;
}
.sien ul li {
	font-size:3.7vw;
}

#section6 .sien + h2 {
	font-size:4.7vw;
	margin: 0 8% 0.7em;
}
.supporter + .supporter {
	margin-bottom:1em;
}
.supporter h3 {
	font-size:5vw;
}
.supporter .img {
	margin:0 15% 20px;
}
.supporter .img p {
	font-size:3.5vw;
}
.supporter > p {
	font-size:3.7vw;
}
#section6 .wrap + h2 + .img.col.w2 > div img {
	border:1px solid #000;
}
#section6 .wrap + h2 + .img.col.w2 > div p {
	font-size: 10px;
}

/**sectoin7**/
.check li {
	font-size:3.7vw;
	line-height:1.5em;
}
.check + h2 + h3 {
	font-size:5vw;
}
.check + h2 + h3 img {
	width:6%;
	bottom:-1.2em;
}
.note3 {
	margin:0 6% 30px;
}
.note3 h3 {
	font-size:5vw;
}
.note3 .note_m p {
	font-size:3.05vw;
}
.note3 .wrap > div.img {
    margin: 0 20% 30px;
}
.note3 .note_m p {
	margin:0 8% 20px;
	font-size:3.6vw;
    background-size: auto 2.27em;
}

/**section9**/

.letter .h p {
	width:50%;
	margin:0;
	position:absolute;
	left:24%;
	top:-70%;
}
.letter h2 {
	font-size: 4.8vw;
	margin: 0 6% 1em;
	/* letter-spacing: 1px; */
}
.letter > .note_m > p {
	margin:0 6% 1em;
}
.letter > .note_m > p:last-child {
	margin-bottom:0.5em;
}
.letter .img {
	margin:0 15% 30px;
	border:5px solid #FFF;
}
.letter .note_m .note {
	margin:0 6% 20px;
}
.letter .note .note_m p {
}
/*
	FOOTER LAYOUT
******************/

#footer {
	background:#f9d330;
	padding:20px 6%;
}
#footer ul {
	margin-bottom:15px;
}
#footer dt,
#footer dd {
	font-size:3.7vw;
}
#footer li {
	width:100%;
	font-size:4vw;
}
#footer .copyright {
	font-size:3.5vw;
}

}

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

.note .note_m > p {
	font-size:3.6vw;
	margin:0 5%;
    background-size:auto 2.3em;
}
.note3 .note_m p {
    background-size:auto 2.29em;
}

}

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

.note .note_m > p {
	font-size:3.6vw;
	margin:0 5%;
    background-size:auto 2.25em;
}
.note3 .note_m p {
    background-size:auto 2.26em;
}

}