@charset "utf-8";

/* ****************************************************
company.css
Define container /company/.
***************************************************** */

/* reset
=================================*/
figure {
	margin: 0;
}
img {
	vertical-align: bottom;
}

/* settings
=================================*/
#contentsContainer.personalIndex * {
	box-sizing: border-box;
}


@media print, screen and (min-width: 769px) {

#contentsContainer.personalIndex {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
#contentsContainer.personalIndex .contentsBody {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


/* common settings  irと共通
=================================*/
/* column
---------------------------------*/
#contentsContainer.personalIndex [data-row-pc]:not([data-row-pc="1"]) {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contentsContainer.personalIndex [data-row-pc="2"] > * {
	width: calc( ( 100% - 36px ) / 2 );
}
#contentsContainer.personalIndex [data-row-pc="3"] > * {
	width: calc( ( 100% - 72px ) / 3 );
}
#contentsContainer.personalIndex [data-row-pc="2"] > *:not(:nth-child(2n)),
#contentsContainer.personalIndex [data-row-pc="3"] > *:not(:nth-child(3n)) {
	margin-right: 36px;
}
#page-wrapper #contentsContainer.personalIndex [data-row-pc="2"] > *:nth-child(-n+2),
#page-wrapper #contentsContainer.personalIndex [data-row-pc="3"] > *:nth-child(-n+3) {
	margin-top: 0;
}


/* section-index01
---------------------------------*/
#contentsContainer.personalIndex .section-index01 {
	background: url(/personal/images/index_bg01.jpg) no-repeat 50% 0;
	padding-left: 10px;
	padding-right: 10px;
}

/* -- heading01 -- */
#contentsContainer.personalIndex .heading01 {
	height: 201px;
	background: none;
	padding-top: 45px;
}
#contentsContainer.personalIndex .heading01 h1 {
	display: block;
}
#contentsContainer.personalIndex .heading01 h1 .title-text {
	text-align: center;
	font-size: 200%;
	color: #333333;
}
#contentsContainer.personalIndex .heading01 .sub-text {
	text-align: center;
	color: #333333;
	line-height: 1.7;
}

/* section-index02
---------------------------------*/

#contentsContainer.personalIndex .section-index02 {
	padding: 25px 0;
	margin-left: 10px;
	margin-right: 10px;
}
#contentsContainer.personalIndex .section-index02 h2 {
	margin: 0;
	background-color: inherit;
	font-weight: normal;
	font-size: 100%;
}
#contentsContainer.personalIndex .section-index02 h2 .title-wrapper {
	display: inline;
}
#contentsContainer.personalIndex .section-index02 h2 .title-wrapper:before {
	display: none !important;
}
#contentsContainer.personalIndex .section-index02 h2 .title-text {
	display: inline;
	padding: 0;
	font-size: 173.33%;
}




/* section-index03
---------------------------------*/

#contentsContainer.personalIndex .section-index03 {
	padding: 25px  0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}

#contentsContainer.personalIndex .section-index03 .section-index03-l {
	width: 273px;
}
#contentsContainer.personalIndex .section-index03 .section-index03-r {
	width: 890px;
	line-height: 1.6;
}
#contentsContainer.personalIndex .section-index03 .serviceLink figure {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text {
	background: #000 url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
	padding: 15px 28px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text2 {
	background: #000 url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
	padding: 15px 28px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text span {
	display: block;
	padding-right: 20px;
	background: url( /common/images/com_icn104.png) no-repeat 100% 50%;
	background-size: 12px 11px;
	color: #fff;
	text-align:  center;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text2 span {
	display: block;
	padding-right: 20px;
	background-size: 12px 11px;
	color: #fff;
	text-align:  center;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover {
	text-decoration:  none;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover .serviceLink-text {
	background: #d7083b url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover .serviceLink-text2 {
	background: #d7083b url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
}


#contentsContainer.personalIndex .section-index03 h3 {
margin-bottom: 10px;
}
#contentsContainer.personalIndex .section-index03 h3 .title-text {
	font-size: 133.33%;
}

#contentsContainer.personalIndex .serviceBtn {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
#contentsContainer.personalIndex .serviceBtn:hover {
	color: #d7083b;
	border: 1px solid #d7083b;
}
#contentsContainer.personalIndex .serviceBtn span {
	display: block;
	background:  url(/common/images/com_icn96.png) no-repeat 100% 50%;
	padding: 0 100px 0 84px;
}
#contentsContainer.personalIndex .serviceBtn.open span {
	background:  url(/common/images/com_icn97.png) no-repeat 100% 50%;
}
.spServiceBtn {
	display: none;
}
.pcServiceBtn {
	display: block;
}


/* section-index04
---------------------------------*/


#contentsContainer.personalIndex .section-index04 {
	padding: 30px 10px;
	margin-top: -1px;
	background-color: #ddd;
	position: relative;
}
#contentsContainer.personalIndex .section-index04 .contentsBody:before {
	width: 32px;
	height: 14px;
	display: block;
	background:  url(/common/images/com_icn110.png) no-repeat 0 0;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 100%;
}
#contentsContainer.personalIndex .section-index04 .contentsBody {
	
}
#contentsContainer.personalIndex .section-index04 h4 {
margin-bottom: 10px;
}
#contentsContainer.personalIndex .section-index04 h4 .title-text {
	font-size: 146.67%;
}
#contentsContainer.personalIndex .section-index04 .column {
	margin-top:  36px;
}
#contentsContainer.personalIndex .section-index04 .col {
	margin-top:  22px;
	position: relative;
}
#contentsContainer.personalIndex .section-index04 .col a {
	display: block;
	color: #333333;
	padding: 20px 30px;
	background-color:  #fff;
	line-height: 1.7;
}
#contentsContainer.personalIndex .section-index04 .col:after {
	position: absolute;
	content: "";
	display: block;
	width: 15%;
	height: 3px;
	background-color: #d7083b;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
#contentsContainer.personalIndex .section-index04 .col a:hover {
	text-decoration:  none;
	color: #333333;
}
#contentsContainer.personalIndex .section-index04 .col:hover:after {
	width: 100%;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
#contentsContainer.personalIndex .section-index04 .col .title-index {
	background:  url(/common/images/com_icn01.png) no-repeat 0 0.4em;
	padding-left: 20px;
	font-size: 120%;
	color: #333333;
}
#contentsContainer.personalIndex .section-index04 .col a:hover .title-index {
	color: #d7083b;
}
#contentsContainer.personalIndex .section-index04 .col a[target="_blank"] .title-index span:after {
 content: url(/common/images/com_icn05.png);
 margin-left:  8px;
 vertical-align: baseline;
}
#contentsContainer.personalIndex .section-index04 .col .title-index + * {
	margin-top: 10px;
}

#contentsContainer.personalIndex .section-index04 .reccomendSubBtn {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #bbb;
}

#contentsContainer.personalIndex .section-index04 .reccomendSubBtn .btn-s {
	display: block;
}
#contentsContainer.personalIndex .section-index04 .reccomendSubBtn a[target="_blank"] span.link-text {
background:  url(/common/images/com_icn05.png) no-repeat 95% 50%;
padding-right: 40px;
}


}

@media only screen and (max-width: 768px) {

#contentsContainer.personalIndex {
	width: 100%;
	margin: 0 0 18px;
}
#contentsContainer.personalIndex .contentsBody {
	padding-left: 18px;
	padding-right: 18px;
}

/* common settings  irと共通
=================================*/
/* column
---------------------------------*/
#contentsContainer.personalIndex [data-row-sp]:not([data-row-sp="1"]) {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contentsContainer.personalIndex [data-row-sp="2"] > * {
	width: calc( ( 100% - 15px ) / 2 );
}
#contentsContainer.personalIndex [data-row-sp="3"] > * {
	width: calc( ( 100% - 30px ) / 3 );
}
#contentsContainer.personalIndex [data-row-sp="2"] > *:not(:nth-child(2n)),
#contentsContainer.personalIndex [data-row-sp="3"] > *:not(:nth-child(3n)) {
	margin-right: 15px;
}
#page-wrapper #contentsContainer.personalIndex [data-row-sp="2"] > *:nth-child(-n+2),
#page-wrapper #contentsContainer.personalIndex [data-row-sp="3"] > *:nth-child(-n+3) {
	margin-top: 0;
}



/* section-index01
---------------------------------*/
#contentsContainer.personalIndex .section-index01 {
}

/* -- heading01 -- */
#contentsContainer.personalIndex .heading01 {
	height: 135px;
	background: none;
	padding: 30px 15px 0;
	background: url(/personal/images/index_bg01_sp.jpg) no-repeat 50% 0;
	background-size: 100% auto;
}
#contentsContainer.personalIndex .heading01 h1 {
	display: block;
	color: #333333;
}
#contentsContainer.personalIndex .heading01 h1 .title-text {
	font-size: 200%;
	color: #333333;
	padding:  0;
}
	#contentsContainer.personalIndex .heading01 .pc-only {
		display: none;
	}
#contentsContainer.personalIndex .heading01 .sub-text {
	color: #333333;
	line-height: 1.5;
	margin-top: 15px;
}

	
/* section-index03
---------------------------------*/

#contentsContainer.personalIndex .section-index03 {
	padding: 25px 0;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
}

#contentsContainer.personalIndex .section-index03 .section-index03-l {
	width: 100%;
	margin-top: 20px;
}
#contentsContainer.personalIndex .section-index03 .section-index03-r {
	width: 100%;
	line-height: 1.6;
}
#contentsContainer.personalIndex .section-index03 .serviceLink figure {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#contentsContainer.personalIndex .section-index03 .serviceLink figure img {
width: 100%;
height: auto;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text {
	background: #000 url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
	padding: 15px 28px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text2 {
	background: #000 url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
	padding: 15px 28px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text span {
	display: block;
	padding-right: 20px;
	background: url( /common/images/com_icn104.png) no-repeat 100% 50%;
	background-size: 12px 11px;
	color: #fff;
	text-align:  center;
}
#contentsContainer.personalIndex .section-index03 .serviceLink .serviceLink-text2 span {
	display: block;
	padding-right: 20px;
	background-size: 12px 11px;
	color: #fff;
	text-align:  center;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover {
	text-decoration:  none;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover .serviceLink-text {
	background: #d7083b url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
}
#contentsContainer.personalIndex .section-index03 .serviceLink a:hover .serviceLink-text2 {
	background: #d7083b url(/common/images/com_icn85.png) no-repeat 16px 50%;
	background-size: 12px 12px;
}


#contentsContainer.personalIndex .section-index03 h3 {
margin-bottom: 10px;
	text-align: center;
}
#contentsContainer.personalIndex .section-index03 h3 .title-text {
	font-size: 133.33%;
}

#contentsContainer.personalIndex .serviceBtn {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
#contentsContainer.personalIndex .serviceBtn:hover {
	color: #d7083b;
	border: 1px solid #d7083b;
}
#contentsContainer.personalIndex  .serviceBtn span {
	display: block;
	background:  url(/common/images/com_icn96.png) no-repeat 100% 50%;
	padding: 0 50px 0 50px;
}
#contentsContainer.personalIndex .serviceBtn.open span {
	background:  url(/common/images/com_icn97.png) no-repeat 100% 50%;
}
.spServiceBtn {
	display: block;
}
.pcServiceBtn {
	display: none;
}


/* section-index04
---------------------------------*/


#contentsContainer.personalIndex .section-index04 {
	padding: 15px 0;
	margin-top: -1px;
	background-color: #ddd;
	position: relative;
}
#contentsContainer.personalIndex .section-index04 .contentsBody:before {
	width: 32px;
	height: 14px;
	display: block;
	background:  url(/common/images/com_icn110.png) no-repeat 0 0;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 100%;
}
#contentsContainer.personalIndex .section-index04 .contentsBody {
	
}
#contentsContainer.personalIndex .section-index04 h4 {
margin-bottom: 10px;
}
#contentsContainer.personalIndex .section-index04 h4 .title-text {
	font-size: 146.67%;
}
#contentsContainer.personalIndex .section-index04 .column {
	margin-top:  20px;
}
#contentsContainer.personalIndex .section-index04 .col {
	margin-top:  20px;
	position: relative;
}

#contentsContainer.personalIndex .section-index04 .col:after {
	position: absolute;
	content: "";
	display: block;
	width: 15%;
	height: 3px;
	background-color: #d7083b;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}


#contentsContainer.personalIndex .section-index04 .col a {
	display: block;
	color: #333333;
	padding: 20px 30px;
	background-color:  #fff;
	line-height: 1.7;
}
#contentsContainer.personalIndex .section-index04 .col a:hover {
	text-decoration:  none;
	color: #333333;
}
#contentsContainer.personalIndex .section-index04 .col:hover:after {
	width: 100%;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
#contentsContainer.personalIndex .section-index04 .col .title-index {
	background:  url(/common/images/com_icn01.png) no-repeat 0 0.4em;
	padding-left: 20px;
	font-size: 120%;
	color: #333333;
}
#contentsContainer.personalIndex .section-index04 .col a:hover .title-index {
	color: #d7083b;
}
#contentsContainer.personalIndex .section-index04 .col a[target="_blank"] .title-index span:after {
 content: url(/common/images/com_icn05.png);
 margin-left:  8px;
 vertical-align: baseline;
}
#contentsContainer.personalIndex .section-index04 .col .title-index + * {
	margin-top: 10px;
}

#contentsContainer.personalIndex .section-index04 .reccomendSubBtn {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #bbb;
}
#contentsContainer.personalIndex .section-index04 .reccomendSubBtn li + li {
	margin-top: 15px;
}

#contentsContainer.personalIndex .section-index04 .reccomendSubBtn .btn-s {
	display: block;
}
#contentsContainer.personalIndex .section-index04 .reccomendSubBtn a[target="_blank"] span.link-text {
background:  url(/common/images/com_icn05.png) no-repeat 95% 50%;
padding-right: 40px;
}



}

/* clearFix
=================================*/
#contentsContainer.personalIndex [data-row-pc]:after,
#contentsContainer.personalIndex .related-links .link-box .block:after {
	content: "";
	display: block;
	clear: both;
}