@charset "utf-8";

.pubRkv3 .pubRttlCategory{
  width: 55%;
}
.pubRttlCategory>.ttl {
    font-size: 30px;
}

.pubRttlCategory>.ttl>.subTxt {
    font-size: 16px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .pubRkv3 .pubRttlCategory{
    width: 100%;
  }
}


section .twoColumn {
    padding-bottom: 60px;
    margin-bottom: 0;
    border-bottom: 1px solid #D9D9D9;
}

section .twoColumn .left {
    width: 480px;
    text-align: left;
	float: left;
}

section .twoColumn .left p {
    margin-bottom: 19px;
}

section .twoColumn .right {
    width: 423px;
	float: right;
}

section .twoColumn .right #section01 {
    background: url(/origin/toru/img/pht_01.png) 52px 20px #f8f5ee no-repeat;
    min-height: 310px;
    margin-bottom: 75px;
}

section .twoColumn .right #section01 li.type01 {
    width: 179px;
    margin-left: 53px;
}

section .twoColumn .right #section01 li {
    padding: 266px 0 0 0;
    font-size: 12px;
    float: left;
	margin-left: 20px;
}

section .twoColumn .right #section02 ul {
    position: relative;
    top: 0;
    left: 0;
}

section .twoColumn .right #section02 li.type01 {
    width: 271px;
    font-size: 12px;
    padding-top: 162px;
    margin-bottom: 14px;
    background: url(/origin/toru/img/pht_06.png) 0 0 no-repeat;
}

section .twoColumn .right #section02 li.type04 {
    width: 112px;
    font-size: 12px;
    padding-top: 142px;
    background: url(/origin/toru/img/pht_02.png) 0 0 no-repeat;
    position: absolute;
    top: 50px;
    right: 0;
}

section .twoColumn .right #section02 li.type02 {
    width: 282px;
    font-size: 12px;
    padding-top: 147px;
    margin-bottom: 20px;
    background: url(/origin/toru/img/pht_03.png) 0 0 no-repeat;
}

section .twoColumn .right #section02 li.type03 {
    width: 284px;
    font-size: 12px;
    padding-top: 199px;
    margin-left: 68px;
    background: url(/origin/toru/img/pht_04.png) 0 0 no-repeat;
}

section .twoColumn .right #section02 ul {
    position: relative;
    top: 0;
    left: 0;
}

.twoColumn:after {
    display: block;
    clear: both;
    content: "";
}

section .profile {
    padding: 30px 0 0 300px;
    margin-bottom: 50px;
    min-height: 205px;
    background: url(/origin/toru/img/pht_05.png) 30px 30px no-repeat;
}

section .profile h2 {
    font-size: 24px;
    margin-bottom: 45px;
}

section .reference {
    padding: 0 30px 40px 30px;
    margin-bottom: 50px;
    border-bottom: solid 1px #D9D9D9;
}

section .reference h2 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #1069C4;
}

section .reference dl {
    font-size: 12px;
}

section .reference dt {
    color: #0066CC;
    margin-bottom: 9px;
}

section .reference dd {
    margin-bottom: 11px;
}

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

	img{
		width:100%;
		height:auto;
	}

	.pubRttlCategory>.ttl {
		font-size: 24px;
	}

	section .twoColumn {
		padding-bottom: 30px;
	}

	section .twoColumn .left {
		width: 100%;
		float: inherit;
	}


	section .twoColumn .right {
		width: 100%;
		float: inherit;
	}

	section .twoColumn .right #section01 {
		background: none;
		min-height: auto;
		margin-bottom:20px;
	}

	section .twoColumn .right #section01:after {
		display: block;
		clear: both;
		content: "";
	}

	section .twoColumn .right #section01 li.type01 {
		width: 50%;
		margin-left: 0;
		float:left;
	}

	section .twoColumn .right #section01 li {
		width: 38%;
		padding:0;
		float:right;
		margin-left:0;
	}


	section .twoColumn .right #section02 li.type01 {
		width: 100%;
		background: none;
		padding-top:0;
	}

	section .twoColumn .right #section02 li.type04 {
		width: 100%;
		background: none;
		padding-top:0;
		position: unset;
		margin-bottom:20px;
	}

	section .twoColumn .right #section02 li.type04 img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}

	section .twoColumn .right #section02 li.type04 br{
		display:none;
	}

	section .twoColumn .right #section02 li.type02 {
		width: 100%;
		background: none;
		padding-top:0;
	}

	section .twoColumn .right #section02 li.type03 {
		width: 100%;
		background: none;
		padding-top: 0;
    	margin-left: 0;
	}


	.twoColumn:after {
		display: block;
		clear: both;
		content: "";
	}

	section .profile {
		min-height: 100%;
		background: none;
		padding: 0;
		text-align:center;
		margin-bottom: 30px;
	}

	section .profile img {
		width:60%;
		height:auto;
	}

	section .profile h2 {
		font-size: 16px;
		margin-bottom: 5px;
		text-align:left;
	}

	section .profile p {
		text-align:left;
	}

	section .reference {
		background: none;
		padding: 0 0 30px 0;
	}


}