.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%;
}



/* =====================================
   ゴムクローラー よくあるご質問
===================================== */

.crawler-faq {
  width: 100%;
  max-width: 760px;
  margin: 30px 0;
  font-size: 15px;
  line-height: 1.7;
  box-sizing: border-box;
}

/* タイトル */
.crawler-faq-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 45px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}

.crawler-faq-title::before {
  content: "";
  display: block;
  width: 6px;
  height: 26px;
  background: #16b600;
  border-radius: 4px;
  flex-shrink: 0;
}

/* カテゴリー */
.crawler-faq-category {
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: bold;
  color: #00338e;
}

.crawler-faq-category::before {
  content: "●";
  margin-right: 8px;
}

/* Qボックス */
.crawler-faq-item {
  margin: 0 0 12px;
}

.crawler-faq-question {
  display: flex;
  align-items: center;
  gap: 25px;
  min-height: 82px;
  padding: 15px 20px;
  background: #f2f6ff;
  border-radius: 9px;
  cursor: pointer;
  color: #00338e;
  font-size: 17px;
  font-weight: bold;
  box-sizing: border-box;
  list-style: none;
}

.crawler-faq-question::-webkit-details-marker {
  display: none;
}

.crawler-faq-question::marker {
  content: "";
}

/* Qアイコン */
.crawler-faq-q-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 48px;
  background: #0a318e;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  transform: rotate(-8deg);
}

.crawler-faq-q-icon::after {
  content: "";
  position: absolute;
  left: 7px;
  bottom: -11px;
  border-top: 14px solid #0a318e;
  border-right: 17px solid transparent;
}

.crawler-faq-q-text {
  flex: 1;
  min-width: 0;
}

/* ＋－ */
.crawler-faq-toggle {
  flex: 0 0 20px;
  text-align: center;
}

.crawler-faq-toggle::before {
  content: "+";
  font-size: 26px;
  font-weight: bold;
}

.crawler-faq-item[open] .crawler-faq-toggle::before {
  content: "−";
}

/* 回答 */
.crawler-faq-answer {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  padding: 18px 15px 20px;
}

/* Aアイコン */
.crawler-faq-a-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 48px;
  background: #e60020;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  transform: rotate(-8deg);
}

.crawler-faq-a-icon::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -11px;
  border-top: 14px solid #e60020;
  border-left: 17px solid transparent;
}

.crawler-faq-answer-body {
  flex: 1;
  min-width: 0;
  color: #222;
}

.crawler-faq-answer-body p {
  margin: 0 0 18px;
}

.crawler-faq-lead {
  font-weight: bold;
}

/* 交換時期の症状 */
.crawler-faq-symptoms {
  margin: 25px 0;
  padding: 18px 20px;
  border: 2px solid #e60020;
  border-radius: 8px;
  background: #fffafa;
}

.crawler-faq-symptoms h4 {
  margin: 0 0 12px;
  color: #d71618;
  font-size: 16px;
  line-height: 1.6;
}

.crawler-faq-symptoms ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.crawler-faq-symptoms li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 1.3em;
}

.crawler-faq-symptoms li::before {
  content: "●";
  position: absolute;
  left: 0;
  color: #d71618;
  font-size: 12px;
}

/* 注意文 */
.crawler-faq-important {
  color: #d71618;
  font-weight: bold;
}

/* 箇条書きの黒いマークを削除 */
.crawler-faq-symptoms ul,
.crawler-faq-symptoms li {
  list-style: none !important;
}

.crawler-faq-symptoms li::marker {
  content: "";
}


/* スマートフォン用------------------------------------------------------------ */
@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;
}

  .crawler-faq {
    font-size: 14px;
  }

  .crawler-faq-title {
    font-size: 19px;
    margin-bottom: 30px;
  }

  .crawler-faq-category {
    font-size: 16px;
  }

  .crawler-faq-question {
    gap: 12px;
    padding: 12px 10px;
    font-size: 15px;
    min-height: 70px;
  }

  .crawler-faq-q-icon {
    flex-basis: 44px;
    width: 44px;
    height: 38px;
    font-size: 25px;
  }

  .crawler-faq-answer {
    gap: 15px;
    padding: 18px 5px;
  }

  .crawler-faq-a-icon {
    flex-basis: 44px;
    width: 44px;
    height: 38px;
    font-size: 25px;
  }

  .crawler-faq-symptoms {
    padding: 12px;
  }

  .crawler-faq-symptoms h4 {
    font-size: 15px;
  }
}


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

/* 2026-10-30 お支払・決済方法：表示調整 */
.wrap .frame {
  box-sizing: border-box;
  width: 100%;
  max-width: 650px;
  padding: 3px;
  background: #0b308e;
  margin-bottom: 1.5em; /* 枠の下に約1行分 */
}
.wrap .frame > .frame-in {
  box-sizing: border-box;
  width: 100%;
  float: none;
  padding: 15px;
  background: #fff;
}
.wrap .title {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 650px;
  min-height: 52px;
  margin: 30px 0 15px;
  padding: 8px 15px;
  background: #0b308e url("https://www.gomukuro-town.com/images/m1556.webp") center / 100% 100% no-repeat;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: 1px 1px 2px #333;
}
.wrap .title-t {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 25px 0 1.5em;
  padding: 0 0 8px;
  color: #0b308e;
  font-size: 17px;
  font-weight: bold;
  border-bottom: 3px dashed #0b308e;
}
/* 既存の装飾用divは見出しの下線と重複するため非表示 */
.wrap .title-t + .title-s,
.wrap .title-t + .title-s + .title-ss { display: none; }
.wrap .chui-block {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  max-width: 650px;
  margin: 25px 0 30px;
}
.wrap .chui-block > img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  float: none;
  vertical-align: bottom;
}
.wrap .chui-block > .chui {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 12px 1em;
  border: 3px solid #d71618;
  border-radius: 0 10px 10px 10px;
  background: #fffeee;
  color: #111;
}
.wrap .chui-block .chui ul {
  margin: 0;
  padding-left: 1.5em;
  list-style-type: square;
}
.wrap .chui-block .chui li { margin: 0 0 3px; }
@media only screen and (max-width: 600px) {
  .wrap .frame > .frame-in { padding: 10px; }
  .wrap .title { min-height: 52px; padding: 8px 12px; font-size: 16px; }
  .wrap .chui-block > .chui { padding: 12px 1em; }
}

/* 2026-10-30 キャプチャ shusei03 / shusei04 に基づく最終調整 */
/* 既存の赤い斜線背景も含めて上書きする */
.wrap .frame,
.wrap > .frame {
  background: #0b308e !important;
  background-image: none !important;
  border: 0 !important;
  padding: 3px !important;
  margin-bottom: 1.5em !important;
}
/* 次の見出し画像までの間隔を約1行にする */
.wrap .frame + .title { margin-top: 0 !important; }
/* 注意枠の左右の余白を、枠内のリスト余白も含めて縮小 */
.wrap .chui-block > .chui { padding-left: .5em !important; padding-right: .5em !important; }
.wrap .chui-block .chui ul { padding-left: .8em !important; margin-left: 0 !important; }
@media only screen and (max-width: 600px) {
  .wrap .chui-block > .chui { padding-left: .5em !important; padding-right: .5em !important; }
}

/* 2026-10-30 追加調整：青い点線枠・注意文左余白 */
.wrap .frame,
.wrap > .frame {
  background: none !important;
  background-image: none !important;
  border: 3px dashed #0b308e !important;
  padding: 0 !important;
}
/* 赤枠の右側はそのまま、左側のみ1文字分広げる */
.wrap .chui-block > .chui {
  padding-left: 1.5em !important;
}

/* 最終調整：青い点線を明確に表示、注意枠の左余白を追加 */
.wrap .frame {
  box-sizing: border-box !important;
  border: 3px dotted #0b308e !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
}
.wrap .frame > .frame-in { background: #fff !important; }
.wrap .chui-block > .chui { padding-left: 1.5em !important; padding-right: .5em !important; }