@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content p:first-child {
	margin-top:0;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }


.content blockquote{
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin-top:20px;
}

.content blockquote p{
	margin:0;
}

/* common modules
------------------------------------------------ */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

._mt0 { margin-top: 0px!important}
._mt30 { margin-top: 30px!important}
._mt50 { margin-top: 50px!important}
._mt80 { margin-top: 80px!important}

.pc {
	display: block;
}
.sp {
	display: none;
}


/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:13px;
}

.anchor-ex{
	background:url(../images/icon_window.png) no-repeat right 0.3em;
	padding-right:15px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}


/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}



/* ------ title -------------------------------- */

.content h2{
	font-size: 26px;
	font-weight:bold;
	margin:60px 0 40px;
	padding:0;
	clear:both;
}

.content h2:first-child{
	margin-top:0;
}

.content h2 a:link          { text-decoration:underline; }
.content h2 a:visited       { text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }

.content h3, 
.content .wysiwyg h1 {
	clear:both;
	margin:60px 0 30px;
	color:#e9486f;
	font-size:22px;
	font-weight:bold;
	border-bottom:1px solid #e9486f;
	padding-bottom:4px;
}

.content h4, 
.content .wysiwyg h2{
	clear:both;
	background: #eee;
	margin:40px 0 20px;
	font-size:18px;
	padding: 10px;
}

.content h5, 
.content .wysiwyg h3{
	clear:both;
	margin:40px 0 20px;
	font-size:18px;
	padding: 10px;
	font-weight:bold;
	color:#333;
	border:0;
}

/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li, 
.wysiwyg ul li{
	background:url(../images/icon_list01.png) no-repeat 0 0.75em;
	padding-left:1em;
}

.list li li, 
.wysiwyg ul li li {
	background:url(../images/icon_list02.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow03.png) no-repeat center left;
	padding-left:13px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:20px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
	padding-left:20px;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ social media ------------------------- */

.social {
    margin-top: 20px;
}
.social ul li {
    display: inline-table;
    float: left;
    margin-right: 10px;
    vertical-align: top;
    width: 100px;
}
.social ul li.twitter, .social ul li.google {
    padding-top: 5px;
}
.social ul li * {
    margin: 0;
    padding: 0;
}
.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ccc;
	background:#fff;
}

table th{
	background:#f9f9f9;
	font-weight:bold;
}

table thead th,
th.head {
	background:#e0ecfa;
	text-align:center;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}


/* cms
------------------------------------------------ */
.tpl-title h2{
	margin:60px 0 30px;
	border-bottom: 1px solid #ed6c88;
	padding-bottom:40px;
}

.tpl-title-recent h2{
	color:#ed6c88;
	margin:40px 0;
	border-top: 1px solid #ed6c88;
	padding:40px 0 0;
}

.entry-body {
	background:#fcf2d4;
	margin: -10px 0 20px;
	padding: 20px;
}

.entry-title {
	color:#ed6c88;
	padding:0 !important;
	margin: 0 !important;
}

.entry-title a {
	color:#ed6c88;
}

.entry-date {
	text-align:right;
	font-size:87%;
	margin:10px 0 0 !important;
	padding:0 !important;
}

/* 記事一覧（top） */
.entry-list-top{
	margin-top:60px !important;
}

.entry-list-index{
	margin:0 !important;
}

.entry-list-top .title{
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	border-top:1px dashed #ccc;
}

.entry-list-index .title{
	margin:0 !important;
}
.entry-list-index .layout{
	margin:0 0 20px 0;
	padding:0 0 40px 0;
	border-bottom:1px dashed #ccc;
}

.entry-list-top .title a, .entry-list-index .title a{
	color:#ed6c88;
	font-size:26px;
}

.entry-list-top .thumb, .entry-list-index .thumb{
	width:270px;
	overflow:hidden;
	float:left;
	margin-right:20px;
}

.entry-list-top .text, .entry-list-index .text{
	float:left;
	width:430px;
}


/* 記事一覧（index） */
.entry-list{
	margin:0 !important;
}

.entry-list li{
	background:url(../blogtpl/images/bg_entry_list.png) #fcf2d4;
	padding:20px;
	margin:0 0 20px;
}

.entry-list dl:before, .entry-list dl:after{
	display:table;
	content:" ";
	line-height:0;
}
.entry-list dl:after{
	clear:both;
}
.entry-list dl{
	zoom:1;
}

.entry-list li dt{
	width:230px;
	overflow:hidden;
	float:left;
	clear:left;
	text-align:center;
	vertical-align:middle;
}

.entry-list li dd{
	padding:0 0 0 250px;
}

.entry-list li dd.title a{
	color:#ed6c88;
	font-size:20px;
}

.entry-list li dd.date{
	font-size:13px;
	text-align:right;
	margin:5px 0;
}

/* 最近の記事 */
.new-entry li{
	margin-bottom:20px;
	clear:both;
}

.new-entry li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .new-entry li             { zoom: 1; } /* IE6 */
*:first-child+html .new-entry li { zoom: 1; } /* IE7 */

.new-entry li dt{
	width:200px;
	height:120px;
	overflow:hidden;
	float:left;
	clear:left;
	text-align:center;
	vertical-align:middle;
}

.new-entry li dd{
	padding:0 0 0 220px;
}

.new-entry li dd.date{
	font-size:78%;
	text-align:left;
}

.new-entry li dd.titile{
	font-weight:bold;
}

.new-entry li dd.text{
	font-size:87%;
}

/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 10px 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#ed6c88;
	border:1px solid #ed6c88;
	color:#fff;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#fff;
	border:1px solid #ed6c88;
	color:#ed6c88;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#ed6c88;
	color:#fff;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}



/* サービス紹介
------------------------------------------------ */
.service-entry h3{
	font-size:18px;
	margin:60px 0 10px;
	color:#333;
	border-color:#ccc;
}

.service-entry p{
	margin: 10px 0 0;
}



/* スタッフ紹介
------------------------------------------------ */
.staff {
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

.staff-info-left {
	float: left;
	width: 225px;
	margin-top: 20px;
}

.staff-info-right {
	float: left;
	width: 755px;
}

.staff-info img {
	margin-bottom: 0;
}

.staff-info h3 {
	clear: none;
	color: #333;
	border: none;
	padding: 0;
	margin: 0 0 10px;
	float: left;
}

.staff-info h3 span {
	font-size: 12px;
	padding: 0 20px 10px 0px;
}



/* お問い合わせ
------------------------------------------------ */

/* よくあるご質問 */
#faq {
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 40px;
}

#faq p, #faq ul {
	margin: 0;
}

.qu{
	background:url(../contact/images/img_q.png) 10px center no-repeat;
	padding: 10px 10px 10px 50px;
	border-bottom: 1px solid #e8e8e8;
	cursor:pointer;
}

.qu p{
	display:block;
	background:url(../contact/images/btn_open.png) no-repeat right 50%;
	font-weight: bold;
	margin-bottom: 0;
}

.qu.bg02 p{
	background:url(../contact/images/btn_close.png) no-repeat right 50%;
}

.an {
	background:url(../contact/images/img_a.png) 10px center no-repeat #fdf0f3;
	padding: 10px 10px 10px 50px;
	border-bottom: 1px solid #ccc;
}

#faq .last{
	border-bottom:none;
}

#faq .an.last{
	border-top: 1px solid #e8e8e8;
	border-bottom:none;
}

.an p {
	margin-bottom: 0;
}

/* プライバシーポリシー
------------------------------------------------ */
.privacy dl dd {
	margin-left:2.6em;
	margin-bottom:20px;
}
.privacy ul li {
	margin-left:1.3em;
	text-indent:-1.3em;
}
.privacy .box {
	border: 1px solid #E9486F;
	padding: 15px 25px;
	margin-top: 10px;
}
.privacy .box h2 {
	color:#E9486F;
	font-size:130%;
	margin:0;
}
.privacy .box p {
	margin:0;
}
.privacy .box .anchor-ex {
	margin-right:2px;
}
.privacy ul.list li {
	margin-left: 0;
	text-indent: 0;
}

.privacy ol ul li {
	margin-bottom: 0;
}


/* 勧誘方針
------------------------------------------------ */
.policy .signature {
	text-align:right;
}






/* SDGs
------------------------------------------------ */
.content h2.sdgsh2 {
	margin: 60px 0 20px 0;
}
.sdgs {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 0 15px 20px 15px;
	margin: 0 0 20px 0;
}
.sdgs-mainImg {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.sdgs--img {
	display: flex;
	flex-wrap: wrap;
	width: 30%;
}
.sdgs--img--icon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.sdgs--img--icon img {
	margin: 0 0 20px 0;
	padding: 0 1px 0 0;
	width: 32.8%;
	height: auto;
}
.sdgs--img > img {
	width: 100%;
	margin: 0 auto;
}
.sdgs--txt {
	padding: 0 0 30px 10px;
	margin: 0 0 0 30px;
	width: 70%;
}
.sdgs--txt ul li {
	list-style: disc;
}


._bb {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px !important;
}



/* お客様本位の業務運営方針
------------------------------------------------ */
ol li.fiduciaryduty {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
  margin-left: 4em;
  font-weight: bold;
}
 
ol li.fiduciaryduty:before {
  content: "方針" counter(cnt) ". ";
  text-align: right;
  position: absolute;
  top: 0;
  font-weight: bold;
  left: -4em;
}

.fiduciaryduty .list li {
	background:url(../images/icon_list01.png) no-repeat 0 0.75em;
	padding-left:1em;
	margin-bottom:0px;
	font-weight: normal;
}

.col-1 {
    display: inline-block;
    width: 27em;
    /* border: solid 1px; */
}
.col-2 {
    display: inline-block;
}





/* ONLINE
------------------------------------------------ */
.online{
    margin: 0 10px 20px;
}

.step{
    background-color: #ED6C88;
    color: #FFF;
    padding: 1px 4px 0 5px;
}

p.step {
    margin-bottom: 10px;
}

.content h2.onlineh2 {
	margin: 60px 0 20px 0;
}

.online--tel--number{
    font-size: 36px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
}
._bb {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px !important;
}