@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*
* ***********************************************************
*/
/* =====================================================================
*
*    sukoyakaInner Common
*
* =================================================================== */

div#sukoyakaInner div.txt-l p,
div#sukoyakaInner div.txt-l330 p,
div#sukoyakaInner div.txt-l500 p,
div#sukoyakaInner div.txt-l520 p,
div#sukoyakaInner div.txt-r p,
div#sukoyakaInner div.txt-r330 p,
div#sukoyakaInner div.txt-long p,
div#sukoyakaInner div.txt p {
  margin: 0 0 15px 0;
  line-height: 2;
}
p{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.imgblock{
	margin: 40px 0 20px;
}
.title_green{
	font-size: 18px;
	color: #24886b;
	margin-bottom: 5px;
	font-weight: normal;
}
/*  main visual*/
.contentsMainImage{
	position: relative;
	font-family: 'M PLUS 2', sans-serif;
}
@media screen and (min-width: 768px) {
	.contentsMainImage .text1{
		position: absolute;
		top: 60px;
		left: 192px;
		border: 1px solid #299476;
		background: #fff;
		border-radius: 10px;
		width: 133px;
		height: 28px;
		line-height: 26px;
		text-align: center;
		font-size: 13px;
		font-weight: 600;
		color: #299476;
	}
	.contentsMainImage .text2{
		position: absolute;
		top: 96px;
		left: 192px;
		font-size: 18px;
		line-height: 21px;
		color: #299476;
		font-weight: 400;
	}
	.contentsMainImage .text3{
		position: absolute;
		top: 100px;
		left: 364px;
		border-radius: 10px;
		color: #fff;
		background: #299476;
		text-align: center;
		width: 57px;
		height: 27px;
		font-size: 16px;
		line-height: 27px;
		font-weight: 600;
	}
	.contentsMainImage .text4{
		position: absolute;
		top: 150px;
		left: 192px;
		font-size: 28px;
		line-height: 1.0;
		color: #299476;
		font-weight: 400;
	}
}

@media screen and (max-width: 767px) {
	.contentsMainImage {
		margin: 20px auto 0 !important;
		padding: 0 !important;
	}
	.contentsMainImage .text1{
		position: absolute;
		top: 10%;
		left: 25%;
		border: 1px solid #299476;
		background: #fff;
		border-radius: 5px;
		text-align: center;
		font-size: 10px;
		font-weight: 600;
		color: #299476;
		padding: 3px 15px;
	}
	.contentsMainImage .text2{
		position: absolute;
		top: 30%;
		left: 25%;
		font-size: 12px;
		line-height: 13px;
		color: #299476;
		font-weight: 400;
	}
	.contentsMainImage .text3{
		position: absolute;
		top: 31%;
		left: 51%;
		border-radius: 5px;
		color: #fff;
		background: #299476;
		text-align: center;
		font-size: 10px;
		line-height: 1.0;
		font-weight: 600;
		padding: 3px 5px;
	}
	.contentsMainImage .text4{
		position: absolute;
		top: 53%;
		left: 25%;
		font-size: 14px;
		line-height: 1.0;
		color: #299476;
		font-weight: 400;
	}
}
@media screen and (max-width: 320px) {
	.contentsMainImage .text1{
		font-size: 10px;
		padding: 1px 5px;
	}
	.contentsMainImage .text2{
		font-size: 10px;
		line-height: 13px;
	}
	.contentsMainImage .text4{
		top: 55%;
		font-size: 12px;
		line-height: 1.0;
	}
}
/*  END */
.fukidashiblock{
	background: url(../../images/iroha/theme7_1/illust_3_pc.png) no-repeat;
	width: 413px;
	height: 184px;
	position: relative;
}
.fukidashiblock .text1{
	position: absolute;
	font-size: 14px;
	line-height: 22px;
	color: #24886b;
	top: 46px;
    left: 180px;
    width: 210px;
}
.fukidashiblock .text2{
	position: absolute;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	text-indent: -3em;
	margin-left: 3em;
    top: 150px;
    left: 170px;
	width: 280px;
}
.fukidashiblock .text2 a{
	text-decoration: underline;
	word-break: break-all;
}
.text2sp{
	display: none;
}
.fukidashiblock a[target="_blank"]:after {
    content: url(../../images/guide6/icon_blank_pc.png);
    margin: 0 3px;
}
.kaisetsu_body .title{
	font-size: 24px;
	line-height: 1.0;
	color: #2d8f72;
	margin-bottom: 15px;
	font-weight: normal;
}

.kaisetsu_body .subtitle{
	font-size: 20px;
	line-height: 1.0;
	color: #333;
	margin-bottom: 10px;
	font-weight: normal;
}
.tableblock{
	max-width: 453px;
	margin: 0 auto;
}
.column_inner .title{
	font-size: 24px;
	line-height: 1.0;
	color: #2d8f72;
	font-weight: normal;
}

div#sukoyakaInner .pic-r {
  float: right;
}
@media screen and (max-width: 767px) {
  div#sukoyakaInner .pic-r {
    float: none;
    text-align: center;
  }
}

div#sukoyakaInner .pic-l {
  float: left;
}
@media screen and (max-width: 767px) {
  div#sukoyakaInner .pic-l {
    float: none;
    text-align: center;
  }
}

div#sukoyakaInner div.txt-long {
  clear: both;
  width: 100%;
  margin-top: 12px;
}

div#sukoyakaInner span.ref {
  margin: 0px;
  font-size: 90%;
  letter-spacing: 1.2px;
}

div#sukoyakaInner span.ref a {
  color: #000;
}

div#sukoyakaInner span.ref a:hover {
  text-decoration: underline;
}

/* =====================================================================
*
*    Iroha Layout
*
* =================================================================== */
div#irohaMain {
  width: 715px;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
  div#irohaMain {
    width: auto;
  }
}

div#irohaMain .section {
  width: 715px;
  margin-bottom: 40px;
}
div#irohaMain .section.mb20 {
    margin-bottom: 20px;
}
div#irohaMain .section a {
  color: #299476;
}
div#irohaMain .section a:hover {
  color: #299476;
}
div#irohaMain .section a:visited {
  color: #299476;
}
div#irohaMain .section a:active {
  color: #299476;
}

div#irohaMain .section.nmb {
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	div#irohaMain .section {
		width: auto;
		margin-bottom: 60px;
	}
	div#irohaMain .section.smt-mb {
		margin-bottom: 60px;
	}
}

div#irohaMain .section h2 {
  margin-bottom: 16px;
}

div#irohaMain .section p.mt {
  margin-top: 36px;
}

div#irohaMain .txt-r {
  float: right;
  width: 350px;
}

div#irohaMain .txt-r330 {
  float: right;
  width: 330px;
}


@media screen and (max-width: 767px) {
  div#irohaMain .txt-r {
    float: none;
    width: auto;
  }
  div#irohaMain .txt-r330 {
    float: none;
    width: auto;
  }
}

div#irohaMain .txt-l {
  float: left;
  width: 350px;
}

div#irohaMain .txt-l500 {
  float: left;
  width: 500px;
    text-align: justify;
}

div#irohaMain .txt-l520 {
  float: left;
  width: 520px;
    text-align: justify;
}


div#irohaMain .txt-l330 {
  float: left;
  width: 330px;
}
@media screen and (max-width: 767px) {
  div#irohaMain .txt-l {
    float: none;
    width: auto;
    padding: 0;
  }
  
  div#irohaMain .txt-l500 {
    float: none;
    width: auto;
    padding: 0;
}
  div#irohaMain .txt-l520 {
    float: none;
    width: auto;
    padding: 0;
}

  
  div#irohaMain .txt-l330 {
    float: none;
    width: auto;
    padding: 0;
  }
   div#irohaMain .txt-r {
    float: none;
    width: auto;
    padding: 0;
  }
   div#irohaMain .txt-r330 {
    float: none;
    width: auto;
    padding: 0;
  }
}

div#irohaMain .txt-l a {
 color: #299476;
  text-decoration: underline;
}

div#irohaMain .txt-r a {
 color: #299476;
  text-decoration: underline;
}

div#irohaMain .txt-l a:hover {
  text-decoration: none;
  color: #299476;
}

div#irohaMain .txt-r a:hover {
  text-decoration: none;
  color: #299476;
}

div#irohaMain .txt-l p.ttl-img {
	/*width: 330px;
	display:table;
	background-color:#666;*/
}


/* -- section 01 -- */
div#irohaMain .illust01 {
	width: 330px;
	padding: 0 0 0 0px;
	float: left;
}
div#irohaMain .illust01a {
	width: 330px;
	padding: 0 0 0 0px;
	float: left;
}
div#irohaMain .illust01b {
	/*width: 350px;*/
	text-align: center;
}
@media screen and (max-width: 767px) {
  div#irohaMain .illust01 {
  	width: 70%;
  	margin: 0 auto;
    text-align: center;
    float: none;
  }
  div#irohaMain .illust01a {
  	width: 70%;
  	margin: 0 auto;
    text-align: center;
    float: none;
  }
}

/* -- section 02 -- */
div#irohaMain .illust02 {
  width: 330px;
  margin: 0 auto;
  line-height: 0;
  float: right;
}
div#irohaMain .illust02 img {
  width: 330px;
}

@media screen and (max-width: 480px) {
div#irohaMain .illust02 {
	  width: 100%;
}}

@media screen and (max-width: 767px) {
div#irohaMain .illust02,
div#irohaMain .illust02 img {
  width: 100%;
}
}
@media screen and (max-width: 767px) {
  div#irohaMain .illust02, div#irohaMain .illust02_d {
    float: none;
    text-align: center;
  }

  div#irohaMain .illust02 img {
    display: block;
   /* margin: 0 auto 10px;*/
  }
}
ol.section2-img-list {
	width: 100%;
	margin: 0;
	padding: 0;
}
ol.section2-img-list li {
	width: 236px;
	list-style: none;
	float: left;
}
@media screen and (max-width: 767px) {
	ol.section2-img-list li {
		width: 70%;
		margin: 20px auto;
		float: none;
	}
}

div#irohaMain div.section02 {
	width: 619px;
	margin: 0 auto;
	padding: 0 0 38px 0;
	background: #F2F9E6;
}
div#irohaMain div.section02 p.ttl {
	width: 565px;
	margin: 0 auto;
	padding: 0 0 3px 0;
	font-size: 135%;
	color: #00AB94;
	border-bottom: 1px solid #CCC;
}
div#irohaMain div.section02 p.ttl.mddl {
	padding: 18px 0 3px 0;
}
div#irohaMain div.section02 p.lst {
	width: 565px;
	margin: 0 auto;
	padding: 7px 0 5px 0;
	font-size: 105%;
	border-bottom: 1px solid #CCC;
}
div#irohaMain div.section02 p {
	width: 565px;
	margin: 0 auto;
	padding: 12px 0 0 0;
}
@media screen and (max-width: 767px) {
  div#irohaMain div.section02 {
    width: auto;
  }
  div#irohaMain div.section02 p.ttl {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section02 p.ttl.mddl {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section02 p.lst {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section02 p {
	width: auto;
  	margin: 0 24px;
  }
}


div#irohaMain .illust02_main {
  width: 518px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  div#irohaMain .illust02_main {
  	width: auto;
    float: none;
    text-align: center;
  }
}


/* -- section 03 -- */
div#irohaMain .illust03 {
	width: 330px;
	padding: 0;
	float: right;
}



/* -- section 05 -- */

@media screen and (max-width: 767px) {
  div#irohaMain .illust03 {
  	width: 100%;
    text-align: center;
  }
}

/*
.section3 {
	width: 330px !important;
	float: left;
}
*/
.section3r {
	width: 330px !important;
	float: right;
}
.section3 p {
/*
	margin: 0 !important;
	padding: 0 20px;
	color: #00AB94;
	background:#FFF3F6;
*/
}
.section3 img {
	vertical-align: bottom;
}

.illust_center{
	width:512px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
.illust_center{
		width: 100% !important;
		margin: 0 auto;
		float: none;
}
}

@media screen and (max-width: 767px) {
	.section3, .section3r {
		width: 100% !important;
		margin: 0 auto;
		float: none;
	}
	.section3 img {
		width: 100% !important;
	}
}



/* -- section 04 -- */
div#irohaMain .illust04 {
  width: 330px;
  margin: 0 auto;
  line-height: 0;
  float: right;
}
div#irohaMain .illust04_main {
  width: 619px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  div#irohaMain .illust04, div#irohaMain .illust04_main {
  	width: auto;
    float: none;
    text-align: center;
  }

  div#irohaMain .illust04 img {
    display: block;
   /* margin: 0 auto 10px;*/
  }
}
ol.section4-img-list {
	width: 100%;
	margin: 0;
	padding: 0;
}
ol.section4-img-list li {
	width: 236px;
	list-style: none;
	float: left;
}
@media screen and (max-width: 767px) {
	ol.section4-img-list li {
		width: 70%;
		margin: 20px auto;
		float: none;
	}
}

div#irohaMain div.section04 {
	width: 619px;
	margin: 0 auto;
	padding: 0 0 38px 0;
	background: #F2F9E6;
}
div#irohaMain div.section04 p.ttl {
	width: 565px;
	margin: 0 auto;
	padding: 0 0 3px 0;
	font-size: 135%;
	color: #00AB94;
	/*border-bottom: 1px solid #CCC;*/
}
div#irohaMain div.section04 p.ttl.mddl {
	padding: 18px 0 3px 0;
}
div#irohaMain div.section04 p.lst {
	width: 565px;
	margin: 0 auto;
	padding: 6px 0 4px 0;
	font-size: 105%;
	border-bottom: 1px dashed #CCC;
}
div#irohaMain div.section04 p.lst2 {
	width: 565px;
	margin: 0 auto;
	padding: 6px 0 12px 0;
	font-size: 105%;
}

div#irohaMain div.section04 p {
	width: 565px;
	margin: 0 auto;
	padding: 12px 0 0 0;
}
@media screen and (max-width: 767px) {
  div#irohaMain div.section04 {
    width: auto;
  }
  div#irohaMain div.section04 p.ttl {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section04 p.ttl.mddl {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section04 p.lst {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section04 p.lst2 {
  	width: auto;
  	margin: 0 24px;
  }
  div#irohaMain div.section04 p {
	width: auto;
  	margin: 0 24px;
  }
}


.img_cap{
	font-size:90%;
	margin:0;
	padding:12px 0;
	display:table;
  }




/*  kaisetuu
-----------------------------------------------------------------*/
.kaisetsu {
	background: #FFF !important;
	position: relative;
}
.kaisetsu .kaisetsu_title {
	line-height: 0;
	position: absolute;
	top: -120px;
	left: 33px;
}
.kaisetsu .kaisetsu_body {
	width: 715px;
	margin: 120px auto 0;
	padding: 55px 36px 36px 36px;
	background: #FFF3F6;
}
.kaisetsu .kaisetsu_body .kaisetsu_body_inner {
	margin: 20px 0 0 0;
}
.kaisetsu .kaisetsu_body .kaisetsu_body_inner .txt-l {
	width: 312px;
	margin: 0 21px 0 0;
	float: left;
}
.kaisetsu .kaisetsu_body .kaisetsu_body_inner .pict-r {
	width: 300px;
	float: right;
}
.kaisetsu .kaisetsu-btm {
  line-height: 0;
}
.kaisetsu a {
	text-decoration: underline !important;
	color:#00ab94;
}
@media screen and (max-width: 767px) {
	.kaisetsu .kaisetsu_body {
		width: auto;
	}
	.kaisetsu .kaisetsu_body .kaisetsu_body_inner {
		width: 100%;
		margin: 10px 0 0 0;
	}
	.kaisetsu .kaisetsu_body .kaisetsu_body_inner .txt-l {
		width: 50%;
		margin: 0 10% 0 0;
		float: left;
	}
	.kaisetsu .kaisetsu_body .kaisetsu_body_inner .pict-r {
		width: 40%;
		float: right;
	}
}
@media screen and (max-width: 480px) {
	.kaisetsu .kaisetsu_body .kaisetsu_body_inner .txt-l {
		width: auto;
		margin: 0;
		float: none;
	}
	.kaisetsu .kaisetsu_body .kaisetsu_body_inner .pict-r {
		width: auto;
		float: none;
		text-align: center;
	}
}



/*  column
-----------------------------------------------------------------*/

div.column {
  width: 715px;
  margin: 60px 0 0 0;
  background-image: none !important;
}

.column .column_title {
	line-height: 0;
}
.column .column_inner {
	background: #eaf9fe;
	padding: 0 30px 20px 30px;
}
.column .column_inner .column__body {
	margin: 15px 0 0 0;
}
.column .column_inner .column__body2 {
	margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  .column .column_inner {
    padding: 20px 20px 0 20px;
	background: #eaf9fe;
  }
}

.column_title_r {
	width:322px;
	height:24px;
	float: right;
}

.column .column_inner .txt-l {
	width: 385px;
	margin: 0 22px 0 0;
	float: left;
    text-align: justify;
}
.column .column_inner .pict-r {
	width: 241px;
	float: right;
	margin-top: -20px;
}

.column .column_inner .txt-r {
	width: 322px;
	float: right;
}
.column .column_inner .pict-l {
	width: 309px;
	margin: 0 24px 0 0;
	float: left;
	
}

.column .column_inner div.txt-long {
  clear: both;
  width: 100%;
  margin-top: 12px;
}

.column_btm {
	padding:0;
	margin:0;
}


@media screen and (max-width: 767px) {
  div.column {
  	width: auto;
  }
  .column .column_inner .txt-l {
  	width: 50%;
  	margin: 0 10% 0 0;
  	float: left;
  }
  .column .column_inner .pict-r {
	width: 40%;
	float: right;
	}
  .column .column_inner .txt-r {
  	width: 50%;
  	margin: 0 10% 0 0;
  	float: right;
  }
  .column .column_inner .pict-l {
	width: 40%;
		float: left;
		}
	}
	
	@media screen and (max-width: 480px) {
		.column {
			background: none;
			border: none !important;
			background-color: #fff !important;
		}
		.column .column_inner .txt-l {
		width:auto;
		margin: 0;
		float: none;
	  }
	  .column .column_inner .pict-r {
		width: auto;
		float: none;
		text-align: center;
		}
		.column .column_inner .txt-r {
		width:auto;
		margin: 0;
		float: none;
	  }
	  .column .column_inner .pict-l {
		width: auto;
		float: none;
		text-align: center;
		}
	}
	
	
	@media screen and (max-width: 767px) {
	  div#column .pic-r {
		display: none;
	  }
	}
	
	div#column h3 {
	  padding-top: 20px;
	}
	
	div#column div.txt-l {
	  float: left;
	  width: 380px;
	  padding-top: 24px;
	}
	div#column div.txt-r {
	  float: right;
	  width: 380px;
	  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  div#column div.txt-l {
    float: none;
    width: auto;
  }
}
  div#column div.txt-r {
    float: none;
    width: auto;
  }
}

div#column p.fig {
  padding-top: 25px;
}

/* responsive image*/
@media screen and (max-width: 480px) {
  #illust_3--res {
    float: right;
    margin: 10px;
  }
  img.scale-img {
	  width: 90%;
  }
}

@media screen and (max-width: 767px) {
  p#pageTop {
    margin-top: -20px;
  }
}


p.credit {
	font-size:118%;
	text-align:right;
	color:#00AB94;
}

@media screen and (max-width: 480px) {
	p.credit {
		font-size:105%;
	
	}
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 767px) {
	br.sp {
		display: block !important;
	}
	.sptext {
		display: block !important;
	}
	.pctext {
		display: none;
	}
	.section1 p,
	.section2 p,
	.section3 p {
		margin-bottom: 10px;
	}
	.section1 .spmb20 {
		margin-bottom: 20px;
	}
	.section1 .ttl-img{
		width: 219px;
	}
	.imgblock {
		margin: 10px 0 0;
	}
	.section2 .ttl-img{
		width: 269px;
	}
	.title_green {
		font-size: 15px;
		color: #24886b;
		font-weight: normal;
	}
	.section3 .ttl-img{
		width: 204px;
	}
	.fukidashiblock {
		background: url(../../images/iroha/theme7_1/illust_3_sp.png) no-repeat;
		background-size: contain;
		width: 100%;
		position: relative;
		padding-top: 47%;
	}
	.fukidashiblock .text1 {
/*
		position: absolute;
		font-size: 92%;
		line-height: 1.4;
		color: #1f9172;
		top: 22%;
		left: 44%;
		width: 51%;
*/
		display: none;
	}
	.fukidashiblock .text2 {
		display: none;
	}
	.text2sp {
		font-size: 13px;
		line-height: 22px;
		color: #333;
		text-indent: 0;
		margin-left: 0;
		display: block;
	}
	.text2sp a{
		text-decoration: underline;
		word-break: break-all;
	}
	.text2sp a[target="_blank"]:after {
		content: url(../../images/guide6/icon_blank_pc.png);
		margin: 0 3px;
	}
	.kaisetsu .kaisetsu_title {
		line-height: 0;
		position: relative;
		top: 0;
		left: 0;
		margin-top: 0;
	}
	.kaisetsu .kaisetsu_body {
		width: 100%;
		margin: 0 auto;
		padding: 20px 20px 30px;
		background: #FFF3F6;
	}
	.kaisetsu_body .title {
		font-size: 19px;
		margin-bottom: 10px;
	}
	.kaisetsu_body .subtitle {
		font-size: 15px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.column_inner .title {
		font-size: 19px;
		line-height: 25px;
		color: #2d8f72;
		margin-bottom: 10px;
	}
	.column .column_inner .column__body {
		margin: 0;
	}
}
br.sp {
	display: none;
}
.sptext {
	display: none;
}