/* basic */
* {
	margin:0; padding:0}
body {
font-size: 80%;color: #000000;background-color: #d5f0be;
font-family: "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","Osaka",sans-serif;
}
img {vertical-align: bottom;}
a img{border: 0;}
p,li,td {line-height:1.5;}
p {margin-bottom:1em;}

h2 span {white-space:nowrap} /* h2文字ないで改行しない範囲指定 */
h3 {font-size:150%;}
h5 {font-size:120%}

.youtube iframe {width:425px;height:239px;;display:block;margin:0 auto;}

/* content */
#wrapper {margin:0 auto;max-width:900px;padding:0.5em;}
#content-wrapper {background-color:#FFFFFF;}
#content-main {padding:0 0.5em 0.5em 0.5em;}
.b-navi {line-height:110%;color:#666;margin-bottom:2px;}
.b-navi	a{color:#666};
.b-navi-item {font-size:90%;}
.b-navi-item:after {content:">";margin:0 0.2em;}
h1 {font-size:1.5em;margin:0.2em 0;}
.button-width {width:200px;}
.button-width-centering {margin:0 auto}
.button-width span {width:100%;text-align:center;} 
.button-arrow-right span:after {content: ">";margin-left:1em;}
.button-arrow-left span:before {content: "<";margin-right:1em;}
.button-arrow-open span:after {content: "∨";margin-left:1em;}
.button-arrow-close span:after {content: "∧";margin-left:1em;}
.button-arrow-top span:after {content: "↑";margin-left:1em;}

/* 各サービスの予約へのボタンアピール文字 */
.button-before-appeal {float:left;margin-top:0.6em;width:90px;}
.button-before-appeal:before {content:"5分で予約完了!";paddiing:0;white-space:nowrap}

/* header */
#header	{border-bottom: solid 1px #cccccc;}
#header-title {}
#header-title p{font-size: 70%;color: #666666;}
#header-info {float:left;margin:0}
#header-info-sign {float:left;}
.header-info-sign-logo {width:80px;height:auto}
#header-info-sign-text {display:inline}		
.header-info-sign-text-img {width:150px;height:auto;padding-bottom:5px;} 
.header-info-apeal {width:340px;height:auto;margin-left:2px;}

#header-menu {width:240px;}/* component.css内の#dl-wrapの幅も一緒に変更要 */
.header-menu-item {float:right;width:58px;margin-right:2px;text-align:center;}
.header-menu-item img {width:45px;height:auto;}
.header-menu-item-txt  {text-align:center;font-size:0.6em;color:#999999;}
.header-menu-item-txt-long  {letter-spacing:-0.1em;}
.header-menu-right-space  {margin-right:10px;}
.header-menu-menu-txt {width:3.5em;position:absolute;top:45px;left:194px;}

/* サブメニューの色 */
.dl-submenu-color .dl-menuwrapper button {background: #c62860;}
.dl-submenu-color .dl-menuwrapper button:hover,
.dl-submenu-color .dl-menuwrapper button.dl-active,
.dl-submenu-color .dl-menuwrapper ul {background: #9e1847;}

#header-sub {widht:100%;display:none;}
#header-sub img {width:100%;height:auto;}

/* fix menu */
#dl-menu2 ul {width:300px !important;}
#dl-menu2 li > span {color:#fff;}
#dl-menu2 li > span:before {content:"・"}
#fix-menu {height:45px;top:0;left:0;position:relative;background-color:#ffffff;/* opacity:0.7; */ border-bottom:1px solid #cccccc;width:100%;}
.fix-menu-wrap {width:48px;float:left;}
.dl-menu-submenu {top:26px; postion:absolute;}
.fix-menu-button {float:right;width:36px;margin-top:4px;margin-right:4px;margin-left:0;} 
.fix-menu-button-apeal {float:right;width:90px;margin-top:14px;text-align:right;white-space:nowrap}
.fix-menu-button-apeal-mul {float:right;width:100px;margin-top:10px;text-align:left;white-space:nowrap;} /* 2行時 */
.fix-menu-button-apeal-mul div {height:1.2em;line-height:1em;}/* 2行時 */
.button-width-fix {width:24px;padding: 6px 4px 2px 0px !important;margin-left:0;}                /* for fix-menu */
.button-width-fix span {width:100%;text-align:center; font-size:70%;} /* for fix-menu */
.action-reservation {float:right;width:26px;}/* サービスページの予約へボタンの枠 */

.fix-menu-title {display:none;margin-left:50px;margin-right:30px;position: absolute; float:left;height:44px;overflow:hidden;}
.fix-menu-title-txt {margin-top:1em;overflow:hidden;}
.fix-menu-title-init {margin-left:50px;margin-right:30px;position: absolute; float:left;height:44px;overflow:hidden;}
.fix-menu-title-txt-init {margin-top:1em;overflow:hidden;}

/* fix menu order */
.fix-menu-order-button {float:right;width:100px;margin-top:4px;margin-right:4px;margin-left:0;} 
.fix-menu-order-button-width {width:90px;padding: 6px 4px 2px 0px !important;margin-left:0;}
.fix-menu-order-button-width span {width:100%;text-align:center; font-size:70%;}
.fix-menu-order-title {display:none;float:right;height:44px;overflow:hidden;}
.fix-menu-order-title-w {width:170px;}
.fix-menu-order-title-txt {margin-top:0em;overflow:hidden;}
.fix-menu-order-title-init {float:right;height:44px;overflow:hidden;}
.fix-menu-order-title-txt-init {margin-top:1em;overflow:hidden;}
.fix-menu-order-title-txt-t {font-size:80%;}
.fix-menu-order-title-txt-p {font-size:120%;}

.sub-dl-menu-inqury {text-align:center;padding-top:0.2em;font-size:120%;color:#fff;} /*ダブドロップダウンメニューの問合せ欄 */
.sub-dl-menu-tel {font-size:150%} 

/* topページ */
.top-appeal {width:100%}
.top-appeal p {text-align:left;}
.top-appeal-item {float:left;width:400px;padding:10px;text-align:center;}
.top-appeal-img {margin:0 auto;max-width:280px;}
.top-appeal-img img {width:100%;height:auto}
.top-appeal-item p {}
.top-appeal-item strong {color:#CC0000;}
.top-appeal-txt	{margin:0 auto;width:280px;}

.text-centering {text-align:center;}
.down-arrow-wrap {max-width:500px}
.down-arrow {text-align:center;}
.down-arrow-text {font-size:2em}
.down-arrow-text:after{content: '↓'; font-weight:bold;}

/* topページお知らせ */
.notice-update li {list-style-type:none;padding-top:0.4em;}
.notice-update img {float:left;width:50px;height:auto;}
.notice-update li > div {overflow-x: hidden;overflow-y: hidden;padding-left:5px;} 
.notice-update p {display:inline-block;width:100%}
/* 各ページのトップ枠とセクション */
.proc-top {margin-bottom:1em;}
.proc-top-section {margin-top:1em;}

/* 各セクションの表示有無切り替え */
.proc-header {margin-top:1em;border-width:1px 0;border-style:solid;border-color:#aaa;padding:0.8em 0 0.5em 0;background-color:#f2f2f2;}
.proc-header-wrap{float:left;margin-right:-100px;width:100%;}
.proc-header-inner {float:right;width:100%;}
.proc-header-center {margin-right:100px;}
.proc-header h2 {line-height:100%;font-size:170%;text-align:center;}
h2.switch {cursor:pointer;text-align:center;}

.switch-arrow {color:#999999;float:right;margin-right:1em;width:100px;font-size:1em;width:4.5em;line-height:100%;;text-align:center;cursor:pointe\
r;text-align:right; margin-top:0.2em;}
.switch-arrow-h3 {margin-top:6px;color:#999999;float:right;width:100px;font-size:1em;width:4.5em;line-height:100%;;text-align:center;cursor:pointer;text-align:right}
.switch-arrow-h3:hover {text-decoration: underline;} 
.switch-arrow:hover {text-decoration: underline;}
.switch-arrow-ctl {cursor:pointer;}

h3.switch {float:left;cursor:pointer;line-height:100%;}

/*　サービス詳細情報 */
.section-anchor-pos {}/* 固定メニューの為のジャンプ時の調整 */
#service-top {}
.service-info-title {float:left;width:50%}
.service-info-title img{width:100%;height:auto}

.service-info {float:left;width:50%;}
.service-info-wrap { padding-left: 1em;}
.service-info-detail-table {background-color:#fafafa;border-collapse:collapse}
.service-info-detail-table tr {border-width:1px 0;border-style:solid; border-color:#ccc;}
.service-info-detail-table tr > th {white-space:nowrap;padding: 0.5em 1em;}
.service-info-detail-table tr > td {padding: 0.5em 0;}

/* 通常テーブル(エアコンクリーニング一覧） */
.list-table {border-collapse:collapse; }
.table-center {margin-left:auto;margin-right:auto;}
.list-table tr {border-width:1px 0;border-style:solid;border-color:#ccc;}
.list-table tr > th {padding: 0.5em 1em;background-color:#f2f2f2}
.list-table tr > td {padding: 0.5em 0.5em;text-align:center;}
.list-table tr:nth-child(2n+1) { background-color:#fbfbfb;}
.list-table-option {border-right:1px solid #ccc;font-size:0.7em;} 

.text-large {font-size:1.2em;}
.text-center {text-align:center;}
.text-line-through {text-decoration: line-through;}
.img-margin-right{margin-right:1em;}
.img-radius {border-radius: 6px;}
.caution {margin-top:1em;padding:0.7em;background-color:#FFFFCC;border:1px solid #cccccc;} /* 風呂釜がのご注意枠 */
.caution-title {font-weight:bold;}
/* 各h2セクション */
.proc-section {}
.proc-section-category {margin-top:1em;}
.proc-container {padding:0.5em}
.proc-container > div.proc-step:nth-of-type(n+2) > h3 {border-top:1px #ccc solid;padding-top:0.3em;}/* 各ステップ毎に区切り線、最初は除く */
/* .proc-container > div.proc-step:first-child > h3 {border-top:1px #fff solid;} 先頭のステップの区切り線を消す */
.no-border {border-top:1px #fff solid !important;} /*　オプションの最初の線を強制的に表示させない　*/

.proc-step {margin-bottom:1em;} 

.proc-step h3 {padding-top:0.3em}
.proc-step h4 {/* margin-top:0.5em; */ padding:0.5em 0;font-size:130%}
.proc-step-aircon-top-logo {max-width:400px;margin:0.5em auto 0 auto;}
.proc-step-aircon-top-logo img{width:100%;height:auto;border-radius: 6px;}

.proc-step-centering {max-width:650px;margin:0 auto;} /*　トップセクション内下のセンタリング、お風呂等 */
.proc-step-centering img {width:100%;height:auto}

/* チェックマーク*/
h4.proc-step-h4-checked {margin-left:1em;}
h4.proc-step-h4-checked:before{content: '';display:block;position: absolute;height: 3px;width: 8px; margin-top:0.4em; margin-left:-1em;border-left: 2px solid #3498db;border-bottom: 2px solid #3498db;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.proc-step h3.question-mark:before {content:"Q.";color:#5279E7;}
h2.question-mark:before {content:"Q.";color:#5279E7;}/* よくある質問の詳細ページ */
.proc-step h3.answer-mark:before {content:"A.";color:#ff0000;}/* よくある質問の詳細ページ */
.question-answer {padding-left:1.2em;}
.proc-step:before,
.proc-step:after{display:table;content:"";line-height:0;clear:both}
.proc-step ul > li {margin-left:1.7em;margin-bottom:0.5em;}
.proc-step ol > li {margin-left:2em;margin-bottom:0.5em;}
.proc-step-small-photo {width:240px; height:auto;border-radius: 6px;}
.proc-step-mediam-photo {width:100%; height:auto;border-radius: 6px;}
.proc-step-large-photo {width:500px; height:auto;border-radius: 6px;}
.proc-step p {margin-top:0.5em;} 
.proc-step-item {padding-bottom:1em;}
.proc-step-item:after{display:table;content:"";line-height:0;clear:both}
.proc-step-item-img {float:left; width:50%;}
.proc-step-item-desc-wrap {float:left; width:50%;}
.proc-step-item-description {margin:0 0.5em; padding:0.5em 1em;}
.proc-step-item-description-border {margin:0 0.5em; padding:0.5em 1em;border:1px solid #ccc;}
.proc-step-photos {}
.proc-step-photos-header {margin-top:0.5em;}
.proc-step-photos-header span {color:#666;}
.proc-step-photos:after{display:table;content:"";line-height:0;clear:both}
.proc-step-item h3 {margin-top:0.3em;}
/* .proc-step-item h4 {margin-top:0.3em;} */

.proc-step-appeal-text {margin-bottom:1em;} /* 手順途中のアピール文書 */
.proc-step-detail-q {;} /* bathより詳しいページの詳細link */
.proc-step-detail-q span.question-mark:before {content:"Q.";color:#5279E7;}
.proc-step-set-menu-title h3{display:inline;} /* お風呂セットメニュー タイトル */
.proc-step-set-menu-title span{margin-left:0.5em;}

/* エアコンのその理由とは */
.service-reason-title {float:left;width:30%}
.service-reason-title img{width:100%;height:auto}
.service-reason {float:left;width:70%;}
.service-reason-wrap { padding-left: 1em;}

/* オプションアピール画像 */
.appeal-logo-center {width:540px;margin:0 auto;margin-bottom:0.5em;}
.appeal-logo-center img {width:100%;height:auto}
/* 注意事項の2カラム */
.proc-step-item-column { float:left; width:400px; padding-right:2em; }
.proc-step-item-column h4 {font-size:120%;margin:0.6em 0 0.3em 0;}

/* 幅が狭い（お風呂オプション等) */
.proc-step-item-narrow {float:left; width:274px;padding-right:1em;}
.proc-step-item-narrow h3 {margin-top:0.5em;}
/* .proc-step-item-narrow h4 {margin-top:0.5em;} */

/* オプション横並び（５点セット等） */
.proc-step-item-row {margin-bottom:1em;padding:0.5em 1em 1em 1em;border:1px #ccc solid;}
.proc-step-item-row-wrap {margin-bottom:1em;}
.proc-step-item-row h4 {font-size:130%;}
.proc-step-item-row-pic {float:left;width:width:250px;}
.proc-step-item-row-content {float:left;padding:0 1em;max-width:560px;}
.proc-step-item-row:before,
.proc-step-item-row:after{display:table;content:"";line-height:0;}
.proc-step-item-row:after{clear:both}
.proc-step-item-row-info {margin-left:1em;margin-top:1em;}
.proc-step-item-row-content-info dt{float:left;width:5.5em; font-weight:bold;}
.proc-step-item-row-content-info dt:after {content:"："}
.proc-step-item-row-content-info dd{ margin-left:5.5em;}
.proc-step-item-row-content-info dd:after{display:table;content:"";line-height:0;clear:both}

/*お風呂セットメニュー枠内容 */
.proc-step-item-option {float:left; width:400px;padding-right:2em; }
.proc-step-item-content {max-width:320px;height:290px;margin:0 auto;border:1px #ccc solid; padding:0 0 1em 0.5em;margin-top:1em;}
.proc-step-item-narrow-content {max-width:320px;margin:0 auto;border:1px #ccc solid; padding:0 0 1em 1em;margin-top:1em;}
.proc-step-item-content p {text-align:center }
.proc-step-item-option-caption {text-align:center;}
.proc-step-item-option-img {text-align:center}

.proc-step-item-content-height {height:390px;}/* お風呂オプション高さ固定 */
.proc-step-item-content-wrap {padding:0 1em 0 0.7em;} /* オプションの枠 */
.proc-step-item-content-wrap img{margin:0.5em 0}

/* オプションの金額等の情報 */
.proc-step-item-service-info {margin-left:0em;margin-top:1em;}
.proc-step-item-service-info dt{ font-weight:bold;}
.proc-step-item-service-info dd{ margin-left:4em;}
.proc-step-item-service-info dd{ margin-left:4em;}

/* サービス一覧 画像欄 */
.proc-step-item-menu {float:left; width:185px;height:208px;padding-right:2em;}
.proc-step-img {width:184px;margin-top:1em;}
.proc-step-img-wrap {background-color:#ebebeb; border-radius: 6px;border:2px solid #dfdfdf;}
.proc-step-img-wrap:hover {border-color:#aaa;border-width:2px} 
.proc-step-img-small img {width:180px; height:auto;border-radius: 6px;} 
.proc-step-img-menu img {width:180px; height:auto;padding-top:6px;}
.proc-step-img-caption {text-align:center;/*font-size:75% */}
.proc-step-img-merit {font-size:0.8em;text-align:center;background-color:#ebebeb;border-radius: 6px;}
.proc-step-img-merit strong {font-size:1.2em;}
.caption-stretch { font-size:85%; }
/* 画像集 */
.proc-step-phots-wrap{margin-top:1em;}
.proc-step-photos {}
.proc-step-icons-row {float:left;width:216px;margin-top:0.5em;}
.proc-step-icons-wrap {float:left;margin-top:0.5em;margin-right:0.5em}
.proc-step-icons {float:left;width:90px;margin-right:2px;}
.proc-step-icons-wide {float:left;width:200px;margin-right:2px;}
.proc-step-sepa {float:left;width:1em;padding-top:24px;color:#999999;text-align:center}
.proc-step-sepa:before {content:">";}
.proc-step-icons-img{ width:100%; height:68px;}
.proc-step-icons-img img{ width:100%;height:100%;border-radius:6px;}

/* セット表 */
.proc-table-wrap  {margin-top:1em;}
.proc-table {margin: 0 auto;border-collapse: collapse;margin-bottom:1em}
.proc-table td{border: 1px #ccc solid;padding:4px;}
.proc-table th:first-child{border-left: 1px #ccc solid;}
.proc-table th:not(first-child){border-left: 1px #fff solid;}
.proc-table th {background:#cccccc;padding:4px;}
.proc-step-icons-text {text-align:center;color:#999999}
.table-col-center th {text-align:center}
.table-col-center td {text-align:center}

/*　エアコン型番 */
.model-num-btn:after {display:table;content:"";line-height:0;clear:both}
.model-num-item {float:left;width:9em}

/* お客様の声 */
.customer-v {padding:0.5em 0}
.customer-v h3{padding-top: 0.5em;border-top:1px #ccc solid;}
.customer-v-item {padding:0.5em 0;}
.customer-v-question:before {content:"〇";margin-right:0.2em;}
.customer-v-answer {padding:0 0 0 0.4em;;border-left: 2px solid #999;margin-left:0.4em;}
.customer-v-name span {margin-left:0.5em;color:#999999;}

/* お客様の声（ブログ）*/
.iframe-content {position: relative;width: 100%;padding: 75% 0 0 0; -webkit-overflow-scrolling: touch; overflow: auto;}
.iframe-content iframe {display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 空き状況（サイズを固定） */
.iframe-content-cal {position: relative;width: 100%;padding: 340px 0 0 0; overflow: auto;}
.iframe-content-cal iframe{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*会社情報 */
dl.proc-step-table  {border-bottom:1px solid #cccccc;}
dl.proc-step-table dt  {border-top:1px solid #cccccc; float:left; line-height:180%;font-weight:bold;color:#2a2a2a;}
dl.proc-step-table dd  {border-left:1px solid #cccccc;border-top:1px solid #cccccc;line-height:180%;padding-left:0.5em;}
dl.proc-step-table dd:after{display:table;content:"";line-height:0;clear:both}

dl.company-table dt {width:13em;}
dl.company-table dd {margin-left:13em;}

/* 法的表示リンク */
.legal-display-link {color:black;}
a.legal-display-link:hover {color:blue;}

/* お問い合わせフォーム */
#mail_form {width:650px;border:2px #ccc solid;padding: 1em;}
dl.contact-table dt {width:13em;padding: 0.5em;}
dl.contact-table dd {margin-left:13em;padding: 0.5em;}
.input-need-mark:after {content:"必須"; margin-left:4px; color:#FF0000;}
.action-contact {margin-left:14em;margin-top:0.7em;}/* 問合せ送信ボタン */
.free-dial-tel-no {font-size:1.5em;font-weight:bold;}/* フリーダイヤル電話番号 */

/*　注意事項、強調赤文字等 */
.strong-red-text {color:#C62828;font-weight: bold;} 
.grey-text {color:#888;} 
.font-large {font-size:1.3em;}

/*よくある質問 */
.proc-header-wrap-q{float:left;margin-right:-70px;width:100%;margin-bottom:0.5em;}
.proc-header-inner-q {float:right;width:100%;}
.proc-header-center-q {margin-right:70px;}
.qa-table {max-width:40em;} /* 作業時間テーブル */
dl.qa-table dt {width:16em;}
dl.qa-table dd {margin-left:16em;}
.arrow-to-link:before {content: "→";margin-right:0.2em} /* 詳しくリンク */
.qa-teiki-table {} /* 定期テーブル */
dl.qa-teiki-table dt {width:25em;}
dl.qa-teiki-table dd {margin-left:25em;}
.attention:before {content:url(/question/attention.png) ;margin-right:0.2em;position: relative;top:8px;} /* !マーク */

/* １行でのアクションボタン、リンク等 */
.action-section {text-align:center;margin-left:auto;margin-right:auto;}
.button-nxt-prv-action {width:230px;}/* 作業詳細次・前ページボタン枠 */

/* スタッフ紹介 */
.staff-face {}
.staff-face li {float:left;}
.staff-face img {width:80px;height:auto;}
/* footer */
#footer {padding-top:0.5em;}
#footer h2 {font-size:120%;}
.footer-h2-string {font-size:0.8em;} 

.footer-real-time-width {width:370px;}
#footer-order-status {float:left;;margin-right:1em;}
#footer-order-status-list {height:260px;overflow:hidden;}
#footer-order-status-list iframe{height:260px;width:100%; background-color:#fff /* #e4f2d9 */;border:1px solid #cccccc;} 

#footer-twitter{float:left;margin-right:1em;}
#footer-twitter-list {height:260px;width:100%;overflow: hidden;} 

#footer-links {float:left;margin-left:0em;width:112px}
.footer-links-item {float:left;width:110px;margin-right:1.5em;}
.footer-links-item-img{ width:100%; height:68px;}
.footer-links-item-img img{ width:100%;height:100%;}
.footer-links-item-link {text-align:center}

#footer-to-top {display:none;}
#service-menu {margin-top:0.5em;border-top: solid 1px #cccccc;padding:0.5em 0;}

.service-menu-title:visited {color:#000;}
.service-menu-title {color:#000;}
.service-menu-title:hover {text-decoration:underline;}
.service-menu-title {text-decoration:none;}
.service-menu-title h2:{display:inline;}
.service-menu-title h2:after{content:" »";color:#999;}

.servie-menu-item {float:left;height:210px;width:200px;background-color:#fff /* #e4f2d9 */;border:1px solid #cccccc;margin:0 1em 1em 0;padding: 0 0 0.5em 0.5em;}

.service-menu-item-title:visited {color:#000;}
.service-menu-item-title {color:#000;}
.service-menu-item-title:hover {text-decoration:underline;}
.service-menu-item-title {text-decoration:none;}
.service-menu-item-title h3{display:inline;}
.service-menu-item-title h3:after{content:" »";color:#ccc;}

.service-menu-item-list li {margin-left:2em;font-size:0.9em;}
#service-menu-link {display:none;}

#footer-last {;border-top: solid 1px #cccccc;padding:0.5em;}
#footer-last-links {}
#footer-last-links a {margin-left:6px;padding-left:6px;border-left:1px solid #cccccc;}
#footer-last-links a:first-child {margin-left: 0;padding-left: 0;border-left: 0;}

#footer-last-sns {border-top: solid 1px #cccccc;padding-top:0.5em;}
#footer-last-sns:visited {color:#000;}
#footer-last-sns {color:#000;}
#footer-last-sns:hover {text-decoration:none;}
#footer-last-sns {text-decoration:none;}
#footer-last-sns h2:{display:inline;}
#footer-last-sns h2:after{content:" »";color:#999;}

#footer-last-logo {text-align:center;}
#footer-last-logo img{width:60px;height:auto}
#footer-last-logo span {margin-left:0.5em;}

/* 問合せフォーｒム */
#mail-form {height:500px;}
/* etc */
.clearfix {zoom:1;}
.clearfix:before,
.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both}

/* proc-step-itemが縦になる時 */
@media screen and (max-width: 908px) {
.proc-container > div > div > h3 {border-top:1px #ccc solid;}/* 各ステップ毎に区切り線 */
.proc-container > div > div:first-child > h3 {border-top:1px #fff solid;} /*先頭のステップの区切り線を消す  */
}

/* For tablets & smart phones */
@media screen and (max-width: 860px) {
#header-info-apeal {display:none}
#header-info-sign-text {display:none;}
.proc-step-large-photo {width:100%;height:auto;}
#footer-real-time > div {width:95%;} 
#footer-order-status {float:left;;margin-right:1em;}
}
@media screen and (max-width: 690px) {
.fix-menu-title-txt {margin-top:0}
.fix-menu-button-apeal-mul {display:none;}
#mail_form {width:auto;}
.header-info-apeal {display:none;}
#header-sub {display:block; max-width:340px; margin:0 auto;}
#header-sub img{ width:100%;}
.appeal-logo-center {width:100%;}
#mail-form {height:700px;}
.iframe-content-cal {padding: 700px 0 0 0;}/* 空き状況 */
}
/*  smart phones */
@media screen and (max-width: 500px) {
#proc-top {margin-bottom:0;padding:0 0.5em}
/* #header-sub img {display:none} */
.top-appeal-item {float:none;width:100%;padding:0px;}
#content-main {padding: 0 0 1em 0}
#header-info-sign {margin-bottom:0.4em;}
.header-info-sign-logo {width:70px;padding-left:4px;padding-top:4px;} 
#footer-order-status {margin-right:0em;margin-left:0.5em}
#footer-links {margin-top:1em;margin-left:0.5em}
#footer-links h2 {display:none}
#footer-links p {display:none}
.footer-links-item {margin-left:1em;margin-bottom:0.5em;}
#footer-twitter {margin-top:1em;margin-left:0.5em}
#wrapper {padding:0}
#content-wrapper h1 {font-size:170%}
.button-width {width:90%;}
#header-title {padding-top:0.2em;}
.header-title-pc{display:none}
.button-width {width:90%;}
.header-title-pc{display:none}
.header-info-sign-text {display:none;}
#footer-to-top {display:inline;}
#service-menu-link {display:inline;}
#service-menu {display:none}

.proc-header h2 {margin-bottom:0.2em;}
.switch-arrow {font-size:1.5em;margin-right:0.2em;margin-top:0}
h2.switch {width:230px;}
h3.switch {float:none;display:inline;}
.switch-arrow-h3 {color:#999999;margin-left:0.5em;font-size:1em;width:4.5em;line-height:100%;;cursor:pointer;text-align:left} 

.youtube iframe {width:320px;height:210px;display:block;margin:0 auto;}

.service-info-title {width:100%;}
.service-reason-title {float:none;width:200px;margin-left:auto;margin-right:auto;}
.service-reason {float:none;width:100%}

.proc-container {0.5em 0 0 0;}
.proc-step-mediam-photo {width:100%;}
.proc-step-large-photo {width:100%;}
.proc-step-item {width:100%;margin-left:0;padding:0;}
.proc-step-item-column {width:100%;margin-left:0;padding:0;}
.proc-step-item-option {width:100%;margin-left:0;padding:0;}
.proc-step-item-img {float:none; width:100%;}
.proc-step-item-desc-wrap {float:none; width:100%;}
.proc-step-item-description {margin:0.5em 0;}
.proc-step-item-description-border {margin:0.5em 0;}
.proc-step-item-narrow {width:100%;margin-left:0;padding:0;}
.proc-step-item ul > li {margin-left:1.3em;}
.proc-step-item ol > li {margin-left:1.7em;}
.proc-step-item-row-content {padding:0}
.service-info {margin-left:0;width:100%;}
.service-info-wrap {margin-left:0;padding-left:0}
.service-info-detail-d {width:220px;}
.proc-step-item-content {height:auto;}

/* 会社情報 */
dl.proc-step-table  {border-bottom:0; border-top:1px solid #cccccc;}
dl.proc-step-table dt {border-top:0;float:none;}
dl.company-table dd {margin-left:0;border-left:0;border-bottom:1px solid #cccccc;border-top:0}
dl.qa-table dd {margin-left:0;border-left:0;border-bottom:1px solid #cccccc;border-top:0}
dl.qa-teiki-table dd {margin-left:0;border-left:0;border-bottom:1px solid #cccccc;border-top:0}
/* 問合せフォーム */
#mail_form {width:auto;border:none;padding:0;}
dl.contact-table dd {margin-left:0;border-left:0;border-bottom:1px solid #cccccc;border-top:0}
.action-contact {margin-left:1em;margin-top:0.5em;}/* 問合せ送信ボタン */
.iframe-content-cal {padding: 900px 0 0 0;}/* 空き状況 */
.proc-step-item-menu {float:none;margin:0 auto;height:197px} /* サービス一覧 */
}

/* 菅原追加web予約ボタン */
.reserve-desc {max-width:650px;margin-top:1em;text-align:center;font-size:100%;}
.reserve-description-border {margin:1em 0;padding:1em;border:1px solid #ccc;}
.proc-step-item-desc-head {font-weight:bold;font-size:110%;}
.strong-orange-text {color:#E65100;font-weight: bold;}
.strong-green-text {color:#228B22;font-weight: bold;font-size: 110%;}

/* 菅原追加グーグルマップレスポンシブ対応 */
.campany-map {
position: relative;
padding-bottom: 45%; 
height: 0;
overflow: hidden;
}
.campany-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.area-gmap {
position: relative;
padding-bottom: 300px; 
height: 0;
overflow: hidden;
}
.area-gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width:  500px) { 
  .area-gmap {
    padding-bottom: 45%;
  }
}
 
@media only screen and (min-width:  860px) { 
  .area-gmap {
    padding-bottom: 45%;
  }
}

/* 菅原追加エアコン機種名整列 */
.model-num-item ul {list-style:none;}
.model-num-item li {white-space: nowrap;}
.model-num-item span {white-space: nowrap;}
/* 菅原追加ブラウザ幅による画像切り替え */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/* 菅原追加フッターオーダーステイタス横スタッフ画像 */
.footer-staff img {height:260px;width:100%;}

/* iphone se */
@media screen and (max-width: 320px) {
/*.fix-menu-wrap {width:260px;} */
.fix-menu-title {width:220px}
.fix-menu-order-title-w {width:160px}
.fix-menu-order-title-txt-p {font-size:110%;}
}

/* キャンペーン各項目説明（オプション用を流用） */
.proc-step-item-campaign {margin-bottom:1em;padding:0.5em 1em 1em 1em;border:1px #ccc solid;}
.proc-step-item-campaign-wrap {margin-bottom:1em;}
.proc-step-item-campaign h4 {font-size:130%;}
.proc-step-item-campaign-pic {float:left;width:width:250px;}
.proc-step-item-campaign-content {float:left;padding:0 1em;max-width:560px;}
.proc-step-item-campaign:before,
.proc-step-item-campaign:after{display:table;content:"";line-height:0;}
.proc-step-item-campaign:after{clear:both}
.proc-step-item-campaign-info {margin-left:1em;margin-top:1em;}
.proc-step-item-campaign-content-info dt{float:left;width:10.5em; font-weight:bold;}
.proc-step-item-campaign-content-info dt:after {content:"："}
.proc-step-item-campaign-content-info dd{ margin-left:10.5em;border-width:1px 0 0;border-style:solid; border-color:#ccc;}
.proc-step-item-campaign-content-info dd:after{display:table;content:"";line-height:0;clear:both}
.strong-black-text {font-weight: bold;}
img.guide-photo {box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);}
.panf-img { width:auto;height:68px;border-radius:6px;}
/*※つきリスト */
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

/*■つきリスト */
ul.square li {
  list-style-type: none;
  text-indent: -1em;
}
ul.square li:before {
  display: inline;
  content: "■";
}

/*▶︎つきリスト */
ul.arrow li {
  list-style-type: none;
  text-indent: -1em;
  margin-left: 1em;
}
ul.arrow li:before {
  content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #333;
    vertical-align: 4px;
}

.model-data-desc-wrap {float:left; max-width:100px;}
.model-data-description {margin:0 0.5em; padding:0.5em 1em;text-align:center; font-size:110%;}
.model-data-description-border {margin:0 0.5em; padding:0.5em 1em;border:1px solid #ccc;}

/* 写真キャプション用作業報告an28ycs参照 */
figure {
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #eee; /* 枠線で囲むとまとまりが出ます */
  max-width: 100%;
}

figcaption {
  margin-top: 8px;
  font-size: 0.9em; /* 本文より少し小さくする */
  color: #666;      /* 少し薄い色にすると補助情報らしく見えます */
  line-height: 1.5;
  text-align: center; /* 中央寄せにしたい場合 */
}

/*以下作業報告FAQ部分 */
/* FAQセクション全体の調整 */
.faq-section {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.faq-section h3 {
    text-align: center;
    color: #333;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

/* タイトルの下の線（装飾） */
.faq-section h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #007bff; /* ダイキンカラーに近い青 */
}

/* 各質問と回答のセット（dl） */
.faq-section dl {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

/* 質問（dt）のスタイル */
.faq-section dt {
    background-color: #f8f9fa;
    padding: 15px 20px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: flex-start;
}

/* 「Q」のアイコン装飾 */
.faq-section dt::before {
    content: "Q";
    background-color: #007bff;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0;
    font-size: 14px;
}

/* 回答（dd）のスタイル */
.faq-section dd {
    padding: 20px 20px 20px 56px; /* Qの幅に合わせて左余白を調整 */
    margin: 0;
    background-color: #fff;
    line-height: 1.8;
    color: #555;
}

/* 「A」の文字を強調したい場合（任意） */
.faq-section dd::before {
    content: "A. ";
    font-weight: bold;
    color: #d9534f; /* 注意を引く赤系、または青系で */
    margin-left: -36px;
    margin-right: 12px;
}

/* 最後の項目以外の境界線 */
.faq-section dt:not(:first-child) {
    border-top: 10px solid #f0f0f0; /* 項目間の区切りを太くする場合 */
}

/*以下作業報告本文部分 */
/* ユニバーサルデザイン用 情報ボックス */
.ud-info-box {
    margin: 2em 0;
    padding: 1.5em;
    background-color: #f9f9f9; /* 極めて薄いグレー */
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    line-height: 1.8;
}

/* 強調テキストの装飾 */
.ud-info-box strong {
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #ccc; /* 控えめなアンダーラインで視線を誘導 */
}

/* 段落間の余白 */
.ud-info-box p {
    margin-bottom: 1em;
}
.ud-info-box p:last-child {
    margin-bottom: 0;
}

/* 型番リストのレイアウト */
.ud-model-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 1.2em 0;
}

/* 個別の型番タグ */
.ud-model-badge {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 4px 10px;
    font-size: 0.9em;
    font-family: Arial, sans-serif;
    color: #333;
    border-radius: 3px;
}

/* 補足説明テキスト */
.ud-note {
    font-size: 0.95em;
    color: #555;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dashed #ccc; /* 境界線を引いて情報を整理 */
}

/* -----------------------------------------
   アクセシビリティ（コントラスト比）改善
----------------------------------------- */

/* 無料、定額制、自動見積、５分などの赤文字 */
.strong-red-text {
    color: #C00000 !important; /* 明るい赤から、少し深みのある濃い赤へ */
}

/* 1,100円引きなどのオレンジ文字 */
/* ※オレンジは白色と最も同化しやすい色なので、少し茶色寄りにする必要があります */
.strong-orange-text {
    color: #C44D00 !important; /* 濃縮されたオレンジへ */
}

/* ２４時間空き状況が確認可能などの緑文字 */
.strong-green-text {
    color: #007A00 !important; /* 明るい緑から、しっかりとした深緑へ */
}

/* ヘッダーメニュー（メニュー、カートを見る、空き状況など）の文字 */
.header-menu-item-txt {
    color: #555555 !important; /* 薄いグレーから、読みやすい濃いグレーへ */
}

/* アコーディオンメニューの「開く ∨」の文字 */
.switch-arrow, 
.switch-arrow-ctl {
    color: #555555 !important; /* 同様に濃いグレーへ（または #0056b3 のような濃い青でもOK） */
}

/* h2 見出しの2段組み（サブタイトル）用スタイル */
h2.switch.two-line {
  line-height: 1.4;
  padding-top: 10px;
  padding-bottom: 10px;
}
h2.switch.two-line span.sub-title {
  display: block;
  font-size: 0.6em;
  color: #555;
  font-weight: normal;
  margin-bottom: 2px;
}