@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:49%;
	background-color:#F2F2F2;
	margin:0 2% 20px 0;
	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;
}