@charset "utf-8";
@import url("reset.css");
/*
 * base CSS
 * ---------------------------------------------
 * レスポンシブ等、共通レイアウトに関わるCSS
 */
/* link */
a {
  color: #333;
  text-decoration: underline;
}
a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #333;
  text-decoration: none;
}


.txtLeft{text-align:left;}
.has-text-align-left{text-align:left;}
.txtRight{text-align:right;}
.has-text-align-right{text-align:right;}
.txtCenter{text-align:center;}
.has-text-align-center{text-align:center;}

.imgRight{float:right;padding-left:2em;}
.imgLeft{float:left;padding-right:2em;}
.size-full{width:100%;height:auto;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.img100{height:auto;width:100%;}
.img80{height:auto;width:80%;}
.img60{height:auto;width:60%;}
.img40{height:auto;width:40%;}

.clear_both{clear:both;}

.txtLarge{font-size:120%;}
.txtSmall{font-size:80%;}

.noto{font-family: 'Noto Sans JP', sans-serif;}
.noto-s{font-family: 'Noto Serif JP', serif;}
.carme{font-family: 'Carme', sans-serif;}
.raleway{font-family: 'Raleway', sans-serif;}
.hind{font-family: 'Hind Vadodara', sans-serif;}

.f_left{float:left;}
.f_right{float:right;}
.nobr{white-space: nowrap;}

/* clear, clearfix */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* row */
.row {
  width: 100%;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.row .col {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.7624309392265194%;
  *margin-left: 2.709239449864817%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row .col:first-child {
  margin-left: 0;
}

.row2 .col {
  width: 48.61878453038674%;
  *width: 48.56559304102504%;
}

.row3 .col {
  width: 31.491712707182323%;
  *width: 31.43852121782062%;
}


/*1.一文字ずつ表示定*/
.txt_animation {opacity: 0; letter-spacing: 0.2em;}
.txt_animation span{opacity: 0;}

/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0px);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(100px);}
.slide-left {transform: translateX(-100px);}

div.fadein_area div{display: none}




	/* loading */
	.loading-wrap {
	  position: fixed;
	  height:100vh;
	  width:100vw;
	  background-color:#ffffff;
	  border:none;
		  left: 0px;
		  top: 0px;
		  z-index: 99999999999999999999999999999999999999999999999999;
		  width: 100%;
		  height: 100%;
		display: grid;
		place-content: center center; 
		justify-content: center center;
		place-items: center center;
		}
	.loading-anime {
		  animation-name: loadinganime;
		  animation-timing-function:ease;
		  animation-duration: 2.5s;
		  animation-fill-mode: forwards;
		}
	@keyframes loadinganime {
		  from {
			transform: translateY(0);
			  opacity: 100%;
		  }
		  80% {
			  opacity: 100%;
		  }
		   99.999% {
			transform: translateY(0);
		  }   
		  to {
			transform: translateY(100%);
			  opacity: 0%;
		  }
			
		}
		.loading-animation img{
			width:160px;height:auto;}

		
@media screen and (max-width: 80em) {
	.loading-animation img{
		width:100px;height:auto;}
}



.loading-animation p{line-height:0px;margin-bottom:0px;}




/* layout */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  height:100%;
}

body {
  color: #333333;
  height:100%;
  word-break: break-all;
}

section{clear:both;}
.sp{display:none;}
.pc{display:block;}

/* header */

#header 
{
width:100%;
position: fixed;
z-index:99999;
padding:10px 0px 10px 0px;
top:0px ;
left:0px;
background-color:rgba(255,255,255,1);marginn-bottom:0px;
}



#h_inner{max-width:1200px;width:100%;position: relative;text-align:center;
margin:0px auto 0px auto;height:auto;}

#header #logo{display:block;float:left;}
#header #logo img{width:60px;height:auto;margin:0px 20px 0px 20px;}
#header h1
{padding-bottom:0px;
margin-bottom:0px;
line-height: 1.4em;
text-align:left;
color:#666;
font-size:14px;
padding:20px 0px 0px 30px;
display:block;
letter-spacing: 0.05em;
font-size:1.2em;
letter-spacing: 0.2em;
}
#header h1 a{color:#666; text-decoration: none;}



.opening_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


/* menu-nav */
#mnav {
display: none;
padding:60px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color:rgba(255,255,255,1);
z-index:99999999;
width:100%;
justify-content: center; /* 水平方向の中央揃え */
align-items: center;    /* 垂直方向の中央揃え */
height: 100vh;          /* コンテナの高さを画面全体に設定 */

}

#mnav.open {
display:block;

}

.hidden {
  display: none;
}

#mnav ul{margin:0px auto 0px auto;line-height:1.4em;font-size:0.9em;width:60%;min-width: 300px;max-width: 400px;border-top:solid 1px #ccc;
}
#mnav ul ul{margin:0px auto 3em auto;line-height:1.4em;font-size:0.85em;padding-top:2em;width:100%;
}

#mnav ul li a
{
margin:0px 0px 0.6em 0px;
line-height:2.6em;
display:block;
text-decoration:none;
font-family: 'Noto Serif JP', serif;
padding-top:0.7em;
}
#mnav ul li{border-bottom:solid 1px #ccc;}

#mnav ul li li a 
{
border-bottom:none;padding:0em;
}
#mnav ul li li{border-bottom:none;}


#menu_btn{position: absolute;top:0px;right:10px;}


#panel-btn{
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index:99999999;
  cursor: pointer
}
#panel-btn:hover{
}
/* 横棒中央の１本を表示表示 */
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 25px;
  height: 3px;
  margin: 0px 0px 0px -12.5px;
  background: #666;
  transition: 0.2s;
}
 
/* 横棒上下の2本を表示表示 */
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  height: 3px;
  background: #666;
  transition: 0.3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top:8px;
    width: 15px;
}


#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before{
  margin-top: 0;
}
 #panel-btn .close:after{
  margin-top: 0;
  width: 25px;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -web
}
#panel-txt{position:absolute;bottom:0px;font-size:10px;left:22%;text-align:center;}





.migi-navigation{

}
.migi-navigation ul{list-style: none;margin:0px;padding:0px;
position:fixed;
bottom:60px;
right:0px;
z-index:999;
    }
.migi-navigation ul li{margin:0px 0px 5px 0px;padding:0px;
}
.migi-navigation ul a{
    text-decoration: none;
    display: block;
    background-color: #999;
    color: #fff;
    padding: 0.8em 1em 0.8em 0.6em;
    writing-mode: tb-rl; /*IE*/
    -o-writing-mode: vertical-rl; /*Opera*/
    -webkit-writing-mode: vertical-rl; /*Chrome, Safari*/
    writing-mode: vertical-rl; /*Firefox, Edge*/
width:1.2em;
letter-spacing: 0.2em;
font-size: 15px;
font-weight: 500;
border-radius: 5px 0px 0px 5px;
}



/* wrap */
#wrap{margin:0px 0px 0px 0px;}

/* mainvisual */
.swiper_area{margin:100px 0px 50px 0px;}

.pnav .parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px; 
  text-align:center;
  line-height:1.6em;
  letter-spacing:0.1em;
  margin-bottom:5em;
  font-size:0.9em;
  }
 .pnav .parent span{display: inline;}
.pnav .parent a{text-decoration: none;font-size:1.1em;}
  .pnav .parent div{padding-bottom:0.2em;height:3em;  display: flex;
    justify-content: center;align-items: center;border-bottom:solid 10px #eef6ff;}
  .pnav .li01 { grid-area: 1 / 1 / 2 / 2;}
  .pnav .li02 { grid-area: 1 / 2 / 2 / 3;}
  .pnav .li03 { grid-area: 1 / 3 / 2 / 4;}
  .pnav .li04 { grid-area: 1 / 3 / 2 / 4;}
  .pnav .li04 { grid-area: 1 / 4 / 2 / 5;}



.pnav2025 .parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px; 
  text-align:center;
  line-height:1.6em;
  letter-spacing:0.1em;
  margin-bottom:5em;
  font-size:0.9em;
  }
 .pnav2025 .parent span{display: inline;}
.pnav2025 .parent a{text-decoration: none;font-size:1.1em;}
  .pnav2025 .parent div{padding-bottom:0.2em;height:3em;  display: flex;
    justify-content: center;align-items: center;border-bottom:solid 10px #eef6ff;}
  .pnav2025 .li01 { grid-area: 1 / 1 / 2 / 2;}
  .pnav2025 .li02 { grid-area: 1 / 2 / 2 / 3;}
  .pnav2025 .li03 { grid-area: 1 / 3 / 2 / 4;}
  .pnav2025 .li04 { grid-area: 1 / 3 / 2 / 4;}
  .pnav2025 .li04 { grid-area: 1 / 4 / 2 / 5;}

/* frontpage */

.cc_txt01 img{width:80%; max-width:700px;}



/* contents */


.contents{max-width:1200px;width:90%;margin:0px auto 10em auto;}
.page_contents .contents {max-width:900px;width:70%;}
#wrap.page_cotents  {padding-top:100px;}

img.mn_img{width:100%;}

.mn_list_area{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size:95%;
}
.mn_list_area .mn_list{
  width: 21%;
  margin:2%;
  margin-bottom:2em;
}
.contents .mn_list_area h2{padding:1em 0px 0px 0px;}
.contents .mn_list_area ul{margin:0px 0px 2em 1em;letter-spacing:0.1em;}
.contents .mn_list_area ul li{list-style: disc; margin-bottom:1em;line-height:1.4em;padding-left:0.2em;}






.hr_img01{
  margin:0px 0px 150px 0px;
  background: url("../images/bg01.png") no-repeat center center;
  background-size: cover;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img02{
  margin:0px 0px 150px 0px;
  background: url("../images/bg02.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img03{
  margin:0px 0px 150px 0px;
  background: url("../images/bg03.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img04{
  margin:0px 0px 150px 0px;
  background: url("../images/bg03.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img05{
  margin:0px 0px 150px 0px;
  background: url("../images/bg03.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img06{
  margin:0px 0px 150px 0px;
  background: url("../images/bg03.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}

.hr_img07{
  margin:0px 0px 150px 0px;
  background: url("../images/bg03.png") no-repeat center center;
  background-size:contain;
    height: 200px;
    width: 100%;
    background-attachment: fixed;
    opacity: 0.95;
}



.txt02{width:60%;float:left;padding-bottom:2em;}
.img01{width:40%;float:right;}
img{width:100%;}
dl.price_list{max-width:600px;margin:0px auto 0px auto;}
dl.price_list dt{font-weight:normal;float:left;clear:both;line-height:1.4em;padding:0.5em;}
dl.price_list dd{font-weight:normal;float:right;line-height:1.4em;padding:0.5em;margin-bottom:2em;position:relative;}

dl.price_list dd:before{
    border-bottom :dotted 2px #999999;
    content: '';
    height: 1em;
    width:3em;
    margin: 0 10px;
    position:absolute;
    left:-110%;
    top:0.2em;
    display:inline-block;
    margin-left:2em;
    margin-right:2em;
}




.koe01{background-color:#fdfbf1 ;padding:2em 2em 1em 2em;border-radius: 15px;}
.koe02{background-color:#f1f7eb ;padding:2em 2em 1em 2em;border-radius: 15px;}
.koe03{background-color:#fdf3f5 ;padding:2em 2em 1em 2em;border-radius: 15px;}
.koeimg01{width:100px;height:auto;margin-top:-30px;margin-bottom:20px;}
.koeimg02{width:110px;height:auto;margin-top:-30px;margin-bottom:20px;}
.koeimg03{width:130px;height:auto;margin-top:-30px;margin-bottom:20px;}

.link_bn{width:200px;height:auto;margin-top:5px;margin-bottom:0.6em;}



.contents ul.link_ul{margin:0px 0px 2em 0px;letter-spacing:0.1em;font-size: 0.9em;}
.contents ul.link_ul li{list-style: none; margin-bottom:3em;line-height:1.4em;padding-left:1em; border-bottom:solid 1px #eee;text-align: center;padding-top:1em;}
.contents ul.link_ul li p{margin-bottom:0.6em;line-height:1.4em;}
.contents ul.link_ul li img{border:solid 1px #eee;}

.contents h1{
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    text-align: center;
    line-height: 1.4em;
    font-size: 180%;
    letter-spacing: 0.2em;
    position: relative;
    margin-bottom:2em;
}

.contents header.h1_txt{
  text-align: center;
}

.contents  header.h1_txt h1{
  border-top:solid 1.5px #cbe3ff;
  border-bottom:solid 1.5px #cbe3ff;
  display:inline-block;
  margin:0px auto 3em auto;
  padding:1em 1.5em 1em 1.5em;
}



.contents h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  line-height: 1.4em;
  font-size: 140%;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom:1em;
  padding-top:3em;
}

.contents p{
line-height:2em;
letter-spacing:0.1em;
margin-bottom:1.5em;
}

.contents ul{margin:0px 0px 2em 2em;letter-spacing:0.1em;}
.contents ul li{list-style: disc; margin-bottom:1em;line-height:1.4em;padding-left:1em;}

.contents ol{margin:0px 0px 2em 2em;letter-spacing:0.1em;}
.contents ol li{list-style: decimal; margin-bottom:1em;line-height:1.4em;padding-left:1em;}

.contents hr{
  display:block;
  width: 50%;
  height: 50px;
  margin-top:90px;
  padding:0px auto 0px auto;
  border-top: 1px solid #ccc;
  border-left:none;
  border-bottom:none;
  border-right:none;
  clear: both;
  background-color: transparent;
}

.contents h1 a{text-decoration:none;}
.contents h1 a:hover{text-decoration: underline;}

.contents h2 a{text-decoration:none;}
.contents h2 a:hover{text-decoration: underline;}

.contents h3 a{text-decoration:none;}
.contents h3 a:hover{text-decoration: underline;}

.contents .box01{border:solid 1px #999;
padding:2em 2em 0.5em 2em;margin-bottom:2em;}

.contents .box02{border:solid 1px #999;
padding:2em 2em 2em 2em;margin-bottom:2em;}


.contents .page_back{text-align:center;}
.contents .page_back a{display:inline-block;text-align:center;background-color:#333; padding:0.7em 1em 0.7em 1em;text-decoration:none;color:#fff;margin:2em 0px 2em 0px;}


.linkbtn01{}
.linkbtn01 a{display:inline-block;background-color:#f6f6f6; padding:0.5em 2em 0.5em 2em;text-decoration:none;margin:0em 0px 0em 0px;word-break: break-all;width:70%;max-width:400px;font-size:0.8em;}
.linkbtn01 a:hover{text-decoration:none;}
.linkbtn01 img{height:1.4em;width:auto;margin-right:0.2em;vertical-align: middle;}

span.wpcf7-list-item {display:block;}
span.wpcf7-list-item input{margin-right:1em;}
span.wpcf7-list-item .wpcf7-list-item-label{font-weight:normal;}
label{font-weight:bold;}
input.wpcf7-text{width:60%;}
textarea.wpcf7-textarea{width:100%;}
img.qr{width:70px;height:auto;}

/* btn */

/* bread */

#bread{float:right;font-size:0.8em;padding:1em 0px 1em 0px;}
#bread li{display:inline-block;padding:0px 0px 0px 1em;}
#bread li a{padding:0px 1em 0px 1em;}
#bread li:after{content:">";}
#bread li:last-child:after{content:"";}
#bread:after{clear:both;}






/* footer  */

#footer{clear:both;background-color:#fff;padding:50px 0px 50px 0px;}
#f_inner{max-width:1000px; margin:0px auto 0px auto;}

#footer #copyright{text-align:center;font-size:0.9em;line-height:1.4em;}

/* pagetop */
p#pagetop{
	position: fixed;
	bottom: 20px;
	right: 50px;
	color:"#ccc";
}
* html p#pagetop{
	text-align:right;
	margin-right:0px;
	margin-bottom:0px;
}
p#pagetop a{text-decoration:none;font-size: 50px;}


/*
 * tablet and smartphone START
 * ---------------------------------------------
 */
@media only screen and (max-width: 990px) {
  /* layout */

.sp{display:block;}
.pc{display:none;}


.sp{display:block;}
.pc{display:none;}

}
/*
 * tablet and smartphone END
 * ---------------------------------------------
 */
/*
 * tablet START
 * ---------------------------------------------
 */
@media only screen and (min-width:700px) and (max-width: 999px) {
  /* #header-nav-sp */

#contents{margin:0px 0px 0px 0px;}

#f_inner{max-width:1000px; margin:0px;}	



}
/*
 * tablet END
 * ---------------------------------------------
 */
/*
 * smart phone START
 * ---------------------------------------------
 */
@media only screen and (max-width: 700px) {
body {
  font: 15px/1 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body.mac {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
head~/* */body {font-size: small;}
html:not(:target) body {font-size: 15px;}
  /* row */
  .row .col {
    float: none;
    margin-left: 0;
  }

  .row2 .col {
    width: auto;
  }

  .row3 .col {
    width: auto;
  }

	
/* header */

#h_inner{max-width:1200px;width:100%;position: relative;text-align:center;
  margin:0px auto 0px auto;height:auto;}
  
  #header #logo{display:block;float:left;}
  #header #logo img{width:50px;height:auto;margin:0px 20px 0px 20px;}
  #header h1
  {padding-bottom:0px;
  margin-bottom:0px;
  line-height: 1.4em;
  text-align:left;
  color:#666;
  font-size:12px;
  padding:15px 0px 0px 30px;
  display:block;
  }
  
	

	

/* menu-nav */

	.pnav .parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px; 
  text-align:center;
  line-height:1.3em;
  letter-spacing:0.1em;
  margin-bottom:5em;
  }
  .pnav .parent span.pc{display: none;}
  .pnav .parent a{text-decoration: none;font-size:0.9em;}
  .pnav .parent div{padding-bottom:0.5em;height:2em;  display: flex;
    justify-content: center;align-items: center; border-bottom:solid 5px #eef6ff;}
  .pnav .li01 { grid-area: 1 / 1 / 2 / 2;}
  .pnav .li02 { grid-area: 1 / 2 / 2 / 3; }
  .pnav .li03 { grid-area: 1 / 3 / 2 / 4; }
  .pnav .li04 { grid-area: 1 / 4 / 2 / 5; }


/* menu-nav */

	.pnav2025 .parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px; 
  text-align:center;
  line-height:1.3em;
  letter-spacing:0.1em;
  margin-bottom:5em;
  }
  .pnav2025 .parent span.pc{display: none;}
  .pnav2025 .parent a{text-decoration: none;font-size:0.9em;}
  .pnav2025 .parent div{padding-bottom:0.5em;height:2em;  display: flex;
    justify-content: center;align-items: center; border-bottom:solid 5px #eef6ff;}
  .pnav2025 .li01 { grid-area: 1 / 1 / 2 / 2;}
  .pnav2025 .li02 { grid-area: 1 / 2 / 2 / 3; }
  .pnav2025 .li03 { grid-area: 1 / 3 / 2 / 4; }
  .pnav2025 .li04 { grid-area: 1 / 4 / 2 / 5; }
	
/* frontpage */

input.wpcf7-text{width:100%;}
textarea.wpcf7-textarea{width:100%;}
	
/* mainvisual */
.swiper_area{margin:70px 0px 50px 0px;}
/* wrap */
	
	
/* contents */

.mn_list_area .mn_list{
  width: 46%;
  margin:2%;
  margin-bottom:2em;
}

.contents h1{

  font-size: 160%;

}

.contents{max-width:1200px;width:90%;margin:0px auto 5em auto;}
.page_contents .contents {width:90%;}
.hr_img01{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg01_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}
.hr_img02{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg02_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}

.hr_img03{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg03_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}

.hr_img04{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg04_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}

.hr_img05{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg05_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}

.hr_img06{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg06_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}

.hr_img07{
  margin:0px 0px 100px 0px;
  background-image: url("../images/bg07_sp.png");
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment:scroll;
}


/* footer  */


/* pagetop */
p#pagetop{
	position: fixed;
	bottom: 10px;
	right: 20px;
	color:"#999";
}
* html p#pagetop{
	text-align:right;
	margin-right:0px;
	margin-bottom:0px;
}
p#pagetop a{text-decoration:none;font-size: 45px;}

}