@charset "utf-8";
:root {
	--font_family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	--color_main: #81a9a1;
    --color_accent: #81a9a1;
	--color_base: #fdfdfd;
	--color_font: #222222;
	--color_link: #009393;
	--color_main_1: rgba(129,169,161, 0.1);
    --color_main_3: rgba(129,169,161, 0.3);
    --color_main_5: rgba(129,169,161, 0.5);
    --color_accent_1: rgba(129,169,161, 0.1);
    --color_accent_3: rgba(129,169,161, 0.3);
    --color_accent_5: rgba(129,169,161, 0.5);
    -color_font_7: rgba(34,34,34, 0.7);
    --color_news_bg: #d5e4e1;
    --color_news_font: #222222;
    --color_header_top_bg: #81a9a1;
    --color_header_top_font: #0a0a0a;
    --color_header_bg: #ffffff;
    --color_header_font: #222222;
    --color_footer_bg: #d5e4e1;
    --color_footer_font: #222222;
    --color_bottom_bg: #81a9a1;
    --color_bottom_font: #0a0a0a;
    --color_btmbar_bg: ;
    --color_btmbar_font: ;
    --color_btmbar_font_7: rgba(0,0,0, 0.7);
    --img_main_arrows_color: ;
    --img_main_arrows_color_5: rgba(0,0,0, 0.5);
	--color_trio_bg: #000000;
    --color_trio_font: #ffffff;
    --color_cta_font: ;
    --color_cta_btn_bg: #04513f;
    --color_cta_btn_font: #ffffff;
}

.container p{
	font-size: 1.5rem;
    margin: 8px 0;
    line-height: 1.8;
}



.origin {
	  text-align: center;
	  display: block;
}

.hidari{
	text-align: left;
  	display: inline-block;
}

th,td{
	font-size: 1.1em;
	font-weight: bold;
}

.main_container{
	width: 85%;
	display: block;
	margin: 0 auto !important;
	max-width: 1100px;
}

.main_container01{
	width: 60%;
	max-width: 560px;
	display: block;
	margin: 0 auto !important;
}


.min_container{
	display: block;
	margin:0 0 4em 0 ;
	padding: 1em;
	background-color: rgba(0, 94, 78, 0.158);
	box-sizing: border-box;
}

.min_container00{
	margin: 5%;
}

.contact{
	width: 64%;
	display: block;
	margin: 0 auto !important;
}

.midashi_00{
  margin: 10px -16px 5px !important;

}

.midashi_01{
	width: 200px;
	text-align:center;
	border-bottom: 3px solid #000;
	font-weight: bold;
	font-size: 1.5em !important;
	display:block;
	margin: 0 auto !important;
	margin-bottom: 1em !important;
}

.rinen{
	padding: 2% 4%;
}

.midashi_02{
	font-size: 1.5em !important;
  	text-decoration:underline;
    text-decoration-color:#000f;
	text-align:center;
}


.midashi_03{
  	text-decoration:underline;
    text-decoration-color:#000f;
}

.name{
	font-weight: bold;
	font-size: 2.5rem;
}

.post_small{
	padding: 0 8px !important;	
}

/* Google Map */
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
}

/* GoogleMap iframe */
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.small_txt{
	font-size: var(--wp--preset--font-size--medium) !important;
}


/* 事務所概要 */
.overview_page{
	width: 100%;
}

.overview_page p{
	font-size: 20px;
}


.overview_container,
.request_flow,
.cost_container,
.access_contaner,
.philosophy-container {
	width: 80%;
	margin: 0 auto;
	max-width: 1200px;
	font-size: 20px;
}

.history P,
.min_container p{
	font-size: 20px;
}

.history{
	width: 100%;
    display: block;
    margin: 0 auto 5em;
}


.lawyer_intro{
	width: 100%;
}


.services{
	width: 65%;
	max-width: 600px;
    display: block;
    margin: 6em auto 8em !important;
}


.services ul li{
	width: 100%;
	font-weight: bold;
	list-style: none !important;
	font-size: 20px;
}

#practice {
    scroll-margin-top: 80px;
}


/* ご依頼の流れ */
.flow_container p{
	font-weight: bold;
}

.reception{
	text-align: center;
}

.reception .midashi_02{
	font-weight: bold;
	font-size: 1.2em !important;
	letter-spacing: 3px;
	margin: .5em 0 ;
}

.reception p{
	font-size: 1em;
}

.flow_title{
	font-size: 2.2rem;
    margin: 40px -16px 10px;
    padding: 8px 16px;
	font-weight: bold;
	font-family: Meiryo;
}

.flow-text{
	margin-top: 0;
}

/* 弁護士費用 */
.cost_container p{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6;
}

.cost_area_top{
	margin-bottom: 2.5em;
}

.cost_text_title{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1.5em;
	letter-spacing: 3px;
}

.cost_text {
	margin:  .5em 0 1em 1.5em;
}

/* アクセス */
.access_text{
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
}

.access_time{
	margin: 0 0 3em;
}

.access_img{
	display: block;
	width: 100%;
	margin: 0 auto;
	max-width: 1024px;
}


/* 理念 */
.philosophy-container p{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.l-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 3em 0;
}

.l-flex img{
	width: 42%;
}

.l-flex p {
	width: 56%;
}

.philosophy-img,
.philosophy-img02 {
	width: 100%;
}

.content-block {
	margin: 0 0 2em;
}


/* プライバシーポリシー */
.privacy-title{
	font-size: 2rem;
    font-weight: 700;
    margin: 32px -8px 22px;
    padding: 4px 16px;
}

/* contact */
.contact-box{
	background-color:#f1f1f1;
	padding: 1.25em 2.375em;
	border-radius: 2px;
	box-sizing: border-box;
}

@media screen and (max-width: 599px) {
.overview_container,
.flow_container,
.cost_container,
.access_contaner,
.philosophy-container {
    width: 94%;
	margin: auto;
	box-sizing: border-box;
}

.history{
    margin: 0 auto 4em;
}

.midashi_01{
	font-size: 2.2rem !important;
	letter-spacing: 5px;
	border-bottom: 2.5px solid #000;
}

.access_text{
	font-size: 1.5rem;
	line-height: 1.6;
}

.access_time{
	margin-top: 1.5em;
}

.name {
    font-size: 1.8rem !important;
	margin-bottom: 5px;
}

.services{
	width: 100%;
}

.services ul{
	padding-left: 0 !important;
}

.services li{
    font-size: 1.5rem !important;
}

.flow_title {
    font-size: 1.8rem;
}


.flow_container p{
    font-size: 1.5rem;
}

.privacy-title{
	font-size: 1.8rem;
	margin: 34px -8px 16px;
}

.contact-box{
	padding: 0;
}

.overview_page p{
	font-size: 1.6rem;
    font-weight: 700;
	line-height: 1.6;
}


.cost_container p{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
}

.cost_text_title{
	font-size: 1.6rem;
}

.cost_text{
	margin: .5em 0 1em 1em;
}

.l-flex{
	flex-direction: column;
}

.l-flex img{
	width: 100%;
}

.l-flex p {
	width: 100%;
}

.philosophy-img02{
	order: 1;
}

.philosophy-text02{
	order: 2;
}


	.main_container,
	.main_container01{
	width: 100%;
	display: block;
	margin: 0 auto !important;
}
	
	.newsbar p{
		font-size: 1.4rem;
	}
	
	.small_box{
		padding: 0 10px;
	}
	
.small_txt{
		font-size: 1.4rem !important;
		font-weight: 700;
	}
	
	.tume{
		letter-spacing: 0 !important;
	}
	
	p.has-background {
    padding: 1.25em 1em;
}
	
	.sma_link{
		font-size:1.5rem !important;
		line-height: 150%;
	}
	
	.sma_link a{
		text-decoration: underline;
		font-weight: bold;
	}
	
}