@charset "Shift_JIS";

/* index
---------------------------------------------------- */
.main img {
	width: 100%;
	height: auto;
	min-width: 1000px;
}

.contents01 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 100px 0;
}
.contents01 img {
	float: left;
}
.contents01 .txt_area {
	float: left;
	width: 556px;
	text-align: center;
}
.contents02 {
	width: 100%;
	height: auto;
	padding: 50px 0 70px;
}
.contents03 {
	width: 100%;
	height: auto;
	padding: 0;
}
.lead p {
	text-align: center;
	line-height: 40px;
}


/* troubleshooting
---------------------------------------------------- */
.troubleshooting h2 {
	text-align: center;
	border: none;
	padding: 0;
}
.troubleshooting .what {
	background-image: url(../images/troubleshooting/border.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.troubleshooting .what p {
	text-align: center;
	line-height: 40px;
}
.troubleshooting .howto {
	background-color: #fbe2e4;
	background-image: url(../images/troubleshooting/border.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.troubleshooting .howto .use {
	margin-bottom: 20px;
}
.troubleshooting .howto .use .img_l {
	float: left;
	margin-right: 70px;
}
.troubleshooting .howto .use .img_r {
	float: right;
	margin-left: 70px;
}
.troubleshooting .howto .use .txt_area {
	float: left;
	width: 630px;
	color: #000000;
}
.troubleshooting .howto .use .txt_area h3 {
	display: inline-block;
	padding: 50px 0;
}

.troubleshooting .howto ul {
	margin-left: -50px;
}
.troubleshooting .howto ul li {
	float: left;
	margin-top: 60px;
	margin-left: 50px;
	width: 300px;
	text-align: center;
	color: #000000;
}
.troubleshooting .howto ul li img {
	width: 300px;
	margin-bottom: 20px;
}
.troubleshooting .howto ul li h3 {
	margin-bottom: 20px;
}
.troubleshooting .item {
	background-image: url(../images/troubleshooting/item_bg.png);
}
.troubleshooting .item ul {
	width: 826px;
	margin: 0 auto;
}
.troubleshooting .item ul li {
	float: left;
	width: 333px;
	margin: 0 40px;
}


/* faq
---------------------------------------------------- */
.faq h2 {
	text-align: center;
	border: none;
	padding: 0;
}
.faq .contents02 {
	padding-bottom: 30px;
}
.faq .qa {
	color: #000000;
}
.faq .qa p {
	margin-bottom: 0;
}
.faq .qa .faq_q {
	background-color: #fbe2e4;
	padding: 80px 0 20px;
}
.faq .qa .faq_q p {
	border-bottom: 1px solid #00449c;
	display: inline-block;
}
.faq .qa .faq_q p span {
	color: #00449c;
	margin-right: 20px;
}
.faq .qa .faq_a {
	background-color: #d0babb;
	padding: 20px 0;
}


/* company
---------------------------------------------------- */
.company .info {
	background-image: url(../images/company/bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #eeedf0;
}
.company .info .table_area {
	width: 600px;
	padding-top: 180px;
	padding-bottom: 50px;
}
.company .info .table_area h2 {
	color: #000000;
	border: none;
}
.company .info .table_area table {
	color: #000000;
	width: 600px;
	border-collapse:collapse;
	font-size: 20px;
	border-top: 1px solid #000000;
}
.company .info .table_area table tr {
	border-bottom:1px solid #000;
}
.company .info .table_area table th {
	text-align: left;
	font-weight: normal;
	width: 260px;
	vertical-align: top;
}


/* privacy
---------------------------------------------------- */
.privacy .ttl {
	background-color: #fbe2e4;
	padding: 20px 0 20px;
}
.privacy .ttl h2 {
	border: none;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 32px;
}
.privacy .txt {
	padding: 20px 0;
}


/* episode
---------------------------------------------------- */
.episode01 {
	width: 100%;
	height: auto;
	padding: 65px 0;
	background-image: url(../images/episode/episode01_bg.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}
.episode01 p {
	line-height: 40px;
	margin-bottom: 0;
	font-size: 22px;
}
.episode01 .txt_area01 {
	text-align: center;
	background-image: url(../images/episode/img01.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 148px auto;
}
.episode01 .txt_area02 {
	text-align: center;
	background-image: url(../images/episode/img02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 148px auto;
	padding-top: 50px;
}
.episode02 {
	width: 100%;
	height: auto;
	padding: 65px 0 30px;
	background-image: url(../images/episode/episode02_bg.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}
.episode02 h2 {
	color: #221815;
	text-align: center;
	border-bottom: 2px solid #221815;
}
.episode02 p {
	color: #221815;
	font-size: 20px;
	text-align: center;
}
.episode02 .txt_area {
	border-bottom: 2px solid #221815;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.episode02 .txt_area table {
	color: #221815;
}
.episode02 .txt_area table th {
	font-size: 60px;
	line-height: 60px;
	padding: 10px;
}
.episode02 .txt_area table td {
	padding: 10px;
}
.episode03 {
	width: 100%;
	height: auto;
	padding: 65px 0 30px;
	text-align: center;
}
.episode03 img {
	zoom: .5;
	margin-bottom: 60px;
}


/* silicon
---------------------------------------------------- */
.silicon .ttl {
	background-color: #fbe2e4;
	padding: 20px 0 20px;
}
.silicon .ttl h2 {
	border: none;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 32px;
	text-align: center;
}
.silicon .txt {
	padding: 20px 0;
	text-align: center;
}


/* contact
---------------------------------------------------- */
.contact h2 {
	border: none;
	padding: 0;
}
.contact p {
	line-height: 40px;
}
.contact .form {
	background-color: #fbe2e4;
}
.contact .form ul {
}
.contact .form ul li {
	width: 100%;
	color: #000000;
	margin-bottom: 40px;
}
.contact .form p {
	margin-bottom: 10px;
	color: #000000;
	
}
.contact .form ul li input {
	width: 100%;
	height: 44px;
	font-size: 24px;
	padding:0 10px 0 10px; 
	border: #666 solid 1px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.contact .form ul li select {
	padding: 0 10px 0 10px;
	font-size: 24px;
	height: 44px;
	border: #666 solid 1px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
}
.contact .form ul li textarea {
	width: 100%;
	height: 400px;
	padding:5px 10px 5px 10px; 
	border: #666 solid 1px;
	font-size: 24px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.contact .form table {
	margin-bottom: 40px;
	color: #000000;
	
}
.btnarea {
	text-align: center;
}
.btnarea a {
	display: block;
}
.btnarea input {
	margin-bottom: 20px;
}


/* store
---------------------------------------------------- */
.store .ttl {
	background-color: #fbe2e4;
	padding: 20px 0 20px;
}
.store .ttl h2 {
	border: none;
	color: #000000;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 32px;
}
.store .txt {
	padding: 20px 0;
}
.store .store_block {
	padding: 30px 0;
}
.store .store_block table {
	width: 500px;
	font-size: 22px;
	float: left;
}
.store .store_block table th {
	width: 130px;
	text-align: right;
	vertical-align: top;
}
.store .store_block table td img {
	width: 300px;
	margin: 0 auto;
	display: block;
}
.store .store_block .map {
	width: 460px;
	float: left;
	margin-top: 66px;
}


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

.contents {
	width: 100%;
}


/* index
---------------------------------------------------- */
.main img {
	margin-top: 60px;
	min-width: inherit;
}

.contents01 {
	width: 100%;
	padding: 40px 0;
}
.contents01 img {
	float: none;
	display: block;
	width: 70%;
	margin: 0 auto 30px;
}
.contents01 .txt_area {
	float: none;
	width: 100%;
	text-align: center;
}
.contents02 {
	padding: 40px 0 40px;
}
.lead p {
	text-align: left;
	line-height: inherit;
}


/* troubleshooting
---------------------------------------------------- */
.troubleshooting h2 img {
	zoom: .4;
}
.troubleshooting .what {
	background-size: 100% 20px;
	margin-top: 40px;
}
.troubleshooting .what p {
	text-align: left;
	line-height: 30px;
}
.troubleshooting .howto {
	background-size: 100% 20px;
}
.troubleshooting .howto h2 {
	margin-bottom: 30px;
}
.troubleshooting .howto .use {
	margin-bottom: 20px;
}
.troubleshooting .howto .use img.img_l {
	float: none;
	margin-right: auto;
	width: 70%;
	margin: 0 auto;
	display: block;
}
.troubleshooting .howto .use img.img_r {
	float: none;
	margin-left: auto;
	width: 70%;
	margin: 0 auto;
	display: block;
}
.troubleshooting .howto .use .txt_area {
	float: none;
	width: 100%;
}
.troubleshooting .howto .use .txt_area h3 {
	padding: 10px 0;
	width: 100%;
    text-align: center;
}
.troubleshooting .howto .use .txt_area h3 img {
	zoom: .4;
}
.troubleshooting .howto ul {
	margin-left: 0;
}
.troubleshooting .howto ul li {
	float: none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 40px;
	width: 100%;
}
.troubleshooting .howto ul li img {
	width: 70%;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
.troubleshooting .howto ul li h3 {
	margin-bottom: 10px;
	font-size: 20px;
}
.troubleshooting .item ul {
	width: 100%;
}
.troubleshooting .item ul li {
	width: 44%;
	height: auto;
	margin: 0 3%;
}
.troubleshooting .item ul li img {
	width: 100%;
	height: auto;
}


/* faq
---------------------------------------------------- */
.faq h2 img {
	zoom: .4;
}
.faq .contents02 {
	margin-top: 40px;
	padding-bottom: 20px;
}
.faq .qa .faq_q {
	padding: 30px 0 10px;
}
.faq .qa .faq_a {
	background-color: #d0babb;
	padding: 10px 0;
}


/* company
---------------------------------------------------- */
.company .info {
	background-image: none;
}
.company .info .table_area {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 30px;
}
.company .info .table_area table {
	width: 100%;
	font-size: 14px;
}
.company .info .table_area table th {
	width: auto;
}


/* privacy
---------------------------------------------------- */
.privacy .ttl {
	padding: 10px 0;
}
.privacy .ttl h2 {
	padding-top: 60px;
	font-size: 18px;
}


/* episode
---------------------------------------------------- */
.episode01 {
	padding: 30px 0;
	background-position: left;
}
.episode01 p {
	line-height: inherit;
	font-size: inherit;
}
.episode01 .txt_area01 {
	padding-bottom: 150px;
	background-position: center bottom;
	background-size: 120px auto;
}
.episode01 .txt_area02 {
	background-position: center bottom;
	background-size: 120px auto;
	padding-bottom: 150px;
}
.episode02 {
	padding: 30px 0 0;
}
.episode02 p {
	font-size: inherit;
}
.episode02 .txt_area {
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.episode02 .txt_area table th {
	font-size: 40px;
	line-height: 40px;
}
.episode03 {
	padding: 30px 0 0;
}
.episode03 img {
	zoom: .35;
	margin-bottom: 60px;
}


/* silicon
---------------------------------------------------- */
.silicon .ttl {
	padding: 10px 0;
}
.silicon .ttl h2 {
	padding-top: 60px;
	font-size: 18px;
}


/* contact
---------------------------------------------------- */
.contact h2 {
	zoom: .4;
}
.contact .contactus {
	margin-top: 40px;
}
.contact p {
	line-height: inherit;
}
.contact img.tel {
	width: 80%;
}
.contact .form ul li {
	margin-bottom: 20px;
}
.contact .form ul li input {
	height: 34px;
	font-size: 14px;
}
.contact .form ul li select {
	font-size: 14px;
	height: 34px;
}
.contact .form ul li textarea {
	font-size: 14px;
	height: 200px;
}
.btnarea {
	text-align: center;
}
.btnarea input {
	width: 80%;
}


/* store
---------------------------------------------------- */
.store .ttl {
	padding: 10px 0;
}
.store .ttl h2 {
	padding-top: 60px;
	font-size: 18px;
}
.store .txt {
	padding: 20px 0;
}
.store .store_block {
	padding: 10px 0 30px;
}
.store .store_block table {
	width: 100%;
	font-size: inherit;
	float: none;
}
.store .store_block table th {
	width: 80px;
}
.store .store_block table td img {
	width: 70%;
	margin: 0 auto 10px;
}
.store .store_block .map {
	width: 90%;
	position: relative;
	padding-bottom: 65%; // ‚±‚ꂪ�c‰¡”ä
	height: 0;
	overflow: hidden;
	margin: 10px 5% 10px;
}
.store .store_block .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


}