@charset: "UTF-8";

#container {
    width: 870px;
    margin: 0 auto;
}

#container #contents #index .block .box2 .prepare {
	float: right;
	margin-right: 30px;
}
#container #contents #index .block .box2 .preparetext {
	float: left;
	width: 200px;
	margin-left: 30px;
}
#container #contents #index .block .box2 .clear {
	clear: both;
}
#container #contents #index .block .box2 .goods {
	float: left;
	margin-left: 40px;
}
#container #contents #index .block .box2 .goodstext {
	float: left;
	width: 200px;
	margin-left: 30px;
	margin-top: 100px;
}
#container #contents #index .box2 .training {
	float: left;
}
#container #contents #index dl dd img {
	float: right;
}

#contents {
	margin: 0px;
	padding: 0px;
	width: 870px;
}

#contents h3 {
	width: 870px;
	background-image: url(./images/pagetitle.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#contents #index {
	padding-right: 10px;
	padding-left: 10px;
	width: 870px;
}

/*#contents #index h4 {
	background-image: url(./images/top_2.jpg);
	padding: 0px;
	height: 200px;
	width: 870px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}*/


#contents #index h4 {
margin-bottom: 10px;
}


#contents #index h4 img {
width: 100%;
height: auto;
}



#contents #index .obi_now {
	padding: 0px;
	height: 60px;
	width: 830px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-image: url(./images/now_obi.jpg);
}

#contents #index .obi_end {
	padding: 0px;
	height: 60px;
	width: 830px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-image: url(./images/end_obi.jpg);
}

#contents #index ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#contents #index li {
	display: inline;
	float: left;
	height: 200px;
	width: 280px;
	list-style-type: none;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
	overflow: hidden;
}

#contents #index li a {
	display: block;
	height: 200px;
	width: 250px;
}

#contents #index .c01 {
	background-image: url(./images/osuwari.jpg);
}

#contents #index .c02 {
	background-image: url(./images/food.jpg);
}

#contents #index .c03 {
	background-image: url(./images/pointup2.jpg);
}

#contents #index .c04 {
	background-image: url(./images/calendar.jpg);
}

#contents #index .c05 {
	background-image: url(./images/recipe.jpg);
}

#contents #index .c06 {
	background-image: url(./images/spoon.jpg);
}

#contents #index .c07 {
	background-image: url(./images/spoon.jpg);
}

#contents #index .c08 {
	background-image: url(./images/odekake-end.jpg);
}

#contents #index .c09 {
	background-image: url(./images/recipe.jpg);
}

#contents #index .c10 {
	background-image: url(./images/calendar.jpg);
}
#contents #index .c11 {
	background-image: url(./images/calendar.jpg);
}

#contents #index .c12 {
	background-image: url(./images/calendar2.jpg);
}

#contents #index .c13 {
	background-image: url(./images/calendar.jpg);
}

#contents #index a:hover {
	background-position: 0px -200px;
}


#index p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
}

#index .red {
   background:URL(image/txt_bg.gif);
   background-repeat:no-repeat;
   height:20px;
   margin:0.5em 0;
   font-weight:bold;
   color:#fff;
   text-align:center;
   padding-top:2px;
   width:71px;
}

#index .detail {
   margin-top:-2em;
   padding-left:3.5em;
}

#index ul {
   margin-left:0;
   padding-left:15px;
   }




#index_2 .h_auto {
height: auto !important;
}






#index_2 {
	position: relative;
 background: #fff url(./images/index_new.jpg) no-repeat center center;
background-size: 100% auto;
min-height: 1600px;
}


#target {
	position: absolute;
	top: 29em;
	left: 30px;
 font-size: 90%;
color: #333;
/*font-weight: bold;*/
} 



#target a {
color: #e61f19;
text-decoration: underline;
}



#point {
	position: absolute;
	top: 280px;
	left: 90px;
}



#point_new {
	position: absolute;
	top: 32em;
	left: 90px;
}


#form_link {
	position: absolute;
 top: 45.4em;
  left: 26px;
  font-size: 90%;
  max-width: 40%;
}

#form_link a {
color: #e61f19;
text-decoration: underline;
}




#syousai {
	position: absolute;
	right: 80px;
	bottom: 3em;
	text-decoration: underline;
}


#index p {
height: auto !important;
}

.guide {
overflow: hidden;
box-sizing: border-box;
border:  1px solid #f00;
margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
 padding-left: 2%;
padding-right: 2%;
}


.guide p {
font-size: 16px !important;
}


.point_box {
  width: 830px;
  margin: 20px auto 40px;
  border: solid 4px #549a43;
  padding: 0;
  font-size: 12px;
  color: #323333;
  line-height: 1.5em;
  position: relative;
}
.point_box p {
  padding: 10px 0;
}

.point_box a {
  color: #e61f19;
  text-decoration: underline;
}

.point_box a.syousai {
color: #595757;
font-size: 120%;
}

.point_end {
  width: 100%;
  margin: 80px auto 40px;
  padding: 0;
position: absolute;
}
.point_end img{
  width: 100%;
}

.point_box .red {
  color: #be1a20;
  list-style: none;
}

.point_box .redbold {
  color: #ff0000;
  font-weight: bold;
  font-size: 16px;
}

.point_box ul  {
  padding-left: 20px;
}


.point_box h3 {
  background: #549a43;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  margin: 0;
  font-size: 30px;
  line-height: 1.3em;
  position: relative;
}

.point_box h3::before {
  position: absolute;
  content: '';
  background-image: url("images/icon.png");
  background-repeat: no-repeat;
  width: 45px;
  height: 41px;
  left: 0;
  top: 10px;
}

.point_box .flex_box {
  margin: 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.point_box .flex_box .full {
	margin: 0 auto 2%;
  width: 100%;
}
.point_box .flex_box .left {
	margin: 0 auto 2%;
  width: 100%;
}
.point_box .flex_box .right {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 2%;
  width: 100%;
}
.point_box .flex_box .right li{
	margin: 1%;
	width: 45%;
}
.point_box .flex_box .left .entry  {
 /* padding-top: 50px;*/
}
.point_box .green_box {
    width: 100%;
    background-color: #549a43;
    color: #fff;
    padding: 10px 0;
}

.point_box .green_box ul li {
  list-style: none;
  font-size: 11px;
  }

.point_box .green_box ul li.point {
color: yellow;
font-size: 105%;
}




.point_box .flex_box2 {
  margin: 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.point_box .flex_box2 .left {
  margin-right: 4px;
  width: 290px;
  text-align: center;
}
.point_box .flex_box2 .left p{
  text-align: left;
}

.point_box .flex_box2 .left p span {
font-size: 90%;
padding-top: 2px;
display: block;
}



.point_box .flex_box2 .right {
  width: 496px;
}
.point_box h4 {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 20px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 15px 40px;
  border-radius: 10px;
}


.point_box h4.pd_40 {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
}



.point_box h4.A_title {
  background: #be1a20;
}
.point_box h4.B_title {
  background: #96568d;
}
.point_box h4.C_title {
  background: #2967a5;
}
.point_box h4.D_title {
  background: #3f955c;
}
.point_box h4.E_title {
  background: #e781b0;
}
.point_box p.A_subtitle{
  font-size: 14px;
  color: #be1a20;
}
.point_box p.B_subtitle{
  font-size: 14px;
  color: #96568d;
}
.point_box p.C_subtitle{
  font-size: 14px;
  color: #2967a5;
}
.point_box p.D_subtitle{
  font-size: 14px;
  color: #3f955c;
}
.point_box p.E_subtitle{
  font-size: 14px;
  color: #e781b0;
}
.point_box .flex_box2:last-child .right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.point_box p.right{
  text-align: right;
}


a.campaign_bn_none img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}






@media only screen and (min-width: 1024px) {

#index_2 {
	position: relative;
 background: #fff url(./images/index_new.jpg) no-repeat center center;
background-size: 100% auto;
min-height: 1600px;
}



#target {
	position: absolute;
	top: 29em;
	left: 30px;
 font-size: 90%;
color: #333;
/*font-weight: bold;*/
} 



#target a {
color: #e61f19;
text-decoration: underline;
}



#point {
	position: absolute;
	top: 280px;
	left: 90px;
}



#point_new {
	position: absolute;
	top: 32em;
	left: 90px;
}


#form_link {
	position: absolute;
  top: 45.4em;
  left: 26px;
  font-size: 90%;
  max-width: 40%;
}
F#form_link 
#form_link a {
color: #e61f19;
text-decoration: underline;
}


#syousai {
	position: absolute;
	right: 80px;
	bottom: 3em;
	text-decoration: underline;
}


#index p {
height: auto !important;
}

.guide {
overflow: hidden;
box-sizing: border-box;
border:  1px solid #f00;
margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
 padding-left: 2%;
padding-right: 2%;
}


.guide p {
font-size: 16px !important;
}


.guide p.address {
line-height: 1.5em;
}

.now_obi_ph {
width: 100%;
height: auto;
}

.end_obi_ph {
width: 100%;
height: auto;
}


.point_box p.C_subtitle b br {
display: block;
}





}


@media only screen and (min-width: 721px) and (max-width: 820px) {

#index_2 {
	position: relative;
 background: #fff url(./images/index_new.jpg) no-repeat center center;
background-size: 100% auto;
min-height: 1250px;
}



#target {
	position: absolute;
	top: 22.3em;
	left: 30px;
 font-size: 90%;
color: #333;
} 



#target a {
color: #e61f19;
text-decoration: underline;
}



#point {
	position: absolute;
	top: 280px;
	left: 90px;
}



#point_new {
	position: absolute;
	top: 24em;
	left: 60px;
}


#form_link {
	position: absolute;
 top: 35em;
  left: 26px;
  font-size: 90%;
  max-width: 40%;
}

#form_link a {
color: #e61f19;
text-decoration: underline;
}




#syousai {
	position: absolute;
	right: 2em;
	bottom: 2.5em;
	text-decoration: underline;
}


#index p {
height: auto !important;
}

.guide {
overflow: hidden;
box-sizing: border-box;
border:  1px solid #f00;
margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
 padding-left: 2%;
padding-right: 2%;
}


.guide p {
font-size: 16px !important;
}

.guide p.address {
line-height: 1.5em;
}


.now_obi_ph {
width: 100%;
height: auto;
}

.end_obi_ph {
width: 100%;
height: auto;
}

.point_box {
  width: 100%;
}
.point_box h3 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}
.point_box .flex_box {
  display: block;
}
.point_box .flex_box .left{
  width: 100%;
}
.point_box .flex_box .right{
  width: 100%;
}
.point_box .green_box {
    width: 100%;
}

.point_box .green_box ul li {
  list-style: none;
}

.point_box .flex_box2 {
  display: block;
}
.point_box .flex_box2 .left{
  width: 100%;
}
.point_box .flex_box2 .right{
  width: 100%;
}

.point_box p.C_subtitle b br {
display: none;
}



}




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

.s-inner {
    width: 95%;
    overflow: hidden;
}



#index_2 {
	position: relative;
 background: #fff url(./images/index_new.jpg) no-repeat top center;
background-size: 100% auto;
min-height: 680px !important;
}


#index_in {
position: absolute;
}



#target {
	/*position: absolute;*/
 position: relative;
top: 18.5em;
	left: 2.5em;
 font-size: 70%;
color: #333;
/*font-weight: bold;*/
} 



#target a {
color: #e61f19;
text-decoration: underline;
}


#point {
	position: relative;
	top: 280px;
	left: 90px;
}



#point_new {
	position: relative;
top: 12.2em;
	left: 2em;
width: 40%;
}


#form_link {
	position: relative;
top: 20em;
 left: 2.5em;
font-size: 70%;
max-width: 70%;
}



#form_link a {
color: #e61f19;
text-decoration: underline;
}




#syousai {
	position: relative;
	left: 32em;
top: 53em;
text-decoration: underline;
font-size: 70%;
}


#index p {
height: auto !important;
}

.guide {
overflow: hidden;
box-sizing: border-box;
border:  1px solid #f00;
margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
 padding-left: 2%;
padding-right: 2%;
line-height: 2em;
}


.guide p {
font-size: 16px !important;
}

.guide p.address {
line-height: 1.5em;
padding-top: 10px;
}



.point_box {
  width: 100%;
}
.point_box h3 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}
.point_box .flex_box {
  display: block;
}
.point_box .flex_box .left{
  width: 100%;
}
.point_box .flex_box .right{
  width: 100%;
}
.point_box .flex_box .right li{
	margin: 1% auto 3%;
	width: 95%;
}
.point_box .green_box {
    width: 100%;
}

.point_box .green_box ul li {
  list-style: none;
}


.point_box .flex_box2 {
  display: block;
}
.point_box .flex_box2 .left{
  width: 100%;
}
.point_box .flex_box2 .right{
  width: 100%;
}

.point_box p.C_subtitle b br {
display: none;
}



}