@charset "utf-8";
@media screen and (max-width:768px){
html {
	-webkit-text-size-adjust: 100%;
}


.clearfix:after {
   content: " ";
   font-size: 0.1em;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;

}
.clearfix { min-height: 1%; }
.note {
  width: auto;
  margin: 0 auto;
}
.note .cont1 {
	height: auto;
    margin: 0 auto 10px;
    padding:7% 0 20px;
    background:url(../img/note/img1_01.jpg) no-repeat center top;
	background-size:100% auto;
}
.note .cont1 h3{
	text-indent:-9999px;
}
.note .cont1 img{
	display:block;
	margin:0 auto 10px;
	max-width:70%;
}

.note .cont1 p {
     padding: 0 3% 0;
     line-height: 1.5;
}
.note .cont2-1 {
	height: auto;
	background: url(../img/note/img2_01.jpg) no-repeat left top;
	background-size:200px auto;
}
.note .cont2 .ul1{
	height: auto;
}
.note .cont2 .ul1 li{
	float:none;
}
.note .cont2 .ul1 .li1{
	color: #ffffff;
    font-size: 16px;
    width: auto;
    margin: 0 auto;
    padding: 12px 0 0 40px;
}
.note .cont2 .ul1 .li2{
	padding: 10px 0 0;
	background-color:#0f76bb;
	color:#fff;
	text-align:center;
}

.note .cont2 .ul2{
	height:auto;
	overflow:hidden;
	background-color:#0f76bb;
	padding-bottom:10px;
}
.note .cont2 .ul2 li{ float:none;}
.note .cont2 .ul2{ color:#ffffff;}
.note .cont2 .ul2 li img {
	max-width:94%;
	display:block;
	margin:auto;
}
.note .cont2 .ul2 .li1 {
	font-size: 14px;
	padding: 10px 3% 0;
    width: auto;
}
.note .cont2 .ul2 .li1 p{
	margin:-5px 3% 0;
	text-align:center;
}
.note .cont2 .ul2 .li2 {
	width: auto;
	padding-top:10px;
}
.note .cont2 .ul2 .li2 p {
	padding:0 3%;
}

.note .cont3-1{
	height: auto;
	margin-bottom:10px;
	padding-bottom:10px;
	background-image: none;
	border-bottom:2px solid #0f76bb;
}
.note .cont3 ul{
	padding-top: 0;
	text-align:center;
}
.note .cont3 ul li{
	float: none;
    font-size: 12px;
    text-align: center;
    width: 47%;
    margin-right:0;
    display:inline-block;
    vertical-align:top;
}
.note .cont3 ul li:last-child{
	margin-right:0;
}
.note .cont3 ul li img{
	max-width:100%;
}
  

.note .cont2-2 {
	height: auto;
	background: url(../img/note/img2_2_01.jpg) no-repeat left top;
	background-size:200px auto;
}
.note .cont2-2 .ul1{
	height: auto;
}
.note .cont2-2 .ul1 li{
	float:none;
}
.note .cont2-2 .ul1 .li1{
	color: #ffffff;
    font-size: 16px;
    width: auto;
    margin: 0 auto;
    padding: 12px 0 0 40px;
}
.note .cont2-2 .ul1 .li2{
	padding: 10px 0 0;
	background-color:#0f76bb;
	color:#fff;
	text-align:center;
}
.note .cont2-2 .ul2{
	height:auto;
	overflow:hidden;
	background-color:#0f76bb;
	padding-bottom:10px;
}
.note .cont2-2 .ul2 li{ float:none;}
.note .cont2-2 .ul2{ color:#ffffff;}
.note .cont2-2 .ul2 li img {
	max-width:94%;
	display:block;
	margin:auto;
}
.note .cont2-2 .ul2 .li1 {
	font-size: 14px;
	padding: 10px 3% 0;
    width: auto;
 }
.note .cont2-2 .ul2 .li1 p {
	margin:-5px 3% 0;
	text-align:center;
}
.note .cont2-2 .ul2 .li2 {
	width: auto;
	padding-top:10px;
}
.note .cont2-2 .ul2 .li2 p {
	padding:0 3%;
}


.note .cont3-2{
	height: auto;
	margin-bottom:10px;
	padding-bottom:10px;
	background-image: none;
	border-bottom:2px solid #0f76bb;
}
.note .cont3-2 ul{
	padding-top: 0;
	text-align:center;
}
.note .cont3-2 ul li{
	float: none;
    font-size: 12px;
    text-align: center;
    width: 47%;
    margin-right:0;
    display:inline-block;
    vertical-align:top;
}
.note .cont3-2 ul li:last-child{
	margin-right:0;
}
.note .cont3-2 ul li img{
	max-width:100%;
}


.note .cont2-3 {
	height: auto;
	background: url(../img/note/img2_3_01.jpg) no-repeat left top;
	background-size:200px auto;
}
.note .cont2-3 .ul1{
	height: auto;
}
.note .cont2-3 .ul1 li{
	float:none;
}
.note .cont2-3 .ul1 .li1{
	color: #ffffff;
    font-size: 16px;
    width: auto;
    margin: 0 auto;
    padding: 12px 0 0 40px;
}
.note .cont2-3 .ul1 .li2{
	padding: 10px 0 0;
	background-color:#0f76bb;
	color:#fff;
	text-align:center;
}
.note .cont2-3 .ul2{
	height:auto;
	overflow:hidden;
	background-color:#0f76bb;
	padding-bottom:10px;
}
.note .cont2-3 .ul2 li{ float:none;}
.note .cont2-3 .ul2{ color:#ffffff;}
.note .cont2-3 .ul2 li img {
	max-width:94%;
	display:block;
	margin:auto;
}
.note .cont2-3 .ul2 .li1 {
	font-size: 14px;
	padding: 10px 3% 0;
    width: auto;
}
.note .cont2-3 .ul2 .li1 p {
	margin:-5px 3% 0;
	text-align:center;
}
.note .cont2-3 .ul2 .li2 {
	width: auto;
	padding-top:10px;
}
.note .cont2-3 .ul2 .li2 p {
	padding:0 3%;
}

.note .cont3-3{
	height: auto;
	margin-bottom:10px;
	padding-bottom:10px;
	background-image: none;
	border-bottom:2px solid #0f76bb;
}
.note .cont3-3 ul{
	padding-top: 0;
	text-align:center;
}
.note .cont3-3 ul li{
	float: none;
    font-size: 12px;
    text-align: center;
    width: 47%;
    margin-right:0;
    display:inline-block;
    vertical-align:top;
}
.note .cont3-3 ul li:last-child{
	margin-right:0;
}
.note .cont3-3 ul li img{
	max-width:100%;
}


.note .con5{
	height: auto;
	background-image: none;
	margin-bottom:20px;
}
.note .con5 p{
	padding-top: 0;
    padding-left: 0;
}
.note .con5 .tt01{
	padding:20px 0;
}
.note .con5 .tt01 h4{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.note .con5 .tt01 img{
	width:100%;
}
.note .con5 .tt02{
	padding:0 3%;
	overflow:hidden;
}
.note .con5 .tt02 > img{
	float:none;
	display:block;
	margin:auto;
	max-width:50%;
}
.note .con5 .tt02 h4{
	text-align:center;
	line-height:1.4;
}
.note .con5 .tt02 h4:after{
	content:attr(tit);
	font-size:16px;
	font-weight:bold;
}
.note .con5 .tt02 h4 img{
	display:none;
}
.note .con5 .tt02 div{
	padding-top:10px;
	float:right;
}
.note .con5 .tt02 div p {
	padding:10px 0;
}

.note .con6{
	text-align: center;
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
}
.note .con6 dl{
	overflow:hidden;
	display:inline-block;
}
.note .con6 dt{
	display:block;
	float:none;
}
.note .con6 dd{
	display:inline-block;
	float:none;
	padding:0 5px;
}

.note .con7{
	height: auto;
	background:url(../img/note/toiawase9dai_bg.jpg);
	margin:0 3%;
	padding:10px 3% 10px;
	border-radius:5px;
	box-shadow:3px 3px 7px #ccc;
	overflow:hidden;
}
.note .con7 > img{
	float:none;
}
.note .con7 h4{
	margin:5px 0 10px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.note .con7 h4 span{
	display:inline-block;
}
.note .con7 h4 span:last-child{
	color:#c71922;
}
.note .con7 .cont7p{
	padding-top: 0;
    padding-left: 0;
}
.note .con7 .cont7p2{
	padding: 10px 0 0 0;
	text-align:center;
}
.note .con7 .cont7p2 img{
	max-width:100%;
}



}