@charset "UTF-8";

/*
Theme Name: Links-PC版
Theme URI: http://links-all.com/
Description: justweb
Version: 1.0
Author: justweb
Author URI: http://w-just.com
*/

/* --- ▼基本設定開始 --- */
/* --- 全体 --- */
body {
min-width: 1000px;
margin: 0;
padding: 0;
color: #333333;
font-size: 16px;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #ffffff;
}

/* --- リンク基本設定 --- */
a:link {
color: #4682b4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }

/* --- リンク（アンダーライン無し） --- */
a.type01 {
text-decoration: none;
}
/* --- リンク（アンダーライン無し／マウスオーバーでアンダーライン有り） --- */
a.type02 {
text-decoration: none;
}
a.type02:hover {
text-decoration: underline;
}

/* 画像基本設定 */
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
width /***/:auto;
}

/* --- 画像マウスオーバー --- */
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70); 
}

/* --- 画像左フロート --- */
img.floatLeft {
float: left;
margin: 0 30px 30px 0;
padding: 0;
}

/* --- 画像右フロート --- */
img.floatRight {
float: right;
margin: 0 0 30px 30px;
padding: 0;
}

/* --- 画像フロート等WP設定 --- */
img.aligncenter {
display: block;
margin: 0 auto 40px;
}
img.alignleft {
float: left;
margin: 0 30px 30px 0;
}
img.alignright {
float: right;
margin: 0 0 30px 30px;
}

/* --- 画像（円形） --- */
img.circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

/* --- テキストフォント（明朝） --- */
.mincho {
font-family: "Vollkorn",serif;
}

/* --- テキスト太字 --- */
.bold {
font-weight: bold;
}

/* --- テキスト中央揃え --- */
.center {
text-align: center;
}

/* --- テキスト右揃え --- */
.right {
text-align: right;
}

/* --- テキスト左揃え --- */
.left {
text-align: left;
}

/* --- テキスト色（黒） --- */
.color00 {
color: #000000 !important;
}
/* --- テキスト色（赤） --- */
.color01 {
color: #e40000 !important;
}
/* --- テキスト色（ポイント色1：オレンジ） --- */
.color02 {
color: #ff7f2a !important;
}
/* --- テキスト色（ポイント色2：白） --- */
.color03 {
color: #ffffff !important;
}

/* --- テキストサイズ --- */
.size10 {font-size: 10px !important;}
.size11 {font-size: 11px !important;}
.size12 {font-size: 12px !important;}
.size13 {font-size: 13px !important;}
.size14 {font-size: 14px !important;}
.size15 {font-size: 15px !important;}
.size16 {font-size: 16px !important;}
.size17 {font-size: 17px !important;}
.size18 {font-size: 18px !important;}
.size19 {font-size: 19px !important;}
.size20 {font-size: 20px !important;}
.size21 {font-size: 21px !important;}
.size22 {font-size: 22px !important;}
.size23 {font-size: 23px !important;}
.size24 {font-size: 24px !important;}
.size25 {font-size: 25px !important;}
.size26 {font-size: 26px !important;}
.size27 {font-size: 27px !important;}
.size28 {font-size: 28px !important;}
.size29 {font-size: 29px !important;}
.size30 {font-size: 30px !important;}
.size31 {font-size: 31px !important;}
.size32 {font-size: 32px !important;}
.size33 {font-size: 33px !important;}
.size34 {font-size: 34px !important;}
.size35 {font-size: 35px !important;}
.size36 {font-size: 36px !important;}
.size37 {font-size: 37px !important;}
.size38 {font-size: 38px !important;}
.size39 {font-size: 39px !important;}
.size40 {font-size: 40px !important;}
.size41 {font-size: 41px !important;}
.size42 {font-size: 42px !important;}
.size43 {font-size: 43px !important;}
.size44 {font-size: 44px !important;}
.size45 {font-size: 45px !important;}

/* --- マージン --- */
.m-bottom-0 {
margin-bottom: 0 !important;
}
.m-bottom-5 {
margin-bottom: 5px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-bottom-15 {
margin-bottom: 15px !important;
}
.m-bottom-20 {
margin-bottom: 20px !important;
}
.m-bottom-25 {
margin-bottom: 25px !important;
}
.m-bottom-30 {
margin-bottom: 30px !important;
}
.m-bottom-35 {
margin-bottom: 35px !important;
}
.m-bottom-40 {
margin-bottom: 40px !important;
}
.m-bottom-50 {
margin-bottom: 50px !important;
}

/* --- ラインハイト --- */
.line-height-100 {
line-height: 100% !important;
}
.line-height-120 {
line-height: 150% !important;
}
.line-height-150 {
line-height: 150% !important;
}
.line-height-180 {
line-height: 180% !important;
}
.line-height-200 {
line-height: 200% !important;
}

/* --- 幅 --- */
.width-100pc {
width: 100% !important;
}
.width-90pc {
width: 90% !important;
}
.width-80pc {
width: 80% !important;
}
.width-70pc {
width: 70% !important;
}
.width-60pc {
width: 60% !important;
}
.width-50pc {
width: 50% !important;
}
.width-40pc {
width: 40% !important;
}
.width-30pc {
width: 30% !important;
}
.width-20pc {
width: 20% !important;
}
.width-10pc {
width: 10% !important;
}

/* --- ボーダーラディウス --- */
.border-radius-3 {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.border-radius-5 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.border-radius-15 {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.border-radius-20 {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}


/* --- コンテナ --- */
div.container {
position: relative;
width: 1000px;
margin: 0 auto;
padding: 0;
}
/* --- ▲基本設定開始 --- */

/* --- ▼ヘッダ内の設定開始 --- */
/* --- ヘッダ --- */
header {
margin: 0;
padding: 0;
border-bottom:1px solid #c0c0c0;
}

/* --- オープニング --- */
header div.opening {
margin: 0;
padding: 5px 0 10px;
}
header div.opening h1,
header div.opening p {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: normal;
line-height: 100%;
}

/* --- サイトタイトル --- */
header h1.siteTitle,
header p.siteTitle {
margin: 0;
padding:0 0 10px 0;
line-height: 100%;
}

/* --- 画像 --- */
header p.img {
position: absolute;
bottom: 0;
left: 590px;
margin: 0;
padding: 0;
line-height: 100%;
}

/* --- マイリスト --- */
header p.myList {
position: absolute;
bottom: 30px;
right: 0;
margin: 0;
padding: 0;
line-height: 100%;
}
header p.myList a {
margin: 0;
padding: 12px 25px 10px;
color: #ffffff;
text-decoration: none;
border-bottom: 3px solid #48851f;
background-color: #6bc62e;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
header p.myList a:hover {
border-bottom: 3px solid #6bc530;
background-color: #97db6b;
}
header p.myList a.type01 {
margin: 0;
padding: 12px 25px 10px;
color: #ffffff;
text-decoration: none;
border-bottom: 3px solid #488521;
background-color: #6bc530;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
header p.myList a.type01:hover {
border-bottom: 3px solid #6bc530;
background-color: #97db6b;
}

/* --- ナビゲーション --- */
header ul.nav {
position: absolute;
bottom: 20px;
left: 210px;
margin: 0;
padding: 0;
font-size: 13px;
color: #000000;
line-height: 100%;
list-style-type: none;
}
header ul.nav li {
display: inline;
margin: 0 15px 0 0;
padding: 0;
}
header ul.nav li:last-of-type {
margin: 0;
}
header ul.nav li a {
margin: 0;
padding: 0 0 0 21px;
color: #333333;
text-decoration: none;
background: url(image/arrow02.png) no-repeat left center;
}
header ul.nav li a:hover {
text-decoration: underline;
}

/* --- ▲ヘッダ内の設定終了 --- */

/* --- ラッパー（左右に影有り） --- */
#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0 20px 20px;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background-color: #ffffff;
box-shadow: 5px 0 5px -2px rgba(180,180,180,0.5), -5px 0 5px -2px rgba(180,180,180,0.5);
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- コンテンツ --- */
#content {
margin: 0 auto;
padding: 0;
}

/* --- コンテンツをワンカラムに--- */
.one-column{
width:850px;	
}

/* --- パンくずリスト（下層ページ） --- */
#content div.breadcrumbs {
margin: 0;
padding: 20px 0;
font-size: 13px;
line-height: 150%;
}

/* --- アーティクル（共通設定） --- */
#content article {
margin: 0;
padding: 0;
}

/* --- セクション（共通設定） --- */
#content section {
margin: 0 0 50px;
padding: 0;
}
#content div.section {
margin: 0 0 50px;
padding: 0;
}

/* --- 見出し・段落・リスト（基本設定） --- */
#content h1 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 35px;
font-weight: normal;
line-height: 180%;
}

#content h2 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 30px;
font-weight: normal;
line-height: 180%;
}

#content h3 {
margin: 0 0 20px;
padding: 0;
font-size: 22px;
font-weight: normal;
color: #000000;
line-height: 180%;
}

#content h4 {
/* --- margin: 0 0 20px;
padding: 0;
line-height: 180%;　--*/	
font-size: 16px;
font-weight: bold;
}

#content h5 {
margin: 0 0 20px;
padding: 0;
font-size: 17px;
line-height: 180%;
}

#content h6 {
margin: 0 0 20px;
padding: 0;
font-size: 16px;
font-weight: normal;
line-height: 180%;
}

#content p {
margin: 0 0 32px;
padding: 0;
line-height: 180%;
}

#content ul,
#content ol {
margin: 0 0 40px 20px;
padding: 0;
line-height: 200%;
}
#content ul li,
#content ol li {
margin: 0;
padding: 0;
}

/* --- コンテンツ01（背景色） --- */
#content div.content01 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #fff6d8;
}
/* --- コンテンツ02（ストライプ） --- */
#content div.content02 {
margin: 0 0 50px;
padding: 50px 0 1px;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #ffe78f;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, #ffeeaf), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, #ffeeaf),
color-stop(.75, #ffeeaf), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(-45deg, #ffeeaf 25%, transparent 25%,
transparent 50%, #ffeeaf 50%, #ffeeaf 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #ffeeaf 25%, transparent 25%,
transparent 50%, #ffeeaf 50%, #ffeeaf 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #ffeeaf 25%, transparent 25%,
transparent 50%, #ffeeaf 50%, #ffeeaf 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #ffeeaf 25%, transparent 25%,
transparent 50%, #ffeeaf 50%, #ffeeaf 75%,
transparent 75%, transparent);
background-image: linear-gradient(-45deg, #ffeeaf 25%, transparent 25%,
transparent 50%, #ffeeaf 50%, #ffeeaf 75%,
transparent 75%, transparent);
}

/* --- コンテンツ03（背景白） --- */
#content div.content03 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #ffffff;
}

/* --- コンテンツ04（背景オレンジ） --- */
#content div.content04 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #FFC072;
}

/* --- コンテンツ05（背景チェック） --- */
#content div.content05 {
margin: 0 0 50px;
padding: 50px 0 1px;
background: url(image/ubox01-back.png);
}

/* --- コンテンツ06（上ボーダー)--- */
#content div.content06 {
margin: 0 0 30px;
padding: 30px 0 1px;
background-color: #ffffff;
border-top:1px solid #ddd;
}

/* --- コンテンツ07（薄灰色)--- */
#content div.content07 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #fafafa;
}


/* --- マーカー（なし：fontのみ） --- */
#content span.markerType00 {
padding: 0 15px;
font-family:Hiragino UD Sans Rd W6 JIS2004,Hiragino Maru Gothic ProN,Meiriyo,メイリオ,san-serif;
}

/* --- マーカー（緑） --- */
#content span.markerType01 {
padding: 0 15px;
background: linear-gradient(transparent 80%, #6bc530 0%);
font-family:Hiragino UD Sans Rd W6 JIS2004,Hiragino Maru Gothic ProN,Meiriyo,メイリオ,san-serif;
}

/* --- マーカー（オレンジ） --- */
#content span.markerType02 {
padding: 0 15px;
background: linear-gradient(transparent 80%, #ff7c21 0%);
font-family:Hiragino UD Sans Rd W6 JIS2004,Hiragino Maru Gothic ProN,Meiriyo,メイリオ,san-serif;
}

/* --- リンクボタン --- */
#content a.btnType01 {
position: relative;
display: block;
margin: 0 auto 40px;
padding: 6px 15px;
width: 170px;
height: 33px;
line-height: 33px;
color: #ffffff;
text-align: center;
text-decoration: none;
border-bottom: 2px solid #ea8400;
background-color: #ffa93a;
/*-- border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; --- */
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--#content a.btnType01::after {
position: absolute;
top: 50%;
right: 10px;
font-size: 15px;
margin: -18px 0 0;
padding: 0;
font-family: FontAwesome;
content: '\f105';
}
--*/
#content a.btnType01:hover {
border-bottom: 2px solid #ffa93a;
background-color: #ffcc8b;
}

/* --- ■トップページ■ --- */
/* --- スライダー --- */
#slider {
overflow: hidden;
position: relative;
width: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
}

#sliderInner {
position: relative;
left: 50%;
width: 3040px;
margin: 0 0 0 -1520px;
padding: 0;
}

#sliderInner ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sliderInner ul li {
width: 1000px;
}

.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
}

.bx-wrapper .bx-pager {
width: 1000px;
margin: 0 auto;
padding: 0;
}

/* ページャー */
.bx-wrapper .bx-pager {
padding-bottom: 3px;
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
text-indent: -9999px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;;
background: #c0c0c0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #ffa93a;
}

/* 堀追記 */
.bx-wrapper .bx-controls-direction {
display: none;
}

/* --- 見出し --- */
#content div.headingFrontPage {
margin: 0;
padding: 20px 0;
background-color: #ffa93a;
}
#content div.headingFrontPage h1 {
margin: 0;
padding: 0;
color: #000000;
font-size: 20px;
line-height: 180%;
text-align: center;
}

/* --- サービスメニュー --- */
#content div.menuService {
width: 815px;
margin: 0 auto 20px;
padding: 0;
}
#content div.menuService h2 {
width: 310px;
margin: 0 auto 20px;
padding: 0;
color: #ffffff;
font-size: 26px;
text-align: center;
line-height: 180%;
background-color: #ff7c21;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
#content div.menuService ul {
display: table;
margin: 0 auto;
padding: 0;
line-height: 180%;
list-style-type: none;
}
#content div.menuService ul li {
float: left;
width: 291px;
margin: 0 78px 0 0;
padding: 30px 20px;
}
#content div.menuService ul li:last-of-type {
margin: 0;
}
#content div.menuService ul li img {
display: block;
margin: 30px auto;
padding: 0;
line-height: 100%;
}
#content div.menuService ul li h3 {
display: table;
min-height: 33px;
margin: 0 auto 10px;
font-size: 23px;
color: #000000;
line-height: 180%;
}


#content div.menuService:nth-of-type(1) ul li:nth-of-type(1) h3 {
padding: 0;
/*--background: url(image/icon01.png) no-repeat left center;--*/
}
#content div.menuService:nth-of-type(1) ul li:nth-of-type(2) h3 {
padding: 0;
/*--background: url(image/icon02.png) no-repeat left 5px;--*/
}
#content div.menuService ul li span.description {
display: block;
margin: 0 auto 5px;
padding: 0;
line-height: 180%;
}
#content div.menuService ul li a.btn {
position: relative;
display: block;
margin: 30px auto 10px;
padding: 5px 15px;
width: 170px;
height: 33px;
line-height: 33px;
color: #c5621e;
text-align: center;
text-decoration: none;
background-color: #ffbf59;
border-bottom: 2px solid #ffa009;
/*-- border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;--*/
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--#content div.menuService ul li a.btn::after {
position: absolute;
top: 50%;
right: 10px;
font-size: 15px;
margin: -18px 0 0;
padding: 0;
font-family: FontAwesome;
content: '\f105';
}
--*/

#content div.menuService ul li a.btn:hover {
border-bottom: 2px solid #ffbf59;
background-color: #ffdea9;
}

/* --- 知ってほしいこと --- */
#content div.knowledge01 {
float: left;
width: 274px;
margin: 0 29px 30px 0;
padding: 10px 20px;
border-top: 4px solid #ff7c21;
background-color: #ffffff;
}
#content div.knowledge01:nth-of-type(3n) {
margin: 0 0 29px 0;
}

#content div.knowledge02 {
float: left;
width: 445px;
margin: 0 30px 30px 0;
padding: 10px 20px;
border-top: 4px solid #ff7c21;
background-color: #ffffff;
}

#content div.knowledge03 {
float: left;
width: 445px;
margin: 0 0 30px 0;
padding: 10px 20px;
border-top: 4px solid #6bc530;
background-color: #ffffff;
}

#content div.knowledge01 h3,
#content div.knowledge02 h3,
#content div.knowledge03 h3 {
margin: 0 0 10px;
border-bottom: 1px dotted #c0c0c0;
}
#content div.knowledge01 ul,
#content div.knowledge02 ul,
#content div.knowledge03 ul {
margin-bottom: 0;
}
#content div.knowledge01 ul a,
#content div.knowledge02 ul a,
#content div.knowledge03 ul a {
color: #000000;
text-decoration: none;
}
#content div.knowledge01 ul a:hover,
#content div.knowledge02 ul a:hover,
#content div.knowledge03 ul a:hover {
text-decoration: underline;
}

/* --- トピックス --- */
#content dl.topics {
display: table;
margin: 0 auto 40px;
padding: 0;
line-height: 180%;
}
#content dl.topics dt {
width: 100px;
float: left;
margin: 0;
padding: 0;
    color: #6d2f06;
}
#content dl.topics dd {
margin: 0;
padding: 0 0 0 100px;
}
#content dl.topics a {
color: #000000;
text-decoration: none;
}
#content dl.topics a:hover {
text-decoration: underline;
}

/* --- バナー --- */
#content div.bannerArea {
margin: 0;
padding: 30px 0 10px;
background-color: #ffeeaf;
}
#content div.bannerArea ul {
display: table;
margin: 0 auto;
padding: 0;
line-height: 100%;
list-style-type: none;
}
#content div.bannerArea ul li {
float: left;
width: 230px;
margin: 0 26px 0 0;
padding: 0;
}
#content div.bannerArea ul li:last-of-type {
margin: 0;
}

/* --- ■リンクス トップ■ --- */
/* --- アイキャッチ --- */
#content div.eyecatchtp {
position: relative;
width: 100%;
min-width: 1000px;
margin: 0;
padding: 120px 0;
background: url(image/eyecatch-back-links-top.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
#content div.eyecatchtp p {
margin: 0 0 40px;
padding: 0;
text-align: center;
line-height: 100%;
}
#content div.eyecatchtp img {
display: block;
margin: 0 auto;
padding: 0;
}


/* --- ■管理会社マッチ トップ■ --- */
/* --- アイキャッチ --- */
#content div.eyecatchKM {
position: relative;
width: 100%;
min-width: 1000px;
margin: 0;
padding: 100px 0 120px;
background: url(image/eyecatch-back-kanri-match.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
#content div.eyecatchKM p {
margin: 0 0 40px;
padding: 0;
text-align: center;
line-height: 100%;
}
#content div.eyecatchKM img {
display: block;
margin: 0 auto;
padding: 0;
}

/* --- ■管理会社サーチ トップ■ --- */
/* --- アイキャッチ --- */
#content div.eyecatchKS {
position: relative;
width: 100%;
min-width: 1000px;
margin: 0;
padding: 100px 0 120px;
background: url(image/eyecatch-back-kanri-search.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
#content div.eyecatchKS p {
margin: 0 0 40px;
padding: 0;
text-align: center;
line-height: 100%;
}
#content div.eyecatchKS img {
display: block;
margin: 0 auto;
padding: 0;
}
#content div.eyecatchKS div.searchArea01 {
width: 740px;
margin: 0 auto;
padding: 16px 0;
text-align: center;
background-color: #ffc072;
}
#content div.eyecatchKS div.searchArea01 #freeWord {
display: inline-block;
width: 230px;
height: 49px;
margin: 0 10px 0 0;
padding: 0 10px;
font-size: 15px;
border: none;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.eyecatchKS div.searchArea01 #area {
display: inline-block;
width: 230px;
height: 50px;
margin: 0 10px 0 0;
padding: 0 10px;
font-size: 15px;
background-color: #ffffff;
border: none;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.eyecatchKS div.searchArea01 #btn {
position: relative;
display: inline-block;
width: 168px;
height: 51px;
line-height: 51px;
color: #ffffff;
font-size: 18px;
text-align: center;
vertical-align: middle;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #48851f;
background-color: #6bc52f;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.eyecatchKS div.searchArea01 #btn::before {
position: absolute;
bottom: 0;
left: 20px;
color: #ffffff;
font-size: 30px;
font-family: FontAwesome;
content: '\f002';
text-align: center;
margin: 0; 
padding: 0;
}
#content div.eyecatchKS div.searchArea01 #btn:hover {
border-bottom: 3px solid #6bc62e;
background-color: #97db69;
}


/* --- 検索エリア --- */
#content div.searchArea {
width: 740px;
margin: 0 auto 100px;
padding: 16px 0;
text-align: center;
background-color: #ffc072;
	
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;	
	
}
#content div.searchArea #freeWord {
display: inline-block;
width: 230px;
height: 49px;
margin: 0 10px 0 0;
padding: 0 10px;
font-size: 15px;
border: none;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.searchArea #area {
display: inline-block;
width: 230px;
height: 50px;
margin: 0 10px 0 0;
padding: 0 10px;
font-size: 15px;
background-color: #ffffff;
border: none;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.searchArea #btn {
position: relative;
display: inline-block;
width: 168px;
height: 51px;
line-height: 51px;
color: #ffffff;
font-size: 18px;
text-align: center;
vertical-align: middle;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #48851f;
background-color: #6bc52f;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.searchArea #btn::before {
position: absolute;
bottom: 0;
left: 20px;
color: #ffffff;
font-size: 30px;
font-family: FontAwesome;
content: '\f002';
text-align: center;
margin: 0; 
padding: 0;
}
#content div.searchArea #btn:hover {
border-bottom: 3px solid #6bc62e;
background-color: #97db69;
}

/* --- お悩み --- */
#content ul.itemListType01 {
display: table;
margin: 0 auto 10px;
padding: 0;
line-height: 180%;
list-style-type: none;
}
#content ul.itemListType01 li {
position: relative;
float: left;
width: 380px;
margin: 0 50px 20px 0;
padding: 30px;
background-color: #ffffff;	
}
#content ul.itemListType01 li:nth-of-type(2n) {
margin: 0 0 20px 0;
}
#content ul.itemListType01 li img {
display: block;
margin: 0 auto 10px;
padding: 45px 0 20px;
}
#content ul.itemListType01 li span.checkMarkType01 {
display: inline-block;
height: 34px;
margin: 0 0 10px;
padding: 5px 0 0 44px;
color: #3b8b07;
font-size: 23px;
line-height: 34px;
background: url(image/check01.png) no-repeat left top;
}

/* --- メリット --- */
#content ul.merit {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 180%;
}
#content ul.merit li {
float: left;
width: 300px;
margin: 0 50px 0 0;
padding: 0 0 20px;
background-color: #ffffff;
/**border-radius: 10px;**/
/**-webkit-border-radius: 10px;**/
/**-moz-border-radius: 10px;**/
}
#content ul.merit li:last-of-type {
margin: 0;
}
#content ul.merit li span.heading01 {
display: block;
margin: 20px 0 0 0;
padding: 20px 0;
color: #ff7f2b;
font-size: 23px;
text-align: center;
background-color: #ffffff;
/**border-radius: 10px 10px 0 0;**/
/**-webkit-border-radius: 10px 10px 0 0;**/
/**-moz-border-radius: 10px 10px 0 0;**/
}
#content ul.merit li span.heading02 {
display: block;
margin: 0;
padding: 20px 0;
color: #ffffff;
font-size: 23px;
text-align: center;
background-color: #e78911;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
}
#content ul.merit li span.text {
display: block;
padding: 0 20px;
}
/* --- ステップ --- */
#content div.step {
position: relative;
width: 664px;
margin: 0 auto 40px;
padding: 20px 10px 20px 30px;
background-color: #ffffff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content div.step::before {
position: absolute;
bottom: 0;
right: -50px;
/* --- content: url(image/background03.png); --*/
}
#content div.step dl {
margin: 0;
padding: 0;
line-height: 200%;
}
#content div.step dl dt {
margin: 0;
padding: 0;
color: #000000;
font-size: 18px;
font-weight:bold;
}
#content div.step dl dt span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 10px 0 0;
padding: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #ffa93a;
}
#content div.step dl dd {
margin: 0 0 20px;
padding: 3px 0 3px 40px;
}
#content div.step dl dd:last-of-type {
margin: 0;
}

/* --- ■管理会社マッチ トップ■ --- */
/* --- アイキャッチ --- */
#content div.eyecatch {
margin: 0 ;
padding: 0;
}
#content div.eyecatch p {
margin: 0;
padding: 0;
text-align: center;
line-height: 100%;
}
#content div.eyecatch img {
display: block;
margin: 0 auto;
padding: 0;
}
/* --- どう選ぶ？ --- */
#content ul.itemListType02 {
margin: 0 0 40px;
padding: 0;
line-height: 180%;
list-style-type: none;
}
#content ul.itemListType02 li {
position: relative;
float: left;
width: 300px;
margin: 0 50px 20px 0;
padding: 0;
}
#content ul.itemListType02 li:nth-of-type(3n) {
margin: 0 0 20px 0;
}
#content ul.itemListType02 li img {
display: block;
margin: 0 auto 10px;
padding: 45px 0 20px;
}
#content ul.itemListType02 li span.iconType01 {
display: inline-block;
height: 26px;
margin: 0 0 10px;
padding: 5px 0 0 26px;
color: #3b8b07;
font-size: 23px;
line-height: 26px;
background: url(image/icon03.png) no-repeat left top;
}

/* --- ステップ --- */
#content div.stepType01 {
position: relative;
width: 560px;
margin: 0 auto 40px;
padding: 20px 264px 20px 30px;
background-color: #ffffff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content div.stepType01::before {
position: absolute;
bottom: 0;
right: -50px;
/*--content: url(image/background04.png);--*/
}
#content div.stepType01 dl {
margin: 0;
padding: 0;
line-height: 200%;
}
#content div.stepType01 dl dt {
margin: 0;
padding: 0;
color: #000000;
font-size: 18px;
font-weight:bold;
}
#content div.stepType01 dl dt span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 10px 0 0;
padding: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #ffa93a;
}
#content div.stepType01 dl dd {
margin: 0 0 20px;
padding: 0;
}
#content div.stepType01 dl dd:last-of-type {
margin: 0;
}
/* --- ユーザーボイス --- */
#content h3.voice {
width: 802px;
margin: 0 auto 20px;
padding: 5px 0 3px 52px;
font-size: 22px;
font-weight: normal;
color: #ffffff;
line-height: 40px;
background: #6bc530 url(image/icon04.png) no-repeat 15px center;
}

#content div.voiceWrapp01 {
width: 714px;
min-height: 79px;
margin: 0 auto 20px;
padding: 0 0 0 95px;
background: url(image/voice01.png) no-repeat left center;
}
#content div.voiceWrapp02 {
width: 714px;
min-height: 84px;
margin: 0 auto 20px;
padding: 0 0 0 95px;
background: url(image/voice02.png) no-repeat left center;
}

#content p.voice {
position: relative;
margin: 0;
padding: 10px 20px;
line-height: 180%;
border: 2px solid #6bc530;
background-color: #f7fff3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content p.voice::before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 20px;
border-right: 15px solid #6bc530;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
#content p.voice::after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -12px;
top: 20px;
border-right: 15px solid #f7fff3;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

/* --- リンクボタンオレンジ --- */
#content a.btnType02 {
position: relative;
display: block;
margin: 0 auto 140px;
padding: 0;
width: 457px;
height: 60px;
line-height: 60px;
color: #ffffff;
font-size: 22px;
text-align: center;
text-decoration: none;
border-bottom: 3px solid #d05500;
background-color: #ff7c21;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--#content a.btnType02::after {
margin: 0 0 0 20px;
padding: 0;
content: url(image/arrow03.png);
}--*/
#content a.btnType02:hover {
border-bottom: 3px solid #ff7c21;
background-color: #ffab71;
}


/* --- リンクボタングリーン --- */
#content a.btnType03 {
position: relative;
display: block;
margin: 0 auto 140px;
padding: 0;
width: 457px;
height: 60px;
line-height: 60px;
color: #ffffff;
font-size: 22px;
text-align: center;
text-decoration: none;
border-bottom: 3px solid #488521;
background-color: #6bc530;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--#content a.btnType02::after {
margin: 0 0 0 20px;
padding: 0;
content: url(image/arrow03.png);
}--*/
#content a.btnType03:hover {
border-bottom: 3px solid #6bc530;
background-color: #97db6b;
}

/* --- CTAボタン --- */
#content a.btncta {
position: relative;
display: block;
margin: 25px auto 30px;
padding: 0;
width: 60%;
height: auto;
line-height: 30px;
color: #ffffff;
font-size: 20px;
text-align: center;
text-decoration: none;
border-bottom: 3px solid #488521;
background-color: #6bc530;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#content a.btncta:hover {
border-bottom: 3px solid #6bc530;
background-color: #97db6b;
}
#content a.btncta .txt {
font-size:14px;
}
#content a.btncta:after {
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 900;
position: absolute;
top: 50%;
right: 40px;
margin-top: -15px;
}

/* --- Q&A --- */
#content div.faq {
width: 854px;
margin: 0 auto 20px;
padding: 0 0 10px;
border: 2px solid #ffa93a;
background-color: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content div.faq h3 {
margin: 0 0 10px;
padding: 8px 15px 6px;
font-size: 18px;
background-color: #ffa93a;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
#content div.faq h3 span {
margin: 0 5px 0 0;
color: #ffffff;
font-weight: bold;
}
#content div.faq p {
margin: 0;
padding: 0 15px;
line-height: 180%;
}

/* --- ■カテゴリー・タグ・検索結果ページ■ --- */
/* --- タイトル --- */
#content div.heading01 {
margin: 0 0 40px;
padding: 20px;
border: 1px solid #c0c0c0;
}
#content div.heading01 h1 {
margin: 0;
padding: 0;
color: #000000;
font-size: 23px;
line-height: 180%;
font-weight:bold;	
}

/* --- 会社情報 --- */
#content div.campanyInfo01 {
margin: 0 0 40px;
padding: 20px;
border: 1px solid #c0c0c0;
}

/* ---#content div.campanyInfo01 h2 {
margin: 0 0 20px;
padding: 0 0 12px 0;
color: #000000;
font-size: 24px;
line-height: 180%;
border-bottom: 1px solid #c0c0c0;
font-weight:bold;	
}

#content div.campanyInfo01 h2 a {
color: #000000;
text-decoration: none;
}
--- */

#content div.campanyInfo01 p.catch {
    margin: 8px 0 30px;
    padding: 0 0 6px 0;
    color: #000000;
    font-size: 28px;
    line-height: 150%;
    border-bottom: 1px solid #c0c0c0;
    font-weight: 700;
}

#content div.campanyInfo01 p.catch a {
    color: #000000;
    text-decoration: none;
}

#content div.campanyInfo01 h2 {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
}


#content div.campanyInfo01 h2 a {
    color: #000000;
}

#content div.campanyInfo01 h2 a:hover {
text-decoration: underline;
}
#content div.campanyInfo01 div.logo {
width: 380px;
float: left;
margin: 0;
padding: 0;
}
#content div.campanyInfo01 div.logo img {
max-width: 380px;
display: block;
margin: 20px auto 0;
padding: 0;
}
#content div.campanyInfo01 div.companyDiscription {
width: 400px;
float: right;
margin: 0;
padding: 0;
}
#content div.campanyInfo01 div.companyDiscription ul {
margin: 0 0 10px;
padding: 0;
line-height: 180%;
list-style-type: none;
}
#content div.campanyInfo01 div.companyDiscription ul li {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px dotted #c0c0c0;
}
#content div.campanyInfo01 div.companyDiscription ul li:last-of-type {
margin: 0;
}
#content div.campanyInfo01 div.companyDiscription ul li dl {
margin: 0;
padding: 0;
line-height: 180%;
}
#content div.campanyInfo01 div.companyDiscription ul li dl dt {
width: 50px;
float: left;
margin: 0;
padding: 0 0 0 20px;
border-left: 5px solid #ffa93a;
}
#content div.campanyInfo01 div.companyDiscription ul li dl dd {
margin: 0 0 0 50px;
padding: 0;
}
#content div.campanyInfo01 div.companyDiscription p {
margin: 0 0 10px;
padding: 0;
line-height: 180%;
}
#content div.campanyInfo01 div.companyDiscription div.btn {
margin: 0;
padding: 10px;
text-align: center;
background-color: #fff6d4;
}#content div.campanyInfo01 div.companyDiscription div.btn form {
margin: 0;
padding: 0;
}
#content div.campanyInfo01 div.companyDiscription div.btn input {
width: 240px;
height: 48px;
color: #ffffff;
font-size: 15px;
text-align: center;
vertical-align: middle;
border: none;
border-bottom: 3px solid #48851f;
background-color: #6bc62f;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-transition: 0.4s;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.campanyInfo01 div.companyDiscription div.btn input:hover {
background-color: #97db6b;
border-bottom: 3px solid #6bc530;

}
#content div.campanyInfo01 div.companyDiscription div.btn p.btnOff {
margin: 0;
padding: 0;
color: #aa4400;
text-align: center;
line-height: 100%;
}

/* --- ■会社情報詳細ページ■ --- */
/* --- タイトル --- */
#content div.heading02 {
margin: 0 0 40px;
padding: 20px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#content div.heading02 h1 {
margin: 0;
padding: 0;
color: #000000;
font-size: 16px;
line-height: 150%;
font-weight:bold;		
}
#content div.heading02 p {
margin: 0;
padding: 0;
color: #000000;
font-size: 28px;
line-height: 150%;
font-weight:bold;		
}
/* --- 会社情報 --- */
#content div.campanyInfo02 {
margin: 0 0 40px;
padding: 0;
}
#content div.campanyInfo02 div.logo {
width: 350px;
float: left;
margin: 20px;
padding: 0;
}
#content div.campanyInfo02 div.logo img {
display: block;
margin: 0 auto;
padding: 0;
}
#content div.campanyInfo02 div.companyDiscription {
width: 450px;
float: right;
margin: 0;
padding: 0;
}
#content div.campanyInfo02 div.companyDiscription ul {
margin: 0 0 10px;
padding: 0;
line-height: 180%;
list-style-type: none;
}
#content div.campanyInfo02 div.companyDiscription ul li {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px dotted #c0c0c0;
}
#content div.campanyInfo02 div.companyDiscription ul li:last-of-type {
margin: 0;
}
#content div.campanyInfo02 div.companyDiscription ul li dl {
margin: 0;
padding: 0;
line-height: 180%;
}
#content div.campanyInfo02 div.companyDiscription ul li dl dt {
width: 50px;
float: left;
margin: 0;
padding: 0 0 0 20px;
border-left: 5px solid #ffa93a;
}
#content div.campanyInfo02 div.companyDiscription ul li dl dd {
margin: 0 0 0 75px;
padding: 0;
}
#content div.campanyInfo02 div.companyDiscription p {
margin: 0 0 10px;
padding: 0;
line-height: 180%;
}
#content div.campanyInfo02 div.companyDiscription div.btn {
margin: 20px 0 0 0;
padding: 0;
text-align: center;
}
#content div.campanyInfo02 div.companyDiscription div.btn input {
width: 240px;
height: 48px;
color: #ffffff;
font-size: 15px;
text-align: center;
vertical-align: middle;
border: none;
border-bottom: 3px solid #48851f;
background-color: #6bc62f;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-transition: 0.4s;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.campanyInfo02 div.companyDiscription div.btn input:hover {
background-color: #97db6b;
border-bottom: 3px solid #6bc530;
}
#content div.campanyInfo02 div.companyDiscription div.btn p.btnOff {
margin: 0;
padding: 0;
color: #aa4400;
text-align: center;
line-height: 100%;
}

#content div.offer {
margin: 0 0 40px;
padding: 20px 10px;
background-color: #fff6d4;
}
#content div.offer div.textArea {
float: left;
width: 480px;
margin: 0;
padding: 0;
}
#content div.offer div.textArea p {
margin: 0;
padding: 5px 0 0;
color: #000000;
font-size: 18px;
font-weight: bold;
text-align: center;
}
#content div.offer div.btnArea {
float: right;
width: 250px;
margin: 0;
padding: 0 65px 0 0;
text-align: center;
}
#content div.offer div.btnArea input {
width: 240px;
height: 48px;
color: #ffffff;
font-size: 15px;
text-align: center;
vertical-align: middle;
border: none;
border-bottom: 3px solid #48851f;
background-color: #6bc62e;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-transition: 0.4s;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content div.offer div.btnArea input:hover {
background-color: #97db6b;
border-bottom: 3px solid #6bc530;
}
#content div.offer div.btnArea p.btnOff {
height: 42px;
margin: 0;
padding: 0;
color: #aa4400;
text-align: center;
line-height: 42px;
}

#content div.companyInfo {
margin: 0 0 40px;
padding: 20px;
border: 1px solid #e0e0e0;
background-color: #f9f9f9;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content div.companyInfo dl {
margin: 0;
padding: 0;
line-height: 150%;
}
#content div.companyInfo dl dt {
margin: 0;
padding: 0;
color: #000000;
font-weight:bold;
}
#content div.companyInfo dl dd {
margin: 0 0 20px;
padding: 0;
}
#content div.companyInfo dl dd p {
margin: 0;
padding: 0;
line-height: 150%;
}

/* --- h2（背景色＋左ボーダー） --- */
#content h2.type01 {
margin: 0 0 40px;
padding: 20px 0 20px 20px;
color: #000000;
font-size: 20px;
line-height: 180%;
border-left: 5px solid #ffa93a;
background-color: #fff6d4;
font-weight:bold;	
}
/* --- h3 --- */
#content h3.type01 {
margin: 0 0 20px;
padding: 0 0 5px 0;
font-size: 20px;
color: #000000;
line-height: 180%;
font-weight:bold;
border-bottom:solid 1px #808080;	
}

/* --- ■マイりストページ■ --- */
#content h2.formHeading01 {
margin: 0 0 40px;
padding: 8px 0 5px;
color: #000000;
font-size: 20px;
line-height: 180%;
text-align: center;
background-color: #fff6d4;
}
#content h2.formHeading02 {
position: relative;
margin: 0 0 40px;
padding: 8px 0 5px 20px;
color: #000000;
font-size: 20px;
line-height: 180%;
text-align: center;
background-color: #fff6d4;
}
#content h2.formHeading02::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #fff6d4;
}
/* --- マイリスト --- */
#content table.myList {
width: 100%;
margin: 0 auto 40px;
padding: 0;
border-collapse: collapse;
line-height: 150%;
}
#content table.myList td {
padding: 10px 20px;
border-bottom: 1px #c0c0c0 dotted;
}
#content table.myList td.img {
width: 100px;
}
#content table.myList td.btn {
width: 50px;
}
#content table.myList td a {
color: #000000;
text-decoration: none;
}
#content table.myList td a:hover {
text-decoration: underline;
}
#content table.myList td img {
width: 100px;
}
#content table.myList td form {
margin: 0;
padding: 0;
}
#content table.myList td form input {
width: 50px;
margin: 0;
padding: 3px 0;
color: #ffffff;
font-size: 13px;
text-align: center;
text-decoration: none;
line-height: 100%;
background-color: #808080;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: none;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content table.myList td form input:hover {
background-color: #b3b3b3;
}

/* --- フォーム --- */
form.wpcf7-form {
width: 100%;
margin: 0 auto;
padding: 0;
}
form.wpcf7-form table {
width: 100%;
margin: 0 0 30px;
padding: 0;
line-height: 150%;
border: 1px #c0c0c0 solid;
}
form.wpcf7-form th {
width: 225px;
padding: 10px;
font-weight: normal;
background-color: #f5f5f5;
border-bottom: 1px #c0c0c0 dotted;
text-align: left !important;
white-space: nowrap
}
form.wpcf7-form th span.required {
margin: 0 10px 0 0;
padding: 5px 12px;
font-size: 12px;
color: #ffffff;
background-color: #E9485A;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
form.wpcf7-form th span.any {
margin: 0 10px 0 0;
padding: 5px 12px;
font-size: 12px;
color: #ffffff;
background-color: #ffb380;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
form.wpcf7-form td {
padding: 10px;
background-color: #ffffff;
border-bottom: 1px #c0c0c0 dotted;
}
form.wpcf7-form span.supplement {
color: #808080;
font-size: 12px;
font-weight: normal;
}
form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
font-size: 16px;
margin-bottom: 2px;
padding: 10px 5px;
}
form.wpcf7-form #wide {
width: 99%;
}
form.wpcf7-form #narrow {
width: 200px;
}
form.wpcf7-form #wideArea {
width: 99%;
height: 10em;
}
form.wpcf7-form p.button {
margin: 0;
padding: 0;
text-align: center;
}
form.wpcf7-form p.button input {
width: 250px;
height: 50px;
padding: 2px 0 0;
color: #ffffff;
font-size: 20px;
font-weight: normal;
text-align: center;
vertical-align: middle;
border: none;
background-color: #ff7c21;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
form.wpcf7-form p.button input:hover {
background-color: #fb9853;
background-color: #fb9853;
}
form.wpcf7-form span.msg {
color: #ff0000;
}
form.wpcf7-form span.newline span.wpcf7-list-item {
display: block !important;
}

/* --- ■ブログページ（記事一覧ページ）■ --- */
/* --- タイトル（h1） --- */
#content h1.blogList {
margin: 0;
padding: 10px 0 5px 20px;
color: #6d2f06;
font-size: 24px;
font-weight: bold;
line-height: 180%;
border-top: 1px solid #c0c0c0;
}

/* --- 記事一覧 --- */
#content div.postList01 {
position: relative;
margin: 0;
padding: 20px 0;
border-bottom: 1px solid #c0c0c0;
}
#content div.postList01:first-of-type {
border-top: 1px solid #c0c0c0;
}
#content div.postList01:last-of-type {
margin: 0 0 50px;
}
#content div.postList01 div.img {
float: left;
width: 300px;
margin: 0;
padding: 0;
}
#content div.postList01 div.img span {
display: block;
width: 300px;
height: 200px;
margin: 0;
padding: 0;
}
#content div.postList01 div.img span img {
display: block;
margin: 0;
padding: 0;
}
#content div.postList01 div.text {
float: right;
width: 400px;
margin: 0;
padding: 0;
}
#content div.postList01 div.text h2 {
margin: 0 0 20px;
padding: 0;
color: #6d2f06;
font-size: 24px;
font-weight: bold;
line-height: 160%;
}
#content div.postList01 div.text h2 a {
color: #6d2f06;
text-decoration: none;
}
#content div.postList01 div.text h2 a:hover {
text-decoration: underline;
}
#content div.postList01 div.text p {
margin: 0;
line-height: 150%;
}
#content div.postList01 p.category {
position: absolute;
left: 0;
padding: 0;
margin: 0;
padding: 0;
line-height: 100%;
font-size:12px;
}
#content div.postList01 p.category span {
display: inline-block;
margin: 0;
padding: 10px 15px;
color: #ffffff;
background-color: #6bc530;
}
#content div.postList01 p.category span a {
color: #ffffff;
text-decoration: none;
}
#content div.postList01 p.category span a:hover {
text-decoration: underline;
}

/* --- ■ブログページ（記事ページ）■ --- */
/* --- ラッパー --- */
#content div.postType01 {
margin: 0 0 40px;
padding: 20px 30px;
border: 1px solid #c0c0c0;
}

/* --- カテゴリー --- */
#content div.postType01 p.category {
margin: 0 0 20px;
padding: 0;
line-height: 100%;
}
#content div.postType01 p.category span {
display: inline-block;
margin: 0;
padding: 10px 15px;
color: #ffffff;
background-color: #6bc530;
}
#content div.postType01 p.category span a {
color: #ffffff;
text-decoration: none;
}
#content div.postType01 p.category span a:hover {
text-decoration: underline;
}

/* --- タイトル（h1） --- */
#content div.postType01 h1 {
margin: 0 0 40px;
padding: 0 0 10px;
color: #6d2f06;
font-size: 36px;
font-weight: bold;
line-height: 180%;
border-bottom: 2px dotted #c0c0c0;
}
/* --- h2（背景色＋左ボーダー） --- */
#content div.postType01 h2 {
margin: 0 0 40px;
padding: 18px 0 18px 20px;
color: #000000;
font-size: 24px;
font-weight: bold;
line-height: 180%;
border-left: 5px solid #aa4400;
}
/* --- h3 --- */
#content div.postType01 h3 {
margin: 0 0 20px;
padding: 3px 0 3px 6px;
font-size: 20px;
color: #000000;
line-height: 180%;
background-color: #fff6d4;
font-weight:bold;
}

/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
#main {
float: left;
width: 760px;
margin: 0;
padding: 0;
}
/* --- ▲メインカラム内の設定終了 --- */

/* --- ▼サイドバー内の設定開始 --- */
#content #sideBar {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

/* --- 検索ボックス --- */
#content #sideBar div.box01 {
margin: 0;
padding: 0;
border: 1px solid #c0c0c0;
background-color: #f9f9f9;
}

#content #sideBar div.box01 p {
margin: 20px;
padding: 0;
line-height: 100%;
}

#content #sideBar div.box01 #freeWord {
display: inline-block;
width: 90%;
height: 39px;
margin: 0;
padding: 0 5%;
font-size: 15px;
border: 1px solid #c0c0c0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content #sideBar div.box01 #area {
display: inline-block;
width: 100%;
height: 40px;
margin: 0;
padding: 0 5%;
font-size: 15px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content #sideBar div.box01 #btn {
display: inline-block;
width: 100%;
height: 41px;
line-height: 41px;
color: #ffffff;
font-size: 18px;
text-align: center;
vertical-align: middle;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #48851f;
background-color: #6bc52f;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
cursor: pointer;
font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance: none;
}
#content #sideBar div.box01 #btn::before {
position: absolute;
bottom: 0;
left: 20px;
color: #ffffff;
font-size: 30px;
font-family: FontAwesome;
content: '\f002';
text-align: center;
margin: 0; 
padding: 0;
}
#content #sideBar div.box01 #btn:hover {
border-bottom: 3px solid #6bc62e;
background-color: #97db69;
}

/* --- h2 --- */
#content #sideBar h2 {
margin: 0 0 10px;
padding: 8px 0 5px 20px;
color: #ffffff;
font-size: 15px;
line-height: 180%;
background-color: #6d2f06;
}

/* --- サービス --- */
#content #sideBar ul.service {
margin: 0 0 40px;
padding: 0;
font-size: 13px;
line-height: 150%;
list-style-type: none;
}
#content #sideBar ul.service li {
margin: 0 0 20px;
padding: 0;
}
#content #sideBar ul.service li a {
display: block;
margin: 0;
padding: 0;
color: #333333;
text-decoration: none;
}
#content #sideBar ul.service li a:hover {
text-decoration: underline;
}
#content #sideBar ul.service li img {
display: block;
margin: 0 0 5px;
padding: 0;
}

/* --- ブログコンテンツ（カテゴリー） --- */
#content #sideBar ul.category {
margin: 0 0 40px;
padding: 0;
font-size: 13px;
line-height: 150%;
list-style-type: none;
}
#content #sideBar ul.category li {
margin: 0;
padding: 0;
}
#content #sideBar ul.category li a {
display: block;
margin: 0;
padding: 10px 0 8px 21px;
color: #333333;
text-decoration: none;
border-bottom: 1px dotted #c0c0c0;
background: url(image/arrow02.png) no-repeat left center;
}
#content #sideBar ul.category li a:hover {
text-decoration: underline;
}
#content #sideBar ul.category li ul {
margin: 0 0 5px 15px;
padding: 0;
list-style-type: none;
}
#content #sideBar ul.category li ul li {
margin: 0;
padding: 0;
}
#content #sideBar ul.category li ul li a {
display: block;
position: relative;
margin: 0;
padding: 10px 0 8px 15px;
background: none;
}
#content #sideBar ul.category li ul li a::before {
position: absolute;
top: 10px;
left: 0;
margin: 0;
padding: 0 0 15px;
font-family: FontAwesome;
content: '\f105';
}

/* --- バナー（外部リンク） --- */
#content #sideBar ul.banner {
margin: 0 0 40px;
padding: 0;
font-size: 13px;
line-height: 150%;
list-style-type: none;
}
#content #sideBar ul.banner li {
margin: 0 0 20px;
padding: 0;
}
#content #sideBar ul.banner li a {
display: block;
margin: 0;
padding: 0;
color: #333333;
text-decoration: none;
}
#content #sideBar ul.banner li a:hover {
text-decoration: underline;
}
#content #sideBar ul.banner li img {
display: block;
margin: 0 0 5px;
padding: 0;
}

/* --- セクション（共通設定） --- */
#content #sideBar section {
margin: 0 0 40px;
padding: 0;
}
/* --- ▲サイドバー内の設定終了 --- */


/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
footer {
margin: 0;
padding: 40px 0 0;
font-size: 13px;
background-color: #f3f3f3;	
	border-top:1px solid #ddd;
}
footer.type01 {
margin: 0;
padding: 40px 0 0;
font-size: 13px;
background-color: #ffffff;
border-top:none;
}

footer nav {
margin: 0;
padding: 0;
}

footer h2 {
margin: 0 0 10px;
padding: 0;
font-size: 15px;
line-height: 150%;
color: #000000;
}

footer div.box01,
footer div.box02,
footer div.box03 {
float: left;
width: 240px;
margin: 0 10px 0 0;
padding: 0;
}

footer div.box04 {
float: left;
width: 240px;
margin: 0;
padding: 0;
}

footer ul {
margin: 0 0 20px;
padding: 0;
color: #000000;
font-size: 13px;
line-height: 150%;
list-style-type: none;
}
footer div ul li {
margin: 0 0 10px;
padding: 0;
}
footer div ul li a {
color: #333333 !important;
text-decoration: none;
}
footer div ul li a:hover {
text-decoration: underline;
}

footer p {
margin: 0 0 10px;
padding: 0;
line-height: 150%;
}


/* --- コピーライト --- */
footer div.copyright {
margin: 0;
padding: 20px;
background-color: #797979;
}

footer div.copyright p {
margin: 0;
padding: 0;
color: #ffffff;
font-size: 12px;
text-align: center;
line-height: 100%;
}

/* --- ▼その他の設定開始 --- */
/* --- clearFix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ソーシャルボタン --- */
.socialBtn {
margin: 0; 
padding: 0;
text-align: left;
}
.wsbl_twitter {
 width: 75px !important;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
.wsbl_google_plus_one {
width: 58px !important;
}
.wsbl_pocket {
 width: 90px !important;
}

/* --- トップに戻る --- */
#backTop {
position: fixed;
bottom: 50px;
margin-left: 1050px;
}
#backTop span {
width: 50px;
height: 50px;
display: block;
background: #ffeda8 url(image/up-arrow.png) no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#backTop a:hover span {
background-color: #ffdd59;
}

/* --- ページ内リンクのずれ解消 --- */
#chapter01,#chapter02,#chapter03,#chapter04,#chapter05,
#chapter06,#chapter07,#chapter08,#chapter09,#chapter10 {
display: block;
margin-top: -100px;
padding-top: 100px;
}

/* --- 非表示 --- */
.displayNonePc {
display: none;
}

/* --- マイリスト登録メッセージ --- */
.flash-title,
.flash-title02 {
display: none;
}

/* --- フロートボックスの高さを揃える（親要素） --- */
.flexibleBox {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
/* --- IEのセレクトボタンから矢印を消す --- */
select::-ms-expand {
display: none;
}
/* --- ▲その他の設定終了 --- */

/* --- 引用句：堀追記 --- */
blockquote {
    position: relative;
padding: 40px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
	margin:16px 0 40px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
top: 5px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
position: absolute;
bottom: 5px;
right: 15px;
    vertical-align: middle;
content: "\f10e";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* --- ユーザーボイス：堀追記  --- */

#content .ubox01 {
  position: relative;
  margin-bottom: 20px;
}
#content div.ubox01 p {
  position: absolute;
  width: 590px;
  left: 40px;
  top: 97px;
  font-size: 16px;
}
#content div.ubox01 p span {
  font-weight: bold;
}
#content div.ubox01 p.name {
  text-align: right;
  top: 200px;
  bottom: 30px;
  font-size: 14px;
}

#content div.ubox01 h3 {
    position: absolute;
    width: 590px;
    left: 55px;
    top: 32px;
    font-size: 16px;
}

.contet-m-0-151 {margin: 0 152px !important;}

/* --- ▼マッチ用ワンカラム-- */
/* --- マッチ用メインカラム --- */
#main-search {
float: left;
width: 850px;
margin: 0;
padding: 0 0 0 75px; 
}
/* --- ▲メインカラム内の設定終了 --- */

.service-term {
width: 850px;
margin: 0;
padding: 0 0 0 75px; 
}


/* --- pageNavi --- */
.wp-pagenavi {
margin: 50px 0 !important;
text-align: center !important;
}
.wp-pagenavi a,
.wp-pagenavi span {
padding: 3px 10px !important;
color: #ffa93a !important;
border-width: 2px !important;
border-color: #ffa93a !important;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
color: #ffffff !important;
font-weight: normal !important;
background-color: #ffa93a !important;
}
.wp-pagenavi .pages {
display: none !important;
}

/* --- 表 --- */
#content table.type01 {
width: 100%;
margin: 0 0 40px;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
line-height: 180%;
}
#content table.type01 th,
#content table.type01 td {
padding: 10px 20px;
border: 1px #c0c0c0 solid;
}
#content table.type01 th {
color: #000000;
font-weight: normal;
background-color: #f9f9f9;
}

/* --- 読んで頂きたい記事 --- */
/* --- h2（背景色＋左ボーダー） --- */
#content h2.recommend {
margin: 0 0 40px;
padding: 18px 0 18px 20px;
color: #000000;
font-size: 24px;
font-weight: bold;
line-height: 180%;
border-left: 5px solid #aa4400;
}

#content ul.recommend {
margin: 0 0 50px;
padding: 0;
list-style-type: none;
}
#content ul.recommend li {
margin: 0 0 10px;
padding: 0;
}
#content ul.recommend li a {
display: block;
margin: 0 0 10px;
padding: 0;
color: #6d2f06;
font-size: 20px;
font-weight: bold;
line-height: 160%;
text-decoration: none;
}
#content ul.recommend li a:hover {
}
#content ul.recommend li a span.img {
display: block;
float: left;
width: 200px;
height: 124px;
margin: 0 30px 0 0;
padding: 0;
}
#content ul.recommend li a:hover span.title {
text-decoration: underline;
}
#content ul.recommend li a span.link {
display: block;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #bebebe;
}
#content ul.recommend li a::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* --- cta --- */
.cta {
margin: 0 0 10px;
padding: 10px 0 18px;
background-color: #ffe5c2;
text-align:center;
	}

/* --- cta --- */
.cta-test {
margin: 0 0 40px;
padding: 10px 20px 18px;
background-color: #ffe5c2;
/*text-align:center;*/
	}

/* --- cta-ボタン --- */
.square_btn{
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
	color: #FFF !important;
    background: #fd9535;
    transition: .4s;
  }

.square_btn:hover {
    background: #00bcd4;
    color: white;
}


/* 4つの約束 */
#content .promise {
  text-align: center;
  padding: 40px 0 0 0;
  font-size: 16px;
  color: #333;
}
#content .promise h3 {
  margin-bottom: 40px;
}
#content .promise .txt {
  margin-bottom: 30px;
}
#content .promise .box {
  width: 952px;
  padding: 30px 20px 150px;
  border: 4px solid #fcc481;
  margin: 0 auto 20px auto;
  text-align: left;

}
#content .promise .box.box01 {
  background: #fff url(image/bg-promise01.png) no-repeat 849px center;
}
#content .promise .box.box02 {
  background: #fff url(image/bg-promise02.png) no-repeat 850px center;
}
#content .promise .box.box03 {
  background: #fff url(image/bg-promise03.png) no-repeat 848px center;
}
#content .promise .box.box04 {
  background: #fff url(image/bg-promise04.png) no-repeat 848px center;
}
#content .promise .box img {
  float: left;
}
#content .promise .box p {
  width: 405px;
  float: right;
  margin-right: 170px;
}

.efo {color: #d34e4e}

#content h2.apply {
	 font-family:メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 20px;
}

/*PCのみで非表示*/
.sponly{display:none;}

/*サイドバー追尾バナー*/
.sideFixing {
width: 200px;
margin: 0;
padding: 0;
}

/* --- サーチ検索結果からマッチへ(s to m) --- */
.cta-stm {
margin: 0 0 40px;
padding: 35px 20px 18px;
background-color: #ffe5c2;
text-align:center;
	}
	
.cta-stm .copy{
margin: 0 0 32px;
padding: 0;
line-height: 150%;
font-size: 28px;
 font-weight: bold;
}