@charset "euc-jp";

body {
font-family: Lato, "Noto Sans JP", "Þ⥴¥·¥Ã¥¯ Medium", "Þ⥴¥·¥Ã¥¯ÂÎ", "Yu Gothic Medium", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;font-size: 14px;color: #555;
}

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


header {
	border-top: 10px solid #1ca72f;
	line-height: 0;
	font-size: 0;
}

.headborder {
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #f6f6f6 0, #f6f6f6 10px);
	height: 40px;
}

h1 {
	margin: 0 auto;
	width: 960px;
}

h2 {
	margin: 60px 0 50px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	color: #1ca72f;
	font-size: 300%;
	font-weight: bold;
	line-height: 110%;
}

main {
	margin: 0 auto;
	width: 960px;
}

.border {
	background: linear-gradient(#fff 75%, #fad200 25%);
}

.att {
	font-size: 12px;
	line-height: 200%;
	display: inline-block;
}


#btn {
	width: 480px;
	margin: 80px auto;
}

/*
.btnin{
	text-align: center;
	background: url(../img/btn_on.png) no-repeat 30% ;
	line-height: 0;
	font-size: 0;
}
*/

.btntext {
	width: 480px;
	text-align: center;
	margin-bottom: 10px;
}

#intro {
	text-align: center;
	font-size: 28px;
	color: #888;
	line-height: 200%;
	background: url(../img/intro_back.png);
	padding: 80px 0;
}

#item {
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #f6f6f6 0, #f6f6f6 10px);
	padding: 80px 0 60px 0;
}

#content .dtable{
	display: table;
	table-layout:fixed;
	width: 960px;
}
#content .dtable_c{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

#content .dtable_c img{
	border: 1px solid #eee;
}

#content .textleft{
	width: 470px;
	line-height: 200%;
	padding-right: 20px;
	font-size: 160%;
}


#content .map{
	text-align: center;
	border: 1px solid #ccc;
	line-height: 100%;
	font-size: 0;

}

#flow {
	background-color: #fcffec;
	background-image:
	linear-gradient(0deg, transparent 9%, 
		rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 12%, transparent 13%, transparent 29%, 
		rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 31%, transparent 32%, transparent 49%, 
		rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 51%, transparent 52%, transparent 69%, 
		rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.3) 71%, transparent 72%, transparent 89%,
		rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0.3) 91%, transparent 92%, transparent),
	linear-gradient(90deg, transparent 9%, 
		rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 12%, transparent 13%, transparent 29%, 
		rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 31%, transparent 32%, transparent 49%, 
		rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 51%, transparent 52%, transparent 69%, 
		rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.3) 71%, transparent 72%, transparent 89%,
		rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0.3) 91%, transparent 92%, transparent);
	height:100%;
 	background-size:50px 50px;
	padding: 60px 0;
	margin-top: 60px;
}

footer {
	background: #109f23;
	padding: 60px 0;
}

.footerinner {
	margin: 0 auto;
	width: 960px;
}

#qa .qatitle{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}

#qa dt{
	background: #fff;
	border-radius: 6px 6px 0 0;
	width: 100%;
	padding: 20px;
	line-height: 180%;
	box-shadow: 0 0 6px #336633;
	list-style: none;
}
#qa dd{
	background: #fff;
	border-radius: 0 0 6px 6px;
	width: 100%;
	padding: 20px;
	line-height: 180%;
	box-shadow: 0 0 6px #336633;
	list-style: none;
	margin-bottom: 20px;
	display: none;
}

#qa .q{
	color: #109f23;
	font-size: 36px;
	font-weight: bold;
	margin-right: 5px;
}

#qa .a{
	color: #109f23;
	font-size: 36px;
	font-weight: bold;
	margin-right: 5px;

}

#qa .ques{
	color: #109f23;
	font-weight: bold;
	border-bottom: 2px dotted #109f23;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#qa .ans{
	color: #444;
}

#qa .left{
	margin-right: 20px;
}


}
@media screen and (max-width: 768px) {

body {
	width: 100%;
}

header {
	border-top: 5px solid #1ca72f;
	line-height: 0;
	font-size: 0;
}

.headborder {
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #f6f6f6 0, #f6f6f6 10px);
	height: 20px;
}

h1 {
	width: 100%;
}

h2 {
	margin: 30px 0 20px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	color: #1ca72f;
	font-size: 160%;
	font-weight: bold;
	line-height: 110%;
}


main {
	margin: 0 auto;
	padding: 10px;
}

#btn {
	width: 90%;
	margin: 20px auto 30px auto;
}

.btntext {
	text-align: center;
	margin-bottom: 10px;
}

#intro {
	text-align: center;
	font-size: 100%;
	color: #888;
	line-height: 160%;
	background: url(../img/intro_back.png) 10% 10%;
	padding: 0;
}

#item {
	background: #efefef;
	padding: 20px 0;
}

#content .dtable{
	display: block;

}
#content .dtable_c{
	display: block;
	vertical-align: top;
}

#content .dtable_c img{
	border: 1px solid #eee;
}

#content .textleft{
	line-height: 160%;
	padding-right: 20px;
	font-size: 120%;
}


#content .map{
	border: 1px solid #ccc;
	line-height: 100%;
	font-size: 0;

}

#flow {
	background-color: #fcffec;
	padding: 20px 0;
	margin-top: 30px;
}

footer {
	background: #109f23;
	padding: 30px 0;
}

.footerinner {
	padding: 10px;

}

#qa .qatitle{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}

#qa dt{
	background: #fff;
	border-radius: 6px 6px 0 0;
	padding: 10px;
	line-height: 160%;
	box-shadow: 0 0 6px #336633;
	list-style: none;
}
#qa dd{
	background: #fff;
	border-radius: 0 0 6px 6px;
	padding: 10px;
	line-height: 160%;
	box-shadow: 0 0 6px #336633;
	list-style: none;
	margin-bottom: 20px;
	display: none;
}

#qa .q{
	color: #109f23;
	font-size: 160%;
	font-weight: bold;
	margin-right: 5px;
}

#qa .a{
	color: #109f23;
	font-size: 160%;
	font-weight: bold;
	margin-right: 5px;

}

#qa .ques{
	color: #109f23;
	font-weight: bold;
	border-bottom: 2px dotted #109f23;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#qa .ans{
	color: #444;
}

#qa .left{
	margin-right: 20px;
}

.att {
	font-size: 80%;
	line-height: 200%;
	display: inline-block;
}


}