@charset "utf-8";
/*===========================
contentPageLayout
===========================*/

/*===========================
title
===========================*/





#content h5 {
}



#content h6 {

}



/*===========================
beginner
===========================*/


/*===========================
viewpoint
===========================*/

#viewpoint #ttl_viewpoint {
	background-image:url(../img/viewpoint/ttl.png);
	width:710px;
	height:240px;
	text-indent:-7777px;
	padding:0;
	border:none;
	margin-bottom:30px;	
}

#viewpoint .catchFrame {
	border:1px solid #CA7E68;
	padding:15px;
	margin-bottom:1em;
	font-size:18px;
	width:350px;
}



#viewpoint #sideHistory {
	margin-bottom:20px;
}
	
#viewpoint #historyTtl {
	font-family: "minchouFont";
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	background-color:#4E3625;
	padding:5px 5px 5px 5px;
	font-weight:bold;
	line-height:normal;
	text-align:center;
}

#viewpoint ul.historyList {
	padding:10px 5px 0px 5px;
}

#viewpoint ul.historyList li {
	list-style-position: outside;
	padding:0 0 16px 16px;
	background-image:url(../img/viewpoint/icn_list.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
	line-height:1.4em;
}

#viewpoint .btn_past a {
	display:block;
	background-image:url(../img/viewpoint/btn_past.png);
	width:119px;
	height:32px;
	text-indent:-7777px;
	margin:0 auto;
	}
	
#viewpoint .btn_past a:hover {
	cursor:pointer;
    filter: alpha(opacity=70);        
    -ms-filter: "alpha(opacity=70)";  
    -moz-opacity:0.7;                
    -khtml-opacity: 0.7;             
    opacity:0.7;
    zoom:1;
}




/*===========================
advisement
===========================*/

#advisement #ttl_pravate {
	background-image:url(../img/advisement/ttl_pravate.png);
	width:710px;
	height:240px;
	text-indent:-7777px;
	padding:0;
	border:none;
	margin-bottom:10px;	
}

#advisement #ttl_seminar {
	background-image:url(../img/advisement/ttl_seminar.png);
	width:710px;
	height:240px;
	text-indent:-7777px;
	padding:0;
	border:none;
	margin-bottom:10px;	
}


/*===========================
consulting
===========================*/

#consulting #ttl_consulting {
	background-image:url(../img/consulting/ttl.png);
	width:710px;
	height:240px;
	text-indent:-7777px;
	padding:0;
	border:none;
	margin-bottom:30px;	
}


/*===========================
office
===========================*/



/*===========================
contact
===========================*/

#contact #content table {
	margin:0 0 20px 0;
	width:100%;
	border-collapse: collapse;
	border-top:1px dotted #cccccc;
}

#contact #content table tr { 

}


#contact #content table th { 
	padding:6px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width:150px;
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
}

#contact #content table td {
	padding:6px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #cccccc;
}


#contact #content table input {
	margin:2px 0 2px 0;
}

#contact #content .formBtn {
	width:560px;
	text-align:center;
	margin-bottom:30px;
}

#contact #content table input,
#contact #content table textarea,
#contact #content table select {
	margin:2px 0 2px 0;
	border:1px solid #CCCCCC;
	padding:3px;
}

#contact #content .btn {
	border:1px solid #CCCCCC;
	background-color:#DBDBDB;
	padding:4px 15px 4px 15px;
	margin:0 0 0 24px;
	color:#333;
}

#contact #content .forml {
	width:340px;
}

#contact #content .formm {
	width:200px;
}

#contact #content .noborder {
	border:none;
}


ol.olPrivacy {
	line-height:1.8em;
	margin-left:20px;
	margin-bottom:20px;
}

ol.olPrivacy li {
	display:list-item;
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:-10px;
	margin-bottom:12px;
}

p.clientLiaison {
	padding-left:24px;
}

p.presidentName {
	padding-left:510px;
}

/*===========================
追加修正 20191114
=========================*/

ul.liKimidori li.li-lst {
    list-style-type: none;
    list-style-position: outside;
    padding: 2px 0 2px 16px;
    background-image: none;
    background-position: 0px 8px;
    background-repeat: no-repeat;
}


.flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.flex-2col {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-2col > li{
  width:47%;
  margin:0 0 0 3%; 
}
.flex-2col-2 {
  display:flex;
  justify-content:space-between;
  align-items:start;
  flex-wrap:wrap;
}
.flex-2col-2 li:nth-of-type(1){
  width:42%;
  margin:0 0 0 0%; 
}
.flex-2col-2 li:nth-of-type(2){
  width:50%;
  margin:0 0 0 2%; 
}
.flex-3col {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-3col > li{
  width:30%;
  margin:0 0 0 1%; 
}



.box1 {
    border: 1px solid #CA7E68;
    padding: 15px;
    margin-bottom: 1em;
    font-size: 16px;
}
.box1-2 {
    padding: 1.2rem 1rem 0.4rem 1rem;
    background-color: #fff;
    border: 1px solid #999;
}
.box2 {
    padding: 1.2rem 1.2rem;
    background-color: #fff;
	border:2px double #f1f1f3;
}
.box3 {
    padding: 1rem 1rem 1rem 1rem;
    background-color: #fff;
    border: 1px solid #999;
}
.box4 {
    padding: 1.2rem 1rem 0.4rem 1rem;
    background-color: #f5f2f1;
    border: 1px dashed #999;
}
.box5 {
    padding: 1.2rem 1.2rem;
    background-color: #fff;
	border:2px groove #f1f1f3;
}
.box6 {
    padding: 1rem 1rem 1rem 1rem;
    background-color: #fff;
    border: 1px ridge #999;
}
.box7 {
    padding: 1rem 1rem 1rem 1rem;
    background-color: #fff;
    border: 1px dotted #999;
}
.txt2 {
   font-size:1.2rem;
   font-weight:800;
}
.txtbold {
   font-weight:bold;
}
.tx-center {
   text-align:center
}
.tx-left {
   text-align:left;
}
.tx-right {
   text-align:right;
}
.tx_marker {
   background:linear-gradient(transparent 75%, #fff799 75%);
   font-weight:bold;
}
/* color */

.red {
	color: #bc2d2d;
}
.green {
	color: #3b7a28;
}
.brown {
	color: #a67435;
}
.blue {
	color: #325f99;
}
.catchcopy {
    font-size: 2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    line-height: 1.3em;
    color: #E0625E;
}
.col_red {
	color:#F33;
}
.col_green {
	color: #1a9651 !important;
}
.col_blue {
	color: #06C;
}
.col_orange {
	color: #F06000;
}
.tx-70p  {
	font-size:70%;
	letter-spacing:nomal;
}


	
.tx-80p  {
	font-size:80%;
	letter-spacing:nomal;
}
.tx-90p  {
	font-size:90%;
	letter-spacing:nomal;
}
.tx100p    {
	font-size:100%;
	letter-spacing:nomal;
}
.tx-120p    {
	font-size:120%;
	letter-spacing:nomal;
}
.tx-140p    {
	font-size:140%;
	letter-spacing:nomal;
	line-height:1.4em;
}
.tx-160p    {
	font-size:160%;
	letter-spacing:nomal;
}
.tx-180p    {
	font-size:180%;
	letter-spacing:nomal;
}
.tx-230p    {
	font-size:230%;
	letter-spacing:nomal;
}
.mar0 {
    margin:0 auto;
}
.txsize1 {
   font-size:1.2rem;
   font-weight:800;
   color:#F33;
   text-align:center;
}
.txtstyle1 {
	font-size: 1.16em;
	font-weight: bold;
}
.txtstyle2 {
	font-size: 1.24em;
	font-weight: bold;
}
.ex {
    padding-left:1em;
    text-indent:-1em;
}
.udnerl {
    border-bottom: #d64108 1px solid;
	font-size:14px;
	text-align:center;
	display:inline-block;
	width:80%;
	margin:0 auto 20px;
}
.span-right {
    display:inline-block;
	text-align:right;
}

#content .h1-ttl {
    font-size: 30px;
    font-weight: bold;
    color: #444;
    letter-spacing: 1px;
    border-bottom: #050301 4px solid;
    padding: 6px 12px 6px 12px;
    font-weight: bold;
    line-height: normal;
	text-indent: 0em;
}
.mb0 {
    margin-bottom:0px !important;
}
.mt0 {
    margin-top:0px !important;
}
.pt0 {
    padding-top:0px !important;
}
.mt-adj {
    margin-top: -30px !important;
}
.mb-adj {
    margin-bottom: 1em !important;
}































/*===========================
amenity
=========================

#amenity h2 {
	background-image:url(../img/amenity/h2.png);
}

#amenity h4#amenity01 {
	background-image:url(../img/amenity/amenity01.png);
	background-position:left top;
	width:730px;
	height:95px;
	text-indent:-7777px;
	padding:0;
	border:0;	
}

#amenity h4#amenity02 {
	background-image:url(../img/amenity/amenity02.png);
	background-position:left top;
	width:730px;
	height:95px;
	text-indent:-7777px;
	padding:0;
	border:0;	
}

#amenity h4#amenity03 {
	background-image:url(../img/amenity/amenity03.png);
	background-position:left top;
	width:730px;
	height:95px;
	text-indent:-7777px;
	padding:0;
	border:0;	
}

#amenity h4#amenity04 {
	background-image:url(../img/amenity/amenity04.png);
	background-position:left top;
	width:730px;
	height:95px;
	text-indent:-7777px;
	padding:0;
	border:0;	
}


#amenity .memoryWrap {  
	padding:15px 15px 10px 15px;
}

#amenity .memoryWrap a:hover {
	cursor:pointer;
    filter: alpha(opacity=70);        
    -ms-filter: "alpha(opacity=70)";  
    -moz-opacity:0.7;                
    -khtml-opacity: 0.7;             
    opacity:0.7;
    zoom:1;
}

.memoryWrap .imgFloatAme {
	width:340px;
	min-height:290px;
	margin:0 10px 10px 10px;
	float:left;
	text-align:center;
	
}

.memoryWrap .imgFloatAme p {
	padding:3px 10px 0 18px;
	background-image:url(../img/amenity/icn_kimidori.png);
	background-repeat:no-repeat;
	background-position:5px 11px;
	font-size:14px;
}


#amenity #presiedent_name {
	background-image:url(../img/amenity/presiedent_name.png);
	width:192px;
	height:49px;
	text-indent:-7777px;
	margin:0 0 10px 0;
	float:right;
}



/*===========================
firsttime
===========================

#firsttime h2 {
	background-image:url(../img/firsttime/h2.png);
}

/*===========================
muyuju
==========================

#muyuju h2 {
	background-image:url(../img/muyuju/h2.png);
}

#muyuju #txt_kaigodo {
	background-image:url(../img/muyuju/txt_kaigodo.png);
	width:739px;
	height:88px;
	text-indent:-7777px;
	margin:0 0 20px 0;
}


/*===========================
carestation
==========================

#carestation h2 {
	background-image:url(../img/carestation/h2.png);
}

#carestation #txt_muyujyu {
	background-image:url(../img/carestation/txt_muyujyu.png);
	width:747px;
	height:57px;
	text-indent:-7777px;
	margin:0 0 20px 0;
}

.questionM {
	color:#649D1E;
	font-size:120%;
	line-height:120%;
	margin-bottom:5px;
}

/*===========================
approach
==========================

#approach h2 {
	background-image:url(../img/approach/h2.png);
}

/*===========================
news
==========================

#news h2 {
	background-image:url(../img/news/h2.png);
}

dl.newsData dt {
	float: left;
	clear:left;
	width: 120x;
	margin:0;
	padding: 6px 0 7px 4px;
}

dl.newsData dd {
	margin:0;
	padding: 6px 0 7px 124px;
	border-bottom:#cccccc dotted 1px;
}


/*===========================
staff
===========================

#staff h2 {
	background-image:url(../img/staff/h2.png);
}

#staff #txt_hokano {
	background-image:url(../img/staff/txt_hokano.png);
	width:472px;
	height:25px;
	text-indent:-7777px;
	margin:0 0 40px 0;
}

dl.faq dt {
	padding:5px 0 8px 38px;
	background-image:url(../img/staff/icn_q.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	font-size:120%;
	color:#FA8D16;
}

dl.faq dd {
	padding:0 15px 18px 38px;
	background-image:url(../img/staff/icn_a.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

/*===========================
guide
===========================

#guide h2 {
	background-image:url(../img/guide/h2.png);
}


/*===========================
contact
==========================

#contact h2 {
	background-image:url(../img/contact/h2.png);
}



#contact table {
	margin:0 0 20px 0;
	width:100%;
	border-collapse: collapse;
	border-top:1px dotted #cccccc;
}

#contact table tr { 

}


#contact table th { 
	padding:6px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width:150px;
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
}

#contact table td {
	padding:6px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #cccccc;
}


#contact table input {
	margin:2px 0 2px 0;
}

#contact .formBtn {
	width:560px;
	text-align:center;
	margin-bottom:30px;
}

#contact table input,
#contact table textarea,
#contact table select {
	margin:2px 0 2px 0;
	border:1px solid #CCCCCC;
	padding:3px;
}

#contact .btn {
	border:1px solid #CCCCCC;
	background-color:#DBDBDB;
	padding:4px 15px 4px 15px;
	margin:0 0 0 24px;
	color:#333;
}

#contact .forml {
	width:340px;
}

#contact .formm {
	width:200px;
}

#contact .noborder {
	border:none;
}


ol.olPrivacy {
	line-height:1.8em;
	margin-left:20px;
	margin-bottom:20px;
}

ol.olPrivacy li {
	display:list-item;
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:-10px;
	margin-bottom:12px;
}

p.clientLiaison {
	padding-left:24px;
}

p.presidentName {
	padding-left:510px;
}









