@charset "utf-8";
/* CSS Document */

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
	max-width: 100%;
height: auto;
width /***/:auto;　
}
body{
  font-size : 14px;
}

#container{
	width:100%;
}
#wrapper{
	width : 100%;
    background: #fff;
}

#head{
	width : 100%;
	height : auto;
	margin-left : auto;
	margin-right : auto;
}

#main{
  margin-top : 10px;
  width : 100%;
  margin-right : auto;
  margin-left : auto;
}
#main p{
	padding : 5px;
}


#footer{
  font-size : 13px;
  line-height : 38px;
  color : white;
  background-color : #f45000;
  text-align : center;
  width : 100%;
  height : 38px;
  margin-right : auto;
  margin-left : auto;
}
.colom_box{
	width : 88%;
    padding: 2px 10px;
    margin: 5px;
    background: #ffe4e1;
    box-shadow: #ffe4e1 0 0 10px 10px;
    -webkit-box-shadow: #ffe4e1 0 0 3px 3px;
    -moz-box-shadow: #ffe4e1 0 0 3px 3px;
	margin-left : auto;
	margin-right : auto;
}
.colum_box p{
	padding : 0px;
}
.colum_in{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
}
.colum_left{
	width : 100%;
	text-align : center;
}
.colum_left img{
	width : 50%;
	margin-top : 10px;
}
.colum_right{
	width : 100%;
    text-align : left;
}

.space_l{
	height : 20px;
}
.font85{
	font-size : 90%;
}
.youtube_box{
	width : 96%;
	margin-left : auto;
	margin-right : auto;
}
.suisen_box{
     padding: 7px 7px;
     border-radius:4px;
     border:1px solid #9a7a7a;
     box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4);
     margin: 10px 0px;
     width: 92%;
     height:auto;
     margin-left : auto;
     margin-right : auto;
	 background-image : url(../image/suisenbox_bg.gif);
     background-repeat : repeat;
}
.kaihatsu_box{
     padding: 7px 7px;
     border-radius:4px;
     border:1px solid #ee664a;
     box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4);
     margin: 10px 0px;
     width: 92%;
     height:auto;
     margin-left : auto;
     margin-right : auto;
	 background-image : url(../image/kaihatsu_bg.jpg);
     background-repeat : repeat;
}
.kaihatsu_in{
	width : 92%;
	margin-left : auto;
	margin-right : auto;
}
.kaihatsu_right{
	width : 98%;
}
.kaihatsu_left{
	width : 98%;
}

.himitsu_box{
    width : 92%;
    margin:0px;
    height:auto;
    position: relative;
    background:#f8f5e7;
    padding:10px;
    margin-left : auto;
    margin-right : auto;
}

.himitsu_box:before{
    content: '';
    z-index: 1;
    position: absolute;
    border: 1px dashed #d94b62;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    -moz-box-shadow: 0 0 0 1px #ff8214;
    -webkit-box-shadow: 0 0 0 1px #ff8214;
    box-shadow: 0 0 0 1px #ff8214;
}
.himitsu_in{
	width : 94%;
	margin-left : auto;
	margin-right : auto;
}
.himitsu_left{
	width : 100%;
}
.himitsu_right{
	width : 100%;
}
.point_box {
  width : 92%;
  background-color: #E4F1F4;
  position: relative;
  padding: 0.5em;
  margin-left : auto;
  margin-right : auto;
}
.point_box::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 18px 18px;
  border-style: solid;
  border-color: #415FA4 #fff #fff #415FA4;
}
.point_in{
  width : 96%;
  margin-left : auto;
  margin-right : auto;
  margin-top : 10px;
}
.bunkatsu{
	width : 92%;
  margin-left : auto;
  margin-right : auto;
}	
.left{
	width : 100%;
}
.right{
	width : 100%;
	text-align : center;
}

.space_l{
	height : 20px;
}

.taiken_box{
	width : 92%;
    padding: 5px 10px;
    margin: 5px;
    background: #F8F5E3;
    box-shadow: #F8F5E3 0 0 10px 10px;
    -webkit-box-shadow: #F8F5E3 0 0 10px 10px;
    -moz-box-shadow: #ffe4e1 0 0 10px 10px;
	margin-left : auto;
    margin-right : auto;
}
.taiken_box_in {
	width : 92%;
    padding: 10px;
    border: #E9A969 dashed 1px;
    background: #fff;
	margin-left : auto;
    margin-right : auto;
}
.note{
    background-image: url("../image/line2.gif");
    line-height : 32px;
    margin: 0px;
}
.qa_box {
	width : 92%;
    position: relative;
    padding: 8px;
	margin-top : 5px;
    color: #000000;
    background: #DEEDF5;
    overflow: hidden;
	margin-left : auto;
    margin-right : auto;
}
 
.qa_box:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: #0A439B;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.q_font{
	font-size : 105%;
	color : #0C44A7;
	font-weight: bold;
	margin-bottom : 10px;
}
.a{
  background-image : url(../image/okotae2.jpg);
  background-repeat : no-repeat;
  background-position : left top;
  padding-left : 70px;
  padding-top : 10px;
}

.a_bg {
	width : 96%;
    position: relative;
    padding: 5px;
	margin-top : 15px;
    color: #000000;
    background: #FAFBDA;
    overflow: hidden;
	margin-left : auto;
    margin-right : auto;
}

.kakakuset {
	width : 92%;
    padding: 5px;
    background: #fff;
    border: 3px #E97E95 solid;
    position: relative;
    z-index: 10;
	margin-left : auto;
	margin-right : auto;
}


.kakakuset:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 1px #E97E95 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.form_box_sp {
	width : 92%;
    color: #000000;
    padding: 7px;
    background: #F8972A;
    position: relative;
    z-index: 10;
	margin-left : auto;
	margin-right : auto;
}
 
.form_box_sp:before {
    content: "";
    position: absolute;
    background: #F9F3E8;
    margin: 4px;
    border: 2px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}
.form_box{
	display : none;
}

h1{
	font-size : 120%;
}

 table {
    border-top: 0px solid #999;
	font-size : 90%;
  }
  table td {
    display: block;
    text-align: left;
	width: 90%;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
  }
  table th {
    display: block;
	text-align: center;
    border-top: none;
    border-bottom: none;
    width: 90%;
	background-color : #EFEBEB;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
  }

}