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

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video { margin: 0; padding: 0; }



/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { 
	-webkit-text-size-adjust: 100%; /* 自動調整をオフ */
	overflow-y: scroll; /* for mozilla: always display scrollbar */
}
body {
font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
font-size: 13px; *font-size: 82%; /* for ie6/7 */ color: #000000; line-height: 1;
}
* html body { text-align: center; }/* ボックスを中央寄せにするIE対策 */

a:link {}
a:visited {}
a:hover, a:active  {}
a:hover img{ opacity:0.4; filter:alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; }

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
h1{ font-size: 93%; height: 20px; line-height: 20px; color: #7fc2ef; margin-bottom: 23px;margin-top: 5px; margin-left: 5px; }
h2{}
h3{}
h4{}
h5{}
h6{}
p { font-size: 100%; color:#000000; line-height:1.2em; padding:0 0 10px 5px; }

h2.maintitle {
    background-color: #feb742;
    padding: 20px;
    font-size: 267%;
    text-align: center;
    color: #fff;
}

h3.subtitle {
    font-size: 206%;
    color: #feb742;
    margin: 20px 0;
    width: 98%;
    padding-left: 5px;
}

h3.indextitle {
    font-size: 161%;
    background-color: #feb742;
    margin: 20px 0;
    padding: 10px;
    color: #fff;
    text-align: center;
}

h3.indextitle_sp {
    font-size: 161%;
    background-color: #feb742;
    margin: 20px 0;
    padding: 10px;
    color: #fff;
    text-align: center;
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
ul {letter-spacing: -.40em; }/*←改行のスペースを消す*/
ul.basic li { float: left; }
li { list-style: none; letter-spacing: normal; }/*←改行のスペースを消す*/

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */


/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
input, textarea, select, label { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 100%; font-family: inherit; vertical-align: middle; }
label { cursor: pointer; }
textarea { overflow: auto; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img { border: none; vertical-align: bottom;/*画像下部のスペースを消す*/ -ms-interpolation-mode: bicubic; }
object { vertical-align: middle; outline: none; }
em, strong { font-weight: bold; font-style: normal; }
abbr, acronym { border: none; font-variant: normal;}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; }
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Layout]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */


/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#container { margin: 0 auto; }
.wrapper { width: 100%; margin: 0 auto; }


/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header { height: 170px; margin-bottom: 30px;}
#logoArea { float: left; /*width: 375px;*/ text-align: center;}
img.logo_img {width: 85%;}
#infoArea { float: right; width: 510px;     display: none;}

#globalNav { background: #35a4ef; height: 50px; }
#globalNav a:hover img{ opacity: 1.0; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }
#globalNav li:hover { background: #3583f0; }

#globalNav2 { background: #35a4ef; height: 50px; }
#globalNav2 a:hover img{ opacity: 1.0; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }
#globalNav2 li:hover { background: #3583f0; }

.cont {
    float: left;
}
/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#main { width: 100%; margin: 0 auto; }
#content {}

/* お問い合わせエリア */
#contactArea { text-align: center; margin: 30px 0; }

/* お問い合わせエリア */
#contactAreao_how { text-align: center; margin: 30px 0; }


.sp_area {
    margin-left: 5px;
    margin-right: 5px;
}

/* トップページ
-------------------------------------------------- */

/* メインビジュアル */
#mainVisual {
/*height: 400px; */
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 5px 0px;
}

/* 「FIX」BESTな6つの理由 */
.riyu-two { float: left; width: 50%; height: 200px; }
.riyu-twoInner { border: 3px solid #7fc2ef; padding: 17px;    height: 260px;margin: 5px; }
.btn_blue { /*margin: 20px 0 0 0;*/line-height: 24px; }
.btn_blue a { text-decoration: none; background: #7fc2ef; color: #FFFFFF; padding: 5px 2px; font-size: 85%; }

.kantan { /*float: left; width: 235px; height: 315px;*/ background: #fff1f9;text-align: center; }
.kantanInner { padding: 20px; }
.ansin { /*float: left; width: 235px; height: 315px;*/ background: #fceed7;text-align: center; }
.banzen {/*float: left; width: 235px; height: 315px;*/ background: #f2ffde;text-align: center; }
.senyou { /*float: left; width: 235px; height: 315px;*/ background: #f4e3fc;text-align: center; }



/* 「FIX」は契約者さま専用機なうえに業界最安 */
.priceTable { display: none;/*border-collapse: collapse; width: 100%; color: #666666; font-size: 108%;*/ }
.priceTable th { border: 1px solid #e6b6cf; padding: 30px 20px; text-align: left; width: 160px; }
.priceTable td { border: 1px solid #e6b6cf; padding: 30px 0; text-align: center; width: 140px; }
.priceTable td.blueTop { border-top: 5px solid #29a7e1; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable td.blueMiddle { border-top: 1px solid #e6b6cf; border-bottom: 1px solid #e6b6cf; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable td.blueBottom { border-bottom: 5px solid #29a7e1; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable th.pink, .priceTable td.pink { background: #f5e1ec; }

.priceTable_sp { border-collapse: collapse; width: 100%; color: #666666; font-size: 108%; }
.priceTable_sp th { border: 1px solid #e6b6cf; padding: 30px 20px; text-align: left; width: 160px; }
.priceTable_sp td { border: 1px solid #e6b6cf; padding: 30px 0; text-align: center; width: 140px; }
.priceTable_sp td.blueTop { border-top: 5px solid #29a7e1; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable_sp td.blueMiddle { border-top: 1px solid #e6b6cf; border-bottom: 1px solid #e6b6cf; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable_sp td.blueBottom { border-bottom: 5px solid #29a7e1; border-left: 5px solid #29a7e1; border-right: 5px solid #29a7e1; }
.priceTable_sp th.pink, .priceTable td.pink { background: #f5e1ec; }

/* ダブルクリーニングで精度も安心もアップ */
.double { border: 3px solid #7fc2ef; }
.doubleInner { padding: 16px; background: #f2fbff; }
.doubleLeft { /*float: left;*/ }
.doubleRight { /*float: right;*/ }


/* メールアドレスクリーニングとは
-------------------------------------------------- */
.aboutFlex01, .aboutFlex02, .aboutFlex03 { 
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
 }
.aboutFlex01 li { width: 156px; padding: 20px 10px; text-align: center; font-weight: bold; }
.aboutFlex01 li.pink { background: #fff1f9; }
.aboutFlex01 li.blue { background: #deecf6; }
.aboutFlex01 li.green { background: #f2ffde; }
.aboutFlex01 li.purple { background: #f4e3fc; }
.aboutFlex01 li.orange { background: #fceed7; }

.aboutFlex02 li { width: 320px; }




/* クリーニング方法
-------------------------------------------------- */
.flex { display: -webkit-flex; display: flex; }
.howToFlex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.howToFlex li { width: 490px; }
.howToFlex li .inner { border: 3px solid #7fc2ef; padding: 17px; }

h3.howto { background: #deecf6; font-size: 108%; padding: 10px; margin-bottom: 10px;}
.howToFlex2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.howToFlex2 li { width: 310px; }
.howToFlex2 li .inner { border: 3px solid #7fc2ef; padding: 7px; height: 180px; }

#iitoko { background: url(images/howto_10.png) no-repeat; width: 1000px; height: 400px;display: none; }
.iitokoInner { padding: 265px 0 0 55px; }

/* お申し込みの流れ
-------------------------------------------------- */
.flexMail { display: -webkit-flex; display: flex; }
.flexMail li { padding: 20px; }
.flexMail li.menu { width: 20%; }
input[type="text"] {
  background-color: #FFF;
  border: 1px solid #999;
  color: #333;
  height: 38px;
  padding: 0 10px;
  width: 500px;
  font-size: 139%;
  }
textarea { width: 500px; height: 200px; }

/* 会社概要
-------------------------------------------------- */
.companyTable { border-collapse: collapse; width: 100%; color: #666666; font-size: 124%; }
.companyTable th { border: 1px solid #7fc2ef; padding: 30px 20px; text-align: left; width: 30%; background: #bfe7fb; }
.companyTable td { border: 1px solid #7fc2ef; padding: 30px 20px; text-align: left; width: 70%; }
.priceTable th.pink, .priceTable td.pink { background: #f5e1ec; }


/* --------------------------------------------------
	3. Side
-------------------------------------------------- */
#side {}


/* --------------------------------------------------
	4. Footer
-------------------------------------------------- */
#footerInfo { display:none; }
#footerInfo a { text-decoration: none; color: #FFFFFF; }

#footerInfo_sp { background: #35a4ef; height: 50px; line-height: 50px; color: #FFFFFF; font-size: 85%; }
#footerInfo a { text-decoration: none; color: #FFFFFF; }

.footer_text {
    text-align: center;
}

/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Module]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

/* title
----------------------------------- */
.ttl1 {}

/* textSize
----------------------------------- */
.bold{ font-weight:bold; }
.textSize10 {font-size:77%;}
.textSize11 {font-size:85%;}
.textSize12 {font-size:93%;}
.textSize14 {font-size:108%;}
.textSize16 {font-size:124%;}
.textSize18 {font-size:139%;}
.textSize20 {font-size:154%;}
.textSize22 {font-size:170%;}
.textSize24 {font-size:185%;}
.textSize26 {font-size:200%;}
.textSize28 {font-size:216%;}
.textSize30 {font-size:231%;}
.textSize36 {font-size:277%;}
.textSize40 {font-size:308%;}



/* textColor
----------------------------------- */
.textBlack { color: #000000; }
.textWhite { color: #FFFFFF; }
.textBlue { color:#08a3d8; }
.textRed { color:#ff0000; }
.textOrange { color: #f39700; }
.textSkyblue { color: #7fc2ef; }
.textGreen { color: #88b83e; }



 /* section
----------------------------------- */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important;    width: 100%; }
.mt21 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt41 { margin-top: 40px !important;float: right; }
.mt42 { margin-top: 20px !important;float: right; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 100px !important; }
.mb21 { margin-bottom: 50px !important; }
.mb22 { margin-bottom: 125px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }

.ml10 { margin-left: 10px !important; }
.ml20 { /*margin-left: 20px !important;*/ }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }

.mr10 { margin-right: 10px !important; }
.mr11 { margin-right: 10px !important;width: 27%; }
.mr20 { /*margin-right: 20px !important;*/ }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }




 /* position
----------------------------------- */
.clear {clear: both;}
.migi {/*text-align: right;*/}
.hidari {text-align: left;}
.naka {text-align:center;}
.imgLeft {float: left;}
.imgRight {/*float: right;*/}

.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; height: auto; overflow: hidden; }

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */


.ab_a {
    width: 100%;
    /*padding: 20px 10px;*/
    text-align: center;
    font-weight: bold;
}

.pink_a {
    background: #fff1f9;
    width: 100%;
    padding: 20px 0px 20px 0px;
    float: left;
    margin-right: 6px;
}
.blue_a {
    background: #deecf6;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin-right: 6px;
    float: left;
}

.green_a {
    background: #f2ffde;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin-right: 6px;
    float: left;
}
.purple_a {
    background: #f4e3fc;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin-right: 6px;
    float: left;
}
.orange_a {
    background: #fceed7;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin-right: 6px;
    float: left;
}


.aboutFlex02ar {
    /*width: 100%;*/
    height: auto;
    /*text-align: center;*/
    margin-bottom: 30px;
}

.riyu-ar {
    width: 100%;
    /*padding-left: 10px;*/
}

.riyu-twoInner {
    border: 3px solid #7fc2ef;
    /*width: 85%;*/
    /*padding: 17px;
    float: left;
    margin-right: 4px;*/
}

.riyu-twoInner2 {
    border: 3px solid #7fc2ef;
    width: 85%;
}
.ac_a {
    /*width: 100%;*/
    padding: 20px 10px;
    text-align: center;
}

.riyu-three.aboutFlex03ar {
    float: left;
    /*margin-bottom: 40px;*/
}

img.about_img01 {
    width: 100%;
}

img.about_img02 {
    width: 100%;
}


img.about_img02 {
    width: 90%;
}

img.cont_img {
    width: 96%;
}




/* --------------------------------------------------
	100.howto
-------------------------------------------------- */

.how_ar {
    width: 100%;
    margin-bottom: 50px;
}


.how_inner {
	border: 3px solid #7fc2ef;
    padding: 7px;
    text-align: center;
    margin-bottom: 5px;
}

.howToFlex li .inner { border: 3px solid #7fc2ef; padding: 17px; }

.how_ar2 {
    width: 100%;
	margin-bottom: 10%;
}

.how_inner2 {
    border: 3px solid #7fc2ef;
    padding: 8px;
    text-align: center;
    margin-bottom: 5px;
}

img.how_img01 {
    width: 88%;
}

img.how_img02 {
    width: 88%;
}

img.how_img03 {
    width: 100%;
}


td.sp_320w {
    width: 30%;
}

img.sp_320a {
    width: 70%;
}

img.sp_320b {
    width: 80%;
}

img.sp_320c {
    width: 100%;
}

img.sp_320d {
    width: 68%;
}


}