@charset "utf-8";

/*
Theme Name: カレア
Theme URI: https://office-carea.co.jp/
Description: カレア専用のテーマです。
Author: 株式会社budori
*/


/* default style - リセット
----------------------------------------------------------- */

@import url("css/default.css");

/* module style - ヘッダー、フッター
----------------------------------------------------------- */

@import url("css/module.css");

/* all style
----------------------------------------------------------- */

@import url("css/style.css");

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

@import url("css/top.css");

/* ==============================================================

フォントサイズ
 10px = 72%     11px = 79%     12px = 86%     13px = 93%
 14px = 100%    15px = 108%    16px = 115%　  17px = 122%
 18px = 129%　  19px = 136%　  20px = 143%　  21px = 150%
 22px = 158%    23px = 165%    24px = 172%    25px = 179%
 26px = 186%

============================================================== */


/* -----------------------------------------------------------

	共通設定

----------------------------------------------------------- */


/* PCでは非表示
----------------------------------------------------*/

.sp {
 display: none;
}


/* フォント
----------------------------------------------------*/

.gothic,
.lead-text-L,
.lead-text-S {
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
}

.mincho {
 font-family: Times New Roman, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "游明朝", YuMincho, "MSP明朝", "MS PMincho", "MS 明朝", serif;
}

.f10 {
 font-size: 72%;
}

.f12 {
 font-size: 86%;
}

.f13 {
 font-size: 93%;
}

.f15 {
 font-size: 108%;
}

.f16 {
 font-size: 115%;
}

.f18 {
 font-size: 129%;
}

.f20 {
 font-size: 143%;
}

.f22 {
 font-size: 158%;
}

.f24 {
 font-size: 172%;
}

.blue {
 color: #2EA7E0;
}

.green {
 color: #C6C600;
}

.orange {
 color: #F8B62D;
}

.slick-slide img {
 width: 100%!important;
}


/* 見出し
----------------------------------------------------*/

.midashi1 {
 border-bottom: 1px solid #909090;
 font-size: 129%;
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
 line-height: 1.3;
 padding: 0 10px 10px;
 margin-bottom: 2em;
}

.midashi1-S {
 border-bottom: 1px solid #909090;
 font-size: 115%;
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
 line-height: 1.3;
 padding: 0 0 5px;
 margin-bottom: 1em;
}

.midashi2 {
 font-size: 115%;
 margin-bottom: 10px;
}

.lead-text-L {
 font-size: 200%;
 line-height: 1.3;
 margin-bottom: 1em;
}

.lead-text-S {
 font-size: 143%;
 line-height: 1.3;
 margin-bottom: 1em;
}

.midashi-blue,
.midashi-green,
.midashi-orange,
.midashi-gray,
.midashi-black {
 border-bottom: 1px solid #4E4E4E;
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
 font-size: 115%;
 margin-bottom: 1em;
 padding: 0 0 7px 25px;
 overflow: hidden;
}

.midashi-blue {
 background: url(images/share/icon_h_blue.png) no-repeat 0 0.25em;
 -webkit-background-size: 16px 16px;
 -moz-background-size: 16px 16px;
 background-size: 16px 16px;
 color: #2EA7E0;
}

.midashi-green {
 background: url(images/share/icon_h_green.png) no-repeat 0 0.25em;
 -webkit-background-size: 16px 16px;
 -moz-background-size: 16px 16px;
 background-size: 16px 16px;
 color: #C6C600;
}

.midashi-orange {
 background: url(images/share/icon_h_orange.png) no-repeat 0 0.25em;
 -webkit-background-size: 16px 16px;
 -moz-background-size: 16px 16px;
 background-size: 16px 16px;
 color: #F8B62D;
}

.midashi-gray {
 background: url(images/share/icon_h_gray.png) no-repeat 0 0.25em;
 -webkit-background-size: 16px 16px;
 -moz-background-size: 16px 16px;
 background-size: 16px 16px;
 color: #AFAFAF;
}

.midashi-black {
 border: none;
 background: url(images/share/icon_h_black.png) no-repeat 0 0.25em;
 -webkit-background-size: 16px 16px;
 -moz-background-size: 16px 16px;
 background-size: 16px 16px;
 color: #000;
 padding: 0 0 0 25px;
}


/* マージンの設定
----------------------------------------------------*/


/* top */

.mt0 {
 margin-top: 0px !important;
}

.mt10 {
 margin-top: 10px !important;
}

.mt15 {
 margin-top: 15px !important;
}

.mt20 {
 margin-top: 20px !important;
}

.mt25 {
 margin-top: 25px !important;
}

.mt30 {
 margin-top: 30px !important;
}


/* bottom */

.mb0 {
 margin-bottom: 0px !important;
}

.mb10 {
 margin-bottom: 10px !important;
}

.mb15 {
 margin-bottom: 15px !important;
}

.mb20 {
 margin-bottom: 20px !important;
}

.mb25 {
 margin-bottom: 25px !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;
}

.mb100 {
 margin-bottom: 100px !important;
}


/* left */

.ml0 {
 margin-left: 0px !important;
}

.ml10 {
 margin-left: 10px !important;
}

.ml15 {
 margin-left: 15px !important;
}

.ml20 {
 margin-left: 20px !important;
}

.ml25 {
 margin-left: 25px !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;
}


/* right */

.mr0 {
 margin-right: 0px !important;
}

.mr10 {
 margin-right: 10px !important;
}

.mr15 {
 margin-right: 15px !important;
}

.mr20 {
 margin-right: 20px !important;
}

.mr25 {
 margin-right: 25px !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;
}


/* パディングの設定
----------------------------------------------------*/


/* top */

.pt0 {
 padding-top: 0px !important;
}

.pt10 {
 padding-top: 10px !important;
}

.pt15 {
 padding-top: 15px !important;
}

.pt20 {
 padding-top: 20px !important;
}

.pt25 {
 padding-top: 25px !important;
}

.pt30 {
 padding-top: 30px !important;
}

.pt40 {
 padding-top: 40px !important;
}

.pt50 {
 padding-top: 50px !important;
}


/* bottom */

.pb0 {
 padding-bottom: 0px !important;
}

.pb10 {
 padding-bottom: 10px !important;
}

.pb15 {
 padding-bottom: 15px !important;
}

.pb20 {
 padding-bottom: 20px !important;
}

.pb25 {
 padding-bottom: 25px !important;
}

.pb30 {
 padding-bottom: 30px !important;
}

.pb40 {
 padding-bottom: 40px !important;
}

.pb50 {
 padding-bottom: 50px !important;
}


/* left */

.pl0 {
 padding-left: 0px !important;
}

.pl10 {
 padding-left: 10px !important;
}

.pl15 {
 padding-left: 15px !important;
}

.pl20 {
 padding-left: 20px !important;
}

.pl25 {
 padding-left: 25px !important;
}

.pl30 {
 padding-left: 30px !important;
}

.pl40 {
 padding-left: 40px !important;
}

.pl50 {
 padding-left: 50px !important;
}


/* right */

.pr0 {
 padding-right: 0px !important;
}

.pr10 {
 padding-right: 10px !important;
}

.pr15 {
 padding-right: 15px !important;
}

.pr20 {
 padding-right: 20px !important;
}

.pr25 {
 padding-right: 25px !important;
}

.pr30 {
 padding-right: 30px !important;
}

.pr40 {
 padding-right: 40px !important;
}

.pr50 {
 padding-right: 50px !important;
}


/* ボタン
----------------------------------------------------*/

.btn-contact {
 border: none;
 color: #FFF;
 display: inline-block;
 height: 50px;
 padding: 14px 20px 10px 40px;
 text-align: center;
 font-size: 143%;
 font-weight: bold;
 line-height: 1.2;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, #ed1e79;
 /* Old browsers */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, -moz-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, -webkit-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, linear-gradient(to bottom, #ed1e79 0%, #9e005d 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 17px 17px, 100% 100%;
 -moz-background-size: 17px 17px, 100% 100%;
 background-size: 17px 17px, 100% 100%;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.btn-contact:hover {
 text-decoration: none;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, #ac0562;
 /* Old browsers */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, -moz-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, -webkit-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow02.png) no-repeat 11px center, linear-gradient(to bottom, #ac0562 0%, #ac0562 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 17px 17px, 100% 100%;
 -moz-background-size: 17px 17px, 100% 100%;
 background-size: 17px 17px, 100% 100%;
 opacity: 1;
 /* Standard: FF gt 1.5, Opera, Safari */
 filter: none;
 /* IE lt 8 */
 -ms-filter: none;
 /* IE 8 */
 -khtml-opacity: 1;
 /* Safari 1.x */
 -moz-opacity: 1;
 /* FF lt 1.5, Netscape */
}


/* ブロック
----------------------------------------------------*/

section {
 margin-bottom: 40px;
}

.border-box {
 border: 1px solid #D3D3D3;
 background-color: #FFF;
}

.coming-soon {
 padding: 200px 0;
}

.w630 {
 width: 100%;
 max-width: 630px;
 margin: 0 auto;
}

.w700 {
 width: 100%;
 max-width: 700px;
 margin: 0 auto;
}

.w890 {
 width: 100%;
 max-width: 890px;
 margin: 0 auto;
}


/* カラムレイアウト
----------------------------------------------------*/

.col-set {}

.col2 {
 float: left;
 width: 48%;
 margin: 0 4% 20px 0;
}

.col2:nth-child(odd) {
 clear: both;
}

.col2:nth-child(even) {
 margin-right: 0;
}

.col3 {
 float: left;
 width: 30%;
 margin-right: 5%;
}

.col3:nth-child(3n) {
 margin-right: 0;
}

.col3:nth-child(3n+1) {
 clear: both;
}


/* 画像の装飾
----------------------------------------------------*/

img.frame {
 border: 1px solid #D3D3D3;
}

img.circle {
 -webkit-border-radius: 400px;
 -moz-border-radius: 400px;
 border-radius: 400px;
}

.border-blue {
 border: 4px solid #2EA7E0;
}

.border-green {
 border: 4px solid #C6C600;
}

.border-orange {
 border: 4px solid #F8B62D;
}


/* -----------------------------------------------------------

	問い合わせ

----------------------------------------------------------- */

#contact-form {}

#contact-form table.brwsr2 {
 width: 100%;
 margin: 0 auto 20px;
 border: none;
 border-bottom: solid 1px #909090;
 border-collapse: separate;
 border-spacing: 0 17px;
}

#contact-form table.brwsr2 th {
 width: 35%;
 border: none;
 border-right: dashed 1px #A7A7A7;
 margin: 0;
 padding: 0 25px 0 0;
}

#contact-form table.brwsr2 td.data {
 padding: 0 0 0 25px;
 margin: 0;
 border: none;
 overflow: hidden;
}

#contact-form table.brwsr2 td:fst-child {
 padding: 0 0 0 10px;
 vertical-align: middle;
}

#contact-form table.brwsr2 td.bar {
 height: 1px;
 width: 100%;
 border-top: solid 1px #909090;
 padding: 0;
}

#contact-form tbody td ul,
#contact-form tbody td ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}

#contact-form tbody td ul li {
 margin-bottom: 0.5em;
}

#contact-form tbody td ul li:last-child {
 margin-bottom: 0;
}

#contact-form .hissu {
 background: url(images/share/hissu.png) no-repeat right center;
 -webkit-background-size: 45px 23px;
 -moz-background-size: 45px 23px;
 background-size: 45px 23px;
 display: block;
 padding: 0 65px 0 0;
}

#contact-form .nini {
 background: url(images/share/nini.png) no-repeat right center;
 -webkit-background-size: 45px 23px;
 -moz-background-size: 45px 23px;
 background-size: 45px 23px;
 display: block;
 padding: 0 65px 0 0;
}

#contact-form input[type="text"],
#contact-form input[type="email"] {
 width: 300px !important;
 margin: 3px 0;
}

#contact-form #zip1,
#contact-form #zip2 {
 width: 70px !important;
}

#contact-form #address2,
#contact-form #strt {
 width: 400px !important;
}

#contact-form input[type="text"].tel {
 width: 70px !important;
}

#contact-form textarea {
 width: 350px !important;
}

#contact-form input[type="submit"] {
 border: none;
 color: #FFF;
 display: inline-block;
 padding: 8px 0 6px;
 width: 230px;
 text-align: center;
 font-size: 115%;
 line-height: 1.2;
 cursor: pointer;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, #ed1e79;
 /* Old browsers */
 background: url(images/share/icon_arrow06.png) no-repeat right center, -moz-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, -webkit-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, linear-gradient(to bottom, #ed1e79 0%, #9e005d 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 25px 15px, 100% 100%;
 -moz-background-size: 25px 15px, 100% 100%;
 background-size: 25px 15px, 100% 100%;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

#contact-form input[type="submit"]:hover {
 text-decoration: none;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, #ac0562;
 /* Old browsers */
 background: url(images/share/icon_arrow06.png) no-repeat right center, -moz-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, -webkit-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow06.png) no-repeat right center, linear-gradient(to bottom, #ac0562 0%, #ac0562 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 25px 15px, 100% 100%;
 -moz-background-size: 25px 15px, 100% 100%;
 background-size: 25px 15px, 100% 100%;
 opacity: 1;
 /* Standard: FF gt 1.5, Opera, Safari */
 filter: none;
 /* IE lt 8 */
 -ms-filter: none;
 /* IE 8 */
 -khtml-opacity: 1;
 /* Safari 1.x */
 -moz-opacity: 1;
 /* FF lt 1.5, Netscape */
}

#contact-form input.back_btn {
 border: none;
 color: #FFF;
 display: inline-block;
 padding: 8px 0 6px;
 width: 230px;
 text-align: center;
 font-size: 115%;
 line-height: 1.2;
 cursor: pointer;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, #ed1e79;
 /* Old browsers */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, -moz-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, -webkit-linear-gradient(top, #ed1e79 0%, #9e005d 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, linear-gradient(to bottom, #ed1e79 0%, #9e005d 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 8px 15px, 100% 100%;
 -moz-background-size: 8px 15px, 100% 100%;
 background-size: 8px 15px, 100% 100%;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

#contact-form input.back_btn:hover {
 text-decoration: none;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1e79+0,9e005d+100 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, #ac0562;
 /* Old browsers */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, -moz-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* FF3.6-15 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, -webkit-linear-gradient(top, #ac0562 0%, #ac0562 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: url(images/share/icon_arrow08.png) no-repeat 15px center, linear-gradient(to bottom, #ac0562 0%, #ac0562 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-size: 8px 15px, 100% 100%;
 -moz-background-size: 8px 15px, 100% 100%;
 background-size: 8px 15px, 100% 100%;
 opacity: 1;
 /* Standard: FF gt 1.5, Opera, Safari */
 filter: none;
 /* IE lt 8 */
 -ms-filter: none;
 /* IE 8 */
 -khtml-opacity: 1;
 /* Safari 1.x */
 -moz-opacity: 1;
 /* FF lt 1.5, Netscape */
}


/* 入力ページ */

.mw_wp_form_input {}

.mw_wp_form_input .submit_btn,
.mw_wp_form_input .privacy-check-yes {
 display: none !important;
}

.mw_wp_form_input .privacy-check label {
 font-weight: bold;
}


/* 入力確認ページ */

.mw_wp_form_confirm {}

.mw_wp_form_confirm td span,
.mw_wp_form_confirm .privacy-text,
.mw_wp_form_confirm .privacy-check {
 display: none !important;
}

.mw_wp_form_confirm .privacy-check-yes {
 display: block !important;
}


/* 送信完了ページ */

.mw_wp_form_complete {}


/* 問い合わせ先 */

.tel-box {}

.tel-box .tel {
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
 font-size: 37px;
 vertical-align: middle;
 margin-right: 30px;
}


/* -----------------------------------------------------------

	企業情報

----------------------------------------------------------- */


/* アンカーリンク */

.anchor-link {
 clear: both;
 margin-bottom: 55px;
}

.anchor-link ul,
.anchor-link ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}

.anchor-link ul {}

.anchor-link ul li {
 float: left;
 width: 20%;
 border-left: 1px dashed #A7A7A7;
 text-align: center;
}

.anchor-link ul li:last-child {
 border-right: 1px dashed #A7A7A7;
}

.anchor-link ul li a {
 display: block;
 padding: 7px 0 5px;
}

.anchor-link ul li a span {
 background: url(images/share/icon_arrow04.png) no-repeat left center;
 -webkit-background-size: 18px 12px;
 -moz-background-size: 18px 12px;
 background-size: 18px 12px;
 padding: 0 0 0 25px;
 display: inline-block;
 font-size: 115%;
 line-height: 1.2;
}

body.company .table_style1 dl {}

body.company .table_style1 dl dt {
 font-weight: bold;
}

body.company .table_style1 dl dd {
 padding-left: 30px;
}

body.company .map {
 float: right;
 margin-left: 20px;
}

body.company .address {
 overflow: hidden;
}

body.company .staff-box {
 border-bottom: 1px dashed #A7A7A7;
 padding: 15px 10px;
 display: table;
 width: 100%;
}

body.company .staff-box:last-child {
 margin-bottom: 40px;
}

body.company .staff-box > div {
 display: table-cell;
 vertical-align: middle;
}

body.company .staff-box .photo {
 width: 30%;
 font-size: 0;
 line-height: 0;
 padding-right: 30px;
}

body.company .staff-box .text {
 width: 70%;
}

body.company .staff-box .text p {
 margin-bottom: 0;
 line-height: 2;
}

body.company .staff-box .name {
 font-size: 150%;
 margin-bottom: 1em;
}

body.company .staff-box .name span {
 color: #333;
 margin-left: 20px;
 font-size: 81%;
}


/* -----------------------------------------------------------

	サービス

----------------------------------------------------------- */

body.page-template-tmp-service #main,
body.page-template-tmp-service article.page {
 margin: 0;
}


/* タブメニュー */

#service-menu {}

#service-menu ul,
#service-menu ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}

#service-menu ul {
 text-align: right;
}

#service-menu ul li {
 display: inline-block;
 margin-left: 7px;
 font-size: 108%;
 line-height: 1.2;
 font-weight: bold;
}

#service-menu ul li a {
 display: inline-block;
 padding: 15px 30px 12px;
 -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

#service-menu ul li a:hover {
 text-decoration: none;
}


/* 背景 */

#service-contents {
 margin: 0 -500%;
 padding: 45px 500% 80px;
}

#service-menu ul li.atama a,
#service-contents.atama {
 background-color: #2EA7E0;
}

#service-menu ul li.cocoro a,
#service-contents.cocoro {
 background-color: #F8B62D;
}

#service-menu ul li.karada a,
#service-contents.karada {
 background-color: #DAE000;
}

#service-menu ul li.consulting a,
#service-contents.consulting {
 background-color: #E6E6E6;
}

#service-contents p.f13 {
 line-height: 1.6;
}


/* ページタイトル */

#service-contents .service-title {
 font-family: "ゴシックMB101 B", "Gothic MB101 Bold";
 font-weight: normal;
 font-size: 243%;
 line-height: 1.3;
 width: 100%;
 max-width: 600px;
 margin: 0 0 20px auto;
}

#service-contents .service-title span {
 font-size: 85%;
}

#service-wrap {
 background-color: #FFF;
 width: 100%;
 max-width: 745px;
 padding: 35px 75px 75px;
 margin: 0 0 0 auto;
}


/* メイン */

#service-main {
 float: right;
 width: 89%;
 margin-left: 53px;
}

#service-main section:last-child {
 margin-bottom: 0;
}

#service-main .alignleft {
 margin: 0 20px 20px 0;
}

#service-main .character {
 float: right;
 margin: 0 -30px 0 30px;
}

#service-main .event-meta {
 clear: both;
 border: 1px solid #BDBDBD;
 padding: 10px;
 font-size: 86%;
}


/* サイド */

#service-side {
 float: left;
 width: 57%;
 margin: -105px 0 0 -340px;
}

#service-side .photo {}

#service-side .photo img {
 -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.20);
 -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.20);
 box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.20);
}

#service-side .fukidashi {
 border: 6px solid #2EA7E0;
 background-color: #FFF;
 position: relative;
 margin-top: 30px;
 padding: 25px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
}

#service-side .fukidashi:before {
 content: '';
 background: url(images/service/fukidashi_blue.png) no-repeat 0 0;
 -webkit-background-size: 70px 30px;
 -moz-background-size: 70px 30px;
 background-size: 70px 30px;
 display: block;
 width: 70px;
 height: 30px;
 position: absolute;
 top: -26px;
 left: 50%;
 margin-left: -35px;
}

.cocoro #service-side .fukidashi {
 border: 6px solid #F8B62D;
}

.cocoro #service-side .fukidashi:before {
 background: url(images/service/fukidashi_orange.png) no-repeat 0 0;
 -webkit-background-size: 70px 30px;
 -moz-background-size: 70px 30px;
 background-size: 70px 30px;
}

.karada #service-side .fukidashi {
 border: 6px solid #DAE000;
}

.karada #service-side .fukidashi:before {
 background: url(images/service/fukidashi_green.png) no-repeat 0 0;
 -webkit-background-size: 70px 30px;
 -moz-background-size: 70px 30px;
 background-size: 70px 30px;
}

.consulting #service-side .fukidashi {
 border: 6px solid #E6E6E6;
}

.consulting #service-side .fukidashi:before {
 background: url(images/service/fukidashi_gray.png) no-repeat 0 0;
 -webkit-background-size: 70px 30px;
 -moz-background-size: 70px 30px;
 background-size: 70px 30px;
}

#service-side .fukidashi p:last-child {
 margin-bottom: 0;
}


/* ショートカット */

.showcatposts {}

.showcatposts .title-btn {
 position: relative;
}

.showcatposts .title-btn .more {
 position: absolute;
 top: -40px;
 right: 0;
}

.news-showcatposts {}

.news-showcatposts ul,
.news-showcatposts ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}

.news-showcatposts ul li {
 border-bottom: 1px dashed #A7A7A7;
 padding: 0 0 15px;
 margin-bottom: 15px;
}

.news-showcatposts ul li:last-child {
 border: none;
}

.news-showcatposts ul li a:hover {
 text-decoration: none;
}

.news-showcatposts .photo {
 float: left;
 width: 100px;
 line-height: 0;
 font-size: 0;
 margin: 0 15px 0 0;
}

.news-showcatposts .entry-meta {
 margin-bottom: 10px;
}

.news-showcatposts .text {
 overflow: hidden;
}

.news-showcatposts .news-tag span {
 padding: 5px;
 line-height: 1.2;
}

.news-showcatposts h3 {
 font-size: 93%;
 font-weight: normal;
 line-height: 1.6;
}


/* blog用ショートコード */

.blog-showcatposts {}

.blog-showcatposts ul,
.blog-showcatposts ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}

.blog-showcatposts ul li {
 width: 47%;
 float: left;
 background-color: #F2F2F2;
 margin: 0 2% 20px 2%;
 position: relative;
}

.blog-showcatposts ul li:nth-child(odd) {
 margin-right: 0;
}

.blog-showcatposts ul li a {
 display: block;
}

.blog-showcatposts ul li a:hover {
 text-decoration: none;
}

.blog-showcatposts .photo {
 float: left;
 width: 100px;
}

.blog-showcatposts .photo img {
 display: block;
}

.blog-showcatposts .text {
 overflow: hidden;
 padding: 5px 10px;
}

.blog-showcatposts .date {
 font-size: 86%;
 line-height: 1.6;
 margin-bottom: 5px;
}

.blog-showcatposts h3 {
 font-size: 93%;
 margin-bottom: 0;
}


/*****************************************************************

   Retina対応

*****************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {}


/*****************************************************************

   レスポンシブ設定

*****************************************************************/


/*----------------------------------------------------

	w1000px以下

----------------------------------------------------*/

@media screen and (max-width: 999px) {
 /* embedded videos */
 .video embed,
 .video object,
 .video iframe,
 .entry-content iframe {
  width: 100%;
  height: auto;
  min-height: 300px;
 }
 /* マージンの設定
----------------------------------------------------*/
 /* left */
 .ml10 {
  margin-left: 1% !important;
 }
 .ml15 {
  margin-left: 1% !important;
 }
 .ml20 {
  margin-left: 2% !important;
 }
 .ml25 {
  margin-left: 2% !important;
 }
 .ml30 {
  margin-left: 3% !important;
 }
 .ml40 {
  margin-left: 4% !important;
 }
 .ml50 {
  margin-left: 5% !important;
 }
 /* right */
 .mr10 {
  margin-right: 1% !important;
 }
 .mr15 {
  margin-right: 1% !important;
 }
 .mr20 {
  margin-right: 2% !important;
 }
 .mr25 {
  margin-right: 2% !important;
 }
 .mr30 {
  margin-right: 3% !important;
 }
 .mr40 {
  margin-right: 4% !important;
 }
 .mr50 {
  margin-right: 5% !important;
 }
 /* bottom */
 .mb50,
 .mb60,
 .mb70,
 .mb80,
 .mb90,
 .mb100 {
  margin-bottom: 40px;
 }
 /* パディングの設定
----------------------------------------------------*/
 /* left */
 .pl10 {
  padding-left: 1% !important;
 }
 .pl15 {
  padding-left: 1% !important;
 }
 .pl20 {
  padding-left: 2% !important;
 }
 .pl25 {
  padding-left: 2% !important;
 }
 .pl30 {
  padding-left: 3% !important;
 }
 .pl40 {
  padding-left: 4% !important;
 }
 .pl50 {
  padding-left: 5% !important;
 }
 /* right */
 .pr10 {
  padding-right: 1% !important;
 }
 .pr15 {
  padding-right: 1% !important;
 }
 .pr20 {
  padding-right: 2% !important;
 }
 .pr25 {
  padding-right: 2% !important;
 }
 .pr30 {
  padding-right: 3% !important;
 }
 .pr40 {
  padding-right: 4% !important;
 }
 .pr50 {
  padding-right: 5% !important;
 }
 /* -----------------------------------------------------------

	サービス

----------------------------------------------------------- */
 /* ページタイトル */
 #service-contents .service-title {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  text-align: center;
 }
 #service-wrap {
  background-color: #FFF;
  width: 100%;
  max-width: 100%;
  padding: 35px 3% 75px;
  margin: 0;
 }
 /* メイン */
 #service-main {
  width: 66%;
  margin-left: 0;
 }
 #service-main .character {
  float: right;
  margin: 0 0 0 10px;
 }
 /* サイド */
 #service-side {
  width: 28%;
  margin: 0;
 }
 #service-side .fukidashi {
  padding: 20px 3%;
 }
}


/*----------------------------------------------------

	w750px以下

----------------------------------------------------*/

@media screen and (max-width: 750px) {
 .pc {
  display: none !important;
 }
 .sp {
  display: block;
 }
 /* 見出し
----------------------------------------------------*/
 .midashi1 {
  margin-bottom: 15px;
 }
 .lead-text-L {
  font-size: 115%;
 }
 .lead-text-S {
  font-size: 115%;
 }
 /* カラムレイアウト
----------------------------------------------------*/
 .col-set {}
 .col2,
 .col3 {
  float: non;
  width: 100%;
  margin: 0 0 20px;
 }
 /* -----------------------------------------------------------

	企業情報

----------------------------------------------------------- */
 /* アンカーリンク */
 .anchor-link {
  margin-bottom: 40px;
 }
 .anchor-link ul {
  border-bottom: 1px solid #A7A7A7;
 }
 .anchor-link ul li {
  width: 50%;
  border-left: none;
  border-bottom: 1px solid #A7A7A7;
  padding: 10px 0;
  text-align: left;
 }
 .anchor-link ul li:nth-child(odd) {
  border-left: none;
 }
 .anchor-link ul li:last-child {
  border-right: none;
  border-bottom: none;
 }
 .anchor-link ul li a {
  background: url(images/share/icon_arrow04.png) no-repeat 15px center;
  -webkit-background-size: 18px 12px;
  -moz-background-size: 18px 12px;
  background-size: 18px 12px;
  border-right: 1px dashed #A7A7A7;
  display: block;
  padding: 5px 0 5px 40px;
 }
 .anchor-link ul li:nth-child(even) a {
  border-right: none;
 }
 .anchor-link ul li a span {
  background: url(none);
  padding: 0;
  font-size: 93%;
 }
 body.company .table_style1 dl dd {
  padding-left: 0;
  margin-bottom: 5px;
 }
 body.company .map {
  float: none;
  width: 100%;
  margin: 0 0 20px;
 }
 body.company .staff-box {
  border-bottom: 1px dashed #A7A7A7;
  padding: 15px 10px;
  display: block;
  width: 100%;
 }
 body.company .staff-box > div {
  display: block;
 }
 body.company .staff-box .photo {
  width: 100%;
  padding-right: 0;
  margin-bottom: 20px;
  text-align: center;
 }
 body.company .staff-box .text {
  width: 100%;
 }
 body.company .staff-box .name {
  text-align: center;
 }
 body.company #anchor2 img.alignright {
  display: none!important;
 }
 /* -----------------------------------------------------------

	サービス

----------------------------------------------------------- */
 /* タブメニュー */
 #service-menu {}
 #service-menu ul {
  text-align: center;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  height: 45px;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
 }
 #service-menu ul li {
  margin: 0;
  font-size: 93%;
  width: 20%;
  position: relative;
 }
 #service-menu ul li a {
  display: block;
  margin: 0;
  padding: 15px 10px;
  position: absolute;
  top: 0;
 }
 #service-menu ul li.consulting {
  margin: 0;
  padding: 0;
  margib-top: 5px;
 }
 #service-menu ul li.consulting a {
  padding: 8px 7px 7px 7px;
 }
 #service-wrap {
  padding: 15px 3%;
  margin: 0;
 }
 /* メイン */
 #service-main {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 40px;
 }
 /* サイド */
 #service-side {
  border: 6px solid #2EA7E0;
  float: none;
  width: 100%;
  margin: 0;
  padding: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
 }
 .cocoro #service-side {
  border: 6px solid #F8B62D;
 }
 .karada #service-side {
  border: 6px solid #DAE000;
 }
 .consulting #service-side {
  border: 6px solid #E6E6E6;
 }
 #service-side .photo {
  text-align: center;
 }
 #service-side .photo img {
  display: inline-block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
 }
 #service-side .fukidashi {
  border: none !important;
  margin-top: 30px;
  padding: 0;
 }
 #service-side .fukidashi:before {
  display: none;
 }
 /* blog用ショートコード */
 .blog-showcatposts ul li {
  width: 100%;
  margin: 0 0 20px;
 }
 .col2 {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
 }
 /* -----------------------------------------------------------

	問い合わせ

----------------------------------------------------------- */
 #contact-form table.brwsr2 {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 96% !important;
  margin: 0 auto 20px;
 }
 #contact-form table.brwsr2 th {
  width: 100%;
  border: none;
  border-bottom: 1px dashed #A7A7A7;
  margin: 0;
  padding: 10px 0;
 }
 #contact-form table.brwsr2 td.data {
  padding: 10px 0 20px;
 }
 #contact-form table.brwsr2 td:fst-child {
  padding: 10px 0 20px;
 }
 #contact-form table.brwsr2 td.bar {
  border: none;
  display: none;
 }
 #contact-form input[type="text"]#zip1,
 #contact-form input[type="text"]#zip2 {
  width: 20% !important;
 }
 #contact-form input[type="text"].tel {
  width: 24% !important;
  margin-bottom: 5px
 }
 #contact-form #address2,
 #contact-form #strt {
  width: 90% !important;
 }
 #contact-form textarea {
  width: 90% !important;
 }
 /* 問い合わせ先 */
 .tel-box .tel {
  display: block;
  font-size: 22px;
  margin: 0 10px;
 }
 #service-contents .service-title {
  font-size: 150%;
 }
 #service-contents {
  padding-top: 25px;
 }
 #service-menu ul li.consulting {
  width: 40%;
 }
}

.Android #service-menu ul {
 height: 60px;
}