@charset "utf-8";
/* CSS Document */

/* コンテンツ
----------------------------------------- */
#second_contents{
	width: 100%;
}

#pagetitle{
	text-align: center;
	font-size: 3.2rem;
	font-weight: bold;
	background-image: linear-gradient(90deg, #23313e 0%, #638BB0 100%);
	padding: 60px 0;
	color: #fff;
}
#pagetitle span{
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 1.2rem;
}
@media screen and (max-width:767px) {
#pagetitle{
	font-size: 2.6rem;
	padding: 40px 0;
}
}

.page_contents{
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px 40px 100px 40px;
}
@media screen and (max-width:767px) {
.page_contents{
	padding: 40px 20px 60px 20px;
}
}

#aboutus h3,
#agreement h3,
#area h3,
#price h3,
#news h3,
.client h3{
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	padding-bottom: 20px;
	position: relative;
}
#aboutus h3::after,
#agreement h3::after,
#area h3::after,
#price h3::after,
#news h3::after,
.client h3::after{
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
	width: 50px;
	height: 1px;
	background: #23313e;
}
@media screen and (max-width:767px) {
#aboutus h3,
#agreement h3,
#area h3,
#price h3,
#news h3,
.client h3{
	font-size: 2rem;
	padding-bottom: 15px;
}
}


/*----- ボタン -----*/
.btn_default{
	margin: 60px auto 0 auto;
	width: 320px;
}
.btn_default a{
	display: block;
	border: solid 1px #23313e;
	width: 320px;
	line-height: 80px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #23313e;
	letter-spacing: .1em;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	position: relative;
}
.btn_default a::after{
	content: '';
	display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: -30px;
  width: 60px;
  height: 10px;
  border-bottom: 1px solid #23313e;
  border-right: 1px solid #23313e;
  transform: skew(45deg);
}
.btn_default a:hover{
	background: #23313e;
	color: #fff;
	opacity: 1;
	
}
@media screen and (max-width:767px) {
.btn_default{
	margin: 40px auto 0 auto;
}
.btn_default a{
	line-height: 60px;
	font-size: 1.6rem;
}
}


/*----- ページング -----*/
.wp-pagenavi{
    margin: 60px 0 0 0;
    text-align: center;
}
    .wp-pagenavi a{
        display: inline-block;
        padding: 3px 10px;
        border: solid 1px #23313e;
        margin: 0 3px;
        text-decoration: none;
        color: #23313e;
    }
    .wp-pagenavi a:hover{
        background: #23313e;
        opacity: 1;
        color: #fff;
    }
    .wp-pagenavi span.current{
        display: inline-block;
        padding: 3px 10px;
        border: solid 1px #23313e;
        margin: 0 3px;
        background: #23313e;
        color: #fff;
    }
    .wp-pagenavi span.pages{
        margin: 0 15px 0 0;
    }
@media screen and (max-width:767px) {
.wp-pagenavi{
    margin: 20px 0 0 0;
}
    .wp-pagenavi .page,
    .wp-pagenavi .current,
    .wp-pagenavi span.extend{
        display: none !important;
    }
}




@media screen and (min-width:1280px) {
}
@media screen and (min-width:768px)  and (max-width:1279px) {
}
@media screen and (max-width:1279px) {
}
@media screen and (min-width:768px) {
}
@media screen and (max-width:767px) {
}


/* 事務所概要
----------------------------------------- */
#aboutus_greeting figure{
	width: 100%;
}
#aboutus_greeting div{
	margin-top: 60px;
}
#aboutus_greeting #greeting_sign{
	margin-top: 30px;
	text-align: right;
}
@media screen and (max-width:767px) {
#aboutus_greeting div{
	margin-top: 40px;
}
#aboutus_greeting #greeting_sign{
	margin-top: 20px;
}
}

#aboutus_outline{
	margin-top: 100px;
}
#aboutus_outline table{
	margin-top: 60px;
	width: 100%;
}
#aboutus_outline th{
	font-weight: bold;
}
#aboutus_outline td{
	position: relative;
}
#aboutus_outline td span{
	display: block;
}
#aboutus_outline td span a{
	display: block;
	background: #23313e;
	color: #fff;
	padding: 5px 30px;
	text-align: center;
}
@media screen and (min-width:768px) {
#aboutus_outline th,
#aboutus_outline td{
	border-bottom: solid 1px rgba(35,49,62,.2);
	padding: 20px 40px;
}
#aboutus_outline td span{
	position: absolute;
	top: calc(50% - 17px);
	right: 0;
}
}
@media screen and (max-width:767px) {
#aboutus_outline{
	margin-top: 60px;
}
#aboutus_outline table{
	margin-top: 40px;
}
#aboutus_outline th,
#aboutus_outline td{
	display: block;
}
#aboutus_outline th{
	padding: 15px 0 5px 0;
}
#aboutus_outline td{
	padding: 0 0 15px 0;
	border-bottom: solid 1px rgba(35,49,62,.2);
}
#aboutus_outline td span{
	width: 100%;
	margin-top: 10px;
}
}

#aboutus_history{
	margin-top: 100px;
}
#aboutus_history ul{
	margin-top: 40px;
}
#aboutus_history li{
	border-bottom: solid 1px rgba(35,49,62,.2);
}
@media screen and (min-width:768px) {
#aboutus_history li{
	padding: 20px 40px;
	display: flex;
}
#aboutus_history li span:first-child{
	width: 150px;
}
#aboutus_history li span:last-child{
	width: calc(100% - 150px);
}
}
@media screen and (max-width:767px) {
#aboutus_history{
	margin-top: 60px;
}
#aboutus_history ul{
	margin-top: 25px;
}
#aboutus_history li{
	padding: 15px 0;
}
#aboutus_history li span{
	display: block;
}
#aboutus_history li span:first-child{
	margin-bottom: 5px;
}
}

#aboutus_access{
	margin-top: 100px;
}
#aboutus_access #googlemap{
	margin: 60px 0;
    position: relative;
    width: 100%;
    padding-top: 60%;
    height: 0;
}
#aboutus_access #googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#aboutus_access dl{
	margin-top: 20px;
	background: #eee;
	padding: 40px;
}
#aboutus_access dt{
	font-size: 1.8rem;
	padding: 8px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#aboutus_access dd{
	margin-top: 20px;
}
#aboutus_access dd ul{
	margin: 10px 0;
}
#aboutus_access li{
	list-style: disc inside;
}
#aboutus_access li a{
	color: #23313e;
	text-decoration: underline;
}
#aboutus_access dd p{
	margin-bottom: 10px;
}
#aboutus_access dd p a{
	text-decoration: underline;
}
#aboutus_access dd p a::before{
	content: '\f1c1';
	font: var(--fa-font-solid);
	font-size: 2rem;
	margin-right: 10px;
}
#aboutus_access dd span{
	display: block;
}
@media screen and (max-width:767px) {
#aboutus_access{
	margin-top: 60px;
}
#aboutus_access #googlemap{
	margin: 40px 0;
}
#aboutus_access dl{
	padding: 20px;
}
#aboutus_access dt{
	font-size: 1.6rem;
	padding: 5px 0;
}
#aboutus_access dd{
	margin-top: 15px;
}
}


/* 顧問契約について
----------------------------------------- */
#agreement_outline p{
	margin-top: 40px;
}
@media screen and (max-width:767px) {
#agreement_outline p{
	margin-top: 30px;
}
}

#agreement_merit,
#agreement_price{
	margin-top: 100px;
}
@media screen and (max-width:767px) {
#agreement_merit,
#agreement_price{
	margin-top: 60px;
}
}

#agreement_merit ol{
	margin-top: 70px;
}
#agreement_merit li{
	background: #eee;
	padding: 60px 40px 40px 40px;
	position: relative;
}
#agreement_merit li::before{
	width: 60px;
	height: 60px;
	background: #23313e;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 3rem;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	position: absolute;
	top: -30px;
	left: calc(50% - 30px);
}
#agreement_merit li:nth-child(1)::before{
	content: '1';
}
#agreement_merit li:nth-child(2)::before{
	content: '2';
}
#agreement_merit li:nth-child(3)::before{
	content: '3';
}
#agreement_merit li:nth-child(4)::before{
	content: '4';
}
#agreement_merit li:nth-child(5)::before{
	content: '5';
}
#agreement_merit li:nth-child(6)::before{
	content: '6';
}
@media screen and (min-width:768px) {
#agreement_merit ol{
	display: flex;
	flex-wrap: wrap;
}
#agreement_merit li{
	width: calc((100% - 60px) / 3);
	margin-left: 30px;
}
#agreement_merit li:nth-child(3n+1){
	margin-left: 0;
}
#agreement_merit li:nth-child(n+4){
	margin-top: 60px;
}
}
@media screen and (max-width:767px) {
#agreement_merit ol{
	margin-top: 50px;
}
#agreement_merit li{
	padding: 30px 20px 20px 20px;
	margin-top: 40px;
}
#agreement_merit li::before{
	width: 40px;
	height: 40px;
	font-size: 2rem;
	line-height: 40px;
	top: -20px;
	left: calc(50% - 20px);
}
}

#agreement_price div{
	margin-top: 40px;
}
#agreement_price dl{
	background: #eee;
	padding: 40px;
	text-align: center;
	position: relative;
}
#agreement_price dt{
	font-size: 1.8rem;
	padding: 8px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#agreement_price dd{
	margin-top: 20px;
}
#agreement_price dd em{
	font-size: 1.8rem;
}
#agreement_price dd span{
	display: block;
	font-size: 1.5rem;
}
#agreement_price p{
	margin-top: 30px;
}
@media screen and (min-width:768px) {
#agreement_price div{
	display: flex;
	justify-content: space-between;
}
#agreement_price dl{
	width: calc((100% - 30px) / 2);
}
}
@media screen and (max-width:767px) {
#agreement_price div{
	margin-top: 30px;
}
#agreement_price dl{
	padding: 20px;
	margin-top: 20px;
}
#agreement_price dt{
	font-size: 1.6rem;
	padding: 5px 0;
}
#agreement_price dd{
	margin-top: 15px;
}
#agreement_price dd em{
	font-size: 1.6rem;
}
#agreement_price dd span{
	font-size: 1.3rem;
}
#agreement_price p{
	margin-top: 20px;
}
}


/* 業務分野
----------------------------------------- */
#area ul{
	margin-top: 40px;
}
#area li{
	margin-top: 20px;
	background: #eee;
}
#area dt{
	font-size: 1.8rem;
	padding: 8px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#area dd{
	margin-top: 20px;
}
@media screen and (min-width:768px) {
#area li{
	display: flex;
	justify-content: space-between;
	padding: 40px;
}
#area li:nth-child(2n){
	flex-direction: row-reverse;
}
#area li figure{
	width: 400px;
}
#area li dl{
	width: calc(100% - 480px);
}
}
@media screen and (max-width:767px) {
#area li{
	padding: 20px;
}
#area li figure{
	max-width: 400px;
	margin: 0 auto 20px auto;
}
#area dt{
	font-size: 1.6rem;
	padding: 5px 0;
}
#area dd{
	margin-top: 15px;
}
}


/* 弁護士紹介
----------------------------------------- */
.member_box{
	background: #eee;
	padding: 40px;
	margin-top: 20px;
}
.member_box h3{
	font-size: 2.6rem;
	font-weight: bold;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
	padding: 15px 0;
}
.member_box h3 span{
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
	color: #23313e;
}
.member_box dl{
	margin-top: 40px;
}
.member_box dt{
	font-size: 2rem;
	margin: 20px 0 10px 0;
}
@media screen and (min-width:1280px) {
.member_box{
	display: flex;
	justify-content: space-between;
}
.member_box figure{
	width: 320px;
}
.member_box div{
	width: calc(100% - 420px);
}
.member_box.noimage div{
	width: 100% !important;
}
.member_box li{
	margin: 2px 0;
}
}
@media screen and (max-width:1279px) {
.member_box{
	padding: 20px;
}
.member_box figure{
	max-width: 320px;
	margin: 0 auto;
}
.member_box div{
	margin-top: 30px;
}
.member_box dl{
	margin-top: 20px;
}
}
@media screen and (min-width:768px) {
.member_box li{
	display: flex;
}
.member_box li span:first-child{
	width: 120px;
}
.member_box li span:last-child{
	width: calc(100% - 120px);
}
.member_box .long li span:first-child{
	width: 220px;
}
.member_box .long li span:last-child{
	width: calc(100% - 220px);
}
}
@media screen and (max-width:767px) {
.member_box h3{
	font-size: 2.2rem;
}
.member_box dt{
	font-size: 1.8rem;
}
.member_box li span:first-child{
	display: block;
	font-weight: bold;
}
}

/* 費用について
----------------------------------------- */
#price section{
	margin-top: 100px;
}

#price_consultation ul,
#price_request div{
	margin-top: 40px;
}
#price_consultation li{
	background: #eee;
	padding: 40px;
	text-align: center;
}
#price_consultation dt{
	font-size: 1.8rem;
	padding: 8px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#price_consultation dd{
	margin-top: 20px;
}
#price_request p{
	margin-top: 1em;
}
@media screen and (min-width:768px) {
#price_consultation ul{
	display: flex;
	justify-content: space-between;
}
#price_consultation li{
	width: calc((100% - 30px) / 2);
}
}
@media screen and (max-width:767px) {
#price section{
	margin-top: 60px;
}
#price_consultation ul,
#price_request div{
	margin-top: 30px;
}
#price_consultation li{
	padding: 20px;
	margin-top: 20px;
}
#price_consultation dt{
	font-size: 1.6rem;
	padding: 5px 0;
}
#price_consultation dd{
	margin-top: 15px;
}
}

/* お知らせ
----------------------------------------- */
#news_list li{
	padding: 25px 20px;
	display: flex;
	border-bottom: solid 1px rgba(35,49,62,.2);
}
#news_list li span{
	margin-right: 80px;
}
@media screen and (min-width:1280px) {
}
@media screen and (min-width:768px)  and (max-width:1279px) {
}
@media screen and (max-width:767px) {
#news_list li{
	padding: 15px 0;
	display: block;
}
#news_list li span{
	display: block;
	margin-bottom: 5px;
	margin-right: 0;
}
}

#news h3 span{
	display: block;
	font-size: 1.6rem;
}
#news article div{
	margin-top: 60px;
}
#news article div p:nth-child(n+2){
    margin-top: 20px;
}
#news article div strong,
#news article div em{
    font-weight: bold;
}
#news article div a{
    text-decoration: underline;
}
#news article div ul,
#news article div ol{
    margin-top: 20px;
}
#news article div ul li{
    list-style: disc inside;
    margin-left: 1em;
    text-indent: -1em;
}
#news article div ol li{
    list-style: decimal inside;
    margin-left: 1em;
    text-indent: -1em;
}
#news article div p img{
    max-width: 100%;
}
#news article div .bold{
    font-weight: bold;
}
@media screen and (max-width:767px) {
#news h3 span{
	font-size: 1.4rem;
}
#news article div{
	margin-top: 30px;
}
#news article div p:nth-child(n+2),
#news article div ul,
#news article div ol{
    margin-top: 20px;
}
#news article div p{
    text-align: left !important;
}
#news .btn_default{
	margin-top: 80px;
}
}

/* 顧問先様専用ページ
----------------------------------------- */

/*--- ログイン ---*/
#login_box{
	margin-top: 40px;
	background: #eee;
	padding: 60px 40px;
}
#login_box dt{
	margin-right: 40px;
	font-weight: bold;
}
#login_box dd input{
	width: 100% !important;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0;
	background: #fff;
	border: solid 1px rgba(35,49,62,.2);
}
#login_box button{
	display: block;
	width: 320px;
	margin: 40px auto 0 auto;
	line-height: 80px;
	background: #23313e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all .3s;
			transition: all .3s;
	position: relative;
}
@media screen and (min-width:768px) {
#login_box dl{
	display: flex;
	justify-content: center;
	align-items: center;
}
#login_box dd{
	width: 500px;
}
}
@media screen and (max-width:767px) {
#login_box{
	margin-top: 20px;
	padding: 30px 20px;
}
#login_box dd{
	margin-top: 10px;
}
#login_box button{
	margin: 30px auto 0 auto;
	line-height: 60px;
}
}


/*--- トップ ---*/
#client_top{
	margin-top: 30px;
}
#client_top li{
	border: solid 1px #23313e;
}
#client_top li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #23313e;
	padding: 60px 40px 40px 40px;
}
#client_top li a::before{
	font: var(--fa-font-solid);
	color: #fff;
	font-size: 3rem;
	background: #23313e;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	position: absolute;
	top: -30px;
	left: calc(50% - 30px);
}
#client_top li:nth-child(1) a::before{
	content: '\f0e0';
}
#client_top li:nth-child(2) a::before{
	content: '\f157';
}
#client_top li:nth-child(3) a::before{
	content: '\e0bb';
}
#client_top li:nth-child(4) a::before{
	content: '\f15c';
}
@media screen and (min-width:768px) {
#client_top{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 30px;
}
#client_top li{
	width: calc((100% - 40px) / 2);
	margin-left: 40px;
	border: solid 1px #23313e;
}
#client_top li:nth-child(2n+1){
	margin-left: 0;
}
#client_top li:nth-child(n+3){
	margin-top: 70px;
}
}
@media screen and (max-width:767px) {
#client_top li:nth-child(n+2){
	margin-top: 60px;
}
#client_top li a{
	font-size: 1.8rem;
	padding: 50px 20px 30px 20px;
}
}


/*--- 法律メール相談フォーマット ---*/
#c_format div{
	margin-top: 60px;
}
#c_format div p{
	margin-top: 1em;
}
#c_format div p span{
	display: block;
	font-size: 1.5rem;
}
#c_format div dl{
	margin-top: 20px;
	background: #eee;
	padding: 40px;
}
#c_format div p + dl{
	margin-top: 60px;
}
#c_format div dt{
	font-size: 1.8rem;
	padding: 8px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#c_format div dd{
	margin-top: 20px;
}
#c_format div dd a{
	text-decoration: underline;
}
#c_format div dd li{
	position: relative;
}
#c_format .mail::before,
#c_format .fax::before,
#c_format div dd li::before{
	font: var(--fa-font-solid);
	font-size: 2rem;
	margin-right: 10px;
}
#c_format .mail::before{
	content: '\f1d8';
}
#c_format .fax::before{
	content: '\f1ac';
}
#c_format div dd li::before{
	content: '\f56d';
}

@media screen and (max-width:767px) {
#c_format div{
	margin-top: 40px;
}
#c_format div dl{
	padding: 20px;
}
#c_format div p + dl{
	margin-top: 40px;
}
#c_format div dt{
	font-size: 1.6rem;
	padding: 5px 0;
}
#c_format div dd{
	margin-top: 15px;
}
}


/*--- 標準的な料金体系と割引例 ---*/
#c_price div{
	margin-top: 60px;
}
#c_price dt{
	/*font-size: 1.8rem;
	font-weight: bold;*/
}
#c_price dt:nth-child(n+2){
	margin-top: 30px;
}
#c_price dt span{
	margin-left: 5px;
	font-size: 1.5rem;
}
#c_price dd{
	margin-top: 15px;
}
#c_price .wrap{
  overflow: auto;
}
#c_price dd table{
	width: 100%;
	min-width: 768px;
}
#c_price dd th,
#c_price dd td{
	border: solid 1px rgba(35,49,62,.2);
	padding: 10px 20px;
}
#c_price dd thead th{
	background: #eee;
	text-align: center;
	font-weight: bold;
	padding: 5px 20px;
}
#c_price .discount{
	margin-top: 60px;
}
#c_price .discount p,
#c_price .discount li{
	font-weight: bold;
}
#c_price .discount ul{
	margin: 10px 0;
	list-style: none;
}
#c_price .attention{
	margin-top: 60px;
	font-size: 1.5rem;
}
@media screen and (max-width:767px) {
#c_price div{
	margin-top: 30px;
}
#c_price dt{
	/*font-size: 1.6rem;*/
}
#c_price .discount,
#c_price .attention{
	margin-top: 40px;
}
#c_price .discount p,
#c_price .discount li{
	font-size: 1.6rem;
}
}



/*--- 実務に役立つ情報 ---*/
#info_top{
	margin-top: 60px;
}
@media screen and (min-width:768px) {
#info_top{
	display: flex;
	justify-content: space-between;
}
#info_list{
	width: calc(100% - 380px);
}
#info_category{
	width: 300px;
}
}
@media screen and (max-width:767px) {
#info_top{
	margin-top: 30px;
}
#info_category{
	margin-top: 40px;
}
}

#info_list li{
	padding: 25px 20px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px rgba(35,49,62,.2);
}
#info_list li span{
	font-size: 1.4rem;
}
#info_list li span:first-child{
	margin-right: 20px;
}
#info_list li span:nth-child(2){
	background: #23313e;
	color: #fff;
	padding: 0 10px;
}
#info_list a{
	width: 100%;
	margin-top: 10px;
}
@media screen and (min-width:1280px) {
}
@media screen and (min-width:768px)  and (max-width:1279px) {
}
@media screen and (max-width:767px) {
#info_list li{
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
}
#info_list li span{
	display: block;
	width: 50%;
	font-size: 1.3rem;
}
#info_list li span:first-child{
	margin-right: 0;
}
#info_list li span:nth-child(2){
	text-align: center;
}
}

#term_list li{
	border-bottom: solid 1px #23313e;
}
#term_list li a{
	display: block;
	padding: 10px 15px;
	position: relative;
}
#term_list li a::after{
	content: '\f105';
    font: var(--fa-font-solid);
	color: #23313e;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

#information #info_title{
	margin-top: 60px;
	padding: 15px 0;
	border-bottom: solid 1px #23313e;
	border-top: solid 1px #23313e;
}
#information #info_title div{
	display: flex;
}
#information #info_title p:last-child{
	margin-left: 20px;
}
#information #info_title p span{
	background: #23313e;
	color: #fff;
	padding: 0 10px;
	text-align: right;
}
#information #info_title h4{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 5px;
}

#information article #info_contents{
	margin-top: 40px;
}
#information article #info_contents p:nth-child(n+2){
    margin-top: 20px;
}
#information article #info_contents strong,
#information article #info_contents em{
    font-weight: bold;
}
#information article #info_contents a{
    text-decoration: underline;
}
#information article #info_contents ul,
#information article #info_contents ol{
    margin-top: 20px;
}
#information article #info_contents ul li{
    list-style: disc inside;
    margin-left: 1em;
    text-indent: -1em;
}
#information article #info_contents ol li{
    list-style: decimal inside;
    margin-left: 1em;
    text-indent: -1em;
}
#information article #info_contents p img{
    max-width: 100%;
}
#information article #info_contents .bold{
    font-weight: bold;
}
#information article > p{
	margin-top: 40px;
	text-align: right;
}
@media screen and (max-width:767px) {
#information #info_title{
	margin-top: 30px;
	padding: 10px 0;
}
#information #info_title h4{
	font-size: 1.6rem;
}

#information article #info_contents{
	margin-top: 20px;
}
#information article #info_contents p:nth-child(n+2),
#information article #info_contents ul,
#information article #info_contents ol{
    margin-top: 20px;
}
#information article #info_contents p{
    text-align: left !important;
}
#information article > p{
	margin-top: 20px;
}
#information .btn_default{
	margin-top: 80px;
}
}


/* プライバシーポリシー
----------------------------------------- */
#privacy dt{
	margin-top: 60px;
	font-size: 1.8rem;
	font-weight: bold;
}
#privacy dd{
	margin-top: 20px;
}
#privacy dd ul{
	margin: 10px 0;
}
#privacy dd li{
	list-style: disc;
	margin-left: 1.5em;
}
@media screen and (max-width:767px) {
#privacy dt{
	margin-top: 40px;
	font-size: 1.6rem;
}
#privacy dd{
	margin-top: 15px;
}
}