@charset "utf-8";

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

	/*-----newsBox-----*/

	.newsBox {
		margin-top: 25px;
		padding: 10px 15px;
		background-color: #e7e5d5;
	}

	.newsBox+.newsBox {
		margin-top: 5px;
	}

	.newsBox .newsBoxTitleWrap {
		padding-bottom: 10px;
		border-bottom: 1px solid #d0d0d0;
	}

	.newsBox .newsBoxTitleWrap .newsBoxTitleInL {
		float: left;
	}

	.newsBox .newsBoxTitleInL .title {
		margin-top: 0;
		color: #00743f;
		font-weight: bold;
		font-size: 15px;
		text-align: center;
		padding: 15px 0;
	}

	.newsBox .newsBoxTitleInR {
		width: 150px;
		margin: 10px auto 20px;
	}

	.newsBox .newsBoxTitleInR p {
		float: left;
		margin-top: 0;
	}

	.newsBox .newsBoxTitleInR .rssIc {
		padding-left: 20px;
		margin-left: 10px;
		margin-top: 4px;
		background: url(/common/img/com_ic19.png) no-repeat 0 2px;
		background-size: 12px auto;
	}

	.newsBox .newsBoxTitleInR .allPreview a {
		display: block;
		padding: 3px 15px 1px 25px;
		border: 1px solid #93c500;
		border-radius: 4px;
		background: #ffffff url(/common/img/com_ic03.png) no-repeat 13px 50%;
		background-size: 6px;
		color: #93c500;
		font-size: 12px;
	}

	.newsBox .newsList {
		padding: 5px 0;
		text-decoration: none;
		margin-top: 0;
		line-height: 1.6;
	}

	.newsBox li:last-child .newsList {
		border-bottom: solid 1px #cccccc;
	}

	.newsBox li:last-child .newsList {
		border-bottom: solid 1px #cccccc;
	}

	.newsBox li a {
		text-decoration: none;
	}

	.newsBox a:link,
	.newsBox a:visited,
	.newsBox a:active {
		color: #4c483b;
	}

	.newsBox .newsList dt {
		color: #333333 !important;
	}

	.newsBox .newsList dd {
		text-indent: -1em;
		margin-left: 1em;
	}

	.newsBox .newsList dd a {
		padding: 0 0 0 1em;
		background: url(/common/img/com_ic03.png) no-repeat left center;
		background-size: 6px auto;
	}

	.newsBox .newsList dd a .blankIc img {
		width: 9px;
		height: auto;
		margin-left: 4px;
		vertical-align: -1px;
	}

	.newsBox .newsList dd a .pdfIc img {
		width: 16px;
		height: auto;
		margin-left: 5px;
		vertical-align: -3px;
	}

	.newsBox .newsList dd a .hdIc img {
		width: 85px;
		height: auto;
		margin-left: 6px;
		vertical-align: -5px;
	}

	.newsBox .newsList.noLink dd {
		background: none;
	}

	.topNewsArea.emergency .topNewsAreaIn .newsBox {
		margin-top: 0;
	}




	/*noteBlock*/
	.noteBlock {
		margin: 15px auto;
		padding: 0 10px;
	}

	.noteBlock .title {
		padding: 10px 10px 8px;
		background-color: #555555;
		text-align: center;
		color: #ffffff;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.noteBlock .title span {
		display: inline-block;
		padding-left: 30px;
		background: url(/common/img/com_ic04.png) left top no-repeat;
		background-size: 23px 21px;
	}

	.noteBlock .contents {
		border: solid 1px #555555;
		border-top: none;
		padding: 15px;
	}

	.noteBlock .contents>*:first-child {
		margin-top: 0 !important;
	}

	.noteBlock .contents .newsList {
		font-size: 14px;
	}

	.noteBlock .contents .newsList+.newsList {
		margin-top: 10px;
	}

	.noteBlock .contents .newsList dd {
		margin-top: 5px;
	}

	.noteBlock .contents .newsList dd a {
		display: block;
		padding-left: 15px;
		background: url(/common/img/com_ic03.png) left 0.35em no-repeat;
		background-size: 6px auto;
		color: #339933;
	}


	/*leadBlock*/
	.leadBlock {
		margin: 10px auto 0;
		padding: 0 10px;
		text-align: center;
	}

	.leadBlock>p {
		color: #555555;
	}

	.leadBlock .main {
		font-size: 22px;
		margin-top: 0px;
	}

	.leadBlock .main .point {
		font-weight: bold;
		color: #21753c;
	}

	.leadBlock .main .point .num {
		font-size: 30px;
		font-size: 3rem;
	}

	.leadBlock .main .ast {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.leadBlock .sub {
		display: block;
		position: relative;
		margin-top: 1em;
		padding-left: 1.2em;
		text-align: left;
		font-size: 10px;
		font-size: 1.0rem;
	}

	.leadBlock .sub .ast {
		position: absolute;
		left: 0;
		top: 0;
	}


	/*resultBlock*/
	.resultBlock {
		margin-top: 20px;
		padding: 0 10px;
		text-align: center;
	}

	.resultBlock>p {
		color: #000000;
	}

	.resultBlock>.now {
		padding: 7px 20px 5px;
		background-color: #e7e5d5;
		color: #4c483b;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.resultBlock>.agree>span {
		display: inline-block;
		padding: 3px 0 3px 40px;
		background: url(/common/img/com_ic05.png) left 0.3em no-repeat;
		background-size: 32px auto;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.resultBlock>.hospital>span {
		display: inline-block;
		padding: 3px 0 3px 40px;
		background: url(/common/img/com_ic02.png) left 0.3em no-repeat;
		background-size: 29px auto;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.resultBlock>.agree .num,
	.resultBlock>.hospital .num {
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
	}

	.resultBlock>.search {}

	.resultBlock>.search a {
		display: inline-block;
		padding: 6px 15px 4px;
		border: solid 1px #00743f;
		border-radius: 17px;
		color: #ffffff;
		text-decoration: none;
		background-color: #00743f
	}

	.resultBlock>.search a span {
		padding-left: 20px;
		background: url(/common/img/com_ic42.png) left 50% no-repeat;
		background-size: 6px auto;
	}


	/*productBlock*/
	.productBlock {
		margin: 160px 10px 0;
		position: relative;
	}

	.productBlock .shareBlock {
		position: absolute;
		top: -140px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.productBlock .shareBlock p {
		margin-top: 10px;
		color: #000000;
		font-size: 9px;
	}

	.productBlock .shareBlock .share {
		width: 265px;
		margin: 0 auto;
	}

	/*20171011追加*/
	.productBlock .txtBlock_family {
		position: absolute;
		top: 50px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.productBlock .txtBlock_family .name {
		color: #ffffff;
		font-size: 24px;
		font-size: 2.0rem;
		font-weight: bold;
		margin-top: 0;
		background: url(/img/index_bg11.png) center bottom no-repeat;
		background-size: 97px auto;
		padding-bottom: 16px;
		letter-spacing: 0.1rem;
	}

	.productBlock .txtBlock_family .subLead {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.0rem;
		margin-top: 6px;
	}

	.productBlock .txtBlock_family .subLead2 {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.1rem;
		margin-top: 21px;
		letter-spacing: 0.2rem;
	}

	.productBlock .txtBlock_family .linkList {
		margin-top: 8%;
	}

	.productBlock .txtBlock_family .linkList li {
		margin-top: 9px;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		border: solid 1px #ffffff;
		border-radius: 2px;
		width: 238px;
		margin: 0 auto;
		background: url(/common/img/com_ic08.png) no-repeat 23px 50%;
		background-size: 8px auto;
		display: block;
		padding: 13px 23px;
		color: #ffffff;
	}

	.productBlock .txtBlock_petit {
		position: absolute;
		top: 289px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.productBlock .txtBlock_petit .name {
		color: #ffffff;
		font-size: 24px;
		font-size: 2.0rem;
		font-weight: bold;
		margin-top: 0;
		background: url(/img/index_bg14.png) center bottom no-repeat;
		background-size: 97px auto;
		padding-bottom: 19px;
		letter-spacing: 0.1rem;
	}

	.productBlock .txtBlock_petit .subLead {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.0rem;
		margin-top: 6px;
	}

	.productBlock .txtBlock_petit .subLead2 {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.1rem;
		margin-top: 21px;
		letter-spacing: 0.2rem;
	}

	.productBlock .txtBlock_petit .linkList {
		margin-top: 8%;
	}

	.productBlock .txtBlock_petit .linkList li {
		margin-top: 9px;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		border: solid 1px #ffffff;
		border-radius: 2px;
		width: 238px;
		margin: 0 auto;
		background: url(/common/img/com_ic08.png) no-repeat 23px 50%;
		background-size: 8px auto;
		display: block;
		padding: 13px 23px;
		color: #ffffff;
	}


	.productBlock .point li dl:first-child {
		margin-top: 0 !important;
	}

	.productBlock .point {
		margin-top: 0;
		background-color: #93c500;
		padding: 30px 20px 30px 10px;
	}

	.productBlock .point li {
		position: relative;
		padding-left: 35px;
		color: #555555;
		min-height: 20px;
	}

	.productBlock .point li+li {
		margin-top: 15px;
	}

	.productBlock .point li .num {
		position: absolute;
		left: 0;
		top: 0;
		text-align: right;
		display: block;
		width: 27px;
		height: 27px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #003e1a;
	}

	.productBlock .point li .txt {
		color: #003e1a;
		border-left: solid 1px #003e1a;
		padding-left: 15px;
	}


	/*topLinkArea01*/
	.topLinkArea01 {
		padding: 40px 10px 10px;
	}

	.topLinkArea01 .topLinkBlock {
		width: 100%;
		margin: 0 auto;
	}

	.topLinkArea01 .topLinkBlock .imgList {
		margin: 0;
	}
	.topLinkArea01 .topLinkBlock .imgList_flex {
		width: 100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	}
	.topLinkArea01 .topLinkBlock .imgList_flex li{
		width: 100%;
	}
	.topLinkArea01 .topLinkBlock .imgList_flex li:nth-child(1){
		-webkit-flex-order: 2;
    -ms-flex-order: 2;
		order: 2;
		margin-top: 13px;
	}
	.topLinkArea01 .topLinkBlock .imgList_flex li:nth-child(2){
		-webkit-flex-order: 1;
    -ms-flex-order: 1;
		order: 1;
		margin-top: 0;
	}
	.topLinkArea01 .topLinkBlock .imgList_flex li:nth-child(3){
		-webkit-flex-order: 3;
    -ms-flex-order: 3;
		order: 3;
	}

	.topLinkArea01 .topLinkBlock .imgList li.bnr01 a {
		background-size: 110% auto !important;
		background-position: 30% 42% !important;
	}

	.topLinkArea01 .topLinkBlock .imgList li.bnr02 a {
		background-size: 110% auto !important;
		background-position: 0% 24% !important;
	}

	.topLinkArea01 .topLinkBlock .imgList li.bnr03 a {
		background-size: 110% auto !important;
		background-position: -20px 30% !important;
	}

	.topLinkArea01 .topLinkBlock .imgList li+li {
		margin-top: 13px;
	}

	.topLinkArea01 .topLinkBlock .imgList li a {
		display: block;
		padding-top: 138px;
		color: #ffffff;
	}

	.topLinkArea01 .topLinkBlock .imgList li a img {
		width: 100%;
	}

	.topLinkArea01 .topLinkBlock .imgList li .textArea {
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 27px;
		text-align: center;
	}

	.topLinkArea01 .topLinkBlock .imgList li a .textArea .name {
		font-weight: bold;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.2;
		background: url(/img/index_bg11.png) center bottom no-repeat;
		background-size: 97px auto;
		padding-bottom: 20px;
		margin-top: 0;
	}

	.topLinkArea01 .topLinkBlock .imgList li a .textArea .subLead {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 1;
		margin-top: 7px;
	}

	/*topLinkArea05*/
	.topLinkArea05 {
		margin: 160px 10px 0;
		position: relative;
	}

	.topLinkArea05 .topLinkBlock {
		width: 100%;
		margin: 0 auto -6px auto;
	}

	.topLinkArea05 .topLinkBlock .imgList {
		margin: 0;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr01 a {
		background-size: 178% auto !important;
		background-position: 74% 48% !important;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr02 a {
		background-size: 144% auto !important;
		background-position: 10% 56% !important;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr03 a {
		background-size: 152% auto !important;
		background-position: -90px 43% !important;
	}

	.topLinkArea05 .topLinkBlock .imgList li+li {
		margin-top: 0px;
	}

	.topLinkArea05 .topLinkBlock .imgList li a {
		display: block;
		height: 220px;
	}

	.topLinkArea05 .topLinkBlock .imgList li a img {
		width: 85%;
	}

	.topLinkArea05 .shareBlock {
		position: absolute;
		top: -140px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.topLinkArea05 .shareBlock p {
		margin-top: 10px;
		color: #000000;
		font-size: 9px;
	}

	.topLinkArea05 .shareBlock .share {
		width: 265px;
		margin: 0 auto;
	}

	/*20171011追加*/
	.topLinkArea05 .topLinkBlock .imgList li a .txtBlock_petite {
		text-align: center;
		width: 20%;
		margin: 0 auto;
		padding-top: 23px;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr01 a .txtBlock {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr02 a .txtBlock {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 15px;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr03 a .txtBlock {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr01 a .txtBlock .name {
		background: url(/img/index_bg11.png) center bottom no-repeat;
		background-size: 97px auto;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr02 a .txtBlock .name {
		background: url(/img/index_bg19.png) center bottom no-repeat;
		background-size: 97px auto;
	}

	.topLinkArea05 .topLinkBlock .imgList li.bnr03 a .txtBlock .name {
		background: url(/img/index_bg14.png) center bottom no-repeat;
		background-size: 97px auto;
	}

	.topLinkArea05 .topLinkBlock .imgList li a .txtBlock .name {
		color: #ffffff;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: bold;
		margin-top: 0;
		/*background: url(/img/index_bg11.png) center bottom no-repeat;*/
		/*background-size: 97px auto;*/
		padding-bottom: 10px;
		letter-spacing: 0.1rem;
	}

	.topLinkArea05 .topLinkBlock .imgList li a .txtBlock .subLead {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.0rem;
		margin-top: 8px;
		letter-spacing: 0.1rem;
	}

	.topLinkArea05 .topLinkBlock .imgList li a .txtBlock .subLead2 {
		color: #ffffff;
		font-size: 14px;
		font-size: 1.1rem;
		margin-top: 23px;
		letter-spacing: 0.4rem;
		font-weight: bold;
	}

	/*topPageMain*/
	#topPageMain ul {
		display: none;
	}

	#topPageMain .bx-viewport ul {
		display: block;
		margin-top: 0px;
	}

	#topPageMain .bx-viewport ul>li {
		position: relative;
		background-size: auto 120%;
	}

	#topPageMain .bx-viewport ul>li:before {
		content: "";
		display: block;
		padding-top: 52%;
	}

	#topPageMain ul li .visual {
		position: absolute;
	}

	#topPageMain ul li .visual a {
		display: block;
		height: 100%;
	}

	#topPageMain ul li .textArea {
		height: 100%;
	}

	#topPageMain ul li .textArea .imgText {
		margin: 0;
	}

	/*main23 withlist*/
	#topPageMain ul li.main23 {
		background-position: 50% 85% !important;
		background-size: auto 120% !important;
	}

	#topPageMain ul li.main23 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main23 .textArea .imgText img {
		margin-top: 22px;
		margin-left: 9px;
		width: 95%;
	}

	/*main25熱中症*/
	#topPageMain ul li.main25 {
		background-position: 54% 90% !important;
		background-size: auto 130% !important;
	}

	#topPageMain ul li.main25 .visual {
		top: 0px;
		left: 0%;
		width: 140%;
	}

	#topPageMain ul li.main25 .textArea {
		position: absolute;
		top: 28px;
		right: 62%;
		width: 30%;
	}

	#topPageMain ul li.main25 .textArea2 {
		position: absolute;
		top: 135px;
		right: 58%;
		width: 35%;
	}

	.main25 .textArea2 img {
		max-width: 100%;
		width: 80%
	}

	/*main30どうぶつの遺伝病を減らすために*/
	#topPageMain ul li.main30 {
		background-position: 20% 90% !important;
		background-size: auto 125% !important;
	}

	#topPageMain ul li.main30 .visual {
		top: 0px;
		left: 0%;
		width: 140%;
	}

	#topPageMain ul li.main30 .textArea {
		position: absolute;
		top: 48px;
		right: 33%;
		width: 31%;
	}

	/*main31ハローべいびぃ*/
	#topPageMain ul li.main31 {
		background-position: 47% 62% !important;
		background-size: auto 119% !important;
	}

	#topPageMain ul li.main31 .visual {
		top: 0px;
		left: 0%;
		width: 140%;
	}

	#topPageMain ul li.main31 .textArea {
		position: absolute;
		top: 20px;
		right: 58%;
		width: 37%;
	}

	/*main32しにあ*/
	#topPageMain ul li.main32 {
		background-position: 50% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main32 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main32 .textArea .imgText img {
		margin-top: 18px;
		margin-left: 28px;
		width: 51%;
	}

	/*main33 どうぶつ白書2020*/
	#topPageMain ul li.main33 {
		background-position: 22% 72% !important;
		background-size: auto 109% !important;
	}

	#topPageMain ul li.main33 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main33 .textArea .imgText img {
		margin-top: 30px;
		margin-left: 25px;
		width: 43%;
	}

	/*main34 謹賀新年*/
	#topPageMain ul li.main34 {
		background-position: 56% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main34 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main34 .textArea .imgText img {
		margin-top: 48px;
		margin-left: 22px;
		width: 36%;
	}

	/*main35 命名書展2020*/
	#topPageMain ul li.main35 {
		background-position: 27% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main35 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main35 .textArea .imgText img {
		margin-top: 37px;
		margin-left: 10px;
		width: 47%;
	}

	/*main36 新型コロナウィルスに関する大切なお知らせ*/
	#topPageMain ul li.main36 {
		background-position: 27% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main36 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main36 .textArea .imgText img {
		margin-top: 44px;
		margin-left: 49px;
		width: 44%;
	}

	/*main37 20周年*/
	#topPageMain ul li.main37 {
		background-position: 47% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main37 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main37 .textArea .imgText img {
		margin-top: 66px;
		margin-left: 32px;
		width: 42%;
	}

	/*main38 友達紹介キャンペーン*/
	#topPageMain ul li.main38 {
		background-position: 47% 0% !important;
		background-size: auto 100% !important;
	}

	#topPageMain ul li.main38 .visual {
		top: 0px;
		left: 0%;
		width: 100%;
	}

	#topPageMain>div .main38 .textArea .imgText img {
		margin-top: 50px;
		margin-left: 32px;
		width: 60%;
	}

	#topPageMain .bx-controls-direction {
		margin: 0 auto;
	}

	#topPageMain .bx-wrapper .bx-prev {
		width: 10px;
		height: 20px;
		display: inline-block;
		background: url(/img/index_bt01.png) no-repeat;
		background-size: 10px 20px;
		position: absolute;
		left: 5px;
		top: 50%;
		margin-top: -10px;
		z-index: 10;
	}

	#topPageMain .bx-wrapper .bx-next {
		width: 10px;
		height: 20px;
		display: inline-block;
		background: url(/img/index_bt02.png) no-repeat;
		background-size: 10px 20px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -10px;
		z-index: 10;
	}

	#topPageMain .bx-wrapper .bx-pager.bx-default-pager a {
		width: 8px;
		height: 8px;
		background: url(/img/index_bg01.png) no-repeat;
		background-size: 8px;
	}

	#topPageMain .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: url(/img/index_bg02.png) no-repeat;
		background-size: 8px;
	}

	#topPageMain .bx-pager {
		bottom: 5px;
	}


	/*topSimulationArea*/
	.topSimulationArea {
		padding: 0px 10px;
		margin-top: 20px;
		text-align: center;
	}

	.topSimulationArea dt {
		font-size: 17px;
		color: #000000;
	}

	.topSimulationPopUpBtn {
		margin-top: 12px;
	}

	.topSimulationPopUpBtn a {
		display: block;
		padding: 0 15px 0 28px;
		background: #fd8c07;
		border-radius: 5px;
	}

	.topSimulationPopUpBtn a span {
		display: inline-block;
		padding: 19px 0 18px 50px;
		background: url(/common/img/com_ic43.png) no-repeat 0 center;
		background-size: 36px auto;
		border-radius: 5px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #FFF;
	}

	/*topLinkArea02*/
	.topLinkArea02 {
		margin: 35px 10px 0;
	}

	.topLinkArea02 .topLinkArea02Ti {
		text-align: center;
		font-size: 20px;
		margin-top: 0px;
		color: #000000;
		font-weight: bold;
	}

	.topLinkArea02 .topLinkArea02Float {
		margin-top: 30px;
	}

	.topLinkArea02 .topLinkArea02Float .topLinkArea02R {
		margin-top: 17px;
	}

	.topGuideLink a {
		display: block;
		margin-top: 0px;
	}

	.topGuideLink a dl {
		display: table;
		width: 100%;
		margin-top: 0;
	}

	.topGuideLink a dl dt {
		display: table-cell;
		width: 40%;
		vertical-align: middle;
		text-align: left;
	}

	.topGuideLink a dl dt img {
		width: 100%;
		height: auto;
	}

	.topGuideLink a dl dd {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left: 13px;
	}

	.topGuideLink a dl dd>p {
		margin-top: -5%;
	}

	.topGuideLink .topGuideText {
		display: inline-block;
		max-width: 200px;
		margin-top: 5px;
		display: block;
		font-size: 12px;
		color: #ffffff;
		padding: 5px 19px 4px 34px;
		border-radius: 4px;
		background: #00743f url(/common/img/com_ic08.png) no-repeat 9% 50%;
		background-size: 8px auto;
		text-align: center;
		font-weight: bold;
	}

	.topGuideLink .topGuideSub {
		font-size: 12px;
		display: block;
		color: #000000;
		font-weight: bold;
	}

	/*20170906変更*/
	.topGuideLink .eco {
		margin-top: -47px;
	}

	.topGuideLink .note {
		font-size: 10px;
		margin-top: 9px;
		display: block;
		color: #000000;
	}

	.topLinkList01 li {
		padding-left: 16px;
		background: url(/common/img/com_ic16.png) no-repeat left 4px;
		background-size: 8px auto;
		margin-top: 9px;
	}

	.topLinkList01 li a {
		color: #339933;
	}


	/*topLinkArea03*/
	.topLinkArea03 {
		margin-top: 35px;
	}

	.topLinkArea03 .topLinkArea03In {
		margin: 0 auto;
	}

	.SlideTitle {
		padding: 30px 15px 10px;
		margin: 10px;
		text-align: center;
		color: #4c483b;
	}

	.SlideTitle .name {
		font-weight: bold;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.2;
		background: url(/img/index_bg12.png) center bottom no-repeat;
		background-size: 97px auto;
		padding-bottom: 20px;
		margin-top: 0;
	}

	.SlideTitle .subLead {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 1;
		margin-top: 7px;
	}



	.topSlide {
		margin: 0 auto;
	}

	.topSlide .topSlideList {
		margin-top: 0px;
	}

	.topSlide .topSlideList .slick-slide {
		padding-left: 10px;
		padding-right: 10px;
	}

	.topSlide .topSlideList>div .topSlidePhoto {
		text-align: center;
		border: 1px solid #e9e9e9;
	}

	.topSlide .topSlideList>div .topSlidePhoto img {
		width: 100%;
		height: auto;
	}

	.topSlide .topSlideList>div a {
		color: #555555;
		display: block;
		background: #FFF;
		overflow: hidden;
	}

	.topSlide .topSlideList>div a dl {
		margin-top: 0px;
		padding: 10px 10px 8px 10px;
	}

	.topSlide .topSlideList>div a dl dt {
		color: #339933;
		font-weight: bold;
		font-size: 14px;
	}

	.topSlide .topSlideList>div a dl dt .date {
		display: block;
		text-align: right;
	}

	.topSlide .topSlideList>div a dl dd {
		margin-top: 5px;
		font-size: 14px;
	}

	.topSlide .slick-dots {
		text-align: center;
		margin: 18px auto 0;
	}

	.topSlide .slick-dots li {
		display: inline-block !important;
	}

	.topSlide .slick-dots li button {
		width: 8px !important;
		height: 8px !important;
		background: url(/img/index_bg13.png) no-repeat;
		background-size: 8px 8px;
		border: none;
		text-indent: -9999px;
		display: inline-block !important;
	}

	.topSlide .slick-dots li.slick-active button {
		background: url(/img/index_bg02.png) no-repeat;
		background-size: 8px 8px;
	}

	.topSlide .slick-next {
		background: url(/img/index_bt04.png) no-repeat center right;
		background-size: 12px auto;
		width: 16px !important;
		height: 28px !important;
		position: absolute;
		right: 15px;
		bottom: 0;
		margin-top: -22px;
		border: none;
		text-indent: -9999px;
	}

	.topSlide .slick-prev {
		background: url(/img/index_bt03.png) no-repeat center left;
		background-size: 12px auto;
		width: 16px !important;
		height: 28px !important;
		position: absolute;
		left: 15px;
		bottom: 0;
		margin-top: -22px;
		border: none;
		text-indent: -9999px;
	}

	.topSlide .bx-wrapper .bx-pager {
		bottom: -46px;
	}

	.topSlideSection .moreBtn {
		text-align: center;
	}

	.topSlideSection .moreBtn a {
		display: inline-block;
		font-size: 12px;
		padding: 5px 19px 4px 34px;
		background: #00743f url(/common/img/com_ic08.png) no-repeat 17px 50%;
		background-size: 8px auto;
		border-radius: 4px;
	}

	.topSlideSection .moreBtn a:link,
	.topSlideSection .moreBtn a:visited,
	.topSlideSection .moreBtn a:active {
		color: #ffffff;
	}

	.topSlideSection>.SlideTitle {
		border-top: 1px solid #a5a39d;
	}

	.topSlideSection+.topSlideSection>.SlideTitle {
		margin-top: 50px;
		background: url(/common/img/com_bg11.png) left top repeat-x !important;
		border: none;
	}


	/*topLinkArea04*/
	.topLinkArea04 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.topLinkArea04 .topLinkArea04In {
		margin: 0 auto;
	}

	.topServiceTitle {
		text-align: center;
		font-size: 20px;
		margin: 0px 10px;
		border-top: solid 1px #a5a39d;
		padding-top: 40px;
		color: #000000;
		font-weight: bold;
	}

	.topSlideBannerBox {
		margin: 0 auto;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 25px;
	}

	.topSlideBannerBox .slick-slide {
		margin: 0 5px;
	}

	.topSlideBannerBox .slick-dots {
		display: none !important;
	}

	.topSlideBannerBox .slick-dots li {
		display: inline-block !important;
		margin-right: 4px;
		margin-left: 4px;
	}

	.topSlideBannerBox .slick-dots li button {
		width: 8px !important;
		height: 8px !important;
		background: url(/img/index_bg13.png) no-repeat;
		background-size: 8px 8px;
		border: none;
		text-indent: -9999px;
		display: inline-block !important;
	}

	.topSlideBannerBox .slick-dots li.slick-active button {
		background: url(/img/index_bg02.png) no-repeat;
		background-size: 8px 8px;
	}

	.topSlideBannerBox .slick-next {
		background: url(/img/index_bt04.png) no-repeat center right;
		background-size: 12px auto;
		width: 16px !important;
		height: 28px !important;
		margin-top: -14px;
		position: absolute;
		right: -15px;
		top: 50%;
		border: none;
		text-indent: -9999px;
	}

	.topSlideBannerBox .slick-prev {
		background: url(/img/index_bt03.png) no-repeat center left;
		background-size: 12px auto;
		width: 16px !important;
		height: 28px !important;
		margin-top: -14px;
		position: absolute;
		left: -15px;
		top: 50%;
		border: none;
		text-indent: -9999px;
	}

	/*topLinkBlock02*/
	.topLinkBlock02 .linkBlock {
		width: 100%;
		padding: 0 10px;
		letter-spacing: -.40em;
	}

	.topLinkBlock02 .linkBlock li {
		display: inline-block;
		vertical-align: middle;
		width: 31.7%;
		margin-left: 2%;
		text-align: center;
		font-weight: bold;
		border-radius: 4px;
		letter-spacing: normal;
	}

	.topLinkBlock02 .linkBlock li:first-child {
		margin-left: 0;
	}

	.topLinkBlock02 .linkBlock li a {
		display: table;
		padding: 0px;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.3;
		width: 100%;
	}

	.topLinkBlock02 .linkBlock li p {
		margin-top: 0;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		height: 6em;
		padding-top: 38px;
	}

	.topLinkBlock02 .linkBlock li.type01 {
		background: url(/common/img/header_ic13.png) center 10px no-repeat;
		background-size: 36px auto;
		background-color: #ec6d74;
	}

	.topLinkBlock02 .linkBlock li.type02 {
		background: url(/common/img/header_ic05.png) center 10px no-repeat;
		background-size: 36px auto;
		background-color: #fd8c07;
	}

	.topLinkBlock02 .linkBlock li.type03 {
		/*background: url(/common/img/header_ic07.png) center 9px no-repeat;*/
		background: url(/common/img/header_ic07.png) center 10px no-repeat;
		background-size: 23px auto;
		background-color: #22753b;
	}

	/*20170904追加*/

	.topLinkArea04In .moreBtn {
		text-align: center;
		margin-top: 26px;
	}

	.topLinkArea04In .moreBtn a {
		display: inline-block;
		font-size: 12px;
		padding: 5px 19px 4px 34px;
		border: 1px solid #00743F;
		background: #ffffff url(/common/img/com_ic44.png) no-repeat 17px 50%;
		background-size: 8px auto;
		color: #00743F;
		border-radius: 4px;
	}

	/*topPageCap*/
	.topPageCap {
		font-size: 11px;
		text-indent: -1em;
		padding-left: 1em;
		margin-top: 3px;
	}

	/*aboutBlock*/
	#pageContainer .variableCol2 {
		margin: 40px 10px 0;
	}

	#pageContainer .variableCol2>.imgLeft {
		float: none;
		border: 1px solid #4c483b;
		margin-right: 0;
		padding: 10px 10px 20px;
		color: #4c483b;
		font-weight: bold;
		max-width: 100%;
	}

	#pageContainer .variableCol2>.textCol {
		margin-top: 10px;
	}

	.newsIcon {
		padding-left: 18px;
	}

	#faq { background-color: #fff; overflow: hidden; padding-bottom: 60px; border-bottom: 1px solid #a5a39d; margin: 35px 10px 0;}
	#faq h2 { text-align: center; font-size: 20px; color: #000000; font-weight: bold; }
	#faq dl { width: 900px; margin: auto; border: #007048 solid 2px;}
	#faq dl + dl { margin-top: 20px; }
	#faq dt { font-size: 18px; color: #007048; position: relative; }
	#faq dd > div { font-size: 18px; border: #fff solid 3px; overflow: hidden; padding: 1em; line-height: 2; background: #f3f2ea;}
	#faq dd p { margin-top: 0; line-height: 2; }
	#faq dd p + p { margin-top: 1em; }
	#faq dd small { font-size: 14px; display: block; text-indent: -1em; padding-left: 1em; }
	#faq dd small + small { margin-top: 0; }
	#faq dd ol li { text-indent: -1.2em; padding-left: 1.2em; }
	/*#faq dd ol li + li { margin-top: 1em; }*/
	.accordion {}
	.accordion_head { color: #007048; display: block; position: relative; padding: 1em 70px 1em 1em; text-indent: -1.4em; padding-left: 1.4em; margin-left: 1em; }
	.accordion_head:link,.accordion_head:hover,.accordion_head:visited { color: #007048; }
	.accordion_head:before { content: ""; display: block; width: 40px; height: 40px; border: #007048 solid 2px; border-radius: 100%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
	.accordion_head:after { content: ""; display: block; width: 13px; height: 13px; border-bottom: #007048 solid 2px; border-right: #007048 solid 2px; position: absolute; right: 34px; top: 50%; transform: rotate(45deg) translate(-50%, -50%); transition: .5s ease; }
	.accordion_body { max-height: 0; overflow: hidden; /*transition: .5s ease;*/ }
	.accordion.js__on .accordion_head:after { top: 55%; transform: rotate(45deg) translate(-50%, -50%) scale(-1); }
	.accordion.js__on .accordion_body { max-height: 1000vh; }
	#faq dl.js__on dt:before { content: ""; width: calc(100% - 6px); height:  calc(100% - 6px); position: absolute; top: 3px; left: 3px; }
	#faq .accordion.js__on .accordion_head:after { transform: rotate(45deg) translate(-35%, -35%) scale(-1); }


	#faq h2 { margin: 16vw auto 7vw; }
	#faq dl { width: 94vw; margin: auto; }
	#faq dt { font-size: 15px; }
	#faq dd > div { font-size: 15px; }
	#faq dd small { font-size: 3.47vw; }
	.accordion_head { padding: 1em 3.5em 1em 1em; }
	.accordion_head:before { width: 30px; height: 30px; }
	.accordion_head:after { width: 9px; height: 9px; right: 31px; }
	#faq .accordion.js__on .accordion_head:after { transform: rotate(45deg) translate(-50%, -50%) scale(-1); }


	.ind03 {
		padding-left:2em;
		text-indent:-2em;
		font-weight: bold;
	}
	.more__btn {
		display: block;
		text-align: center;
		font-weight: bold;
	}
	.more__btn a{
		border-width: 1px;
		border-color: #007048;
		border-style: solid;
		border-radius: 5px;
	  color: #007048;
		display: inline-block;
		padding: 3px 13px;
		margin-top: 10px;
	}

	.mi-pc {
		display: none!important;
	}
	.mi-sp {
		display: block!important;
	}

	/*=================================

	clearfix

=================================*/
	.newsBox .newsBoxTitleInR:after,
	.newsBox .newsBoxTitleWrap:after,
	.newsBox .newsBoxTitleWrap .newsBoxTitleInR:after {
		content: "";
		display: block;
		clear: both;
	}
}

@media only screen and (max-width: 380px) {
	#topPageMain ul li.main01 .textArea .text {
		font-size: 8px;
	}
}