.space60{clear: left;margin-bottom:60px;}
.space30{clear: left;margin-bottom:30px;}
.space{clear: left;}
img  {border:none;}

a img {
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
}

.sp-none {
display:block;	
}

.pc-none {
display:none;	
}







/* 本体ブロックの設定 */
 .wrap{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  line-height: 1.5; 
  margin:15px 0 15px 0;
  padding:  0 ;
  font-size: 15px;   
   font-family: "Meiryo", "メイリオ", sans-serif;
     background-color:#;
	 text-align:left;
}



.frame-warning {
 padding-left: 2.5em;   /* 全体を1文字分右にずらす */
  text-indent: -3em;  /* 1行目だけを1文字分左に戻す */
}




 .pic-btn {
  box-sizing: border-box;
  width: 650px;
  height: auto;
  line-height: 1.5; 
  margin:15px auto 15px;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}


 .pic-btn a{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  line-height: 1.5; 
  margin:15px auto 15px;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}


 .pic-btn img {
	float:left;
	  box-sizing: border-box;
    width: calc(50% - 6px);
  margin:3px;
}

 .pic-btn img a{
	  box-sizing: border-box;
    width: calc(50% - 6px);
  margin:3px;
}

 .pic-btn a:hover{
opacity: 0.7;                        /* 半透明にする */
  transform: translateY(3px);          /* 下に2px移動させる */
  cursor: pointer;        
}





 .mt-15{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:-15px 0 0 0;
  padding:  0 ;
}
.mt-15 img{
  width: 650px;
}



.m0 img{
  width: 650px;
}

 .mt30{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:30px 0 0 0;
  padding:  0 ;
}
.mt30 img{
  width: 650px;
}


 .mt30-mb30{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:30px 0 30px 0;
  padding:  0 ;
}
.mt30-mb30 img{
  width: 650px;
}




 .mt45{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:45px 0 0 0;
  padding:  0 ;
}
.mt45 img{
  width: 650px;
}


 .mt45-mb15{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:45px 0 15px 0;
  padding:  0 ;
}
 .mt45-mb15 img{
  width: 650px;
}


 .mt15-mb30{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:15px 0 30px 0;
  padding:  0 ;
  text-align:center;

}
 .mt15-mb30 img{
  width: 650px;
}



 .mb15{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:0 0 15px 0;
  padding:  0 ;
}
.mb15 img{
  width: 650px;
}



 .mb30{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:0 0 30px 0;
  padding:  0 ;
}
.mb30 img{
  width: 650px;
}
 .mb45{
  box-sizing: border-box;
  width: 650px;
  height: auto;
  margin:0 0 45px 0;
  padding:  0 ;
}
.mb45 img{
  width: 650px;
}



.red {
	color:#d71618;
}

.red li{
	color:#d71618;
	padding-left: 3em; /*1em（1文字）分、右に動かす*/
    text-indent: -3em; /*最初の行だけ1em（1文字）分、左に動かす*/
	list-style:none;
}
.red li:before{
content:"（注）" 
}







.text {
	margin-top:15px;
	margin-bottom:15px;
}

.text img {
	vertical-align:middle;
	margin-right:3px;
	width:17px;
}
.text-indent {
margin-left:1.35em;
}
.text-indent2 {
margin-left:3em;
}

.text-red {
	color:#d71618;
	margin-left:1.35em;
}

.text-blue {
	font-weight:bold;
	color:#0b308e;
}


.arrow {
	float: left;
	width: 650px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.arrow img{
	width: 61px;
}





.line {
	border-top:solid 1px #0b308e;
	float: left;
	width: 650px;
	height:30px;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 0px 0px;
}




.page-1 {
	float: left;
	width: 650px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 30px 0px;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color:#0b308e;
}
.page-1 img {
	width:605px;
	margin-bottom: 15px ;
}
.page-1-mt-15-mb30 img {
	margin-top:-15px;
	margin-bottom:30px;
}
.page-1-w220 img {
	width:220px;
}

.page-1-270-1 img {
	float:left;
width:270px;
margin-right:55px;
}
.page-1-270-2 img {
	float:left;
width:270px;

}



.page-2-1 {
	float: left;
	width: 115px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.page-2-1 img{
	width: 75px;
}

.page-2-1-w120 img{
	float: left;
	width: 120px;
	margin-right:15px;
}

.page-2-2 {
	float: left;
	width: 535px;
	height:auto;
	padding: 20px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}

.page-3 {
	float: left;
	width: 515px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}



.frame {
	float: left;
	width: 644px;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 0px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #d71618 25%, #d71618 50%,
    #fff 50%, #fff 75%,
    #d71618 75%, #d71618
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-in {
	float: left;
	width: 614px;
	height:auto;
	padding: 15px ;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	font-weight:bold;
	color:#0b308e;
}

.frame-in ul {
margin:15px 0 0 0;
}


.frame-in2 {
	float: left;
	width: 624px;
	height:auto;
	padding: 10px 10px 10px 10px ;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;

}




.frame li { 
list-style:none;
margin-bottom:10px;
padding-left: 0em;
text-indent: 0em;
/*必要であれば以下も*/
list-style-position:inside;
}
.frame ul li:before {
	content: '（注）'; /* ←ここにリストマーカーにしたい文字列を設定 */
}



.btn-bottom a{
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 0 10px 0;;
	margin: 40px auto 40px ;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-bottom a{
	float: left;
	width: 100%;
	height:auto;
	padding: 0;
	margin: 10px 0 10px 0;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	
}
.btn-bottom img  a{
	width: 600px;height:auto;
	margin:0 auto;
}
.btn-bottom a:hover{
opacity: 0.7;                        /* 半透明にする */
  transform: translateY(3px);          /* 下に2px移動させる */
  cursor: pointer;        
}






.flow {
	border-top:solid 3px;
	border-right:solid 3px;
	border-left:solid 3px;
	border-color:#0b308e;
	float: left;
	width: 650px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	background-color:#f1f7fc;
	color:#0b308e;
	box-sizing: border-box;
}
.flow-e {
	border:solid 3px;
	border-color:#0b308e;
	float: left;
	width: 650px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	background-color:#f1f7fc;
	color:#0b308e;
	box-sizing: border-box;
}
.flow-num {
	float: left;
	width: 57px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}
.flow-num img {
	width: 57px;
}
.flow-text {
	float: left;
	width: 577px;
	height:auto;
	padding: 10px 0px 10px 0px ;
	margin: 0px 0px 0px 0px;
}
.flow-text-1 {
	float: left;
	width: 577px;
	height:auto;
	padding: 17px 0px 10px 0px ;
	margin: 0px 0px 0px 0px;
}





.flow-b {
	float: left;
	width: 650px;
	height:auto;
	padding: 10px 0px 10px 0px ;
	margin: 30px 0px 0px 0px;
	background-color:#e5f5fd;
	color:#0b308e;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}


.flow-arrow img {
width:650px;	
vertical-align:top;
}




.title {
font-size:large;color:#024990;margin-bottom:5px;font-weight:bold;margin-top:25px;margin-bottom:5px;line-height:1.2;
}


.title-1 {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#024990;


}

.title-2 {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;

}










.btn {
	float: left;
	width: 650px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 0px 0px;
    text-align:center;
}






.title-01 {
	float: left;
	width: 620px;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 0px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/images/m1556.webp);
	background-repeat:no-repeat;
}
.title-01t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#0b308a;
	font-weight:bold;
	font-size:18px;
}
.title-01s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#024990;
}
.title-01ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}


.frame-1 {
	float: left;
	width: 644px;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}




.title-02 {
	float: left;
	width: 620px;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 0px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/images/m1557.webp);
	background-repeat:no-repeat;
}
.title-02t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#008d3a;
	font-weight:bold;
	font-size:18px;
}
.title-02s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#008d3a;
}
.title-02ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #008d3a 25%, #008d3a 50%,
    #fff 50%, #fff 75%,
    #008d3a 75%, #008d3a
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-2 {
	float: left;
	width: 644px;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #008d3a 25%, #008d3a 50%,
    #fff 50%, #fff 75%,
    #008d3a 75%, #008d3a
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}

	
	
.title-03 {
	float: left;
	width: 620px;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 0px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/images/m1558.webp);
	background-repeat:no-repeat;
}
.title-03t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#ec8000;
	font-weight:bold;
	font-size:18px;
}
.title-03s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#ec8000;
}
.title-03ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ec8000 25%, #ec8000 50%,
    #fff 50%, #fff 75%,
    #ec8000 75%, #ec8000
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-3 {
	float: left;
	width: 644px;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ec8000 25%, #ec8000 50%,
    #fff 50%, #fff 75%,
    #ec8000 75%, #ec8000
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}


	
.title-04 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 15px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/images/m1559.webp);
	background-repeat:no-repeat;
}





.text-type {
	float: left;
	box-sizing: border-box;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.text-type img{
width:315px;
margin-left:15px;
float: right;
}


.text-type1 img{
	float: left;
width:210px;

float: right;
margin-top: 30px; 
margin-left: 30px;
margin-right: 30px;
}


.ml15 img{
margin-left:15px;
}
.mt45-ml15 img{
margin-top:45px;
margin-left:15px;
margin-bottom:30px;
}
.mt75-ml15 img{
margin-top:75px;
margin-left:15px;
margin-bottom:30px;
}
.ml30-mb15 img{

margin-left:30px;
margin-bottom:15px;
}

.w100 img{
width:100%;
}

/* スマートフォン用------------------------------------------------------------ */
@media only screen and (max-width: 600px){



.sp-none {
display:none;	
}

.pc-none {
display:block;	
}



/* 本体ブロックの設定 */
 .wrap{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  line-height: 1.5; 
  margin:15px auto 15px;
  padding:  0 10px 0 10px ;
  font-size: small;   
   font-family: "Meiryo", "メイリオ", sans-serif;
}







 .pic-btn {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  line-height: 1.5; 
  margin:15px auto 15px;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}


 .pic-btn a{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  line-height: 1.5; 
  margin:15px auto 15px;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}


 .pic-btn img {
	float:left;
	  box-sizing: border-box;
    width: calc(50% - 6px);
  margin:3px;
}

 .pic-btn img a{
	  box-sizing: border-box;
    width: calc(50% - 6px);
  margin:3px;
}

 .pic-btn a:hover{
opacity: 0.7;                        /* 半透明にする */
  transform: translateY(3px);          /* 下に2px移動させる */
  cursor: pointer;        
}








 .mt-15{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:-15px 0 0 0;
  padding:  0 ;
}
.mt-15 img{
  width: 100%;
}


 .mt30{
  box-sizing: border-box;
  width: 100%
  height: auto;
  margin:30px 0 0 0;
  padding:  0 ;
}
.mt45 img{
  width: 100%
}


.m0 img{
  width: 100%;
}

 .mt15{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:15px 0 0 0;
  padding:  0 ;
}
.mt15 img{
  width: 100%;
}




 .mb15{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:0 0 15px 0;
  padding:  0 ;
}
.mb15 img{
  width: 100%;
}



 .mt30{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:30px 0 0 0;
  padding:  0 ;
}
.mt30 img{
  width: 100%;
}



 .mt30-mb30{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:30px 0 30px 0;
  padding:  0 ;
}
.mt30-mb30 img{
  width: 100%;
}



 .mt45{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:45px 0 0 0;
  padding:  0 ;
}
.mt45 img{
  width: 100%;
}

 .mt15-mb30{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:15px 0 30px 0;
  padding:  0 ;
}
 .mt15-mb30 img{
  width: 100%;
}

 .mt45-mb15{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:45px 0 15px 0;
  padding:  0 ;
}
 .mt45-mb15 img{
  width: 100%;
}


 .mb30{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:0 0 30px 0;
  padding:  0 ;
}
.mb30 img{
  width: 100%;
}



 .mt30-mb30{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:30px 0 30px 0;
  padding:  0 ;
}
.mt30-mb30 img{
  width: 100%;
}



 .mb45{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin:0 0 45px 0;
  padding:  0 ;
}
.mb45 img{
  width: 100%;
}



.red {
	color:#d71618;
}



.text {
	margin-top:10px;
	margin-bottom:10px;
}

.text img {
	vertical-align:middle;
	margin-right:3px;
	width:15px;
}
.text-indent {
margin-left:1.35em;
}

.text-red {
	color:#d71618;
	margin-left:1.35em;
}


.arrow {
	float: left;
	width: 100%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.arrow img{
	width: 61px;
}





.line {
	border-top:solid 1px #0b308e;
	float: left;
	width: 100%;
	height:30px;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 0px 0px;
}




.page-1 {
	float: left;
	width: 100%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 30px 0px;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:#0b308e;
}
.page-1 img {
	width:100%;
	margin-bottom: 15px ;
}
.page-1-mt-15-mb30 img {
	margin-top:-15px;
	margin-bottom:30px;
}
.page-1-w220 img {
	width:150px;
}





.page-2-1 {
	float: left;
	width: 15%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 5% 0px 0px;
	text-align:center;
}
.page-2-1 img{
	width: 100%;
}


.page-2-2 {
	float: left;
	width: 80%;
	height:auto;
	padding: 20px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}



.page-2-1-w120 img{
	float: left;
	width: 120px;
	margin-right:15px;
}

.page-3 {
	float: left;
	width: calc(100% - 135px);
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}


.frame {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 0px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #d71618 25%, #d71618 50%,
    #fff 50%, #fff 75%,
    #d71618 75%, #d71618
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-in {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 10px 10px 10px ;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	font-weight:bold;
	color:#0b308e;
}




.btn-bottom {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 0 10px 0;;
	margin: 0px 0 40px 0;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-bottom a{
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 0;
	margin: 10px 0 10px 0;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.btn-bottom img {
	width: 100%;height:auto;
	margin:0;
}
.btn-bottom img  a{
	width: 100%;height:auto;
	margin:0;
}
.btn-bottom a:hover{
opacity: 0.7;                        /* 半透明にする */
  transform: translateY(3px);          /* 下に2px移動させる */
  cursor: pointer;        
}








.flow {
	box-sizing: border-box;
	border-top:solid 2px;
	border-right:solid 2px;
	border-left:solid 2px;
	border-color:#0b308e;
	float: left;
	width: 100%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	background-color:#f1f7fc;
	color:#0b308e;
}
.flow-e {
	box-sizing: border-box;
	border:solid 2px;
	border-color:#0b308e;
	float: left;
	width: 100%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	background-color:#f1f7fc;
	color:#0b308e;
}
.flow-e img{
	width: 100%;
}
.flow-num {
	box-sizing: border-box;
	float: left;
	width: 40px;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
}
.flow-num img {
	width: 40px;
}
.flow-text {
	box-sizing: border-box;
	float: none;
	width:calc(100% - 30px);
	height:auto;
	padding: 15px 0px 15px 0px ;
	margin: 0px auto;
}
.flow-text-1 {
	box-sizing: border-box;
	float: none;
	width:calc(100% - 30px);
	height:auto;
	padding: 15px 0px 15px 0px ;
	margin: 0px auto;
}





.flow-b {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 0px 10px 0px ;
	margin: 30px 0px 0px 0px;
	background-color:#e5f5fd;
	color:#0b308e;
	font-weight:bold;
	font-size:small;
	text-align:center;
}


.flow-arrow img {
width:100%;	
vertical-align:top;
}




.title {
font-size:large;color:#024990;margin-bottom:5px;font-weight:bold;margin-top:25px;margin-bottom:5px;line-height:1.2;
}


.title-1 {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#024990;


}

.title-2 {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;

}















.btn {
	float: left;
	width: 100%;
	height:auto;
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 0px 0px;
    text-align:center;
}






.title-01 {
	float: left;
	width: 100%;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 15px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:medium;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/img/page_type/title_1.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-radius:10px 10px 0 0;
	box-sizing: border-box;
}
.title-01t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#0b308a;
	font-weight:bold;
	font-size:small;
}
.title-01s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#024990;
}
.title-01ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}


.frame-in2 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 10px 10px 10px ;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;

}


.frame-1 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #024990 25%, #024990 50%,
    #fff 50%, #fff 75%,
    #024990 75%, #024990
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}




.title-02 {
	float: left;
	 width: calc(100% - 30px);
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 0px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:medium;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/img/page_type/title_2.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-radius:10px 10px 0 0;
}
.title-02t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#008d3a;
	font-weight:bold;
	font-size:18px;
}
.title-02s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#008d3a;
}
.title-02ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #008d3a 25%, #008d3a 50%,
    #fff 50%, #fff 75%,
    #008d3a 75%, #008d3a
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-2 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #008d3a 25%, #008d3a 50%,
    #fff 50%, #fff 75%,
    #008d3a 75%, #008d3a
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}

	
	
.title-03 {
	float: left;
	 width: calc(100% - 30px);
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 0px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:medium;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/img/page_type/title_3.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-radius:10px 10px 0 0;
}
.title-03t {
	padding: 0px 0px 0px 0px ;
	margin: 30px 0px 3px 0px;
    color:#ec8000;
	font-weight:bold;
	font-size:small;
}
.title-03s {
	float: left;
	width: 10%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	background-color:#ec8000;
}
.title-03ss {
	float: left;
	width: 90%;
	height:3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 15px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ec8000 25%, #ec8000 50%,
    #fff 50%, #fff 75%,
    #ec8000 75%, #ec8000
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}
.frame-3 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height:auto;
	padding: 3px 3px 3px 3px ;
	margin: 30px 0px 45px 0px;
	
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ec8000 25%, #ec8000 50%,
    #fff 50%, #fff 75%,
    #ec8000 75%, #ec8000
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 7px 7px;
}


	
.title-04 {
	float: left;
	 width: 100%;
	height:52px;
	padding: 10px 15px 0px 15px ;
	margin: 0px 0px 15px 0px;
    color:#ffffff;
	font-weight:bold;
	font-size:medium;
	text-shadow: 2px 2px 0px #000000;
	background-image:url(https://www.gomukuro-town.com/img/page_type/title_4.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-radius:10px 10px 0 0;
	box-sizing: border-box;
}





.text-type {
	float: left;
	box-sizing: border-box;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.text-type img{
width:50%;
margin-left:15px;
float: right;
}


.text-type1 img{
	float: left;
width:30%;

float: right;
margin-top: 0px; 
margin-left: 30px;
margin-right: 30px;
}


.ml15 img{
margin-left:15px;
}
.mt45-ml15 img{
margin-top:45px;
margin-left:15px;
margin-bottom:30px;
}
.mt75-ml15 img{
margin-top:75px;
margin-left:15px;
margin-bottom:30px;
}
.ml30-mb15 img{

margin-left:30px;
margin-bottom:15px;
}

.w50 img{
width:50%;
}
.w100 img{
width:100%;
}

.ww100 img{
width:100%;
margin-bottom:15px;
}


}
/* スマートフォン用------------------------------------------------------------ *//