@charset "utf-8";

/*---------------------------------------------
util
---------------------------------------------*/
.mt30 {
	margin-top: 30px !important;
}
.fw-b {
	font-weight: bold !important;
}
.list {
	list-style: disc;
	margin-left: 1.5em;
}

/*---------------------------------------------
s1 共通
---------------------------------------------*/
body {
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 61px;
	border-bottom: solid 1px #343434;
	z-index: 10;
	text-align: center;
	background-color: #fff;
}

main {
	min-height: auto;
	min-height: initial;
}

.sidebar {
	width: 271px;
	height: calc(100vh - 61px);
	position: fixed;
	top: 61px;
	left: 0;
	z-index: 7;
	background-color: #fff;
}
.heading01 {
	height: 50px;
	background: #71cd29;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bold;
    padding: 4px 0 0 30px;
	margin-bottom: 34px;
}
.mainIcon {
	text-align: center;
}
.localNav {
	font-size: 1.6rem;
	font-family: "Noto Sans Regular", sans-serif;
	padding-top: 47px;
	margin-left: 55px;
}
.localNav_item {
	margin-bottom: 4px;
}
.localNav_link {
	color: #003970 !important;
	text-decoration: none !important;
}
.localNav_link:hover,
.localNav_link.is-active {
	color: #00adec !important;
}
.localNav_link.is-active {
	font-family: "Noto Sans Bold", sans-serif;
	font-weight: bold;
}
.localNav_noLink {
	color: #849cb8;
}
.localNav_link::before,
.localNav_noLink::before {
	content: '・';
}

.main {
	margin-left: 271px;
}

.mainTitle {
	background-color: #fff;
	position: fixed;
	top: 61px;
	z-index: 8;
	width: 100%;
}
.breadcrumbs {
	background: #002e66 url("../../images/bg_pagetitle.png") no-repeat 1022px 0;
	height: 50px;
    padding: 13px 0 13px 20px;
    font-size: 1.6rem;
}
.breadcrumbs_list {
	display: flex;
}
.breadcrumbs_item {
	color: #fff;
}
.breadcrumbs_item::before {
	content: '>';
	margin: 0 10px;
	color: #fff;
}
.breadcrumbs_item.is-active {
	color: #f7b52d;
}
.breadcrumbs_link {
	color: #fff !important;
	text-decoration: none !important;
}
.breadcrumbs_link:hover {
	color: #00adec !important;
}
.heading02 {
	width: 1068px;
	height: 148px;
	margin: 34px 0 14px;
	position: relative;
	background: no-repeat left/cover;
}
.heading02_img-sub {
	position: absolute;
	top: 22px;
	right: 27px;
}
.heading02_img-software {
	position: absolute;
	top: 21px;
	right: 27px;
}
.heading02_img-icon {
	position: absolute;
	top: 31px;
	right: 31px;
}
.heading02_btn {
	position: absolute;
	bottom: 22px;
	right: 22px;
}
.mainContents {
	width: 1068px;
	padding-bottom: 34px;
	margin-top: 307px;
}
.contentListCategory {
	padding: 11px 25px;
	font-size: 1.9rem;
	margin: 3px 0;
}
.contentList {
	font-size: 2rem;
}
dl.contentList > .contentList_item {
	display: flex;
	justify-content: space-between;
}
.contentList_item:nth-child(n+2),
.contentList_item > .dl_wrap > dd:nth-child(n+2) {
	margin-top: 3px;
}
.contentList_item > dt {
	width: 336px;
	padding: 11px 25px;
	background-color: #c5c5c5;
}
.contentList_item > dd,
.contentList_item > .dl_wrap {
	width: 729px;
}
.contentList_noLink,
.contentList_link {
	display: block;
	padding: 11.5px 25px;
	background-color: #e9e9e9;
}
.contentList_noLink {
	color: #acacac;
}
.contentList_link {
	color: #3b3b3b !important;
	text-decoration: none !important;
}
.contentList_link:hover {
	color: #00adec !important;
}

.gNavi {
	position: fixed;
	bottom: 0;
	left: 45px;
	z-index: 9;
	font-family: "Noto Sans Regular", sans-serif;
	font-size: 1.4rem;
}
.gNavi_link {
	display: block;
	width: 213px;
	height: 30px;
	padding: 4px 0 0 30px;
    background: #42708e url("../../images/i_ar_white_ref.png") no-repeat 11px 9px;
	padding-left: 30px;
	margin-top: 5px;
	text-decoration: none !important;
	color: #fff !important;
}
.pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 39px;
	height: 38px;
	background-color: #acacac;
	cursor: pointer;
}
.pagetop::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	top: 3px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*---------------------------------------------
s1_0 共通
---------------------------------------------*/
.s1_0 .gNavi-top {
	position: fixed;
	bottom: 0;
	left: 79px;
	z-index: 9;
	font-family: "Noto Sans Regular", sans-serif;
	font-size: 1.4rem;
}
.s1_0 .gNavi_link-top {
	display: block;
	width: 220px;
	height: 40px;
	padding: 8.5px 0 5px 13px;
	background: #42708e url("../../images/i_ar_white_ref.png") no-repeat 10px 14px;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 14px;
}
.s1_0 .main {
	background: url("../../images/s1_0/s-introduction/index_bg.png") no-repeat;
	margin: 60px 0 0 0;
	height: calc(100vh - 60px);
	position: relative;
	min-width: 1405px;
}
.s1_0 .heading01 {
	width: 660px;
	height: 57px;
	padding: 12px 0 0 106px;
	position: relative;
	font-size: 3.4rem;
	margin-top: 208px;
}
.s1_0 .heading01::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 57px 30px 0 0;
	border-color: #71cd29 transparent transparent transparent;
	position: absolute;
	top: 0;
	right: -30px;
}
.s1_0 .heading03 {
	color: #fff;
	font-size: 3.7rem;
	padding: 31px 0 0 78px;
	line-height: 1.35;
}
.s1_0 .subText {
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	margin-left: 620px;
	padding-top: 13px;
	margin-bottom: 2px;
}
.s1_0 .block01 {
	display: flex;
}
.s1_0 .block01_left {
	width: 778px;
}
.s1_0 .block01_right {
	width: calc(100% - 778px);
	min-width: 627px;
}
.s1_0 .block02_title-01 {
	margin: 132px 0 0 198px;
}
.s1_0 .block02_title-02 {
	margin: 38px 0 0 105px;
}
.s1_0 .block02_title-03 {
	margin: 37px 0 0 0;
}
.s1_0 .block02_btn-01 {
	position: relative;
	display: block;
	height: 78px;
	text-decoration: none;
	background: url("../../images/s1_0/s-introduction/index_btn_01.png") no-repeat left bottom;
}
.s1_0 .block02_btn-01:hover {
	background: none;
}
.s1_0 .block02_btn-01:hover + .block02_text-01,
.s1_0 .block02_btn-02:hover + .block02_text-02,
.s1_0 .block02_btn-03:hover + .block02_text-03 {
	color: #000;
	/*font-weight: bold;*/
}
.s1_0 .block02_btn-01:hover::before {
	width: 100%;
	height: 78px;
	transition: 0.4s;
}
.s1_0 .block02_btn-01::before {
	position: absolute;
	top: 0;
	height: 100%;
	width: 0;
	background: url("../../images/s1_0/s-introduction/index_btn_01-hover.png") no-repeat;
	content: '';
	z-index: 1;
}
.s1_0 .block02_btn-02 {
	position: relative;
	display: block;
	height: 78px;
	text-decoration: none;
	background: url("../../images/s1_0/s-introduction/index_btn_02.png") no-repeat left bottom;
}
.s1_0 .block02_btn-02:hover {
	background: none;
}
.s1_0 .block02_btn-02:hover::before {
	width: 100%;
	height: 78px;
	transition: 0.4s;
}
.s1_0 .block02_btn-02::before {
	position: absolute;
	top: 0;
	left:0px;
	height: 100%;
	width: 0;
	background: url("../../images/s1_0/s-introduction/index_btn_02-hover.png") no-repeat;
	content: '';
	z-index: 1;
}
.s1_0 .block02_btn-03 {
	position: relative;
	display: block;
	height: 78px;
	text-decoration: none;
	background: url("../../images/s1_0/s-introduction/index_btn_03.png") no-repeat left bottom;
}
.s1_0 .block02_btn-03:hover {
	background: none;
}
.s1_0 .block02_btn-03:hover::before {
	width: 100%;
	height: 78px;
	transition: 0.4s;
}
.s1_0 .block02_btn-03::before {
	position: absolute;
	top: 0;
	left:0;
	height: 100%;
	width: 0;
	background: url("../../images/s1_0/s-introduction/index_btn_03-hover.png") no-repeat;
	content: '';
	z-index: 1;
}
.s1_0 .block02_text-01 {
	color: #777;
	font-size: 1.6rem;
	/*font-weight: bold;*/
	padding-left: 49px;
	margin-top: 12px;
}
.s1_0 .block02_text-02 {
	color: #777;
	font-size: 1.6rem;
	/*font-weight: bold;*/
	padding-left: 55px;
	margin-top: 12px;
}
.s1_0 .block02_text-03 {
	color: #777;
	font-size: 1.6rem;
	/*font-weight: bold;*/
	padding-left: 55px;
	margin-top: 12px;
}

/*---------------------------------------------
s1_1 共通
---------------------------------------------*/
.s1_1 .sidebar {
	width: 335px;
	padding-top: 25px;
}
.s1_1 .heading01 {
	width: 275px;
	height: 57px;
	padding: 6px 0 0 57px;
	position: relative;
	font-size: 2.0rem;
	line-height: 1.2;
}
.s1_1 .sidebar_textArea {
	margin-left: 45px;
}
.s1_1 .heading01::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 58px 30px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.s1_1 .sidebar_text01 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #00245c;
}
.s1_1 .sidebar_text02 {
	font-size: 3.4rem;
	color: #006eae;
	margin-top: 20px;
}
.s1_1 .sidebar_text03 {
	font-size: 4.0rem;
}
.s1_1 .sidebar_text04 {
	font-weight: bold;
	color: #00245c;
}
.s1_1 .sidebar_text05 {
	font-size: 2.0rem;
	font-weight: bold;
	color: #8a8a8a;
	margin-top: 60px;
}
.s1_1 .sidebar_copy_text_01 {
	margin-top: 92px;
}
.s1_1 .sidebar_copy_text_02 {
	font-size: 2.0rem;
	color: #8a8a8a;
	margin-top: 15px;
}

.s1_1 .main {
	margin: 61px 0 0 335px;
	width: 1048px;
}
.s1_1 .block {
	padding: 25px 20px 25px 0;
	display: flex;
	cursor: pointer;
	transition: height .4s ease-in-out;
}
.s1_1 .block.app {
	height: 160px;
	margin-bottom: 25px;
	/*align-items: end;*/
	background: #00943b url("../../images/s1_1/architecture/app_bg.png") no-repeat top 36px right 70px;
	position: relative;
}
.s1_1 .block.iot {
	height: 356px;
	align-items: center;
	background: #00245c url("../../images/s1_1/architecture/iot_bg.png") no-repeat center right 115px;
}
.s1_1 .block.equip {
	height: 163px;
	margin-top: 25px;
	align-items: start;
	background: #219add url("../../images/s1_1/architecture/equip_bg.png") no-repeat bottom 35px right 62px;
	position: relative;
}
.s1_1 .block.app::after {
	content: '';
	display: block;
	width: 28px;
	height: 94px;
	background: url("../../images/s1_1/architecture/arrow_app.png") no-repeat center/cover;
	position: absolute;
	right: 340px;
	bottom: -60px;
	pointer-events: none;
}
.s1_1 .block.equip::after {
	content: '';
	display: block;
	width: 28px;
	height: 94px;
	background: url("../../images/s1_1/architecture/arrow_equip.png") no-repeat center/cover;
	position: absolute;
	right: 340px;
	top: -60px;
	pointer-events: none;
}
.s1_1 .block_titleArea {
	width: 260px;
	transition: margin-top .4s ease-in-out;
}
.s1_1 .block_titleArea img.block_title_hover,
.s1_1 .block_titleArea img.block_title_active {
	display: none;
}
.s1_1 .block:hover .block_titleArea img.block_title_def,
.s1_1 .block:hover .block_titleArea img.block_title_active {
	display: none;
}
.s1_1 .block:hover .block_titleArea img.block_title_hover {
	display: inline;
}
.s1_1 .block.app .block_titleArea {
	margin-top: 77px;
}

.s1_1 .block_inner {
	display: none;
	/*position: relative;*/
}

/* DENSO IoT 製品 選択時 */
.s1_1 .main.iot .block.iot {
	height: 515px;
	padding: 0 35px 0 0;
	background-image: none;
	cursor: auto;
}
.s1_1 .main.iot .block.iot .block_titleArea img.block_title_def,
.s1_1 .main.iot .block.iot .block_titleArea img.block_title_hover  {
	display: none;
}
.s1_1 .main.iot .block.iot .block_titleArea img.block_title_active {
	display: inline;
}
.s1_1 .main.iot .block.iot .block_inner {
	width: calc(100% - 240px);
	position: relative;
	margin-top: -46px;
	margin-left: 25px;
}
.s1_1 .main.iot .block.iot .block_text01 {
	color: #fff;
	font-size: 2.2rem;
	margin-bottom: 14px;
}
.s1_1 .main.iot .block.iot .block_text01::before {
	content: '＞';
	margin-right: 5px;
}
.s1_1 .main.iot .block.iot .block_text02 {
	color: #fff;
	font-size: 1.5rem;
	position: absolute;
	left: -240px;
	bottom: -115px;
}
.s1_1 .main.iot .block.iot .linkArea {
	display: flex;
	justify-content: space-between;
}
.s1_1 .main.iot .block.iot .linkArea_item > img {
	width: 228px;
}
.s1_1 .main.iot .block.iot .linkArea_img-hover {
	display: none;
}
.s1_1 .main.iot .block.iot .linkArea_item:hover .linkArea_img-hover {
	display: block;
}
.s1_1 .main.iot .block.iot .linkArea_item:hover .linkArea_img {
	display: none;
}
.s1_1 .main.iot .block.app {
	height: 80px;
	background-image: none;
}
.s1_1 .main.iot .block.app .block_titleArea {
	margin-top: 0px;
}

.s1_1 .main.iot .block.equip {
	height: 84px;
	background-image: none;
}
.s1_1 .main.iot .block.app::after {
	content: none;
}
.s1_1 .main.iot .block.equip::after {
	content: none;
}

/* 上位システム 選択時 */
.s1_1 .main.app .block.app   {
	display: block;
	height: 470px;
	padding: 25px 35px 0 45px;
	background-image: none;
	cursor: auto;
	position: relative;
}
.s1_1 .main.app .block.app .block_titleArea {
	margin-top: 0px;
	margin-left: -45px;
	margin-bottom: 28px;
}
.s1_1 .main.app .block.app .block_titleArea img.block_title_def,
.s1_1 .main.app .block.app .block_titleArea img.block_title_hover  {
	display: none;
}
.s1_1 .main.app .block.app .block_titleArea img.block_title_active {
	display: inline;
}
.s1_1 .main.app .block.app .block_text01 {
	color: #fff;
	font-size: 1.5rem;
}
.s1_1 .main.app .block.app .linkArea {
	position: relative;
	top: -130px;
	left: -45px;
}
.s1_1 .main.app .block.app .linkArea_item {
	position: absolute;
}
.s1_1 .main.app .block.app .linkArea_item.is-application {
	top: 52px;
	left: 320px;
}
.s1_1 .main.app .block.app .linkArea_item.is-cloud {
	top: 52px;
	left: 830px;
}
.s1_1 .main.app .block.app .linkArea_item.is-middleware {
	top: 288px;
	left: 40px;
}
.s1_1 .main.app .block.app .linkArea_item.is-protocol {
	top: 288px;
	left: 235px;
}
.s1_1 .main.app .block.app .linkArea_item.is-database {
	top: 288px;
	left: 430px;
}
.s1_1 .main.app .block.app .linkArea_item.is-file {
	top: 288px;
	left: 625px;
}
.s1_1 .main.app .block.app .linkArea_item::after {
	content: '';
	display: block;
	width: 28px;
	height: 105px;
	background: url("../../images/s1_1/architecture/arrow_app_02.png") no-repeat center/cover;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -77px;
	margin: auto;
	pointer-events: none;
}
.s1_1 .main.app .block.app .linkArea_item.is-application::after {
	width: 189px;
	height: 23px;
	background-image: url("../../images/s1_1/architecture/arrow_app_04.png");
	bottom: -40px;
}
.s1_1 .main.app .block.app .linkArea_item.is-cloud::after {
	height: 340px;
	background-image: url("../../images/s1_1/architecture/arrow_app_03.png");
	bottom: -315px;
}
.s1_1 .main.app .block.app .linkArea_img-hover {
	display: none;
}
.s1_1 .main.app .block.app .linkArea_item:hover .linkArea_img-hover {
	display: block;
}
.s1_1 .main.app .block.app .linkArea_item:not(.is-application):hover .linkArea_img {
	display: none;
}
.s1_1 .main.app .block.app .linkArea_item:not(.is-application):hover::after {
	background-image: url("../../images/s1_1/architecture/arrow_app_02_hover.png");
}
.s1_1 .main.app .block.app .linkArea_item.is-cloud:hover::after {
	background-image: url("../../images/s1_1/architecture/arrow_app_03_hover.png");
}
.s1_1 .main.app .block.iot {
	height: 125px;
	background-image: url("../../images/s1_1/architecture/iot_bg_02.png");
	background-position: center right 50px;
}
.s1_1 .main.app .block.equip {
	height: 84px;
	background-image: none;
}
.s1_1 .main.app .block.app::after {
	content: none;
}
.s1_1 .main.app .block.equip::after {
	content: none;
}

/* 設備機器 選択時 */
.s1_1 .main.equip .block.equip   {
	display: block;
	height: 474px;
	padding: 20px 35px 0 45px;
	background-image: none;
	cursor: auto;
	position: relative;
}
.s1_1 .main.equip .block.equip .block_titleArea {
	margin-top: 0px;
	margin-left: -45px;
	margin-bottom: 28px;
}
.s1_1 .main.equip .block.equip .block_titleArea img.block_title_def,
.s1_1 .main.equip .block.equip .block_titleArea img.block_title_hover  {
	display: none;
}
.s1_1 .main.equip .block.equip .block_titleArea img.block_title_active {
	display: inline;
}
.s1_1 .main.equip .block.equip .block_text01 {
	color: #fff;
	font-size: 1.5rem;
}
.s1_1 .main.equip .block.equip .linkArea {
	position: relative;
	top: -125px;
	left: -45px;
}
.s1_1 .main.equip .block.equip .linkArea_item {
	position: absolute;
	z-index: 2;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-protocol {
	top: 52px;
	left: 385px;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-field {
	top: 52px;
	left: 711px;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-device {
	top: 45px;
	left: 25px;
}
.s1_1 .main.equip .block.equip .linkArea_device {
	width: 973px;
	height: 227px;
	background: url("../../images/s1_1/architecture/equip_device_bg.png") no-repeat center/contain;
	position: absolute;
	top: 217px;
	top: 239px;
	left: 38px;
	margin: auto;
	z-index: 1;
}
.s1_1 .main.equip .block.equip .linkArea_item::before,
.s1_1 .main.equip .block.equip .linkArea_item::before {
	content: '';
	display: block;
	width: 28px;
	height: 107px;
	background: url("../../images/s1_1/architecture/arrow_equip_02.png") no-repeat center/cover;
	position: absolute;
	left: 0;
	right: 0;
	top: -82px;
	margin: auto;
	pointer-events: none;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-protocol::after,
.s1_1 .main.equip .block.equip .linkArea_item.is-field::after {
	content: '';
	display: block;
	width: 28px;
	height: 85px;
	background: url("../../images/s1_1/architecture/arrow_equip_04.png") no-repeat center/cover;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -55px;
	margin: auto;
	pointer-events: none;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-device::before {
	height: 295px;
	background-image: url("../../images/s1_1/architecture/arrow_equip_03.png");
	top: -312px;
	left: auto;
	right: 90px;
}
.s1_1 .main.equip .block.equip .linkArea_img-hover {
	display: none;
}
.s1_1 .main.equip .block.equip .linkArea_item:hover .linkArea_img-hover {
	display: block;
}
.s1_1 .main.equip .block.equip .linkArea_item:hover .linkArea_img {
	display: none;
}
.s1_1 .main.equip .block.equip .linkArea_item.is-protocol:hover::before,
.s1_1 .main.equip .block.equip .linkArea_item.is-field:hover::before  {
	background-image: url("../../images/s1_1/architecture/arrow_equip_02_hover.png");
}
.s1_1 .main.equip .block.equip .linkArea_item.is-protocol:hover::after,
.s1_1 .main.equip .block.equip .linkArea_item.is-field:hover::after  {
	background-image: url("../../images/s1_1/architecture/arrow_equip_04_hover.png");
}
.s1_1 .main.equip .block.app {
	height: 80px;
	background-image: none;
}
.s1_1 .main.equip .block.app .block_titleArea {
	margin-top: 0px;
}

.s1_1 .main.equip .block.iot {
	height: 125px;
	background: #00245c url("../../images/s1_1/architecture/iot_bg_02.png") no-repeat center right 50px;
}
.s1_1 .main.equip .block.app::after {
	content: none;
}
.s1_1 .main.equip .block.equip::after {
	content: none;
}


/*---------------------------------------------
s1_1-1 共通
---------------------------------------------*/
.s1_1-1 .heading01 {
	margin-bottom: 0;
}
.s1_1-1 .heading02 {
	background-image: url("../../images/s1_1/s1_1-1_title_bg.jpg");
	width: calc(1068px - 16px);;
	margin-left: 16px;
}
.s1_1-1 .heading02::before {
	content: "";
	display: block;
	width: 13px;
	height: 100%;
	position: absolute;
	left: -16px;
	top: 0;
}

/*---------------------------------------------
IoT Data Server
---------------------------------------------*/
.s1_1-1-1 .heading02::before {
	background-color: #9d9d9d;
}

/*---------------------------------------------
IoT Data Share
---------------------------------------------*/
.s1_1-1-2 .heading02::before {
	background-color: #f49e00;
}

/*---------------------------------------------
IoT Data View
---------------------------------------------*/
.s1_1-1-3 .heading02::before {
	background-color: #ac87bb;
}

/*---------------------------------------------
s1_1-2 共通
---------------------------------------------*/
.s1_1-2 .heading02 {
	background-image: url("../../images/s1_1/s1_1-2_title_bg.jpg");
}
.s1_1-2 .contentListCategory {
	background-color: #a7c27e;
}

/*---------------------------------------------
s1_1-3 共通
---------------------------------------------*/
.s1_1-3 .heading02 {
	background-image: url("../../images/s1_1/s1_1-3_title_bg.jpg");
}
.s1_1-3 .contentListCategory {
	background-color: #88c7e9;
}

/*---------------------------------------------
s1_2 共通
---------------------------------------------*/
.s1_2 .heading02 {
	background-image: url("../../images/s1_2/s1_2_title_bg.jpg");
}
.s1_2 .contentListCategory {
	background-color: #888;
	color: #fff;
}
.s1_2 .main {
	margin-left: 271px;
}
.s1_2 .main-top {
	width: 1048px;
	margin: 87px 0 0 335px;
	height: calc(100vh - 87px);
	background-color: #00245c;
}
.s1_2 .contentsArea {
	width: 1048px;
	background: url("../../images/s1_2/function/index_bg.png") no-repeat;
}
.s1_2 .sidebar {
	width: 271px;
}
.s1_2 .sidebar-top {
	width: 335px;
	height: calc(100vh - 61px);
	position: fixed;
	top: 61px;
	left: 0;
	z-index: 7;
	background-color: #fff;
}
.s1_2 .heading01-top {
	width: 275px;
	height: 57px;
	padding: 6px 0 0 57px;
	position: relative;
	font-size: 2.0rem;
	line-height: 1.2;
	color: #fff;
	background: #71cd29;
	font-weight: bold;
	margin-top: 25px;
}
.s1_2 .heading01-top::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 58px 30px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.s1_2 .titleArea {
	padding-bottom: 110px;
}
.s1_2 .sidebar_copy_text_01 {
	margin-top: 92px;
}
.s1_2 .sidebar_copy_text_02 {
	font-size: 2.0rem;
	color: #8a8a8a;
	margin-top: 15px;
}
.s1_2 .sidebar_textArea {
	margin-left: 45px;
}
.s1_2 .linkArea {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 60px;
}
.s1_2 .linkArea_item {
	width: 222px;
	height: 195px;
	display: block;
	margin-right: 14px;
	background-image: url("../../images/s1_2/function/index_btn_bg.png");
}
.s1_2 .linkArea_item-noHover {
	width: 222px;
	height: 195px;
	display: block;
	margin-right: 14px;
	background-image: url("../../images/s1_2/function/index_btn_bg.png");
	margin-top: 10px;
}
.s1_2 .linkArea_item:hover {
	background-image: url("../../images/s1_2/function/index_btn_bg-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-01 {
	background-image: url("../../images/s1_2/function/index_btn_title01-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-02 {
	background-image: url("../../images/s1_2/function/index_btn_title02-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-03 {
	background-image: url("../../images/s1_2/function/index_btn_title03-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-04 {
	background-image: url("../../images/s1_2/function/index_btn_title04-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-05 {
	background-image: url("../../images/s1_2/function/index_btn_title05-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-06 {
	background-image: url("../../images/s1_2/function/index_btn_title06-hover.png");
}
.s1_2 .linkArea_item:hover > .btnTitle-08 {
	background-image: url("../../images/s1_2/function/index_btn_title08-hover.png");
}
.s1_2 .linkArea_item:nth-of-type(4n) {
	margin-right: 0;
}
.s1_2 .linkArea_item:nth-of-type(n+5) {
	margin-top: 10px;
}
.s1_2 .btnTitle {
	margin: 23px 0 0 27px;
	height: 62px;
}
.s1_2 .btnTitle-01 {
	background: url("../../images/s1_2/function/index_btn_title01.png") no-repeat;
}
.s1_2 .btnTitle-02 {
	background: url("../../images/s1_2/function/index_btn_title02.png") no-repeat;
}
.s1_2 .btnTitle-03 {
	background: url("../../images/s1_2/function/index_btn_title03.png") no-repeat;
}
.s1_2 .btnTitle-04 {
	background: url("../../images/s1_2/function/index_btn_title04.png") no-repeat;
}
.s1_2 .btnTitle-05 {
	background: url("../../images/s1_2/function/index_btn_title05.png") no-repeat;
}
.s1_2 .btnTitle-06 {
	background: url("../../images/s1_2/function/index_btn_title06.png") no-repeat;
}
.s1_2 .btnTitle-07 {
	background: url("../../images/s1_2/function/index_btn_title07.png") no-repeat;
}
.s1_2 .btnTitle-08 {
	background: url("../../images/s1_2/function/index_btn_title08.png") no-repeat;
}

/*---------------------------------------------
s1_3 共通
---------------------------------------------*/
.s1_3 .heading02 {
	background-image: url("../../images/s1_3/s1_3_title_bg.jpg");
}
.s1_3 .contentListCategory {
	background-color: #888;
	color: #fff;
}
.s1_3 .main {
	margin-left: 271px;
}
.s1_3 .main-top {
	margin-left: 335px;
}
.s1_3 .main-top {
	width: 1048px;
	margin: 87px 0 0 335px;
	height: calc(100vh - 87px);
	background-color: #00245c;
}
.s1_3 .contentsArea {
	width: 1048px;
	background: url("../../images/s1_3/keyword/index_bg.png") no-repeat;
}
.s1_3 .sidebar {
	width: 271px;
}
.s1_3 .sidebar-top {
	width: 335px;
	height: calc(100vh - 61px);
	position: fixed;
	top: 61px;
	left: 0;
	z-index: 7;
	background-color: #fff;
}
.s1_3 .heading01-top {
	width: 275px;
	height: 57px;
	padding: 6px 0 0 57px;
	position: relative;
	font-size: 2.0rem;
	line-height: 1.2;
	margin-top: 25px;
	font-weight: bold;
	background: #71cd29;
	color: #fff;
}
.s1_3 .sidebar_textArea {
	margin-left: 45px;
}
.s1_3 .heading01-top::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 58px 30px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.s1_3 .titleArea {
	padding-bottom: 110px;
}
.s1_3 .sidebar_copy_text_01 {
	margin-top: 92px;
}
.s1_3 .sidebar_copy_text_02 {
	font-size: 2.0rem;
	color: #8a8a8a;
	margin-top: 53px;
}
.s1_3 .linkArea {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 60px;
	padding-bottom: 11px;
}
.s1_3 .linkArea-02 {
	display: flex;
	justify-content: space-between;
	background: url("../../images/s1_3/keyword/index_btnArea.png") no-repeat center/cover;
	width: 931px;
	height: 187px;
	padding: 21px 21px 21px 23px;
	margin: 0 0 0 61px;
}
.s1_3 .linkArea_btn {
	margin-right: 58px;
}
.s1_3 .linkArea_item {
	width: 222px;
	height: 195px;
	display: block;
	margin-right: 14px;
	background-image: url("../../images/s1_3/keyword/index_btn_bg.png");
}
.s1_3 .linkArea_item:hover {
	background-image: url("../../images/s1_3/keyword/index_btn_bg-hover.png");
}
.s1_3 .linkArea_item:hover > .btnTitle-01 {
	background: url("../../images/s1_3/keyword/index_btn_title01-hover.png") no-repeat;
}
.s1_3 .linkArea_item:hover > .btnTitle-02 {
	background: url("../../images/s1_3/keyword/index_btn_title02-hover.png") no-repeat;
}
.s1_3 .linkArea_item:hover > .btnTitle-03 {
	background: url("../../images/s1_3/keyword/index_btn_title03-hover.png") no-repeat;
}
.s1_3 .linkArea_item:hover > .btnTitle-04 {
	background: url("../../images/s1_3/keyword/index_btn_title04-hover.png") no-repeat;
}
.s1_3 .btnTitle {
	margin: 23px 0 0 23px;
	height: 62px;
}
.s1_3 .btnTitle-01 {
	background: url("../../images/s1_3/keyword/index_btn_title01.png") no-repeat;
}
.s1_3 .btnTitle-02 {
	background: url("../../images/s1_3/keyword/index_btn_title02.png") no-repeat;
}
.s1_3 .btnTitle-03 {
	background: url("../../images/s1_3/keyword/index_btn_title03.png") no-repeat;
}
.s1_3 .btnTitle-04 {
	background: url("../../images/s1_3/keyword/index_btn_title04.png") no-repeat;
}
.s1_3 .linkArea_item-02 {
	width: 144px;
	height: 144px;
	display: inline-block;
	background-image: url("../../images/s1_3/keyword/index_serch_btn02.png");
}
.s1_3 .linkArea_item-02:hover {
	background-image: url("../../images/s1_3/keyword/index_serch_btn02-hover.png");
}
.s1_3 .linkArea_item:nth-of-type(4n) {
	margin-right: 0;
}

/*---------------------------------------------
s1_3-5 共通
---------------------------------------------*/
.s1_3-5 .contentListCategory {
	background-color: #26659c;
	color: #fff;
	font-size: 2.3rem;
	padding: 8px 25px;
}

/*---------------------------------------------
s1_contents 共通
---------------------------------------------*/
#s1.contents {
	color: #545454;
}
#s1.contents .title-box {
	position: fixed;
	top: 61px;
	z-index: 10;
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
}
#s1.contents .heading01 {
	width: 271px;
	margin-bottom: 0;
}
#s1.contents .breadcrumbs {
    width: calc(100% - 271px);
}
#s1.contents .heading03 {
	width: 100%;
	background-color: #dcdcdc;
	height: 93px;
	margin: 8px 0 14px;
	text-align: left;
}
#s1.contents .heading03_inner {
	width: 1310px;
	position: relative;
}
#s1.contents .heading03_btn {
	display: block;
	width: 118px;
	height: 28px;
	padding: 4px 0 0 6px;
    background-color: #42708c;
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	right: -46px;
}
#s1.contents .mainContents {
	width: 1310px;
	margin: 226px 0 0 46px;
	padding: 0 0 100px 0;
}
.overview {
	background-color: #ede8df;
	padding: 35px 46px 55px;
	font-size: 2.0rem;
	margin-bottom: 190px;
	position: relative;
}
.overview::after,
.step:not(.noArrow) .stepDetail:not(.noArrow)::after {
	content: '';
	display: block;
	width: 66px;
	height: 37px;
	background: url("../../images/s1_c/s1_c_arrow.png") no-repeat center/contain;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -115px;
	margin: auto;
}
.overview_title {
	font-size: 2.0rem;
	font-weight: bold;
	width: 114px;
	height: 32px;
	padding-top: 2px;
	background-color: #00245c;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 14px;
}
.overview_lead {
	border-top: solid 1px #00245c;
	font-size: 2.6rem;
	font-weight: bold;
	padding-top: 18px;
	color: #00245c;
}
.overview_lead + p:not([class]){
	margin-top: 7px;
}
.overview_img {
	margin: 33px 0 45px;
}
p:not([class]) + .overview_img {
	margin-top: 35px;
}
.overview_heading01 {
	font-size: 2.4rem;
	font-weight: bold;
	color: #00245c;
	margin-top: 45px;
}
.overview_heading01::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #00245c;
	margin-right: 5px;
}
.overview_content {
	margin-left: 25px;
}
.overview_list {
	list-style: disc;
	margin: 15px 0 0 1.5em;
}
.overview_list > li:nth-child(n+2) {
	margin-top: 5px;
}

.overview_content_box {
	width: 1146px;
	margin-top: 45px;
	padding: 25px;
	border: #958b55 solid 3px;
	background: #FFF;
}
.overview_content_box_inner {
	color: #00245c;
	padding-left: 25px;
	padding-right: 25px;
}
.overview_content_box .overview_heading01 {
	margin-top: 0px;
}
.overview_content_box .overview_heading02 {
	font-size: 2.2rem;
	font-weight: bold;
	color: #00245c;
	margin-top: 45px;
	display: flex;
	align-items: start;
}
.overview_content_box .overview_heading02_num {
	margin-right: 10px;
	margin-top: -5px;
}
.overview_content_box .overview_heading02_text {
	margin-top: 3px;
}
.overview_content_box .overview_heading02 + p {
	margin-top: 5px;
}

.overview_content_box .overview_heading03 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-top: 45px;
	padding-left: 20px;
}
.overview_content_box .overview_text-lead {
	margin-top: 22px;
	font-size: 2.2rem;
}
.overview_content_box .overview_text-notes {
	margin-top: 12px;
	font-size: 1.9rem;
}

.overview_content_box .overview_content_box_title {
	font-size: 2.6rem;
	font-weight: bold;
	color: #545454;
	padding-bottom: 8px;
	border-bottom: solid 1px #00245c;
	margin-top: 52px;
	margin-bottom: 15px;
}
.overview_content_box .overview_content_box_title span {
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 32px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
	background-color: #7f7f7f;
	vertical-align: middle;
	margin: 0 15px 4px 0;
	padding: 2px 10px 1px;
}
.overview_content_box .overview_content_box_textArea {
	padding-left: 20px;
}
.overview_content_box .overview_content_box_textArea ul {
	margin-top: 10px;
	color: #545454;
}

.overview_content_box .overview_content_box_caution {
	font-size: 2.2rem;
	font-weight: bold;
	color:#F00;
	margin-top: 30px;
	padding: 14px 14px 12px;
	border: #F00 solid 3px;
	display: flex;
	align-items: start;
}
.overview_content_box .overview_content_box_caution p:first-child{
	-webkit-flex-basis: 5.5em;
	flex-basis: 5.5em;
	flex-wrap: nowrap;
}
.overview_content_box .overview_content_box_caution p + p{
	-webkit-flex-grow: 1;
	flex-grow: 1;
}


.contentsArea {
	width: 1270px;
	margin: 0 auto;
}
.step_title {
	font-size: 3.0rem;
	font-weight: bold;
	color: #00245c;
	padding-bottom: 8px;
	border-bottom: solid 1px #00245c;
	margin-bottom: 15px;
}
.step_num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 114px;
	height: 32px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
	background-color: #00b7ef;
	vertical-align: middle;
	margin: 0 24px 4px 0;
}
.step_lead {
	font-size: 2.2rem;
	color: #00245c;
}
.step_lead-notes {
	font-size: 2.0rem;
}
.stepDetail {
	font-size: 2.0rem;
	margin-bottom: 190px;
	position: relative;
}
.step.noArrow .stepDetail {
	margin-bottom: 60px;
}
.stepDetail.noArrow {
	margin-bottom: 0px;
}
.stepDetail:first-of-type {
	margin-top: 52px;
}
.stepDetail_textArea {
	display: flex;
	align-items: start;
}
.stepDetail_num {
	margin-right: 10px;
}
.stepDetail_text {
	margin-top: 3px;
}
.stepDetail_text-notes {
	font-size: 1.8rem;
}
.stepDetail_imgArea {
	margin-top: 25px;
}
.stepDetail_imgWrap {
	display: flex;
}
.stepDetail_imgText {
	margin-left: 55px;
	font-size: 1.7rem;
}
.stepDetail_imgText.c-blue,
.stepDetail_imgText p.c-blue,
.stepDetail_imgText p.c-blue + p
 {
	color: #0056a9;
}
.stepDetail_imgText.c-green,
.stepDetail_imgText p.c-green,
.stepDetail_imgText p.c-green + p
 {
	color: #00af00;
}
.stepDetail_imgText.c-red,
.stepDetail_imgText p.c-red,
.stepDetail_imgText p.c-red + p
 {
	color: #F00;
}


.stepDetail_ref {
	width: 75px;
	height: 36px;
	padding-top: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.stepDetail_imgText.c-blue .stepDetail_ref,
.stepDetail_imgText .stepDetail_ref.c-blue {
	background-color: #b3d1ec;
	color: #0065bc;
}
.stepDetail_imgText.c-green .stepDetail_ref,
.stepDetail_imgText .stepDetail_ref.c-green {
	background-color: #cfe37c;
	color: #00a339;
}
.stepDetail_imgText.c-red .stepDetail_ref,
.stepDetail_imgText .stepDetail_ref.c-red {
	background-color: #c00000;
	color: #fff;
}

.stepDetail_ref:nth-of-type(n+2) {
	margin-top: 60px;
}
.stepDetail_lastText {
	margin-top: 80px;
}
.stepDetail_lastText-title {
	color: #00245c;
	font-weight: bold;
}
.step_lastText {
	font-size: 2.4rem;
	font-weight: bold;
	color: #00245c;
	margin-top: 120px;
}