@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; background:rgba(240,240,240,1.0)}
div.wrap{width:1000px; margin:0 auto; text-align: center; padding:2%; filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.2));}/*背景装飾*/
h1{font-size:20px; font-weight:100; color:rgba(100,100,100,1.0); padding:2% 0;}/*ページタイトル*/

div.content{width: 100%; background:rgba(255,255,255,1.0); text-align: left; padding:2%; margin:2% 0;}/*コンテンツエリア*/
h2{font-weight:100; font-size:1.2rem; border-left:7px solid #d80000; padding:0.5%;}/*コンテンツタイトル*/
h3{font-weight:100; font-size:1.2rem; display: inline-block;}

/*リンク先装飾*/
div.bottom{padding:1%; width: 40%; background:#d80000; color: #FFF; font-weight:bold; position: relative; text-align: center; margin:2% auto;}
div.bottom > a{position: absolute; top:0; left:0; width: 100%; height:100%;}

/*初期不良*/
div.content > div.syoki{width: 90%; background:#FFF; text-align: left; padding:1%;}
div.content > div.syoki > div{text-align: left; padding:1%; margin:3% 0; background:rgba(240,240,240,1.0);}/*Q&A装飾*/
div.content > div.syoki > div > div{text-indent: -2em; margin-left:2em;}/*Q&Aインデント*/
div.content > div.syoki > div > div > span{font-size:2.0rem; font-family:century Gothic; display: inline-block; width: 1em; text-indent:0;}/*よくある質問アイコン*/
div.content > div.syoki > div > div > div{margin-left:0; text-indent:0;}/*div内のインデント削除*/
hr{border:0; border-top:1px dashed #333; width:100%; margin:1% auto;}/*Q&A区切り線*/

/*修理*/
div.content > div{text-align: center; margin:3% auto;}
div.content > div.item,
div.content > div.repair{display: flex; justify-content: center; text-align: left; background:rgba(240,240,240,1.0);}
div.item{padding:3%;}
div.item > div{width: 30%; padding:3%; background:#FFF;}
div.item > div.img{width: 50%;}
div.item > div > div{margin:5% 0; border-left:5px solid #333; padding-left:2%;}
div.item > div > div:nth-of-type(2){margin-top:13%;}
div.item > div > div > p{margin:2% 0; font-size:14px;}
div > img{width: 100%;}
div.content > div.repair{justify-content: space-around; flex-wrap: wrap;}
div.repair > div{width: 25%; padding:2%; background:#FFF; margin:1% 0;}
div.repair > div.two{width: 41.5%;}
div.repair > div.full{width: 91%;}
div.repair > div table{width: 100%; border-collapse: collapse; }
div.repair > div td{text-align: center; padding:1%; border:1px solid #CECECE;}

/*補修サービス*/
div.content > div.hosyu{width: 90%; background:rgba(240,240,240,1.0); text-align: left; padding:2%;}
div.hosyu > img{width: 350px;}

div.content > div.hosyu2 > div{display: flex; justify-content: space-around; flex-wrap: wrap;}
div.content > div.hosyu2 > div > div{width: 40%; padding:2%; background:rgba(240,240,240,1.0); text-align:left;}
div.content > div.hosyu2 > div > div > p{margin:2% 0;}

div.content > div.hosyu > ul > li{font-size:0.8rem; margin-bottom:10px;}
div.content > div.hosyu > ul{padding-left:1%; list-style-type: circle;}
div.hosyu > p.arrow{width: 10px;height: 10px;border: 2px solid;border-color:  transparent transparent #565656 #565656;transform: rotate(-45deg); margin-bottom:10px; margin-left:50%;}
div.howtouse > div{text-align:center; background:#FFF; padding:1% 0; border:1px solid rgba(220,220,220,1.0);}
div.howtouse > div > div.bottom{font-size:0.8rem; margin:1% auto;}
div.cation{color:#d80000;}
