@charset "UTF-8";

/*
 * 個別ページのスタイル
 * を記載
 */


/* ==========================================================
[ Page CSS - Contents ]


Index
Who
What
How
Sitemap

========================================================== */



/* ---------------------------------------------
*   Index
--------------------------------------------- */


/*  index_panels
--------------------------------------------- */
/*.index_panels {}*/
.section {
	position: relative;
}
#section_10 {
	background: url(../img/common/bg_pattern_character.png) 0 0 repeat;
}

/* -- print -- */
@media print {
	.section {
		padding-top: 50px;
	}
}


/* 	index_panels_inner
--------------------------------------------- */
/*.index_panels_inner {}*/

/* 	index_panels_contents
--------------------------------------------- */
.index_panels_contents {
	display: table;
	width: 100%;
	/*
	margin-top: 13vh;
	padding-bottom: 150px;
	*/
}
#section_1 .index_panels_contents {
	/*
	margin-top: 17vh;
	*/
}

/* 	index_panels_left / index_panels_right
--------------------------------------------- */
.index_panels_inner .index_panels_left,
.index_panels_inner .index_panels_right {
	display: table-cell;
	vertical-align: top;
}


/* 	index_panels_left
--------------------------------------------- */
.index_panels_left {
/*
	padding-right: 50px;
*/
}
#S01 .index_panels_left {
	padding-right: 75px;
}

/* -- item_lead_image -- */
.index_panels_left .item_lead_image {
	width: 568px;
}

/* -- index_panels_left_upper -- */
.index_panels_left .index_panels_left_upper {
	display: table;
/*
	width: 475px;
	margin-left: 45px;
*/
}

/* item_image */
/*
.index_panels_left .index_panels_left_upper .item_image {
	display: table-cell;
	vertical-align: middle;
	width: 121px;
	padding-right: 10px;
}
*/

/* item_title */
.index_panels_left .index_panels_left_upper .item_title {
	display: table-cell;
	vertical-align: middle;
	width: 344px;
}
.index_panels_left .index_panels_left_upper .item_title .item_head,
.index_panels_left .index_panels_left_upper .item_title .item_body {
	display: block;
}
.index_panels_left .index_panels_left_upper .item_title .item_head span {
	display: inline-block;
	margin-right: 10px;
	margin-left: 7px;
	vertical-align: bottom;
}
.index_panels_left .index_panels_left_upper .item_title .item_head span img {
	vertical-align: bottom;
}
.index_panels_left .index_panels_left_upper .item_title .item_head em {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
.index_panels_left .index_panels_left_upper .item_title .item_head small {
	display: inline-block;
	font-size: 1.125em;
	font-weight: bold;
	vertical-align: bottom;
	line-height: 1;
}
.index_panels_left .index_panels_left_upper .item_title .item_body {
	font-size: 1.75em;
	font-weight: bold;
	margin-top: 21px;
}

/* 文字間調節 */
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter1_1 {
	letter-spacing: 1.2px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter1_2 {
	letter-spacing: -1.6px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter4_1 {
	letter-spacing: -1.7px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter5_1 {
	letter-spacing: -0.8px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter6_1 {
	letter-spacing: -2px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter6_2 {
	letter-spacing: -3.7px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter7_1 {
	letter-spacing: -0.6px;
}
.index_panels_left .index_panels_left_upper .item_title .item_body span.chapter7_2 {
	letter-spacing: 0px;
}

/* -- index_panels_left_lower -- */
.index_panels_left .index_panels_left_lower {
	width: 465px;
	margin-top: 45px;
	text-align: center;
}


/* 	index_panels_right
--------------------------------------------- */
/*.index_panels_right {}*/

/* -- item_lead_text -- */
.index_panels_right .item_lead_text {
	font-weight: bold;
	font-size: 2.1875em;
	letter-spacing: 3.5px;
	line-height: 1.97;
	margin-top: 45px;
}

/* -- index_panels_right_inner -- */
.index_panels_right .index_panels_right_inner {
	width: 440px;
}

/* -- index_panel_right_upper -- */
.index_panels_right .index_panel_right_upper {
	font-weight: bold;
	line-height: 1.9;
	letter-spacing: 1.1px;
}


/* 	index_character
--------------------------------------------- */
.index_character {
	padding-top: 100px;
/*
	padding-bottom: 100px;
*/
}

/* -- index_character_head -- */
.index_character .index_character_head {
	display: table;
}

/* item_title */
.index_character .index_character_head .item_title {
	display: table-cell;
}

/* item_en */
.index_character .index_character_head .item_en {
	display: inline-block;
	font-size: 1.25em;
	margin-right: 14px;
	line-height: 1;
}

/* item_jp */
.index_character .index_character_head .item_jp {
	display: inline-block;
	font-size: 1.125em;
	font-weight: bold;
}

/* em */
.index_character .index_character_head em {
	font-size: 1.875em;
	font-weight: bold;
}

/* item_text */
.index_character .index_character_head .item_text {
	display: table-cell;
	font-weight: bold;
	padding-left: 45px;
	letter-spacing: 1.7px;
}

/* -- index_character_body -- */
.index_character .index_character_body {
	margin-top: 65px;
}

/* -- index_character_column -- */
/*.index_character .index_character_column {}*/

/* item_column */
.index_character .index_character_column .item_column {
	float: left;
	margin-right: 30px;
}
.index_character .index_character_column .item_column.item_03 {
	margin-right: 0;
}

/* column_upper */
.index_character .index_character_column .column_upper .item_circle {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: #fff;
	line-height: 300px;
}
.index_character .index_character_column .column_upper .item_circle img {
	display: block;
	margin: -24px auto 0;
}
.index_character .index_character_column .item_column.item_01 .column_upper .item_circle img {
	margin: -50px 0 0 64px;
}
.index_character .index_character_column .item_column.item_02 .column_upper .item_circle img {
	margin: -26px 0px 0 85px;
}
.index_character .index_character_column .item_column.item_03 .column_upper .item_circle img {
	margin: -41px 0 0 64px;
}

/* column_lower */
.index_character .index_character_column .column_lower {
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 2;
	width: 300px;
	box-sizing: border-box;
	border: 4px solid #000;
	border-radius: 6px;
	padding: 4px 0;
	text-align: center;
	font-size: 1.75em;
	font-weight: bold;
	margin-top: 30px;
}
.index_character .index_character_column .column_lower small {
	display: block;
	font-size: .57142857142em;
	margin-top: -5px;
}



/* ---------------------------------------------
*   Who
--------------------------------------------- */


/*  who_ballon_cassette
--------------------------------------------- */
.who_ballon_cassette {
	margin-top: 165px;
}

/* -- item_ballon_cassette -- */
.who_ballon_cassette .item_ballon_cassette {
	float: left;
	width: 300px;
	margin-right: 30px;
}
.who_ballon_cassette .item_ballon_cassette:last-child {
	margin-right: 0;
}

/* -- cassette_head -- */
.who_ballon_cassette .cassette_head {
	text-align: center;
}
.who_ballon_cassette .item_ballon_cassette.item_01 .cassette_head {
	margin-top: -48px;
}
.who_ballon_cassette .item_ballon_cassette.item_03 .cassette_head {
	margin-top: -98px;
}

/* -- cassette_body -- */
.who_ballon_cassette .cassette_body {
	margin-top: 45px;
}

/* skin */
.who_ballon_cassette .item_ballon_cassette.item_02 .cassette_head {
	margin-top: -60px;
}


/* 	module_ballon (override)
--------------------------------------------- */

/* -- item_ballon_head -- */
.who_ballon_cassette .item_ballon_cassette .item_ballon_head:after,
.who_ballon_cassette .item_ballon_cassette .item_ballon_head:before {
	left: 54%;
}

/* -- item_ballon_head_inner -- */
.who_ballon_cassette .item_ballon_cassette .item_ballon_head_inner {
	padding: 22px 0;
}

/* item_upper */
.who_ballon_cassette .item_ballon_cassette .item_ballon_head_inner .item_upper {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 2px;
}

/* item_lower */
.who_ballon_cassette .item_ballon_cassette .item_ballon_head_inner .item_lower {
	display: block;
	font-weight: bold;
	font-size: 1.125em;
	margin-top: 10px;
	letter-spacing: 1.1px;
}


/* -- item_ballon_body -- */

/* item_ballon_body_inner */
.who_ballon_cassette .item_ballon_cassette .item_ballon_body .item_ballon_body_inner {
	padding: 24px 17px;
}

/* item_text */
.who_ballon_cassette .item_ballon_cassette .item_ballon_body .item_text {
	font-size: .9375em;
	line-height: 2.0;
	margin-top: 0;
	letter-spacing: 0.8px;
}



/* ---------------------------------------------
*   What
--------------------------------------------- */


/* 	what_ballon_cassette
--------------------------------------------- */
.what_ballon_cassette {
	margin-top: 90px;
}

/* -- ballon_cassette_block -- */
.what_ballon_cassette .ballon_cassette_block.type_two {
	padding: 0 165px;
}

.what_ballon_cassette .ballon_cassette_block:nth-child(n+2) {
	margin-top: 68px;
}

/* -- item_cassette -- */
.what_ballon_cassette .item_cassette {
	float: left;
	width: 300px;
	margin-right: 30px;
}
.what_ballon_cassette .item_cassette:last-child {
	margin-right: 0;
}

/* -- cassette_head -- */
.what_ballon_cassette .cassette_head {
	text-align: center;
}

/* -- cassette_body -- */
.what_ballon_cassette .cassette_body {
	margin-top: 30px;
}


/* 	module_ballon (override)
--------------------------------------------- */

/* -- item_ballon_head -- */
.what_ballon_cassette .item_cassette .item_ballon_head:after,
.what_ballon_cassette .item_cassette .item_ballon_head:before {
	left: 54%;
}

/* -- item_ballon_head_inner -- */
.what_ballon_cassette .item_cassette .item_ballon_head_inner {
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 1.3px;
}


/* -- item_ballon_body -- */

/* item_ballon_body_inner */
.what_ballon_cassette .item_cassette .item_ballon_body .item_ballon_body_inner {
	padding: 24px 17px;
}

/* item_text */
.what_ballon_cassette .item_cassette .item_ballon_body .item_text {
	font-size: .9375em;
	line-height: 2.0;
	margin-top: 0;
}



/* ---------------------------------------------
*   How
--------------------------------------------- */


/* 	how_module_block
--------------------------------------------- */
.how_module_block {
	padding-top: 120px;
}


/* -- block_upper -- */
.how_module_block .block_upper {
	display: table;
}

/* block_upper_box */
.how_module_block .block_upper .block_upper_box {
	display: table-cell;
	vertical-align: middle;
	padding-right: 80px;
}
.how_module_block .block_upper .block_upper_box .item_text {
	display: table;
	width: 130px;
	height: 130px;
	box-sizing: border-box;
	border: 4px solid #000;
	border-radius: 6px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.how_module_block .block_upper .block_upper_box .item_text span {
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 1.6px;
}

/* block_upper_image */
.how_module_block .block_upper .block_upper_image {
	display: table-cell;
	vertical-align: middle;
}


/* -- block_upper -- */
.how_module_block .block_lower {
	overflow: hidden;
	margin-top: 50px;
}

/* -- block_inner / item_title  -- */
.how_module_block .block_lower .block_inner {
	padding: 19px 15px;
	height: 100%;
	box-sizing: border-box;
}
.how_module_block .block_lower .item_title {
	font-size: 1.125em;
	font-weight: bold;
}

/* block_lower_left */
.how_module_block .block_lower .block_lower_left {
	float: left;
	width: 467px;
	border: 4px solid #000;
	border-radius: 6px;
	margin-right: 10px;
	background: #fff;
}

/* item_text_wrapper */
.how_module_block .block_lower .block_lower_left .item_text_wrapper {
	overflow: hidden;
	margin-top: 5px;
}

/* item_text_lists */
.how_module_block .block_lower .block_lower_left .item_text_lists {
	float: left;
	width: 48%;
	font-size: .9375em;
	font-weight: bold;
}
.how_module_block .block_lower .block_lower_left .item_text_lists:first-child {
	margin-right: 4%;
}
.how_module_block .block_lower .block_lower_left .item_text_wrapper.skin_one_column .item_text_lists {
	width: 100%;
	float: none;
}
.how_module_block .block_lower .block_lower_left .item_text_wrapper.skin_one_column .item_text_lists:first-child {
	margin-right: 0;
}

/* item_text_lists */
.how_module_block .block_lower .block_lower_left .item_text_list {
	margin-top: 12px;
	list-style-type: disc;
	margin-left: 1.2em;
}
.how_module_block .block_lower .block_lower_left .item_text_list:first-child {
	margin-top: 0;
}

/* block_lower_right */
.how_module_block .block_lower .block_lower_right {
	float: right;
	width: 467px;
	border: 4px solid #000;
	border-radius: 6px;
	background: #fff;
}

/* item_lead */
.how_module_block .block_lower .block_lower_right .item_lead {
	font-size: .9375em;
	margin-top: 5px;
	font-weight: bold;
}

/* item_text */
.how_module_block .block_lower .block_lower_right .item_text {
	font-size: .9375em;
	line-height: 2.0;
}

/* skin_noequal */
.block_lower.skin_notequal .block_lower_left {
	width: 630px;
}
.block_lower.skin_notequal .block_lower_right {
	width: 320px;
}
.block_lower.skin_notequal .block_lower_left .item_text_lists {
	width: 230px;
	margin-right: 0;
}
.block_lower.skin_notequal .block_lower_left .item_text {
	float: right;
	width: 310px;
	font-size: .9375em;
	line-height: 2.0;
}


/* ---------------------------------------------
*   Sitemap
--------------------------------------------- */
.sitemap_cassette {
	padding: 50px 45px;
	border: 4px solid #000;
	border-radius: 6px;
	margin-top: 50px;
	overflow: hidden;
	background: #fff;
}


/* 	sitemap_cassette_left
--------------------------------------------- */
.sitemap_cassette_left {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

/* -- item_list -- */
.sitemap_cassette_left .item_list {
	background: url(../img/sitemap/arrow_small.png) 0 center no-repeat;
}
.sitemap_cassette_left .item_list:nth-child(n+2) {
	margin-top: 20px;
}
.sitemap_cassette_left .item_list.item_01 {
	font-weight: bold;
	font-size: 1.125em;
	background: url(../img/sitemap/arrow_large.png) 0 center no-repeat;
}

/* item_title */
.sitemap_cassette_left .item_list .item_title {
	display: block;
	font-weight: bold;
}

/* item_text */
.sitemap_cassette_left .item_list .item_text {
	display: block;
	font-size: .875em;
	width: 110%;
}


/* 	sitemap_cassette_right
--------------------------------------------- */
.sitemap_cassette_right {
	box-sizing: border-box;
	float: right;
	width: 45%;
}

/* -- item_list -- */
.sitemap_cassette_right .item_list {
	background: url(../img/sitemap/arrow_large.png) 0 center no-repeat;
}
.sitemap_cassette_right .item_list:nth-child(n+2) {
	margin-top: 20px;
}

/* item_title */
.sitemap_cassette_right .item_list .item_title {
	font-size: 1.125em;
	font-weight: bold;
}

/* item_text */
.sitemap_cassette_right .item_list .item_text {
	display: block;
	font-size: .875em;
	display: block;
}


/* -- item_link -- */
.sitemap_cassette .item_link {
	display: block;
	text-decoration: none;
	padding-left: 35px;
}
.sitemap_cassette .item_link:hover {
	color: red;
	opacity: 1;
}