@charset "UTF-8";

body {
background-color: #FFFFFF;
color: #242424;
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
background-image:  url(./200_300.jpg);
background-position: center top;
background-repeat: repeat-x;
scrollbar-arrow-color: #EC2C62; 
scrollbar-face-color: #ffffff; 
scrollbar-track-color: #ffffff;
}

a:link { color: #1D3994; text-decoration:none;}
a:visited { color: #1D3994; text-decoration:none;}
a:hover { color: #1D3994; text-decoration:underline;}
a:active { color: #1D3994; text-decoration:none;}

a.y:link { color: #A48A6D; text-decoration:underline;}
a.y:visited { color: #A48A6D; text-decoration:underline;}
a.y:hover { color: #1BB77D; text-decoration:underline;}
a.y:active { color: #A48A6D; text-decoration:underline;}

a.x:link { color: #ffffff; text-decoration:none;}
a.x:visited { color: #ffffff; text-decoration:none;}
a.x:hover { color: #ffffff; text-decoration:underline;}
a.x:active { color: #ffffff; text-decoration:underline;}

div {
font-size:10pt; 
color : #242424;
padding: 0px;
margin: 0px;
}

ul {
padding: 0px;
margin: 0px;
}

li {
float:left;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.c-both { 
clear:both;
}

hr {
padding: 0px;
margin: 0px;
color : #ffffff;
}

strong {
font-weight:normal;
color : #9B0000;
}

p {
font-size:10pt;
line-height: 15pt;
color : #242424;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#header {
width: 940px;
height: 370px;
display: block;
margin: auto;
text-align: center;
background-image: url(./940_370.jpg);
background-repeat: no-repeat;
}

.a860 {
width: 860px;
display: block;
margin: auto;
text-align: left;
	position:relative;
}

#main {
width: 940px;
display: block;
margin: auto;
text-align: center;
background-image: url(./940_1.jpg);
background-repeat: repeat;
}

.footer {
width: 800px;
height: 126px;
display: block;
margin: auto;
padding: 0px;
text-align: left;
background-image: url(./800_126.jpg);
background-repeat: no-repeat;
}

.a01 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.a02 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
}

.a03 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.a04 {
font-size: 10pt;
line-height: 15pt;
color: #242424;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.a05 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
}

.a06 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
}

.a07 {
font-size: 10pt;
line-height: 17pt;
color: #242424;
text-align: left;
margin: 0px;
padding-top: 5px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 10px;
}

.left {
position: relative;
float: left;
margin-top: 0px;
margin-left: 20px;
margin-right: 10px;
margin-bottom: 5px;
}

.right {
position: relative;
float: right;
margin-top: 0px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 5px;
}

.red {
font-size: 11pt;
line-height: 17pt;
color: #EC2C62;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.blu {
font-size: 11pt;
line-height: 17pt;
color: #1D3994;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.gre {
font-size: 10pt;
line-height: 17pt;
color: #896666;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

img {
border: none;
}

/* =============================================
  Add To CSS
============================================= */

/* パンくず */
.ly-main p.bread-crumb {
    margin-bottom: 15px;
}

/* リスト_デフォルト */
.list_def {
    width: 600px;
    margin: 0 auto 30px;
}
.list_def > li {
    float: none;
    padding-left: 2em;
    margin-bottom: 7px;
    background: url(./img/common/ico_check-list.png)no-repeat;  
    background-size: 19px auto;
}
.list_def > li:last-child {
    margin-bottom: 0;
}
/* リスト_背景ピンク */
.list_def.bg-pink {
    background-color: rgba(234, 43, 97, 0.05);
    padding: 20px;
    width: 90%;
}



/* 見出し_画像 */
.hd_img {
    margin: 0 auto 25px;
    line-height: 0;
}

/* コンテンツエリア_p */
.ly-main p {
    width: 600px;
    margin: 0 auto 30px;
    padding: 0;
}

/* コンテンツエリア_フロート */
.ly-main .right {
    width: 200px;/* IE/firefox */
    width: fit-content;
    margin: 0 20px 5px 10px;
}

/* BOX_001 */
.box_tmp001 {
    width: 600px;
    border: 3px dotted rgba(234, 43, 97, .3);
    padding: 25px;
    margin: 0 auto 30px;
    box-sizing: border-box;
}
.box_tmp001 h3,
.box_tmp001 h4 {
    font-size: 23px;
    margin: 0 0 15px;
    line-height: 2;
    padding-left: 60px;
}
.box_tmp001 h3.building {
    background: url(https://www.sakurasachiko.jp/img/common/ico-building.png)no-repeat;
    background-position: 12px 0;
}
.box_tmp001 h3.human {
    background: url(https://www.sakurasachiko.jp/img/common/ico-human.png)no-repeat;
    background-position: 12px 0;
}
.box_tmp001 h4.survey {
    background: url(https://www.sakurasachiko.jp/img/common/ico-survey.png)no-repeat;
    background-position: 12px 2px;
    background-size: 35px;
}
.box_tmp001 h4.price {
    background: url(https://www.sakurasachiko.jp/img/common/ico-price.png)no-repeat;
    background-position: 12px 0;
    background-size: 35px;
}
.box_tmp001 h4.cnslg {
    background: url(https://www.sakurasachiko.jp/img/common/ico-cnslg.png)no-repeat;
    background-position: 12px 5px;
    background-size: 35px;
}
.box_tmp001 h4.ex {
    background: url(https://www.sakurasachiko.jp/img/common/ico-ex.png)no-repeat;
    background-position: 11px 2px;
    background-size: 38px;
}
.box_tmp001 h4.stop {
    background: url(https://www.sakurasachiko.jp/img/common/ico-stop.png)no-repeat;
    background-position: 11px 2px;
    background-size: 38px;
}

.box_tmp001 .list_def {
    background-color: rgba(234, 43, 97, 0.05);
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
}
.ly-main .box_tmp001 p {
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
}

/*==============
フレックス
==============*/
.ly-main .col2 {
    display: flex;
    width: 600px;
    margin: 0 auto 30px;
}
.ly-main .col2 .img {
    width: 46%;
}
.ly-main .col2 .cont {
    width: 54%;
}
.ly-main .col2 .cont * {
    width: 100%;
}


/*==============
余白
==============*/
.mb-00 { margin-bottom: 0!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-50 { margin-bottom: 50px!important; }
.mb-60 { margin-bottom: 60px!important; }

/* 支社 */
.branch_list_1st {
    display: flex;
    flex: auto;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.branch_list {
    display: flex;
    flex: auto;
    padding-left: 10px;
    margin-bottom: 20px;
}
.branch_list_text {
    margin-left: 20px;
}
.branch {
    width: 620px;
    box-sizing: border-box;
    margin: 0 auto 30px;
    border: 1px #ECECEC solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.branch th {
    width: 25%;
    box-sizing: border-box;
    border: #ECECEC solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    background-color: #f8f8f8;
}
.branch td {
    width: 75%;
    box-sizing: border-box;
    border: 1px #ECECEC solid;
    border-collapse: collapse;
    border-width: 0 0 1px 1px;
    padding: 15px;
}
.branch_voice{
    width: 620px;
    margin: 0 auto 15px;
    box-sizing: border-box;
    border: solid 1px #e6e6e6;
    padding: 0.3em 1em 2em 1em;
    box-shadow:2px 2px 0 rgba(0,0,0,.025);
}
.branch_voice_line{
    box-sizing: border-box;
    background-color: #fff;
    background-image:
    linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
    background-size: 8px 100%,100% 2.4em;
    line-height: 2.4em;
    padding: 2.4em 1em 0.2em 1em;
}
.branch_personal {
    text-align: right;
    font-weight: bold;
}
.route_tit {
	margin-top: 40px;
	margin-bottom: 20px;
}
.route_box {
	width: 620px;
	margin: 0 auto;
	display: flex;
	flex: auto;
}
.route_box div {
	position: relative;
	border: 1px solid #f695b1;
	width: 283px;
}
.route_box div span {
	width: 30px;
	height: 30px;
	font-size: 116%;
	line-height: 1.9;
	text-align: center;
	position: absolute;
	color: #fff;
	background-color: rgba(237, 44, 99, 0.8);
}
.route_box div p {
    padding: 0 15px;
    margin: 1em 0;
    width: 100%;
    box-sizing: border-box;
}
.route_box div img {
	width:100%;
	vertical-align: bottom;
}
.route_arrow_right {
	padding-top: 183px;
}
.route_arrow_bottom {
	line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* LINE問い合わせ */
.inquiry_img_wrap {
	display: flex;
	width: 640px;
	padding: 0 10px;
	box-sizing: border-box;
	justify-content: space-between;
}

.inquiry_text {
	    font-size: 10pt;
    line-height: 17pt;
    color: #242424;
    text-align: left;
    margin: 0px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
}
.inquiry_id {
	letter-spacing: 0.1em;
}
#inquiry_menu_wrap {
	width: 620px;
	margin: 0 auto;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	margin-bottom: 40px;
	border-radius: 4px;
}
#tel {
	margin: 0 auto;
	text-align: center;
}

#inquiry_menu_wrap div {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 206px;
	height: 47px;
	padding: 0 8px;
	box-sizing: border-box;
}
#inquiry_menu_wrap a:link  {
	text-decoration: none;
	height: 100%;
}
#inquiry_menu_wrap a:hover  {
	text-decoration: none;
}
.inquiry_menu_tel {
	color: #d4407f;
	padding-right: 5px;
}
.inquiry_menu_tel a:hover {
	color: #fff;
}
.inquiry_menu_mail {
	color: #e19535;
	padding-right: 5px;
}
.inquiry_menu_line {
	color: #00b900;
	padding-right: 5px;
}
#inquiry_menu_wrap a:hover .tel {
	color:#fff;
	background-color: #d4407f;
	border-radius: 4px 0 0 4px;
}
#inquiry_menu_wrap a:hover .mail {
	color:#fff;
	background-color: #e19535;
}
#inquiry_menu_wrap a:hover .line {
	color:#fff;
	background-color: #00b900;
	border-radius: 0 4px 4px 0;
}
#inquiry_menu_wrap a:hover .tel p {color:#fff;}
#inquiry_menu_wrap a:hover .tel i {color:#fff;}
#inquiry_menu_wrap a:hover .mail p {color:#fff;}
#inquiry_menu_wrap a:hover .mail i {color:#fff;}
#inquiry_menu_wrap a:hover .line p {color:#fff;}
#inquiry_menu_wrap a:hover .line i {color:#fff;}


/*==============
テーブル
==============*/
.price_table {
    width: 100%;
    border: 1px #eaeaea solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.price_table th {
    width: 140px;
    font-weight: bold;
    border: 1px #eaeaea solid;
    border-width: 0 0 1px 1px;
    padding: 10px;
    background: #f7f7f7;
    text-align: center;
}
.price_table td {
    padding: 10px;
    border: 1px #eaeaea solid;
    border-collapse: collapse;
    border-width: 0 0 1px 1px;
}


/*==============
ボックス_事例
==============*/
.box_case {
    border: 1px solid #eee;
    padding: 30px 20px 25px;
    margin: 0 auto 15px;
    width: 90%;
}
.box_case h4 {
    color: #EC2C62;
    font-size: 16px;
    margin: 0 0 22px;
}
.box_case h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f044";
  margin-right: 7px;
}
.ly-main .box_case p {
    width: 100%;
    margin-bottom: 15px;
}
.ly-main .box_case p:last-child {
    margin-bottom: 0;
}


/*==============
ボックス_FAQ
==============*/
.box_faq dl {
    border: 1px solid #eee;
    padding: 20px;
    margin: 0 auto 15px;
    width: 90%;
}
.box_faq dt {
    font-size: 16px;
    position: relative;
    padding: 3px 0 10px 35px;
    color: #EC2C62;
}
.box_faq dl dt:before {
    display: inline-block;
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #EC2C62;
    color: #fff;
    border-radius: 50%;
    font-weight: 400;
}
.box_faq dd {
    position: relative;
    padding: 3px 0 0 35px;
    font-size: 16px;
    margin: 0;
}
.box_faq dl dd:before {
    display: inline-block;
    content: "A";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #00255c;
    color: #fff;
    border-radius: 50%;
    font-weight: 400;
}
.ly-main .box_faq dd p {
    margin: 0 0 15px;
    width: 100%;
}
.ly-main .box_faq dd ul {
    font-size: 10pt;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 15px
}
.ly-main .box_faq dd li {
    float: none;
    list-style-type: disc;
    margin-bottom: 3px;
}



/*==============
ボックス_参考
==============*/
.box_rel {
    box-sizing: border-box;
    width: 600px;
    margin: 40px auto 35px;
    border: 1px solid rgba(234, 43, 97, .3);
    padding: 35px 25px 25px;
    position: relative;
}
.box_rel > div:first-child {
    position: absolute;
    top: -9px;
    background-color: #ffffff;
    padding: 0 15px;
    color: #ea2b61;
    font-weight: bold;
    font-size: 18px;
}
.box_rel > div:first-child .fas {
    margin-right: 8px;
}
.box_rel > div:last-child p {
    width: 100%!important;
    margin-bottom: 15px!important;
}
.box_rel ul {
    display: list-item;
    margin-left: 1.5em;
    font-size: 18px;
    font-weight: bold;
}
.box_rel ul a {
    text-decoration: underline;
}
.box_rel ul li {
    float: none;
    margin-bottom: 10px;
}
.box_rel ul li:last-child {
    float: none;
    margin-bottom: 0;
    list-style-type: disc;
}

/* コンテンツ内_見出し */
/* h2 */
h2.custom01 {
    position: relative;
    padding: 10px 0 5px 23px;
    background: linear-gradient(#ffffff, #f0f0f0);
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
}
h2.custom02 {
    margin: 0 auto 30px;
    padding: 10px 0 5px 23px;
    background-color: #fef7f6;
    font-size: 17px;
    font-weight: bold;
    color: #70614a;
}
/* h3 */
h3.custom01 {
    position: relative;
    padding: 0 0 0 23px;
    margin: 0 0 15px;
    font-size: 17px;
    font-weight: bold;
}
h2.custom01:after,
h3.custom01:after {
    content: "";
    background: #000000;
    width: 5px;
    height: 21px;
    position: absolute;
    left: 10px;
    margin-right: 25px;
}

/* 画像 */
figure {
    margin: 0 auto 30px;
    text-align: center;
}

/* 支店_紹介 */
.ly-main p.custom_02 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 3px;
    margin-bottom: 5px;
    color: #70614a;
}
.box_branch-info {
    display: flex;
    justify-content: space-between;
    width: 600px;
    margin: 30px auto;
}
.box_branch-info .img {
    width: 35%;
}
.box_branch-info .cont {
    width: 60%;
}
.ly-main .box_branch-info .cont p {
    margin: 0;
    width: 100%;
}
.ly-main .box_branch-info .txt p {
    width: 100%;
}
/* 支店_紹介_cta */
.box_cta-top {
    width: 90%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
}
.box_cta-top .tel,
.box_cta-top .mail {
    text-align: center;
    width: 46%;
}
.box_cta-top .tel a,
.box_cta-top .mail a {
    display: block;
    border-radius: 8px;
    color: #fff;
    font-size: 25px;
    padding: 20px 0 15px;
}
.box_cta-top .tel a:hover,
.box_cta-top .mail a:hover {
    text-decoration: none;
}
.box_cta-top .tel a {
    background-color: #d4407f;
    font-size: 20px;
}
.box_cta-top .mail a {
    background-color: #f09105;
    font-size: 18px;
}
.box_cta-top .tel a .fas,
.box_cta-top .mail a .fas {
    margin-right: 8px;
}

/* 支店_紹介_テーブル */
.ly-main table.branch p.head {
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.ly-main table.branch p.head + p {
    width: 100%;
    font-size: 25px;
    color: #d4407f;
    line-height: 1;
    padding-left: 7px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
table.branch td .info {
    width: 75%;
    text-align: center;
    margin-bottom: 15px;
}
table.branch td .info a {
    display: block;
    background-color: #92d050;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    padding: 20px 0 15px;
}
table.branch td .info a:hover {
    text-decoration: none;
}
table.branch td .info a .fas {
    margin-right: 8px;
}
.ly-main table.branch div.info + p {
    width: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #70614a;
}

/* オンライン面談詳細 */
.online-consul .box_info {
    width: 600px;
    margin: 0 auto 30px;
    border: 1px #eaeaea solid;
    background: rgba(247, 247, 247, .5);
    padding: 35px 30px 15px;
    box-sizing: border-box;
    font-size: 16px;
}
.online-consul .box_info .far,
.online-consul .box_info .fas {
    margin-right: 8px;
}
.online-consul .box_info h3 {
    font-size: 20px;
    margin: 0 0 20px;
}
.online-consul .box_info h4 {
    font-size: 16px;
    margin: 45px 0 10px;
}
.online-consul .box_info ul {
    display: list-item;
    margin-left: 48px;
}
.online-consul .box_info li {
    float: none;
    list-style: disc;
}
.online-consul .box_info li a {
    text-decoration: underline;
}
.online-consul .box_info .box {
    background-color: #eaeaea;
    padding: 20px;
    margin: 15px 20px;
}
.online-consul .box_info .box h5 {
    margin: 0 0 10px;
    font-size: 14px;
}
.online-consul .box_info .box ul {
    margin-left: 25px;
}

.foot_nav{
    background: #fee;
    display: grid;
    justify-content: center;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    font-size: 12px;
    padding: 8px 5%;
    text-align: left;
}

.foot_nav ul:first-child{
    display: grid;
}
.foot_nav ul li::before{
    content: "●";
    font-size: 8px;
    margin: 0 4px;
}

.foot_nav ul li ul li{
    margin: 0 3em 0 0;
    padding: 0 0 0 6em;
    text-indent: -6em;
}
.foot_nav ul li ul li::before {
    content: "-";
    font-size: 12px;
    margin: 0 4px;
}