.intro .notoSerif {
	font-family: 'Noto Serif JP', serif;
    font-weight: bolder;
    color: #022b68;
    font-size: 25px;
}

.marginBottom30 {
	margin-bottom: 15px!important;
}

.marginBottom35 {
	margin-bottom: 23px!important;
}

/*.mainSection.sectionType1 {
	background-color: #ddebf4;
}*/

.pcOnly {
	display: none;
}

.whiteBlock {
	background: #ffffff;
	padding: 20px 15px;
	border-radius: 8px;
	margin-bottom: 15px;
}

.whiteBlock h3 {
	color: #022b68;
	font-size: 18px;
	margin: 0 0 10px;
	text-align: center;
}

.whiteBlock .image {
	margin-bottom: 7px;
	text-align: center;
}

.strongType_1 {
	font-weight: bold;
}

.paddingTop0 {
	padding-top: 0px!important;
}

@media only screen and (min-width: 768px) {
	.pcOnly {
		display: table-cell;
	}

	.spOnly {
		display: none;
	}
	
	.intro .notoSerif {
		font-size: 40px;
	}

	.marginBottom30 {
		margin-bottom: 30px!important;
	}

	.marginBottom35 {
		margin-bottom: 32px!important;
	}

	.whiteBlock {
		padding: 40px;
		margin-bottom: 35px;
	}

	.whiteBlock h3 {
		font-size: 24px;
		margin: 0 0 20px;
	}

	.whiteBlock .image {
		margin-bottom: 20px;
	}

	.strongType_1 {
		font-size: 18px;
	}
}



/* Header
============================================== */
#header .topRight ul li.second {
	display:none;
}
#header .topRight ul li.mobileSecond {
	display:block;
}

@media only screen and (min-width: 992px) {

	#header .logo {
		margin-top: 6px;
	}
	#header .topRight ul li.first img {
		margin-top: 6px;
		height: 46px;
		width: 246px;
	}


	#header .topRight ul li.second {
		display:inline-block;
	}


	#header .topRight ul li.mobileSecond {
		display:none;
	}

	#header .topRight ul li.second a{
		background-color: #ffffff;
		border:1px solid #cccccc;
		font-size: 12px;
		padding:5px 0px 6px;
		width:130px;
	}	

	#header .topRight ul li.second a:nth-child(1){
		margin-bottom: 6px;
	}		

	#header .topRight ul li.last a {
		padding:18px 10px; 
		font-size: 20px;
	}	

	#header .topRight ul li	{
		margin-left:15px !important;
	}
}



/* twoColumnsType1
============================================== */
.twoColumnsType1 {
	text-align: center;
	margin-bottom: 20px;
}

.twoColumnsType1 p {
	margin-bottom: 23px;
}

@media only screen and (min-width: 768px) {
	.twoColumnsType1 {
		text-align: left;
		overflow: hidden;
		margin-bottom: 40px;
	}

	.twoColumnsType1 .column {
		float: right;
		width: 56%;
	}


	.twoColumnsType1 .columnEnd {
		float: left;
		width: 40%;
	}

	.twoColumnsType1 p {
		margin-bottom: 32px;
	}
}

@media only screen and (min-width: 1200px) {
	.twoColumnsType1 .column {
		width: 580px;
	}


	.twoColumnsType1 .columnEnd {
		width: 350px;
		margin-right: 30px;
	}
}


/* twoColumnsType2
============================================== */
.twoColumnsType2 {
	text-align: center;
}

.twoColumnsType2 p {
	margin-bottom: 23px;
}

.twoColumnsType2 .image {
	margin-bottom: 20px;
}

.twoColumnsType2 .columnEnd {
	margin-top: 20px;
}


@media only screen and (min-width: 768px) {
	.twoColumnsType2 {
		text-align: left;
		overflow: hidden;
	}

	.twoColumnsType2 .image {
		margin-bottom: 10px;
	}

	.twoColumnsType2 .column {
		float: left;
		width: 56%;
	}

	.twoColumnsType2 .columnEnd {
		float: right;
		width: 40%;
		margin-top: 0;
	}

	.twoColumnsType2 p {
		margin-bottom: 32px;
	}
}

@media only screen and (min-width: 1200px) {
	.twoColumnsType2 .column {
		width: 503px;
	}

	.twoColumnsType2 .columnEnd {
		width: 350px;
		margin-left: 25px;
	}
}

/* fontColorBlue
============================================== */

.fontColorBlue {
	color:#0000CD;
}

/* borderedBlock
============================================== */
.borderedBlock {
	border: 1px solid #cccccc;
	padding: 15px 20px;
	text-align: center;
	margin-bottom: 20px;
}

.borderedBlock h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px;
	text-align: left;
}

@media only screen and (min-width: 768px) {
	.borderedBlock {
		padding: 40px;
		margin-bottom: 40px;
	}

	.borderedBlock h3 {
		font-size: 24px;
		margin-bottom: 30px;
	}
}


/* styledBox
============================================== */
.styledBox {
	background: #ddebf4;
	display: table;
	width: 100%;
	min-height: 141px;
	color: #022b68;
	font-size: 12px;
	margin-bottom: 15px;
}

.styledBox td {
	vertical-align: middle;
	padding: 10px 10px;
}

.styledBox .column-hidden {
	display: none;
}

.styledBox .column-image {
	width: 43%;
	background: url("/contribute/inheritance/images/img_6.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.styledBox2 .column-image {
	background-image: url("/contribute/inheritance/images/img_7.jpg");
}

.styledBox h3 {
	font-size: 14px;
	color: #022b68;
	margin: 0;
	text-align: left;
}

.styledBox .block {
	height: 25px;
	background-color: #cce1f0;
}

@media only screen and (min-width: 768px) {
	.styledBox {
		min-height: 240px;
		font-size: 15px;
		margin-bottom: 20px;
	}

	.styledBox .column-image {
		width: 245px;
	}

	.styledBox h3 {
		font-size: 24px;
		padding: 0 20px;
	}

	.styledBox h3.smaller {
		font-size: 20px;
	}

	.styledBox .block {
		height: 45px;
	}
}

@media only screen and (min-width: 992px) {
	.styledBox .column-image {
		width: 320px;
	}
}

/* textLeft
============================================== */
.textLeft{
	text-align: left;
}
.text1 {
	display: inline-flex;
    vertical-align: top;
}
.text2 {
	display: inline-block;
}