@charset "UTF-8";
/*ヘッダー*/
#top header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 15px;
}
@media screen and (max-width: 1050px) {
#top header {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 600px) {
#top header {
	display:block;
}
}
#top header h1 {
	font-size:1.3rem;
	font-weight: 500;
	line-height: 1.2em;
	margin-top: 16px;
}
@media screen and (max-width: 600px) {
#top header h1 {
	font-size:1.2rem;
	font-weight: 500;
	line-height: 1.2em;
	margin-top: 16px;
	text-align:center;
	margin-bottom:16px;
}
}
#top header ul {
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	-webkit-box-pack: justify;     -ms-flex-pack: justify;   justify-content: space-between;
}
@media screen and (max-width: 600px) {
#top header ul {
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
}
#top header ul li {
	margin-left:12px;
}
#top header ul li a {
	font-size:1.4rem;
	font-weight:bold;
	color:#FFF;
	line-height:2.5em;
	display:block;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding-right: 1.5em;
	padding-left: 1.5em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
@media screen and (max-width: 600px) {
#top header ul li a {
	font-size:1.4rem;
	color:#FFF;
	line-height:2.5em;
	display:block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding-right: 1.5em;
	padding-left: 1.5em;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
}
#top header ul li:nth-child(odd) a {
	background-color:#f08300;
}
#top header ul li:nth-child(even) a {
	background-color:#e94709;
}
#top header ul li a:hover {
	opacity:0.6;
}

/*セクション*/
section {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
@media screen and (max-width: 1050px) {
section {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
}
section+section {
	margin-top:30px;
}
@media screen and (max-width: 800px) {
section+section {
	margin-top:20px;
}
}
section .section_t {
	color:#e94709;
	text-align: center;
	font-size:3.6rem;
	font-family: "A1ゴシック B", "A1 Gothic B";
	line-height: 1em;
	position: relative;
	z-index: 30;
	font-feature-settings: "palt";
}
@media screen and (max-width: 800px) {
section .section_t {
	font-size:4.6vw;
}
}
section .section_t:before {
	content:"";
	width:80px;
	height:70px;
	background-image: url(../img/inspiration_icon.png);
	background-size:cover;
	display:block;
	text-align: center;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
section .thanks_t {
	color:#e94709;
	text-align: center;
	font-size:3.0rem;
	font-family: "A1ゴシック B", "A1 Gothic B";
	line-height: 1em;
	position: relative;
	z-index: 30;
	font-feature-settings: "palt";
}
@media screen and (max-width: 800px) {
section .thanks_t {
	margin-top:30px;
	font-size:4.0vw;
}
}
section .thanks_c {
	text-align: center;
	font-size:1.8rem;
	line-height: 1.8em;
	position: relative;
	z-index: 30;
	font-feature-settings: "palt";
	width:96%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 800px) {
section .thanks_c {
	font-size:1.6rem;
}
}
@media screen and (max-width: 600px) {
section .thanks_c {
	font-size:1.4rem;
}
}
section .thanks_c span {
	display:inline-block;
}


section .red {
	color:#df0011;
	}

/*top_img*/
section.top_img {
	width:100%;
	margin: 0px auto;
	padding: 0px;
	max-width: 1200px;
}
section.top_img p {
	text-align:center;
	width:500px;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0px;
	padding: 0px;
}
@media screen and (max-width: 1000px) {
section.top_img p {
	width:50%;
}
}
@media screen and (max-width: 800px) {
section.top_img p {
	width:46%;
}
}
section.top_img p.thanks {
	width:35%;
}
@media screen and (max-width: 1200px) {
section.top_img p.thanks {
	width:30%;
}
}
@media screen and (max-width: 800px) {
section.top_img p.thanks {
	width:35%;
}
}
section.top_img p img {
	text-align:center;
	width:100%;
	height:auto;
}

section.top_img>div {
	text-align:center;
	width:100%;
	margin: 0px;
	padding: 0px;
	position:relative;
}


section.top_img>div p {
	text-align:center;
}
@media screen and (max-width: 600px) {
section.top_img div p {
	text-align: justify;
text-justify: inter-ideograph;
}
}
@media screen and (max-width: 600px) {
section.top_img div p span {
	display:inline;
}
}
section.top_img img {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/*read_copy*/
section.read {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom:15px;
	position: relative;

}
@media screen and (max-width: 1050px) {
section.read {
}
}
section.read>div {
	width: 100%;
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom:15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
}
@media screen and (max-width: 1050px) {
section.read>div {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 800px) {
section.read>div {
	display:block;
}
}

section.read>div .read_copy {
	width: 62%;
}
@media screen and (max-width: 1200px) {
section.read>div .read_copy {
	width: 50%;
}
}
@media screen and (max-width: 1000px) {
section.read>div .read_copy {
	width: 55%;
}
}
@media screen and (max-width: 800px) {
section.read>div .read_copy {
	width: 100%;
}
}
section.read>div .read_copy h2 {
	font-size:3.0rem;
	font-family: "A1ゴシック B", "A1 Gothic B";
	line-height: 1.3em;
	margin-bottom: 0.7em;
	margin-top: 30px;
	font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
section.read>div .read_copy h2 {
	font-size:2.6rem;
	font-family: "A1ゴシック B", "A1 Gothic B";
}
}
@media screen and (max-width: 1000px) {
section.read>div .read_copy h2 {
	margin-top: 0px;
}
}
@media screen and (max-width: 800px) {
section.read>div .read_copy h2 {
	text-align:center;
}
}
section.read>div .read_copy h2 span {
	display:inline-block;
}
section.read>div .read_copy p {
	font-size:2.0rem;
	line-height: 1.5em;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
}
@media screen and (max-width: 1000px) {
section.read>div .read_copy p {
	font-size:1.8rem;
}
}
@media screen and (max-width: 600px) {
section.read>div .read_copy p {
	font-size:1.6rem;
}
}
section.read>div .read_copy p+p {
	margin-top: 5px;
}
section.read>div .read_copy p b {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #f08300;
	margin-right: 2px;
}
section.read>div .read_copy p.etc {
	text-align:right;
	margin: 0px;
	padding: 0px;
}
section.read>div .read_img {
	width: 460px;
	margin-left:2.0em;
	position: absolute;
	top: 0px;
	right: 0px;
}
@media screen and (max-width: 1000px) {
section.read>div .read_img {
	width: 40%;
	margin-left:5%;
	position: absolute;
	top: 0px;
	right: 0px;
}
}
@media screen and (max-width: 800px) {
section.read>div .read_img {
	position:relative;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top:20px;
}
}
section.read>div .read_img img {
	width: 100%;
	height:auto;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 20px;
}
@media screen and (max-width: 800px) {
section.read>div .read_img img {
	width: 100%;
	height:auto;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
}
}
/*chart*/
section.chart {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:0px;
	position: relative;
}
@media screen and (max-width: 1050px) {
section.chart {
}
}
section .chart_img {
	width: 100%;
	height:auto;
	max-width:1000px;
	margin-top: -3.5em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	z-index: 30;
}
@media screen and (max-width: 1050px) {
section .chart_img {
	width: 96%;
}
}
@media screen and (max-width: 800px) {
section .chart_img {
	margin-top: -3.0em;
}
}
section .chart_img img {
	width: 100%;
	height:auto;
}
section.chart h2 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
	background-color: #FFF;
	padding-right: 1em;
	padding-left: 1em;
	z-index: 50;
	display: inline-block;
}
@media screen and (max-width: 600px) {
section.chart h2 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
	background-color: #FFF;
	padding-right: 1em;
	padding-left: 1em;
	z-index: 50;
	display: inline-block;
}
}
section.chart .chart_data {
	width: 100%;
	background-image: url(../img/gray_bg.png);
	background-repeat: repeat;
	background-color:#FF0000;
	margin-top:-42px;
	padding-top: 5px;
	padding-bottom: 40px;
}

@media screen and (min-width: 801px) {
section.chart .sp_num {
	display:none;
}
}
@media screen and (max-width: 800px) {
section.chart .sp_num  {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
width: 96%;
}
}

section.chart .sp_num li {
	background-color:#fd7b3a;
	width:31.5%;
	padding-top: 5px;
	padding-bottom: 5px;
}
section.chart .sp_num li:nth-child(2) {
	background-color:#f6b715;
}
section.chart .sp_num li:nth-child(3)  {
	background-color:#049d5a;
}

section.chart .sp_num li h3 {
	color:#FFF;
	text-align: center;
	font-size:4.6rem;
	line-height: 1.1em;
	position: relative;
	font-feature-settings: "palt";
}


section.chart .chart_data .chart_contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width:1000px;
	margin-top: 55px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
@media screen and (max-width: 1050px) {
section.chart .chart_data .chart_contents {
width: 96%;
}
}
@media screen and (max-width: 800px) {
section.chart .chart_data .chart_contents {
	display:block;
}
}
section.chart .chart_data .chart_contents li {
	width:31.5%;
}
@media screen and (max-width: 800px) {
section.chart .chart_data .chart_contents li {
	width:100%;
}
}

section.chart .chart_data .chart_contents li dl {
	background-color:#FFF;
	padding:13px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;        -ms-box-sizing: border-box;            box-sizing: border-box;
}
section.chart .chart_data .chart_contents li dl dt {
	background-color:#fd7b3a;
	text-align: center;
	color: #FFF;
	padding-bottom: 10px;
	margin-bottom:15px;
	font-family: "A1ゴシック M", "A1 Gothic M";
}
section.chart .chart_data .chart_contents li:nth-child(2) dl dt {
	background-color:#f6b715;
}
section.chart .chart_data .chart_contents li:nth-child(3) dl dt {
	background-color:#049d5a;
}
#container section.chart .chart_data .chart_contents li dl dt h3 {
	color:#fd7b3a;
	text-align: center;
	font-size:4.6rem;
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	line-height: 1.1em;
	position: relative;
	top: -0.5em;
	font-feature-settings: "palt";
}
#container section.chart .chart_data .chart_contents li:nth-child(2) dl dt h3 {
	color:#f6b715;
}
#container section.chart .chart_data .chart_contents li:nth-child(3) dl dt h3 {
	color:#049d5a;
}
#container section.chart .chart_data .chart_contents li dl dt h3 {
	color:#fd7b3a;
	text-align: center;
	font-size:4.6rem;
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	line-height: 1.1em;
	position: relative;
	top: -0.5em;
}

#container section.chart .chart_data .chart_contents li dl dt p {
	text-align: center;
	font-size: 1.8em;
	margin-top:-1.0em;
	color: #FFF;
	font-family: "A1ゴシック B", "A1 Gothic B";
}

#container section.chart .chart_data .chart_contents li dl dd p {
	font-size: 1.5em;
	text-indent: -1em;
	padding-left: 1em;
}
#container section.chart .chart_data .chart_contents li dl dd p+p {
	margin-top:3px;
}
#container section.chart .chart_data .chart_contents li dl dd p:before {
	content:"●";
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #f08300;
}

/*terms*/
section.guidelines {
	width: 95%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
	max-width: 900px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;
	text-align: left;
}
section.guidelines h2 {
	color: #FFF;
	background-color: #e60012;
	font-weight: 800;
	font-size: 2.2rem;
	padding: 8px 13px;
	margin-bottom: 25px;
	
}
@media screen and (max-width: 600px) {
section.guidelines h2 {
	font-size: 1.8rem;
}	
}
section.guidelines dl {
}
section.guidelines dl dt {
	font-weight: 800;
	font-size: 1.8rem;
	margin-bottom: 6px;
	color: #009944;
}
@media screen and (max-width: 600px) {
section.guidelines dl dt {
	font-weight: 800;
	font-size: 1.6rem;
	margin-bottom: 6px;
	color: #e60012;
}
	}
section.guidelines dl dd {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5em;
	
}
@media screen and (max-width: 600px) {
section.guidelines dl dd {
	font-size: 1.4rem;
}	
}
@media screen and (max-width: 480px) {
section.guidelines dl dd {
	font-size: 1.3rem;
}	
}
section.guidelines dl dd+dt {
	margin-top: 1.0em;
}
section.guidelines dl dd ul li {
	text-indent: -1.0em;
	padding-left: 1.0em;
	
}
section.guidelines dl dd ul li+li {
	margin-top: 0.4em;
	
}

section.guidelines dl dd ul li a {
	color: #e60012;
	text-decoration: underline;
	
}
section.guidelines dl dd ul li a:hover {
	color: #009944;
	text-decoration: underline;
	
}

/*terms*/
section.terms {
	width: 95%;
	height: 300px;
	overflow-y: scroll;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
	max-width: 900px;
	border: solid 3px #169243;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;
	padding: 20px;
	text-align: left;
	background-color: rgba(0,0,0,0.03);
}
/* カスタマイズする部分 */
.my_scroll::-webkit-scrollbar{ 
    width: 10px;
}
.my_scroll::-webkit-scrollbar-thumb{ 
    background: rgba(0,0,0,0.3);
    border-radius: 0px;
}
.my_scroll::-webkit-scrollbar-track-piece:start{
     background: rgba(0,0,0,0.1);
}
.my_scroll::-webkit-scrollbar-track-piece:end{
     background: rgba(0,0,0,0.1);
}
section.terms h2 {
	color: #e60012;
	font-weight: 800;
	font-size: 2.2rem;
	padding-bottom: 13px;
	margin-bottom: 25px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	
}
@media screen and (max-width: 600px) {
section.terms h2 {
	font-size: 1.8rem;
}	
}
section.terms dl {
}
section.terms dl dt {
	font-weight: 800;
	font-size: 1.8rem;
	margin-bottom: 6px;
	color: #009944;
}
@media screen and (max-width: 600px) {
section.terms dl dt {
	font-weight: 800;
	font-size: 1.6rem;
	margin-bottom: 6px;
	color: #009944;
}
	}
section.terms dl dd {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5em;
	
}
@media screen and (max-width: 600px) {
section.terms dl dd {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.5em;
}	
}
section.terms dl dd+dt {
	margin-top: 1.0em;
}
section.terms dl dd ul li {
	text-indent: -1.0em;
	padding-left: 1.0em;
	
}
section.terms dl dd ul li+li {
	margin-top: 0.4em;
	
}

/*type*/
section.type {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
}
@media screen and (max-width: 1050px) {
section.type {
}
}

section.type ul {
	width: 100%;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.type ul li {
	width: 20%;
	text-align: center;
}
@media screen and (max-width: 600px) {
section.type ul li:first-child {
	width: 100%;
	text-align: center;
}
}
@media screen and (max-width: 600px) {
section.type ul li {
	width: 50%;
	text-align: center;
}
}
section.type ul li img {
	width: 100%;
	height:auto;
}
section.type ul li p {
	font-size:1.6rem;
	background-color:#e1cfb9;
	text-align:center;
	display:inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -6px;
	margin-top: -18px;
	width: 50%;
}
@media screen and (max-width: 800px) {
section.type ul li p {
	font-size:1.4rem;
	background-color:#e1cfb9;
	text-align:center;
	display:inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -6px;
	margin-top: -18px;
	width: 90%;
}
}
@media screen and (max-width: 600px) {
section.type ul li p {
	font-size:1.4rem;
	background-color:#e1cfb9;
	text-align:center;
	display:inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	margin-top: 0px;
	width: 100%;
}
}
section.type>.txt {
	text-align:center;
	font-size:2.0rem;
	margin-top:2.0em;
	line-height:1.8em;
	font-weight: 600;
}
@media screen and (max-width: 800px) {
section.type>.txt {
	text-align:center;
	font-size:1.6rem;
	margin-top:2em;
	line-height:1.8em;
	font-weight: 600;
	width:96%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 600px) {
section.type>.txt {
	text-align:center;
	font-size:1.4rem;
	margin-top:2em;
	line-height:1.8em;
	font-weight: 600;
	width:96%;
	margin-right: auto;
	margin-left: auto;
}
}
section.type>.txt span {
	display:inline-block;
}

/*contact*/
section.contact {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:15px;
	position: relative;
}
@media screen and (max-width: 600px) {
section.contact {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	position: relative;
}
}
@media screen and (max-width: 1050px) {
section.contact {
}
}
section.contact img {
	width:100%;
	height:auto;
}
@media screen and (max-width: 600px) {
section.contact img {
	display:none;
	
}
}
section.contact div{
	text-align:center;
	width:500px;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0px;
	background-color: rgba(255,255,255,0.95);
	border: 4px solid #049d5a;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 800px) {
section.contact div{
	text-align:center;
	width:80%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 600px) {
section.contact div{
	position:relative;
	text-align:center;
	width:96%;
	top: 100%;
	padding: 10px;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	top: auto;
	left: auto;
	transform: translate(0, 0);
	
}
}
section.contact div h2 {
	font-size:2.0rem;
	color:#049d5a;
	font-family: "A1ゴシック B", "A1 Gothic B";
	margin-bottom:1.0em;
}
@media screen and (max-width: 800px) {
section.contact div h2 {
	font-size:1.6rem;
	color:#049d5a;
	font-family: "A1ゴシック B", "A1 Gothic B";
	margin-bottom:0.5em;
}
}
section.contact div h3 {
	font-size:2.4rem;
	margin-bottom:1.0em;
	line-height: 1.5em;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
	white-space: nowrap;
}
@media screen and (max-width: 800px) {
section.contact div h3 {
	font-size:1.8rem;
}
}
@media screen and (max-width: 600px) {
section.contact div h3 {
	font-size:1.6rem;
}
}
@media screen and (max-width: 480px) {
section.contact div h3 {
	font-size:1.4rem;
}
}
section.contact div .mail {
	text-align:center;
	font-size:2.4rem;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
@media screen and (max-width: 800px) {
section.contact div .mail {
	text-align:center;
	font-size:2.0rem;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
}
@media screen and (max-width: 600px) {
section.contact div .mail {
	text-align:center;
	font-size:1.8rem;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
}
section.contact div .mail a {
	color:#FFF;
	display:inline-block;
	background-color:#049d5a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
}
@media screen and (max-width: 600px) {
section.contact div .mail a {
	color:#FFF;
	display:inline-block;
	background-color:#049d5a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 1em;
}
}
section.contact div .add {
	font-size:1.6rem;
	text-align: center;
}
@media screen and (max-width: 800px) {
section.contact div .add {
	font-size:1.5rem;
	text-align: center;
}
}
@media screen and (max-width: 600px) {
section.contact div .add {
	font-size:1.4rem;
	text-align: center;
}
}
@media screen and (max-width: 480px) {
section.contact div .add {
	font-size:1.2rem;
	text-align: center;
}
}
section.contact div .tel {
	font-size:2.6rem;
	text-align: center;
	color: #fd7b3a;
	margin-top: 0.7em;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
@media screen and (max-width: 600px) {
section.contact div .tel {
	font-size:2.0rem;
	text-align: center;
	color: #fd7b3a;
	margin-top: 0.4em;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
}
section.contact div p a:hover {
	background-color:#f6b715;
}
section.contact div p i {
	font-size:3.8rem;
	margin-right: 4px;
	position: relative;
	top: 4px;
}
@media screen and (max-width: 800px) {
section.contact div p i {
	font-size:2.8rem;
	margin-right: 4px;
	position: relative;
	top: 4px;
}
}

/*flow*/
section.flow {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom:15px;
	position: relative;

}
@media screen and (max-width: 600px) {
section.flow {
	margin-top:0;
}
}
section.flow>div {
	width: 100%;
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom:15px;
}
@media screen and (max-width: 1050px) {
section.flow>div {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
}
section.flow>div h2 {
	margin-bottom:40px;
}
section.flow>div dl {
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	-webkit-box-pack: justify;     -ms-flex-pack: justify;   justify-content: space-between;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
	
}
@media screen and (max-width: 800px) {
section.flow>div dl {
	display:block;
	
}
}
section.flow>div dl dt {
	width:300px;
	height:auto;
	position:relative;
	margin-left:50px;	
}
@media screen and (max-width: 800px) {
section.flow>div dl dt {
	width:70%;
	height:auto;
	position:relative;
	margin-left:auto;	
	margin-right:auto;
	margin-bottom:20px;
}
}
section.flow>div dl dt img {
	width:100%;
	height:auto;
	
}
section.flow>div dt p {
	font-size:2.3rem;
	margin-bottom:0.5em;
	color:#FFF;
	background-color: #f6b715;
	height: 80px;
	width: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	position:absolute;
	line-height:1.3em;
	text-align: center;
	left: -40px;
	top: -40px;
}
section.flow>div dt p span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
section.flow>div dt p strong {
	font-size:3.0rem;
}
section.flow>div dd {
	-webkit-flex: 1;
  flex: 1;
	
}
section.flow>div dd h3 {
	font-size:2.3rem;
	margin-bottom:0.7em;
	margin-top:10px;	
}
@media screen and (max-width: 800px) {
section.flow>div dd h3 {
	font-size:2.0rem;
	text-align:center;
}
}
@media screen and (max-width: 600px) {
section.flow>div dd h3 {
	font-size:1.8rem;
	text-align:center;
}
}
@media screen and (max-width: 480px) {
section.flow>div dd h3 {
	font-size:1.6rem;
	text-align:center;
}
}
section.flow>div dd p {
	font-size:1.6rem;
	line-height:1.7em;	
}
@media screen and (max-width: 800px) {
section.flow>div dd p {
	font-size:1.5rem;
	line-height:1.7em;	
}
}
@media screen and (max-width: 600px) {
section.flow>div dd p {
	font-size:1.4rem;
	line-height:1.7em;	
}
}
section.flow>div .arrow {
	font-size:4.0rem;
	line-height:1.7em;
	color:#f6b715;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*form*/
section.form {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top:70px;
	margin-bottom:50px;
	position: relative;
	width: 100%;
	max-width:1000px;
	padding-top: 15px;
}
@media screen and (max-width: 1050px) {
section.form  {
	width: 96%;
}
}
section.form h2  {
	margin-bottom:30px;
}
section.form>div {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 6px solid #f2e3ce;
	padding: 15px;
}
@media screen and (max-width: 1050px) {
section.form>div {
	margin-right: auto;
	margin-left: auto;
}
}
section.form table {
	width: 100%;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;        -ms-box-sizing: border-box;            box-sizing: border-box;
}
section.form>div h3 {
	font-size:2.0rem;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
	color:#FFF;
	background-color:#049d5a;
	line-height: 1.4em;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom:25px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;        -ms-box-sizing: border-box;            box-sizing: border-box;
}
@media screen and (max-width: 800px) {
section.form>div h3 {
	font-size:1.8rem;
	color:#FFF;
}
}
@media screen and (max-width: 600px) {
section.form>div h3 {
	font-size:1.6rem;
	color:#FFF;
}
}
section.form>div table+h3 {
	margin-top:2.0em;
}
section.form>div table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

section.form>div table tr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
section.form>div table th {
	font-size:1.6rem;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 0px;
	width: 200px;
	white-space: nowrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 800px) {
section.form>div table th {
	font-size:1.5rem;
	padding-top: 1.0em;
	padding-bottom: 0em;
	display:block;
	width:100%;
}
}
section.form>div table th span {
	display: inline-block;
	position: relative;
}
section.form .required {
	color:#FFF;
	background-color:#F0454E;
	font-size:1.4rem;
	margin-left: 1.5em;
	padding-top: 0.3em;
	padding-right: 0.7em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	font-weight: bold;
	letter-spacing: 0.3em;
	position: relative;
}
section.form>div table td {
	font-size:1.6rem;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 25px;
	padding-top: 1.5em;
}
@media screen and (max-width: 800px) {
section.form>div table td {
	font-size:1.5rem;
	padding-top: 0.5em;
	padding-bottom: 1.0em;
	padding-left: 0px;
	display:block;
	width:100%;
}
}
section.form>div table td input {
	font-size:1.2rem;
	background-color: #efefef;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section.form>div table td input.width70 {
	width:70%;
}
section.form>div table td input.width30 {
	width:30%;
}
section.form>div table td span.sp {
	margin-right:2em;
}
@media screen and (max-width: 600px) {
section.form>div table td span.sp {
	margin-right:1em;
}
}
@media screen and (max-width: 600px) {
section.form>div table td span {
	display:inline-block;
	margin-top:5px;
}
}
#mailform .privacy {
	padding: 20px;
	margin-top: 30px;
	border: 5px solid #ebebeb;
	text-align: center;
}
#mailform .privacy h4 {
	font-size:2.2rem;
	margin-bottom:0.8em;
	font-family: "ゴシックMB101 B","Gothic MB101 Bold";
}
#mailform .privacy p {
	font-size:1.8rem;
	text-align:center;
	margin-top:0.8em;
}
@media screen and (max-width: 600px) {
#mailform .privacy p {
	font-size:1.6rem;
	text-align:center;
	margin-top:0.8em;
}
}
@media screen and (max-width: 480px) {
#mailform .privacy p {
	font-size:1.4rem;
	text-align:center;
	margin-top:0.8em;
}
}
#mailform .privacy p span {
	display:inline-block;
}
#mailform .privacy p a {
	text-decoration: underline;
}
#mailform .privacy p a:hover {
	text-decoration: underline;
	color:#fd7b3a;
}
#mailform .privacy input {
	padding: 1px;
	height: 24px;
	width: 24px;
	position: relative;
	top: 4px;
}

#mailform .entry_b {
	text-align: center;
	margin-top:3em;
}

#mailform .privacy input {
	padding: 1px;
	height: 24px;
	width: 24px;
	position: relative;
	top: 4px;
}

#entry {
	max-width: 900px;
	text-align: center;
	background-color: rgba(0,0,0,0.07);
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	padding: 20px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;
}
#entry>div,#entry>div>p {
	text-align: center;
}
#entry .cb {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 600px) {
#entry .cb {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 1.5em;
}
	}
@media screen and (max-width: 480px) {
#entry .cb {
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 1.5em;
}
	}
#entry .cb input {
	margin-right: 6px;
}
#entry>div input[type="text"] {
			width: 200px;
			height: 22px;
			padding: 4px;
			border: 1px solid #ccc;
			-webkit-appearance: none;
			border-radius: 0;
			text-align: center;
			margin: auto;
		}
#entry>div input[type="submit"] {
	padding: 5px 20px;
			background-color: #e70901;
			border: none;
			color: #fff;
			-webkit-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
			-webkit-appearance: none;
			border-radius: 0;
	text-align: center;
			margin: auto;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	font-size: 3.0rem;
		}
@media screen and (max-width: 800px) {
#entry>div input[type="submit"] {

	font-size: 2.0rem;
		}}
#entry>div input[type="submit"]:hover {
			background-color: #e89617;
	text-align: center;
			margin: auto;
		}
#entry>div input[type="submit"][disabled] {
			background-color: #ccc;
			cursor: default;
	text-align: center;
			margin: auto;
	}
#banner{
	width: 95%;
	max-width: 900px;
}
#banner ul{
	max-width: 100%;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	-webkit-box-pack: justify;     -ms-flex-pack: justify;   justify-content: space-between;
}
@media screen and (max-width: 600px) {
#banner ul{
	max-width: 100%;
	display: block;
}
	}
#banner ul li {
	width: 47%;
	height: auto;
	margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
#banner ul li {
	width: 100%;
	height: auto;
}
	}
#banner ul li img {
	max-width: 100%;
	height: auto;
}
#banner ul li p {
	font-size: 1.4rem;
	margin-top: 8px;
	ffont-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#banner ul li p a {
	color: #e60012;
	font-weight: 600;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#banner ul li p a b {
	font-weight: 900;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.1em;
}
#banner ul li p a:hover {
	color: #009944;
	text-decoration: underline;
}
footer {
	text-align: center;
	margin-top: 60px;
	padding: 30px ;
  font-size: 12px;
	color: #FFF;
	 background-color: #009944;
	}

#entry input[type=checkbox] {
	width:			14px;
	height:			14px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

#entry {
	max-width: 900px;
	text-align: center;
	background-color: rgba(0,0,0,0.07);
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	padding: 20px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;
}
#entry h2 {
	color: #e60012;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
#entry h2 {
	color: #e60012;
	font-size: 5.6vw;
	margin-bottom: 15px;
}
}
.sns{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	 -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
.sns{
	display: block;
	margin-bottom: 20px;
}
	}
.sns li {
	font-size: 2.2rem;
	margin: 0 2.0em;
	font-weight: 800;
}
@media screen and (max-width: 600px) {
.sns li {
	margin: 0.6em auto;
	text-align: center;
}
	}
.sns li i {
	margin-right: 5px;
	color: #009944;
}
.sns li a:hover {
	color: #e60012;
}