@charset "utf-8";
@import url('common.css');

.main-01 table{
width: 100%;
display: table;
}

.main-01 table td{
display: table-cell;
vertical-align: middle;
}
* {font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
 }

/* container
-----------------------------------------------------*/
#container{
width:100%;
margin: 0 auto;
padding: 0;
text-align: left;
}

/* header
-----------------------------------------------------*/
header{
width:100%;
padding:0;
margin:0px auto;
}

#header{
max-width:960px;
width: 100%;
margin:0 auto;
background:url(../img/header_bar.png) no-repeat left bottom;
position:relative;
}

#header .header-left{
width: 45%;
float:left;
padding-left: 20px;
}

#header .header-left .logo{
margin-top: 20px;
margin-bottom: 2px;
}

#header .header-left .logo img{
vertical-align: bottom;
}

#header .header-right{
width: 45%;
text-align: right;
float:right;
margin-top: 20px;
}

#header .header-right p{
padding-top: 20px;
padding-right: 20px;
}

#header h2.sp{
display:none;
}
	
-----------------------------------------------------*/

#popup{
margin-top: 20px;
}

#popup .openPopup{
max-width:510px;
width: 100%;
margin: auto;
padding: 0 0 10px;
border: solid 2px #ac2830;
}

#popup .openPopup h2{
font-size: 14px;
font-weight: bold;
color: #09a2b9;
margin-top: 45px;
margin-bottom: 10px;
}

#popup .openPopup p{
font-size: 11px;
margin-top: 10px;
}

#popup .openPopup .right{
position: relative;
}
#popup .openPopup .right .header{
width: 100%;
position: absolute;
top: 0;
right:0;
background: #ac2830;
}

#popup .openPopup .right .header p{
color: #fff;
margin: 2px 10px 2px 5px;
text-shadow:none;
}

.popupContent{
width: 95%;
margin: auto;
}

#popup .openPopup .footer{
padding: 10px 15px;
margin-top: 5px;
border: 3px solid #7fcef4;
}

#popup .openPopup p.popupTitle{
font-size: 18px;
font-weight: bold;
color: #ac2830;
}

/* ×ボタン */
/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
	background: url(../img/popup_btn_bg.png) no-repeat #fff;
}

/* content
-----------------------------------------------------*/
#content{
max-width:960px;
width: 100%;
margin:0 auto 20px;
background:#fff;
}

#content .pr-box{
/*max-width: 880px;*/
width: 100%;
margin: 50px auto 0;
background: #fde8b9;
padding-top:40px;
padding-bottom:20px;
position: relative;
}


#content .pr-box img.note{
position: absolute;
left:6px;
top:13px;
}

#content .pr{
width:468px;
float: left;
}

#content .collection{
width:250px;
float: right;
}

#content .pr-area{
width:780px;
margin: auto;
}

#content .pr div{
/*padding-left: 10px;
padding-right: 10px;*/
/*float: left;*/
}

#content .main-01{
max-width: 880px;
width: 100%;
margin: 0 auto;
background:#fff;
}
/*.NameContent{
	padding:0 10px;
}*/
.NameContent p{
	line-height:120%;
	font-size:13px;
	font-size:1.2rem;
}
.NameContent_L{
	float:left;
	margin-right:20px;
}
.NameContent_R{
	font-size:13px;
	font-size:1.2rem;
}

.Itemcenter{
max-width: 880px;
width: 100%;
margin: 0 auto;
padding:0 auto;
background:#fff;
}

#content h2{
background-image:url(../img/ttl_back01.gif);
border-left:7px solid #ca1b09;
padding:10px 10px;
font-size:195%;
font-weight:600;
color:#ca1b09;
margin:20px 0 10px 0;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
/*letter-spacing: -0.07em;*/
margin-bottom:20px;
}

#content h3{
background-image:url(../img/ttl_back02.gif);
border-left:7px solid #52a546;
padding:10px 10px;
font-size:165%;
font-weight:600;
color:#2d7713;
margin:20px 0 10px 0;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
/*letter-spacing: -0.07em;*/
margin-bottom:20px;
}

#content h4{
font-size:140%;
font-weight:600;
color:#2c2c2c;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
/*letter-spacing: -0.07em;*/
}

#content p{
line-height:160%;
/*font-size: 19px;
*/letter-spacing:-0.05em;
/*text-indent:1em;*/
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
text-align:left;
}

.red{
	color:ff560b;
}

#content .main-01 .image{
margin-left: 45px;
}

#content .main-01 .image_02{
margin-right: 30px;
}

#content .main-01 p.main-01_Txt{
clear:both;
font-size:98%;
line-height:145%;
}

#content .main-02{
max-width: 880px;
width: 100%;
margin: 0 auto;
background: #fff;
}

#content .main-02 figcaption{
max-width: 888px;
width: 100%;
margin: 0 auto 20px;
}

#content .main-02 figure{
max-width: 930px;
width: 100%;
margin: 0 auto 55px;
}

#content .main-02 figure img{
margin-right:50px;
vertical-align: top;
}

#content .main-02 figure img:last-child{
margin-right:0px;
}

#content .main-03{
max-width: 880px;
width: 100%;
margin: 0 auto 55px;
background:#fff;
}

#content .main-03 p , .main-02 p{
line-height:150%;
font-size:19px;
letter-spacing:0.0em;
text-indent:1em;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
/*
/*#content .main-03 h2{
font-size: 26px;
color: #e84472;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: -0.07em;
margin-bottom:25px;
}
*/


#content .main-04{
max-width: 880px;
/*width: 100%;
*/margin: 0 auto 55px;
background:#fff;
}


#content .main-05{
max-width: 880px;
width: 100%;
margin: 0 auto 55px;
background:#fff;
}

/*#content .main-05 h2{
font-size: 26px;
color: #662c91;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: -0.07em;
margin-bottom:20px;
}*/

#content .main-05 h4{
padding-top:10px;
padding-bottom:10px;
font-size: 23px;
color: #343434;
letter-spacing: -0.07em;
text-align:center;
background-color:#e9e9e8;
}

#content .main-05 p{
line-height:150%;
font-size:19px;
letter-spacing:0.0em;
text-indent:1em;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#content .main-05 .image_01{
margin-left: 30px;
}

#content .main-05 .image_02{
margin-right: 5px;
margin-left:5px;
}

#content .main-06{
max-width: 920px;
width: 100%;
margin: 0 auto 120px;
background:#fff;
}

#content .main-06 h2{
font-size: 26px;
color: #662c91;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: -0.07em;
margin-bottom:30px;
}

#content .main-06 h3{
margin:25px auto 30px;
font-size: 40px;
color: #ec008c;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: -0.07em;
text-align:center;
}

#content .main-06 p{
line-height:150%;
font-size:19px;
letter-spacing:0.0em;
text-indent:1em;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#content .main-06 .chart_01{
max-width: 785px;
width: 100%;
margin: 0 auto 35px;
}

#content .main-07{
max-width: 840px;
width: 100%;
margin: 0 auto 60px;
background:#fff;
}

#content .main-07 h2{
max-width: 600px;
width: 100%;
margin: 55px auto 65px;
}

#content .main-07 .chart_02{
}

#content .main-07 .chart_03{
max-width: 587px;
width: 100%;
margin: 0 auto 120px;
}

#content .line{
width: 100%;
height: 10px;
background: url(../img/footer_line.png) no-repeat left;
margin-top: 50px;
}

#content .point_line{
	border-bottom: 1px dashed #a6a6a6;
}

.Box{
box-sizing:border-box;
border:2px solid #e9e9e8;
padding:15px;
}

.main-01 .Tbold{
font-weight:bold;
font-size:160%;
}

.TxtBox{
background-color:#f1f1f1;
padding:25px;
}

#table{
width:100%;
border-collapse:collapse;
}
#table td,
#table th{
padding:6px;
border:1px solid #ccc;
}
#table thead th{
background:#e6e6e6;
text-align:center;
}

ul.Item09	{
	display:table;
	table-layout: fixed;
    width: 100%;
	max-width:880px;
/*	padding:1%;
*/}
ul.Item09 li{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:0.5%;
}

.main-02 p.Text_BR{
	font-weight:bold;
	color:#d23b00;
	font-size:170%;
	font-size:1.4rem;
}

@media only screen and (max-width:800px){
#table{
display:block;
}
#table thead{
display:none;
}
#table tbody{
display:block;
}
#table tbody tr{
display:block;
margin-bottom:1.5em;
}
#table tbody th,
#table tbody td{
display:list-item;
border:none;
}
#table tbody th{
margin-bottom:5px;
list-style-type:none;
color:#fff;
background:#2D7713;
}
#table tbody td{
margin-left:20px;
padding:0;
}
#table tbody th:nth-of-type(1):before { content: "[特許の名称（最新状況）]"; }
#table tbody td:nth-of-type(1):before { content: "[出願番号※(  )内は出願日（公開、公告、登録のうち最新のもの）]"; }
#table tbody td:nth-of-type(2):before { content: "[出願人]"; }
}

.small_txt{
	font-size:65%;
}

#content .main-04 .image_02 {
    margin-right: 15px;
}

/* footer
-----------------------------------------------------*/
footer{
width:100%;
text-align:left;
}

#footer{
max-width:960px;
width: 100%;
margin:0 auto;
background: url(../img/footer_line.png) no-repeat left bottom;
height:50px;
}

footer ul li{
float: right;
padding-right: 20px;
}

address{
color: #1b1b1b;
text-align: right;
max-width: 960px;
width: 100%;
font-style:normal;
margin: 0 auto;
font-size: 12px;
padding: 20px;
}


/* banner
-----------------------------------------------------*/
#banner{
width: 100%;
padding: 10px 0 0;
background: #fde8b9;
position: relative;
}

#banner img.banner-note{
position: absolute;
left:10px;
top:10px;
}

#banner .banner-area .banner{
max-width:602px;
width: 100%;
float: left;
}

#banner .banner-area .banner-collection{
max-width:290px;
width: 100%;
float: right;
}

#banner .banner-area{
margin: auto;
max-width:960px;
width: 100%;
}

#banner .slick-slider{
margin: 0;
}

.sp_on { display: none; }


input[type="text"] {
border-radius: 1px;        /* CSS3草案 */  
-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 1px;   /* Firefox用 */ 
}

@media screen and (max-width: 1070px) {
	#banner .banner-area .banner{
	margin-left: 40px;
	}
}

@media screen and (max-width: 990px) {
	#banner .banner-area .banner{
	margin-left: 42px;
	}
}

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

	#content .main img,
	#content .main-06 img,
	#content .main-07 img{
  width: 100%;	
	}
  #content .main-01{
	width:100%;
	}
  #content .main-05 .image_01{
  width: 50%;
  }
  #content .main-05 .image_01 img{
  width: 100%;
  }
  #content .main-05 .image_02{
  width: 30%;
  }
  #content .main-05 .image_02 img{
  width: 100%;
  }
  #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:98%;
  line-height:135%;
  }
  #banner .banner-area .banner{
	
	max-width: 60%;
	padding-bottom: 10px;
	margin: auto;
	margin-left: 60px;
	}
	
	#banner .banner-area .banner img{
	width: 100%;
	}
	
	#banner .banner-area .banner-collection{
	width: 28%;
	margin-right: 10px;
	}
	
	#banner .banner-area .banner-collection img{
	width: 100%;
	}
	
}

@media screen and (max-width: 930px) {	
  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
 #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:98%;
  line-height:135%;
  }
	#content .main-02 .graphs{
	width:100%;
  text-align:center;
	}
  #content .main-02 .graphs div{
	width:50%;
	}
  #content .main-02 figcaption img{
  width: 100%;
	}
  #content .main-02 figure img{
  margin-right:10px;
  vertical-align: top;
  }
  #content .main-06{
  margin: 0 auto 55px;
  }
  

}

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

  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
	#content .pr{
	float: none;
	margin: auto;
	}
	#content .collection{
	float: none;
	margin: auto;
	padding: 20px 0;
	}
  #content .main-02 figure{
  text-align: center;
  }
  #content .main-02 figure img{
  margin-bottom: 20px;
  }
  #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:80%;
  line-height:135%;
  }
  #content .main-01 p.nameP{
 	font-size:83%;
}
  #content .main-04 img{
  width: 100%;
	}
img{
	max-width:100%;
	height:auto;
	width:auto;
}
ul.Item09 li{
	float:left;
	width:95%;
	margin-bottom:25px;
	margin-left:2%;
}
.NameContent_L{
	float:none;
	width:80%;
	margin:0 auto;
	margin-left:10%;
}
.NameContent_R{
	float:none;
}
}

@media screen and (max-width: 768px) {
  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
	#header img{
	width: 100%;
	}
	#header{
	width:100%;
	background:url(../img/header_bar.png) no-repeat center bottom;
	}	
	#header .header-left{
	width:320px;
	}
	#header .header-right{
	width:320px;
	margin-top: 0;
	}
	#header .header-right p{
	padding-top: 10px;
	}
	#header .header-left .logo{
	margin-top: 10px;
	margin-bottom: 8px;
	}
	#header .header-right p.popup{
	padding-bottom: 20px;
	}
	#header .header-right p.popup img{
	width: 90%;
	}
	#content .pr-box{
	width: 100%;
	padding-bottom: 0;
	}
	#content .pr-box .pr-area{
  width:100%;
	}
	#content .pr-box .pr img{
  margin-bottom:20px;
  
	}
 /* #content .main-01 .image{
  margin-left: 10px;
  }*/
  #content .line{
  width: 100%;
	background: url(../img/footer_line.png) no-repeat center;
  }
	#footer{
	width: 100%;
	background: url(../img/footer_line.png) no-repeat center bottom;
	}
	address{
	width: 95%;
	}
  #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:98%;
  line-height:135%;
  }
  #content .main-01 p.nameP{
 	font-size:83%;
}
  #content .main-04 img{
  width: 100%;
	}
img{
	max-width:100%;
	height:auto;
	width:auto;
}
ul.Item09 li{
	float:left;
	width:95%;
	margin-bottom:25px;
	margin-left:2%;
}
.NameContent_L{
	float:none;
	width:80%;
	margin:0 auto;
	margin-left:10%;
}
.NameContent_R{
	float:none;
}

}

@media screen and (max-width: 640px) {
	#content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
	
img{
	max-width:100%;
	height:auto;
	width:auto;
}
ul.Item09 li{
	float:left;
	width:95%;
	margin-bottom:25px;
	margin-left:2%;
}
.NameContent_L{
	float:none;
	width:80%;
	margin:0 auto;
	margin-left:10%;
}
.NameContent_R{
	float:none;
}
}

@media screen and (max-width: 660px) {
  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
	#header .header-right{
	width:35%;
	margin-top: 30px;
	}
  #content .main-05 .image_01{
  margin-left: 10px;
  }
  #content .main-05 .image_02{
  margin-right: 10px;
  }
  #content .main-05 .image_01{
  width: 40%;
  }
  #content .main-05 .image_01 img{
  width: 100%;
  }
  #content .main-04 img{
  width: 100%;
	}
  #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:98%;
  line-height:135%;
  }
  #content .main-01 p.nameP{
 	font-size:83%;
}
}

@media screen and (max-width: 602px) {
	  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
	#banner .banner-area .banner{
	max-width:100%;
	float: none;
	padding-bottom: 10px;
	margin: auto;
	}
	
	#banner .banner-area .banner img{}

	#banner .banner-area .banner-collection{
	display: none;
	}
}

@media screen and (max-width: 600px) {
	  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:100%;
	}
  #content .pr-box img.note{
  position: absolute;
  left: 6px;
  top: 5px;
  }
	#popup .openPopup{
	max-width: 95%;
	margin: auto;
	}
	#popup .openPopup .footer h3 img{
  width: 95%;
  margin: auto;
  }
  #popup{
  max-width: 95%;
  margin: 20px auto 0;
  }
  #content .main-06 h3{
  font-size: 28px;
  }
  #content .main-01 p.main-01_Txt{
  clear:both;
  font-size:98%;
  line-height:135%;
  }
  #content .main-01 p.nameP{
 	font-size:83%;
}
  #content .main-04 img{
  width: 100%;
	}
}

@media screen and (max-width: 560px) {
  #content .main-02,
  #content .main-03,
  #content .main-04,
  #content .main-05,
  #content .main-06,
  #content .main-07{
	width:97%;
	}
	
  #content .main-01{
	width:97%;
	}
  #popup .openPopup .right .header p img{
  max-width: 97%;
  }
  #popup .openPopup .right{
  width: 73%;
  }
  #content .main-01 .image{
  width: 30%;
  }
  #content .main-01 .image img{
  width: 100%;
  }
  #content .main-05 h3{
  font-size: 24px;
  }
  #content .main-04 img{
  width: 100%;
	}

}

@media screen and (max-width: 537px) {
/*#content .pr{
  width: 100%;
  }
  
  #content .pr img{
  width: 90%;
  margin: auto;
  }
	
	#content .collection{
	padding-top: 0;
	}*/
}
  
@media screen and (max-width: 530px) {
	
	#header h2.sp{
  display:block;
  }
	#header h2.sp img{
  vertical-align:bottom;
  }
	#header .header-left{
	display:none;
	}
	#header .sub-text{
	display: none;
	}
	#header .header-right p.popup img{
	width: 100%;
	}
	#header .header-right{
	width:35%;
	margin-top: 20px;
  position:absolute;
  right:-20px;
	}
  
  #content .pr{
  /*width: 85%;*/
  margin: auto;
  }
	#header .header-right p.popup img{
	width: 100%;
	}
  #popup .openPopup .right{
  width: 71%;
  }

}
	
@media screen and (max-width: 480px) {
	
	#header img{
	width: 100%;
	}
	#header .sub-text{
	display: none;
	}
	#header{
	background:none;
	}
	#header .header-left{
	width:45%;
	}
	#header .header-left .logo img{
	border-bottom: 4px solid #ac2830;
	}
	#header .header-left p{
	background: #ac2830;
	padding: 0 10px 10px 10px;
	}
	#header .header-right p.popup img{
	width: 100%;
	}
	#header .header-right{
	width:45%;
	padding-top: 15px;
	}
	#header .header-right p{
	padding-top: 10px;
	}
	#header .header-left .logo{
	/*margin-top: 10px;*/
	margin-bottom: 0px;
	}
	#header .header-right p.popup{
	padding-bottom: 0px;
	padding-top: 0;
	}
	#content .pr img{
	/*width: 100%;*/
	}
	
	#content .collection{
	padding-top: 0;
	}
	
	#content .pr-box img.note{
	height:auto;
  position: absolute;
  left: 6px;
  top: 5px;
	}
  #popup .openPopup .right{
  width: 67%;
  }
  #popup .openPopup .header p{
  letter-spacing: -1px;
	}
	address{
	font-size: 10px;
  }

}

@media screen and (max-width: 468px) {
	#content .pr{
	width: 100%;
	}
	.slick-slide img{
	display: block;
	width: 100%;
	}
}

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

  #content .main-01 h2{
  font-size: 22px;
  }
  #content .main-03 h2{
  font-size: 22px;
  }
  #content .main-03 p{
  font-size: 19px;
  }

}

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

  #popup .openPopup .right{
  width: 65%;
  }
  .popupContent .fr{
  width: 30%;
  }
  #content .main-01 h2{
  font-size: 20px;
  }
  #content .main-03 img.image_01{
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
  }
  #content .main-05 h2 img{
  width: 100%;
	}
  #content .main-04 img{
  width: 100%;
	}
  #content .main-05 h3{
  font-size: 21px;
  }

}
	
@media screen and (max-width: 380px) {
	
	#header .header-right{
	padding-top: 5px;
	}
  #popup .openPopup h2{
  margin-top: 55px;
  }
	#popup .openPopup p.popupTitle{
  font-size: 14px;
  }
  #popup .openPopup .right{
  width: 60%;
  }
  #content .main-06 h3{
  font-size: 24px;
  }

}

@media screen and (max-width: 350px) {
	
  #popup .openPopup h2{
  font-size: 14px;
  }
  #popup .openPopup p.popupTitle{
  font-size: 14px;
  }
  #popup .openPopup .right{
  width: 55%;
  }
  #content .main-02 figure img{
  width: 100%;
  }
  #content .main-04 h2{
  font-size: 22px;
  }
  #content .main-04 p{
  font-size: 19px;
  }
  #content .main-05 h2{
  font-size: 22px;
  }
  #content .main-05 img{
  width: 100%;
	}
  #content .main-04 img{
  width: 100%;
	}
  #content .main-06 h2{
  font-size: 22px;
  }

}

@media screen and (max-width: 320px) {
	
  #popup .openPopup .right{
  width: 50%;
  }
  #content .main-03 img.image_02{
  width: 100%;
  }
  #content .main-05 img{
  width: 100%;
	}
  #content .main-06 h3{
  font-size: 21px;
  }

}