@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;
}*/

.t-topics {
    background-color: #FFF8E7;
    width: 100%;
    height: auto;
    padding-top: 65px;
    padding-bottom: 20px;
    margin-bottom: 80px;
}

.t-topics-inner {
    width: 100%;
    height: auto;
    margin: 35px 0 100px;
}

.t-topics-menu {
    text-align: center;
    padding: 25px;
    background-color: #fff;
    position: relative;
}

.t-topics-menu01::before {
    position: absolute;
    content: url("../images/topics-new.png");
    left: 90px;
}

.t-topics-menu02::before {
    position: absolute;
    content: url("../images/topics-hp.png");
    left: 90px;
}

.t-topics-menu02::after {
    position: absolute;
    content: "";
    border-right: 1px solid #9FA0A0;
    width: 1px;
    height: 40px;
    right: 0;
}

.t-topics-menu03::before {
    position: absolute;
    content: url("../images/topics-news.png");
    left: 90px;
}

.t-topics-content-wrapper {
    background-color: #fff;
    /* clear: both; */
    /*overflow-y: scroll;*/
    height: auto;
}

.body-inner h1{
margin: 0px auto 20px auto;
text-align: center;
}

.img-pc-disp{
margin: 0px auto 0px auto;
text-align: center;
}



@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;
}



}