@charset "UTF-8";
/* CSS Document */

.pcImg{ display: block; opacity: 1; visibility: visible; }
.smtImg{ display: none; opacity: 0; visibility: hidden; }

@media print, screen and (max-width: 767px) {
	.pcImg{ display: none; opacity: 0; visibility: hidden; }
	.smtImg{ display: block; opacity: 1; visibility: visible; }
}

.overlap-boxRight .ph-box_img{ display: none; }
#bread-list2{ margin-bottom: 0; }
@media print, screen and (min-width: 768px) {  
	.overlap-boxRight .ph-box_img{ display: block; float: left; }
	.overlap-textRight { float: right; position: relative; z-index: 2; }
	
	/* top画像サイズ縦長 */
	.photoNormal .overlap-boxRight .ph-box_img{ width: 220px; }
	.photoNormal .overlap-textRight { margin-top: 20px; margin-left: -20px; padding: 30px 15px; width: calc( 100% - 220px + 20px ); }
	/* top画像サイズ横長 */
	.photoSmall .overlap-boxRight .ph-box_img{ width: 300px; }
	.photoSmall .overlap-textRight { margin-top: 10px; margin-left: -50px; padding: 15px; width: calc( 100% - 300px + 50px ); }
}

.overlap-textRight { background-color: rgba(255, 255, 255, 0.95); }
.guide-tit{ font-weight: bold;}

.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) { .flex{ -js-display: flex; } }

.color01{ color: #ff0000; }

/* ---------------------------
header
--------------------------- */
@media print, screen and (max-width: 1299px) and (min-width: 1065px) {
	.head-left{ width: calc( 100% - 660px - 10px - 0.1px ); }
}
.head-left > a{ width: 100%; }
.corp-head-left-logoPc,
.corp-head-left-logoTab,
.corp-head-left-logoMb{ display: none; }

@media print, screen and (min-width: 1065px) {
	.head-left > a{ max-width: 320px; }
	.corp-head-left-logoPc{ display: block; }
}
@media print, screen and (max-width: 1064px) and (min-width: 931px) {
	.head-left{ width: calc( 100% - 415px - 10px - 0.1px ); }
}
@media print, screen and (max-width: 930px) and (min-width: 768px) {
	.head-left{ width: calc( 100% - 390px - 10px - 0.1px ); }
}

@media print, screen and (max-width: 1064px) and (min-width: 768px) {
	.head-left > a{ max-width: 450px; }
	.corp-head-left-logoTab{ display: block; }
}
@media print, screen and (max-width: 767px) {
	.head-left > a{
		display: block;
		max-width: 290px;
		width: 100%;
	}
	.corp-head-left-logoMb{ display: block; }
}

@media print, screen and (max-width: 500px) {
	.head-left > a{ max-width: 200px; }
}

/* ---------------------------
top
--------------------------- */

section.keyTop{
	background: url(/assets/images/top/key-bg.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 50px;
}

@media print, screen and (max-width: 767px) {
	section.keyTop{ margin-bottom: 20px; }
}


.top-wrap{
	padding: 30px 0;
	position: relative;
}

@media print, screen and (max-width: 767px) {
	.top-wrap{
		padding: 20px 0;
		position: relative;
	}	
}

.wording{
	margin-bottom: 20px;
	max-width: 720px;
	width: 60%;
}
.wording > p{ margin-bottom: 10px; }
.wording > p:first-of-type{
	width: 100%;
	max-width: 570px;
}
.wording > p:last-of-type{
	margin-bottom: 0;
	max-width: 280px;
	width: 100%;
}
.pcTop{
	max-width: 720px;
	width: 100%;
}

@media print, screen and (max-width: 767px) {
	.wording{
		margin-bottom: 30px;
		max-width: 640px;
		width: 85%;
	}
	.wording > p:first-of-type{ max-width: 460px; }
	
	/*
	.smTop{
		max-width: 500px;
		width: 80%;
	}
	*/
	
	.smTop{
		max-width: 460px;
		width: 70%;
	}
	.wording > p:last-of-type{
		max-width: 250px;
		width: 50%;
	}
}

.top-wrap > div:nth-child(2){
	position: relative;
	width: 100%;
}

.director{
	position: absolute;
	right: 0;
	bottom: -30px;
	width: 50%;
}
.director > div{
	margin: 0 auto;
}

#tokyo .director > div{ 
	max-width: 410px;
	width: 85%;
}
#shinjuku .director > div{ max-width: 240px; width: 55%; }
#yokohama .director > div,
#omiya .director > div{
	max-width: 205px;
	width: 45%;
}
#nagoya .director > div{
	max-width: 230px;
	width: 47%;
}
#osaka .director > div{
	max-width: 220px;
	width: 100%;
}

@media print, screen and (max-width: 1000px) {
	#shinjuku .director > div{ max-width: 240px; }
}
@media print, screen and (max-width: 900px) {
	#yokohama .director > div,
	#omiya .director > div{
		max-width: 195px;
		width: 50%;
	}
	#nagoya .director > div{
		max-width: 210px;
		width: 60%;
	}
}

@media print, screen and (max-width: 767px) {
	.director{
		right: 0px;
		bottom: 0;
		width: 50%;
	}
	#yokohama .director,
	#osaka .director{ right: 20px; }
	#nagoya .director{ right: 10px; }
	
	#tokyo .director > div{ 
		margin: 0 0 0 auto;
		max-width: 330px;
		width: 95%;
	}
	#shinjuku .director > div{
		margin: 0 auto;
		max-width: 230px;
		width: 70%;
	}
	#yokohama .director > div{
		margin: 0 0 0 auto;
		width: 60%;
	}
	#omiya .director > div{
		margin: 0 auto;
		width: 60%;
	}
	#nagoya .director > div{
		max-width: 220px;
		margin: 0 0 0 auto;
		width: 60%;
	}
	
	#osaka .director > div{ 
		margin: 0 0 0 auto;
		max-width: 200px;
		width: 55%;
	}
}

@media print, screen and (max-width: 700px) {
	#shinjuku .director{ right: 20px; }
	#omiya .director{ right: 40px; }	
	#shinjuku .director > div{
		margin: 0 0 0 auto;
		width: 63%;
	}
	#omiya .director > div{
		margin: 0 0 0 auto;
		max-width: 185px;
		width: 55%;
	}
}

@media print, screen and (max-width: 620px) {
	#yokohama .director,
	#omiya .director{ right: 0; }
	#yokohama .director > div,
	#omiya .director > div{
		margin: 0 auto;
		max-width: 155px;
		width: 52%;
	}
	#nagoya .director > div{
		max-width: 165px;
		width: 60%;
	}
}


@media print, screen and (max-width: 540px) {
	#osaka .director > div{ 
		max-width: 150px;
		width: 60%;
	}
}
@media print, screen and (max-width: 480px) {
	#shinjuku .director > div{ width: 68%; }
	#yokohama .director > div,
	#omiya .director > div{
		width: 55%;
	}
	#nagoya .director > div{
		max-width: 150px;
		width: 68%;
	}
}

@media print, screen and (max-width: 430px) {
	.director{
		right: 0;
		width: 70%;
	}
	#yokohama .director{ right: 20px; }
	#omiya .director{ right: 30px; }
	#tokyo .director > div{ max-width: 210px; width: 75%; }
	#shinjuku .director > div{
		max-width: 150px;
		width: 55%;
	}
	#yokohama .director > div,
	#omiya .director > div{
		margin: 0 0 0 auto;
		max-width: 125px;
		width: 45%;
	}
	
	#nagoya .director > div{
		max-width: 140px;
		width: 52%;
	}
	#osaka .director > div{ 
		max-width: 136px;
		width: 50%;
	}
}

@media print, screen and (max-width: 349px) {
	#tokyo .director > div{ max-width: 185px; width: 85%; }
	#shinjuku .director > div{
		max-width: 135px;
		width: 58%;
	}
	#yokohama .director > div,
	#omiya .director > div{
		width: 47%;
	}
	
	#nagoya .director > div{
		max-width: 130px;
		width: 56%;
	}
	#osaka .director > div{ 
		max-width: 124px;
		width: 55%;
	}
}


.transportation{ width: 50%; }
.transportation > div.railway{
	background-color: rgba(255, 255, 255, 0.7);
	min-width: 360px;
	max-width: 420px;
	padding: 15px;
	width: 70%;
}
.transportation .officeImg{
	margin-left: 20px;
	max-width: 320px;
	width: 60%;
}
@media print, screen and (max-width: 767px) {
	.transportation{
		position: relative;
		width: 100%;
	}
	.transportation > div.railway{
		max-width: none;
		min-width: auto;
		padding: 10px;
		width: 100%;
	}
	.transportation .officeImg{
		width: 40%;
	}
	
	.transportation > div.railway > ul{
		font-size: 1.5rem;
	}
}
@media print, screen and (max-width: 430px) {
	.transportation .officeImg{ margin-left: 0; }
}

.declaration-number{
	position: absolute;
	top: 30px;
	right: 0;
	width: 12%;
}

.declaration-number > div{
	margin: 0 0 0 auto;
	max-width: 80px;
	width: 100%;
}

@media print, screen and (max-width: 767px) {
	.declaration-number{
		top: 20px;
		width: 15%;
	}
	.declaration-number > div{
		max-width: 70px;
		width: 80%;
	}
}

.merit{
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 50%;
}
.merit >div {
	margin: 0 auto;
	max-width: 440px;
	width: 80%;
}
@media print, screen and (max-width: 767px) {
	.merit{
		position: relative;
		right: auto;
		bottom: auto;
		margin: 0 auto;
		padding-top: 20px;
		width: 100%;
	}
	.merit >div {
		width: 100%;
	}
}

/* ---------------------------
代表挨拶
--------------------------- */

#chief .chief-greeting{}

.chief-greeting > .chief-img{
	box-shadow: -10px 10px 0 0 rgba(0, 32, 96, 1);
	float: left;
	margin-right: 1em;
	margin-left: 10px;
	max-width: 200px;
	margin-bottom: 0.5em;
}
.sample img {
    width: 200px;  /* 横幅を200pxに */
}

@media print, screen and (max-width: 767px) {
	.chief-greeting > .chief-img{
		float: none;
		margin : 0 auto 2.5rem auto;
		width: 200px;
		max-width: none;
	}
}

#chief > div > h3 {
	border-bottom: 2px solid #dfdfdf;
	font-weight: bold;
	position: relative;
}

 #chief > div > h3:after{
	content: "";
	position: absolute;
	display: block;
	border-bottom: 2px solid #0b2e4e;
	border-bottom: -2px;
	width: 11%;
}

.chiefCareer > dl{
	flex-wrap: wrap;
	width: 100%;
}

.chiefCareer > dl dt{ margin-right: 1em; width: 65px; }
.chiefCareer > dl dd{ width : calc( 100% - ( 1em + 65px ) ); }

.chiefCoverage > p { text-align: right}

/* ---------------------------
事務所情報/アクセス
--------------------------- */

#officeAccess > p{ font-weight: bold; }

#officeAccess > .office,
.office .officeTel > dl,
#officeAccess .officePhoto > ul{ flex-flow: wrap; width: 100%; }

.office .officeAbout .officeAccss > p > span { font-weight: bold;} 

.office .officeTel > dl dt { width: 120px; }
.office .officeTel > dl dd { width: calc( 100% - 120px ); }

#officeAccess > .office > div.officeAbout{ width: 400px; }
#officeAccess > .office > div.officeMap { width: calc( 100% - ( 400px + 3rem ) ); }

@media print, screen and (max-width: 860px ) and (min-width: 768px){
	#officeAccess > .office > div.officeAbout{ width: 49%; }
	#officeAccess > .office > div.officeMap { width: calc( 100% - ( 49% + 3rem ) ); }
	.brDis{ display: none; }
}

@media print, screen and (max-width: 414px ) { .brDis{ display: none; } }

@media print, screen and (max-width: 767px) {
	#officeAccess > .office{ flex-direction: column; }
	#officeAccess > .office > div.officeAbout{ margin-bottom: 3rem; margin-right: 0;  }
	#officeAccess > .office > div.officeAbout,
	#officeAccess > .office > div.officeMap{ width: 100%; }
}

.corp-btns { letter-spacing: -0.3px; }
#officeAccess .corp-btn-item { margin: 0 0 .5rem }
#officeAccess .corp-btns .corp-btn-txt{ margin-left : 1.5rem; }
#officeAccess .officePhoto > ul > li { margin-right: 10px; margin-bottom:5px; }

@media print, screen and (min-width: 641px) {
	/* ---------------------- 事務所風景1列2枚表示 ---------------------- */
	#officeAccess .officePhoto > ul.partition02 > li{ width: calc( ( 100% - 10px ) / 2 ); }
	#officeAccess .officePhoto > ul.partition02 > li:nth-of-type(even){ margin-right: 0; }

	/* ---------------------- 事務所風景1列3枚表示 ---------------------- */
	#officeAccess .officePhoto > ul.partition03 > li{ width: calc( ( 100% - 20px ) / 3 ); }
	#officeAccess .officePhoto > ul.partition03 > li:nth-of-type(3n){ margin-right: 0; }

	/* ---------------------- 事務所風景1列4枚表示 ---------------------- */
	#officeAccess .officePhoto > ul.partition04 > li { width: calc( ( 100% - 30px ) / 4 ); }
	#officeAccess .officePhoto > ul.partition04 > li:nth-of-type(4n){ margin-right: 0; }

	#officeAccess .officePhoto > ul > li:last-of-type { margin-right: 0; }
	#officeAccess .officePhoto > ul > li > p { text-align: center; }
	#officeAccess .officePhoto > .indoorBtn { width: 50%; }
}

@media print, screen and (max-width: 767px) {
	.corp-btns { letter-spacing: 0px; }
	#officeAccess .corp-btns .corp-btn-txt{ margin-left : 0; }
	#officeAccess .officePhoto .officePhoto3 > .indoorBtn { width: 100%; }
}
@media print, screen and (max-width: 640px) { 
	
	#officeAccess .officePhoto > ul > li { margin-bottom: 2rem; width: calc( ( 100% - 10px ) / 2 );}
	#officeAccess .officePhoto > ul > li:nth-of-type(even) { margin-right: 0; }
}

/* PCで電話番号リンクを無効に */
@media (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* ---------------------------
お客様の声
高さ調整
--------------------------- */

@media print, screen and (min-width: 768px) {
	/* テキスト */
	p.more_txt{
		height: 160px;
		overflow: hidden;
	}

	.more_con img{
		height: 110px;
		width: auto;
	}
}

/* ---------------------------
part_virus.php
--------------------------- */

.il1040-500,
.il960-768,
.il920-768,
.il768,
.il767,
.il680,
.il640,
.il620,
.il540,
.il410,
.il420,
.il374{ display: none; }

@media print, screen and (max-width: 1040px) and (min-width: 500px){ .il1040-500{ display: inline;} }
@media print, screen and (max-width: 960px) and (min-width: 768px) { .il960-768{ display: inline; } }
@media print, screen and (max-width: 920px) and (min-width: 768px) { .il920-768{ display: inline; } }
@media print, screen and (min-width: 768px) { .il768{ display: inline; } }
@media print, screen and (min-width: 410px) { .il410{ display: inline; } }
@media print, screen and (min-width: 375px) { .il375{ display: inline; } }

@media print, screen and (max-width: 767px) { .il767{ display: inline; } }
@media print, screen and (max-width: 680px) { .il680{ display: inline; } }
@media print, screen and (max-width: 640px) { .il640{ display: inline; } }
@media print, screen and (max-width: 620px) { .il620{ display: inline; } }
@media print, screen and (max-width: 540px) { .il540{ display: inline; } }
@media print, screen and (max-width: 420px) { .il420{ display: inline; } }
@media print, screen and (max-width: 374px) { .il374{ display: inline; } }

.do_to{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.do_to > li{
	margin-left: 2rem;
	margin-top: 2rem;
}
.do_to > li:first-of-type{ margin-left: 0; }
.do_to > li:nth-of-type(2),
.do_to > li:first-of-type{ margin-top: 0; }

@media print, screen and (min-width: 768px){
	.do_to > li{ width: calc( ( 100% - 6rem ) / 4 - 0.1px ); }
	.do_to > li:nth-of-type(4n+1){ margin-left: 0; }
	.do_to > li:nth-of-type(3),
	.do_to > li:nth-of-type(4){ margin-top: 0; }
}

@media print, screen and (max-width: 767px){
	.do_to > li{ width: calc( ( 100% - 2rem ) / 2 - 0.1px ); }
	.do_to > li:nth-of-type(odd){ margin-left: 0; }
	.do_to > li:nth-of-type(3){ margin-top: 2rem; }
}

#virus .do_to > li .part_title p{
	line-height: 1.4;
	padding-left: calc( 1em + 0.8rem );
	text-indent: calc( -1em + -0.8rem );
}

.do_to > li .part_img{
	margin: 2rem auto;
	max-width: 240px;
	width: 100%;
}

/* ---------------------------

各拠点の各市区町村一覧

--------------------------- */

.entryBox h3 {
	position: relative;
	border-left: 5px solid #134674;
	padding-left: 10px;
	font-size: 139%;
	margin: 1em 0 0.2em;
}

/* -------------------------------------
6つの強み～6つのポイントと2つの注意点
/corp/part_point.php
------------------------------------- */
/* ------------- 共通 ------------- */
#feature,
#top-point,
#top-merit{ padding: 5rem 0; }

#feature,
#top-merit{ background-color: #0b2e4e; }

#feature ul.inlinBlock,
#top-point ul.inlinBlock,
#top-merit ul.inlinBlock{
	font-size: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#feature ul.inlinBlock li,
#top-point ul.inlinBlock li,
#top-merit ul.inlinBlock li{
	display: inline-block;
	font-size: 1.6rem;
	vertical-align: top;
}

@media print, screen and (min-width: 768px){
	#feature ul.inlinBlock-pc01,
	#top-point ul.inlinBlock-pc01,
	#top-merit ul.inlinBlock-pc01{
		font-size: 0;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

	#feature ul.inlinBlock-pc01 li,
	#top-point ul.inlinBlock-pc01 li,
	#top-merit ul.inlinBlock-pc01 li{
		display: inline-block;
		font-size: 1.6rem;
		vertical-align: top;
	}
}

@media print, screen and (min-width: 480px){
	#feature ul.inlinBlock-pc02,
	#top-point ul.inlinBlock-pc02,
	#top-merit ul.inlinBlock-pc02{
		font-size: 0;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

	#feature ul.inlinBlock-pc02 li,
	#top-point ul.inlinBlock-pc02 li,
	#top-merit ul.inlinBlock-pc02 li{
		display: inline-block;
		font-size: 1.6rem;
		vertical-align: top;
	}
}

#feature ul li a:hover,
#top-point ul li a:hover,
#top-merit ul li a:hover{
	opacity: 0.5;
}

/* ------------- 6つの強み ------------- */

#feature ul.feature-list li{ max-width: 146px; }
#feature ul.feature-list li:first-of-type{ margin-left: 0; }

@media print, screen and (min-width: 768px){
	#feature ul.feature-list{ max-width: calc( ( 146px * 6 ) + 10% ); }
	#feature ul.feature-list li{
		margin-left: 2%;
		width: calc( ( 100% - 10% ) / 6 - 0.1px );
	}
}

@media print, screen and (max-width: 767px){
	#feature ul.feature-list li{ margin-top: 3rem; }
	#feature ul.feature-list li:first-of-type,
	#feature ul.feature-list li:nth-of-type(2){ margin-top: 0; }
}
@media print, screen and (max-width: 767px) and (min-width: 480px){
	#feature ul.feature-list{ max-width: calc( ( 146px * 3 ) + 4% ); }
	#feature ul.feature-list li{
		margin-left: 2%;
		width: calc( ( 100% - 4% ) / 3 - 0.1px );
	}
	#feature ul.feature-list li:nth-of-type(3){ margin-top: 0; }
	#feature ul.feature-list li:nth-of-type(3n+1){ margin-left: 0; }
}

@media print, screen and (max-width: 479px){
	#feature ul.feature-list{ max-width: calc( ( 146px * 2 ) + 2% ); }
	#feature ul.feature-list li{
		margin-left: 6%;
		width: calc( ( 100% - 6% ) / 2 - 0.1px );
	}
	#feature ul.feature-list li:nth-of-type(odd){ margin-left: 0; }
}

/* ------------- 費用と相続税シミュレーションボタン ------------- */

#feature ul.feature-bnr li{ max-width: 376px; }

@media print, screen and (min-width: 768px){
	#feature ul.feature-bnr{ max-width: calc( ( 376px * 2) + 3rem + 1px ); }
	#feature ul.feature-bnr li{ width: calc( 50% - 1.5rem - 0.1px ); }
	#feature ul.feature-bnr li:first-of-type{ margin-left: 0; }
	#feature ul.feature-bnr li:nth-of-type(2){ margin-left: 3rem; }
}
@media print, screen and (max-width: 767px){
	#feature ul.feature-bnr li{
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	#feature ul.feature-bnr li:nth-of-type(2){ margin-top: 2rem; }
}

/* ------------- 相続専門の税理士の選び方 ------------- */

/* 6つ */
#top-point ul.top-point-list01 li{ max-width: 371px; }

@media print, screen and (min-width: 992px){
	#top-point ul.top-point-list01 li{ width: calc( ( 100% - 4% ) / 3 - 0.1px ); }
	#top-point ul.top-point-list01 li:nth-of-type(3n+1){ margin-left: 0; }
	#top-point ul.top-point-list01 li:nth-of-type(3){ margin-top: 0; }
}
@media print, screen and (min-width: 480px){
	#top-point ul.top-point-list01 li{
		margin-top: 2%;
		margin-left: 2%;
	}
	#top-point ul.top-point-list01 li:first-of-type,
	#top-point ul.top-point-list01 li:nth-of-type(2){ margin-top: 0; }
}
@media print, screen and (max-width: 991px) and (min-width: 480px){
	#top-point ul.top-point-list01{ max-width: calc( ( 371px * 2 ) + 2% ); }
	#top-point ul.top-point-list01 li{ width: calc( ( 100% - 2% ) / 2 - 0.1px ); }
	#top-point ul.top-point-list01 li:nth-of-type(odd){ margin-left: 0; }
}
@media print, screen and (max-width: 479px){
	#top-point ul.top-point-list01 li{
		margin-top: 3rem;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	#top-point ul.top-point-list01 li:first-of-type{ margin-top: 0; }
}

/* 2つ */
#top-point ul.top-point-list02{ width: 100%; }

@media print, screen and (min-width: 992px){
	#top-point ul.top-point-list02{ max-width: calc( ( 320px * 2 ) + 2% ); }
	#top-point ul.top-point-list02 li{ max-width: 320px; }
}
@media print, screen and (max-width: 991px){
	#top-point ul.top-point-list02{ max-width: calc( ( 371px * 2 ) + 2% ); }
	#top-point ul.top-point-list02 li{ max-width: 371px; }
}

@media print, screen and (min-width: 480px){
	#top-point ul.top-point-list02 li{
		margin-left: 2%;
		width: calc( ( 100% - 2% ) / 2 - 0.1px );
	}
	#top-point ul li:first-of-type{ margin-left: 0; }
}

@media print, screen and (max-width: 479px){
	#top-point ul.top-point-list02 li{
		margin-top: 3rem;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	#top-point ul.top-point-list02 li:first-of-type{ margin-top: 0; }
}

/* ------------- 依頼する3つのメリット ------------- */

#top-merit ul li > div{ margin-bottom: 1.5rem; }
@media print, screen and (min-width: 768px){
	#top-merit ul li{
		margin-left: 2%;
		width: calc( ( 100% - 4% ) / 3 - 0.1px );
	}
	#top-merit ul li:first-of-type{ margin-left: 0; }
}

@media print, screen and (max-width: 767px){
	#top-merit ul li{
		margin-top: 3rem;
		width: 100%;
	}
	#top-merit ul li:first-of-type{ margin-top: 0; }
	
	#top-merit ul li > div,
	#top-merit ul li > p{
		margin-right: auto;
		margin-left: auto;
		max-width: 500px;
		width: 100%;
	}
}

#top-merit ul li h3{
	font-size: 130%;
	line-height: 1.4;
	margin-bottom: 1rem;
	text-align: center;
}

/* ---------------------------
レーティング
#raty配下
--------------------------- */
#raty > div{
	border-radius: 8px;
	padding: 2rem;
}

@media print, screen and (min-width: 768px){}
@media print, screen and (max-width: 767px){}

.raty-contents.flex{ width: 100%; }
@media print, screen and (min-width: 768px){
	.raty-contents.flex{ align-items: center; }
	.raty-contents .raty-star{
		margin-right: 20px;
		width: 340px;
	}
	.raty-contents .raty-txt{ width: calc( 100% - 360px ); }
}
@media print, screen and (max-width: 767px){
	.raty-contents.flex{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.raty-contents .raty-star{
		margin-bottom: 10px;
		width: 100%;
	}
	.raty-contents .raty-txt{ width: 100%; }
}

.corpRaty img{ width: 55px; }