@charset "utf-8";


@media print, screen and (min-width: 751px) {
.mainImage 				{ width: 100%; height: 400px; background: url('../img/backers/title-bg.jpg') 50% 0 no-repeat; background-size: cover; position: relative; }
.mainImage h1 			{ position: absolute; top: 36%; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }

.bana-img 				{margin-top: 10px;text-align: center; }
.bana-img img 			{-moz-transition: -moz-transform 0.5s linear;    -webkit-transition: -webkit-transform 0.5s linear;    -o-transition: -o-transform 0.5s linear;    -ms-transition: -ms-transform 0.5s linear;    transition: transform 0.5s linear;}
.bana-img img:hover 	{    -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);    -o-transform: scale(1.2);    -ms-transform: scale(1.2);    transform: scale(1.2);}

#backers-information 		{ padding: 110px 0 0; background-color: #e1f7ff; background-size: 1301px; }
--#backers-information .inner{ background: url('../img/backers/illust.png') 50% 100% no-repeat; position: relative; z-index: 2; background-size: 1350px; }
#backers-information:after { content: ''; width: 100%; height: 9px; display: block; background-color: #80b21f; position: relative; z-index: 1; }
#backers-information .twitterArea{ width: 94%; margin: 55px auto -35px; text-align: center; position: relative; z-index: 3; }

#guidance 				{ margin-top: 65px; }
#guidance .master 		{ max-width: 1000px; }
#guidance section:nth-of-type(1){ margin-top: 75px; }
#guidance section:nth-of-type(1) .box{ margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; }
#guidance section:nth-of-type(1) .box .leftBox{ width: 50%; max-width: 500px; }
#guidance section:nth-of-type(1) .box .leftBox p{ line-height: 1.7; }
#guidance section:nth-of-type(1) .box .leftBox ol{ list-style: none; padding: 0; }
#guidance section:nth-of-type(1) .box .leftBox ol:nth-of-type(1) li{ line-height: 1.7; color: #0665ba; }
#guidance section:nth-of-type(1) .box .leftBox ol:nth-of-type(2) li{ line-height: 1.7; }
#guidance section:nth-of-type(1) .box .marginT{ margin-top: 27px; }
#guidance section:nth-of-type(1) .box .rightBox{ width: 40%; max-width: 400px; margin-left: auto; }
#guidance section:nth-of-type(1) .field{ width: 100%; max-width: 758px; height: 376px; margin: 65px auto 0; background: url('../img/backers/field_pc.png') 50% 0 no-repeat; background-size: 758px; text-align: center; color: #fff; }
#guidance section:nth-of-type(1) .field h4{ padding: 45px 25px 13px; font-size: 20px; border-bottom: 1px dotted #fff; display: inline-block; font-weight: 500; }
#guidance section:nth-of-type(1) .field p{ margin-top: 16px; font-size: 22px; font-weight: 700; }
#guidance section:nth-of-type(1) .field p:nth-of-type(2){ margin-top: 25px; }
#guidance section:nth-of-type(1) .field ul li{ margin-top: 12px; font-size: 22px; }
#guidance section:nth-of-type(1) .imageBox{ margin-top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#guidance section:nth-of-type(1) .imageBox img{ width: 33.33%; }

#guidance section:nth-of-type(2){ margin-top: 90px; }
#guidance section:nth-of-type(2) dl{ margin-top: 25px; }
#guidance section:nth-of-type(2) dl div{ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e6e7e7; }
#guidance section:nth-of-type(2) dl div dt{ width: 12%; font-size: 16px; line-height: 1.8; color: #0665ba; font-weight: 300; }
#guidance section:nth-of-type(2) dl div dd{ width: 88%; font-size: 16px; line-height: 1.8 }
#guidance section:nth-of-type(2) dl div dd p{ line-height: 1.8; }
#guidance section:nth-of-type(2) dl div dd ul li{ line-height: 1.8; }
#guidance section:nth-of-type(2) dl div dd .small{ font-size: 14px; }
#guidance section:nth-of-type(2) .info{ width: 100%; max-width: 739px; height: 241px; margin: 55px auto 0; background: url('../img/backers/inf-bg.png') 0 0 no-repeat,url('../img/backers/info-illust02.png') 100% 0 no-repeat; background-size: 739px,165px,101px; text-align: center; }
#guidance section:nth-of-type(2) .info h4{ padding-top: 27px; font-size: 18px; color: #0665ba; font-weight: 400; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1){ margin-top: 20px; font-size: 16px; color: #0665ba; font-weight: 500; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1) span{ font-size: 22px; }
#guidance section:nth-of-type(2) .info p:nth-of-type(2){ margin-top: 10px; font-size: 22px; color: #0665ba; font-weight: 500; letter-spacing: -2px }
#guidance section:nth-of-type(2) .info p:nth-of-type(3){ margin-top: 0; font-size: 22px; color: #0665ba; font-weight: 500; letter-spacing: 1px; }
#guidance section:nth-of-type(2) .info p:nth-of-type(4){ margin-top: 15px; }
}


@media screen and (max-width: 830px) and (min-width: 751px) {
#guidance section:nth-of-type(2) .info{ width: 100%; max-width: 690px; height: 225px; margin: 55px auto 0; background: url('../img/backers/inf-bg.png') 0 0 no-repeat,url('../img/backers/info-illust02.png') 100% 0 no-repeat; background-size: 690px,165px,101px; text-align: center; }
#guidance section:nth-of-type(1) .field h4{ padding: 35px 25px 13px; font-size: 20px; border-bottom: 1px dotted #fff; display: inline-block; font-weight: 500; }
#guidance section:nth-of-type(1) .field p{ margin-top: 15px; font-size: 22px; font-weight: 700; }
#guidance section:nth-of-type(1) .field p:nth-of-type(2){ margin-top: 20px; }
#guidance section:nth-of-type(1) .field ul li{ margin-top: 12px; font-size: 22px; }

#guidance section:nth-of-type(2) .info{ width: 100%; max-width: 690px; height: 225px; margin: 55px auto 0; background: url('../img/backers/inf-bg.png') 0 0 no-repeat; background-size: 690px,165px,101px; text-align: center; }
#guidance section:nth-of-type(2) .info h4{ padding-top: 27px; font-size: 18px; color: #0665ba; font-weight: 400; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1){ margin-top: 20px; font-size: 16px; color: #0665ba; font-weight: 500; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1) span{ font-size: 22px; }
#guidance section:nth-of-type(2) .info p:nth-of-type(2){ margin-top: 10px; font-size: 22px; color: #0665ba; font-weight: 500; letter-spacing: -2px }
#guidance section:nth-of-type(2) .info p:nth-of-type(3){ margin-top: 0; font-size: 22px; color: #0665ba; font-weight: 500; letter-spacing: 1px; }
#guidance section:nth-of-type(2) .info p:nth-of-type(4){ margin-top: 15px; }
}


@media screen and (max-width: 750px) {
.mainImage 				{ width: 100%; height: 200px; background: url('../img/backers/title-bg.jpg') 50% 0 no-repeat; background-size: cover; position: relative; }
.mainImage h1 			{ position: absolute; top: 30%; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }

.bana-small				{margin-top: 10px;text-align: center; }

#backers-information 		{ padding: 50px 0 0; background-color: #e1f7ff; background-size: 1301px; }
#backers-information .inner{  }
#backers-information:after { content: ''; width: 100%; height: 50px; display: block; background-color: #80b21f; position: relative; z-index: 1; }
#backers-information .twitterArea{ width: 94%; margin: 30px auto -30px; text-align: center; position: relative; z-index: 3; }
#backers-information .twitterArea iframe{ max-height: 400px; }

#guidance 				{ margin-top: 50px; }
#guidance .master 		{ max-width: 1000px; }
#guidance section:nth-of-type(1){ margin-top: 75px; }
#guidance section:nth-of-type(1) .box{ margin-top: 35px; font-size: 14px; }
#guidance section:nth-of-type(1) .box .leftBox{  }
#guidance section:nth-of-type(1) .box .leftBox p{ line-height: 1.7; }
#guidance section:nth-of-type(1) .box .leftBox ol{ list-style: none; padding: 0; }
#guidance section:nth-of-type(1) .box .leftBox ol:nth-of-type(1) li{ line-height: 1.7; color: #0665ba; }
#guidance section:nth-of-type(1) .box .leftBox ol:nth-of-type(2) li{ line-height: 1.7; }
#guidance section:nth-of-type(1) .box .marginT{ margin-top: 25px; }
#guidance section:nth-of-type(1) .box .rightBox{ width: 100%; max-width: 400px; margin: 20px auto 0; }
#guidance section:nth-of-type(1) .field{ width: 100%; max-width: 300px; height: 405px; margin: 65px auto 0; background: url('../img/backers/field_sp.png') 50% 0 no-repeat; background-size: 300px; text-align: center; color: #fff; }
#guidance section:nth-of-type(1) .field h4{ padding: 80px 25px 10px; font-size: 18px; border-bottom: 1px dotted #fff; display: inline-block; font-weight: 500; }
#guidance section:nth-of-type(1) .field p{ margin-top: 16px; font-size: 20px; font-weight: 700; }
#guidance section:nth-of-type(1) .field p:nth-of-type(2){ margin-top: 25px; }
#guidance section:nth-of-type(1) .field ul li{ margin-top: 12px; font-size: 17px; }
#guidance section:nth-of-type(1) .imageBox{ width: 90%; max-width: 466px; margin: 50px auto 0; }
#guidance section:nth-of-type(1) .imageBox img{  }
#guidance section:nth-of-type(1) .imageBox img:nth-of-type(n+2){ margin-top: 15px; }

#guidance section:nth-of-type(2){ margin-top: 80px; }
#guidance section:nth-of-type(2) dl{ margin-top: 25px; }
#guidance section:nth-of-type(2) dl div{ padding: 10px 0; border-bottom: 1px solid #e6e7e7; }
#guidance section:nth-of-type(2) dl div dt{ padding-bottom: 5px; font-size: 14px; line-height: 1.8; color: #0665ba; font-weight: 300; }
#guidance section:nth-of-type(2) dl div dd{ font-size: 14px; line-height: 1.8 }
#guidance section:nth-of-type(2) dl div dd p{ line-height: 1.8; }
#guidance section:nth-of-type(2) dl div dd ul li{ line-height: 1.8; }
#guidance section:nth-of-type(2) dl div dd .small{ font-size: 12px; }
#guidance section:nth-of-type(2) .info{ margin: 55px auto 0; padding: 90px 10px 20px; border: 1px solid #0665ba; border-top: 4px solid #0665ba; background: url('../img/backers/info-illust02.png') 100% 0 no-repeat; background-size: 100px,70px; text-align: center; }
#guidance section:nth-of-type(2) .info h4{ padding-top: 27px; font-size: 16px; color: #0665ba; font-weight: 400; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1){ margin-top: 20px; font-size: 13px; color: #0665ba; font-weight: 500; }
#guidance section:nth-of-type(2) .info p:nth-of-type(1) span{ font-size: 20px; }
#guidance section:nth-of-type(2) .info p:nth-of-type(2){ margin-top: 10px; font-size: 18px; color: #0665ba; font-weight: 500; letter-spacing: -2px }
#guidance section:nth-of-type(2) .info p:nth-of-type(3){ margin-top: 0; font-size: 18px; color: #0665ba; font-weight: 500; }
#guidance section:nth-of-type(2) .info p:nth-of-type(4){ margin-top: 15px; text-align: left;}

}