@charset "utf-8";

/*******再定義*******/
html {
	width: 100%;
	height: 100%;
}
body {
	display: block;
	position: relative;
	margin: 0px auto;
	border-bottom: 18px solid #0081cc;
	padding: 0px;
	font-size: 15px;
	background: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
	margin: 0px;
	padding: 0px;
}
a:link { text-decoration: none; color: #2A2AE4;}
a:visited { text-decoration: none; color: #2A2AE4;}
a:hover { color: #FF0066; text-decoration: none;}
a:active { color: #99CC00}
/*******共通部品*******/

/* フロート */
.FL {
	float: left;
}
.FR {
	float: right;
}
.CB {
	clear: both;
}
/* 文字 */
.TI1 {
	text-indent: 1em;
}
.TI2 {
	text-indent: 2em;
}
.TAC {
	text-align: center;
}
.FCR {
	color: #f02828;
}
.FCG {
	color: #bbb;
}
.FCLB {
	color: #7ECCF2;
}
.FS13 {
	font-size: 13px;
}
.FS16 {
	font-size: 16px;
}
.MB1em {
	margin-bottom: 1em;
}
.ML1em {
	margin-left: 1em;
}
.MT8 {
	margin-top: 8px;
}
.PT075 {
	padding-top: 0.75em;
}
.textSS {
	font-size: 80%;
	line-height: 125%;
}
.textM {
	font-size: 110%;
}
.textL {
	font-size: 115%;
}
.textXL {
	font-size: 130%;
}

/*******フレーム*******/
#contentsAll {
	display: block;
	width: 820px;
	margin: 10px auto;
	padding-bottom: 12px;
}

/******* コンテンツ *******/
/* ヘッタ-帯 */
#headerTitle {
	display: block;
	margin: 0px -36px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-radius: 8px 8px 8px 8px;
	padding: 8px 0px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	background-color: #0080cc; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #02bded, #0080cc); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #02bded, #0080cc); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #02bded, #0080cc); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #02bded, #0080cc); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #02bded, #0080cc); /* Standard syntax; must be last */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#02bded', endColorstr='#0080cc'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#02bded', endColorstr='#0080cc')"; /* IE8+ */
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 125%;
	color: #fff;
}
#pageTitle {
	display: block;
	margin: 0px;
	padding: 16px 0px 0px 0px;
	text-align: center;
}
#pageTitle img {
	margin-left: 0px;
}

/* 目次メニュー */
#mokuji {
	display: table;
	width: auto;
	margin: 0px auto;
	padding: 18px 0px;
	font-size: 14px;
}
#mokuji li {
	display: block;
	float: left;
	width: 12em;
	margin: 0px;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #c4c4c4;
	border-left: 1px solid #fff;
	padding: 0.5em 1em;
	text-align: center;
	list-style: none;
	background-color: #e1e1e1; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #fff, #e1e1e1); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #fff, #e1e1e1); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #fff, #e1e1e1); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #fff, #e1e1e1); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #fff, #e1e1e1); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e1e1e1'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e1e1e1')"; /* IE8+ */
}
#mokuji li:first-child {
	border-left: 1px solid #dbdbdb;
	border-radius: 4px 0px 0px 4px;
}
#mokuji li:last-child {
	border-right: 1px solid #dbdbdb;
	border-radius: 0px 4px 4px 0px;
}
#mokuji li:hover{
	color: #fff;
	background-color: #01A9D4; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #bef2ff, #0080cc); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #bef2ff, #0080cc); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #bef2ff, #0080cc); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #bef2ff, #0080cc); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #bef2ff, #0080cc); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#0080cc'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#0080cc')"; /* IE8+ */
	cursor: pointer;
}

/* リード文 */
#textLeadArea {
	display: block;
	position: relative;
	width: auto;
	margin: 0px;
	border: 0px solid #ddd;
	background: #fff;
}
#textLeadArea p {
	display: block;
	/*width: 730px;*/
	/*width: 659px;*/
	width: 732px;
	margin: 0px auto;
	padding-bottom: 1.25em;
	font-size: 100%;
	/*font-weight: bold;*/
	line-height: 195%;
	text-align: justify;
	text-indent: 1em;
	color: #5f5f5f;
	/*white-space: nowrap;*/
	font-size: 140%;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 300;
	font-style: normal;
}
#photoLead {
	display: table;
	width: 798px;
	margin: 0px auto -20px auto;
	/*border: 1px solid #f00;*/
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-align: center;
}

/* （タイトル）ページ名称帯*/
.blockTitle {
	display: block;
	clear: both;
	margin: 48px 0px 8px 0px;
	border-bottom: 2px solid #c1c1c1;
	border-radius: 8px;
	padding: 10px 0px 8px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 125%;
	color: #fff;
}
.blockTitle2 {
	display: block;
	clear: both;
	margin: 24px 0px 8px 0px;
	border-bottom: 2px solid #c1c1c1;
	border-radius: 8px;
	padding: 10px 0px 8px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 125%;
	color: #fff;
}
.contentsInnerB table {
	margin: 0px 10px;
}
.baseline1 td {
	border-bottom: 1px solid #90c7b4;
}
.baseline2 td {
	border-bottom: 1px solid #e0c8e0;
}
.baseline3 td {
	border-bottom: 1px solid #ecbcc9;
}
.baseline1b td {
	border-top: 0px solid #90c7b4;
}
.baseline2b td {
	border-top: 0px solid #e0c8e0;
}
.baseline3b td {
	border-top: 0px solid #ecbcc9;
}
.text_bikou {
	color: #F00;
	line-height: 135%;
	text-align: center;
	padding-bottom: 0.75em;
}
#sentence1 {
	background-color: #01A9D4; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #bef2ff, #01A9D4); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #bef2ff, #01A9D4); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #bef2ff, #01A9D4); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #bef2ff, #01A9D4); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #bef2ff, #01A9D4); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4')"; /* IE8+ */
}
#sentence2a {
	background-color: #609b87; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #c9e5d4, #609b87); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #c9e5d4, #609b87); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #c9e5d4, #609b87); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #c9e5d4, #609b87); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #c9e5d4, #609b87); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e5d4', endColorstr='#609b87'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e5d4', endColorstr='#609b87')"; /* IE8+ */
}
#sentence2b {
	background-color: #c1a0c8; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #efdbeb, #c1a0c8); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #efdbeb, #c1a0c8); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #efdbeb, #c1a0c8); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #efdbeb, #c1a0c8); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #efdbeb, #c1a0c8); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efdbeb', endColorstr='#c1a0c8'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efdbeb', endColorstr='#c1a0c8')"; /* IE8+ */
}
#sentence2c {
	background-color: #e4acbd; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #f6cdd6, #e4acbd); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #f6cdd6, #e4acbd); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #f6cdd6, #e4acbd); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #f6cdd6, #e4acbd); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #f6cdd6, #e4acbd); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6cdd6', endColorstr='#e4acbd'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6cdd6', endColorstr='#e4acbd')"; /* IE8+ */
}
#sentence3 {
	background-color: #01A9D4; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #bef2ff, #01A9D4); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #bef2ff, #01A9D4); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #bef2ff, #01A9D4); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #bef2ff, #01A9D4); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #bef2ff, #01A9D4); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4')"; /* IE8+ */
}
#sentence4 {
	background-color: #e4acbd; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #f6cdd6, #e4acbd); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #f6cdd6, #e4acbd); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #f6cdd6, #e4acbd); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #f6cdd6, #e4acbd); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #f6cdd6, #e4acbd); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6cdd6', endColorstr='#e4acbd'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6cdd6', endColorstr='#e4acbd')"; /* IE8+ */
}
#sentence5 {
	background-color: #01A9D4; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #bef2ff, #01A9D4); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #bef2ff, #01A9D4); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #bef2ff, #01A9D4); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #bef2ff, #01A9D4); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #bef2ff, #01A9D4); /* Standard syntax; must be last */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4'); /* IE6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef2ff', endColorstr='#01A9D4')"; /* IE8+ */
}
.contentsA {
	display: block;
	position: relative;
	width: auto;
	padding: 0px 0px;
	line-height: 175%;
}
.boshuTitle {
	display: block;
	clear: both;
	margin: 6px 0px;
	/*border-top: 1px solid #717171;*/
	/*border-bottom: 1px solid #717171;*/
	border-radius: 6px;
	padding: 6px 15px;
	background: #9b9b9b;
	font-size: 16px;
	color: #fff;
}
.contentsInner {
	display: block;
	width: auto;
	padding: 0px 15px;
}
.contentsInnerB {
	display: block;
	width: auto;
	padding: 0px 48px;
}
.contentsInnerC {
	display: block;
	width: auto;
	padding: 0px;
}
#sentence2 table {
	width: 668px;	
}
#sentence2 table td {
	padding: 2px 0px;
	
}
#sentence2 table td:nth-child(1) {
	/*width: 10em;*/
}
.midashiA {
	display: block;
	margin: 0px 0px 0.25em 0px;
	border-bottom: 1px solid #555;
	padding-top: 1em;
	padding-bottom: 0.25em;
	font-weight: bold;
	color: #555;
}
.midashiB {
	display: block;
	margin: 1em 0px 0.25em 0px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding-bottom: 0.25em 0em;
	text-indent: 0.25em;
	font-weight: bold;
	color: #555;
}

.contentsLeft {
	display: block;
	float: left;
	width: 44.5%;
	border: 4px solid #e7e7e7;
	border-radius: 6px;
	padding: 0.5em 1em;
}
.contentsLeft2 {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 4px solid #e7e7e7;
	border-radius: 6px;
	padding: 0.5em 1em;
}
.contentsRight {
	display: block;
	float: right;
	width: 44.5%;
	border: 4px solid #e7e7e7;
	border-radius: 6px;
	padding: 0.5em 1em;
}
.contentsRight2 {
	display: block;
	float: right;
	width: 44.5%;
	border: 4px solid #0764c2;
	border-radius: 6px;
	padding: 0.5em 1em;
	line-height: 150%;
}
#titleMonitorTour {
	display: block;
	margin: 0.25em -1em -0.5em -1em;
	padding: 0.5em;
	background: #0764c2;
	text-align: center;
	color: #fff;
}

#textHonbunMT {
	display: block;
	padding: 1em 0.5em 0.5em 0.5em;
}

#text_gaiyouArea {
	display: block;
	width: 100%;
	height: 198px;
	background: url(images/illust.png) no-repeat 90% 0%;
}
#text_gaiyouArea p {
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
}


/* リスト */
.boshuA,
.boshuB {
	display: flex;
	flex-direction: row;
    gap: 4em;
	margin: 0px;
	padding: 0em 1.5em;
}
.boshuA li,
.boshuB li {
	padding: 0.25em 0em;
	line-height: 135%;
}
	
.boshuC {
	display: block;
	margin: 0px;
	padding: 0px;
}
.boshuA li {
	list-style: decimal outside;
}
.boshuA ul {
	margin-left: -2em;
}
.boshuA ul li {
	list-style-position: inside;
	list-style-type: disc;
	float: left;
	padding-right: 1.75em;
}
.boshuB li {
	list-style: disc outside;
}
.boshuC li {
	list-style: none;
}
#boshuJyouken {
	flex-direction: column;
	gap: 0px;
}
.list_others {
	margin-left: -1em;
}
.list_others li {
	padding-bottom: 0.5em;
}
#text_orei {
	display: block;
	margin: 24px 0px 12px 0px;
	border-top: 1px solid #01A9D4;
	border-bottom: 1px solid #01A9D4;
	padding: 0.5em 0em;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #01A9D4;
}
#listMT{
	display: block;
	margin: 0px;
	padding: 1em 1.5em 0em 1.5em;
}

.listMT{
	margin: 0.5em 0em;
	border-bottom: 1px dashed #555;
	padding: 0.25em 0em;
}


/*****とんがりロード******/
#tongari_roadArea {
	display: flex;
	justify-content: space-between;
	width: 798px;
	margin: 1em auto;
	border: 4px solid #007F41;
	border-radius: 12px;
	padding: 1em 1.25em;
	box-sizing: border-box;
	background: #EFEEDF;
}
.tr_title {
	display: block;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #007F41;
	padding-bottom: 0.35em;
	font-size: 160%;
	font-weight: bold;
	color: #007F41;
}
#tongari_roadArea > div:nth-child(1) {
	display: block;
	width: 83%;
	margin-right: 5px;
}
#tongari_roadArea > div:nth-child(1) > p:nth-child(2) {
	padding-bottom: 0.5em;
}
.text_tongari {
	font-size: 125%;
	font-weight: bold;
	color: #ED6C00;
}
.text_teppen {
	font-size: 125%;
	font-weight: bold;
	color: #0080cb;
}
.text_tongari_s {
	color: #ED6C00;
}
.text_teppen_s {
	color: #0080cb;
}
.tr_info {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #007F41;
	padding-top: 0.35em;
}
#tongari_roadArea > div:nth-child(2) {
	display: block;
	width: 17%;
}
#tongari_roadArea > div:nth-child(2) img {
	width: 100%;
	height: auto;
}


/*****プラスプラン******/
#plus_planArea {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	width: 820px;
	margin: 2.25em auto;
	/*border: 4px solid #4272B4;
	border-radius: 12px;
	padding: 1em 0em;*/
	box-sizing: border-box;
	background: #fff;
	/*overflow: hidden;*/
}
#plus_planArea > div:nth-child(2) {
	display: flex;
	justify-content: space-between;
	/*padding: 10px;*/
}
#plus_planTitle {
	display: flex;
	flex-direction: column;
	text-align: center;
}
#plus_planTitle > p:nth-child(1) {
	font-size: 258.7%;
	font-weight: bold;
	color: #4272B4;
}
#plus_plan1,
#plus_plan2 {
	display: none;
	padding: 10px;
}

/***********ボタン***************/
.text_plan {
	height: 100%;
	padding: 1em 0.5em 0.25em 0.5em;
	background: #4272b4;
	color: #fff;
	/*font-size: 93.334%;*/
	text-align: justify;
}
.text_plan a {
	color: #fff;
}
.text_plan a:hover{
	color:#FC0;
}
.bt_plan {
	display: flex;
	flex-direction: column;
	position: relative;
	/*width: 404px;*/
	/*height: 238px;*/
	width: 100%;
	box-sizing: border-box;
	border:10px solid #4272b4;
	border-radius: 12px; 
	background: #000;
	/*cursor: pointer;*/
    overflow: hidden;
    box-shadow: 0px 0px 6px rgb(0,0,0,0.55);
}
.bt_plan > div:nth-child(2) {
	line-height: 0;
}
/*
.bt_plan:hover img {
	opacity: 0.75;
}
*/
.bt_planGrada {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30%;
    /* background: #fff; */
    background-image: linear-gradient(rgba(0, 0, 0, 0.40), transparent 100%);
    z-index: 10;
}
/*******************************************/
#tableInner {
	border-collapse: collapse;
	margin-top: 0.75em;
}
#tableInner td {
	vertical-align: top;
}
#tableInner td:first-child {
	width: 4em;
	text-align: right;
}
/******************************************/
#plan2Area {
	border-color: rgb(14,167,190);
}
#plan2Area .text_plan {
	background: rgb(14,167,190);
}
#plan2Area .newmarkBGs {
    border-color:rgb(14,167,190) transparent transparent rgb(14,167,190);
}

.bt_closeArea {
	display: flex;
	justify-content: flex-end;
}
.bt_closePlan {
	display: flex;
	width: fit-content;
	padding: 0.45em 0.75em 0.25em 0.75em;
	background: #333;
	color: #fff;
	cursor: pointer;
}
.bt_closePlan:hover {
	color: #ccc;
}
	
.table1 td:nth-child(1) {
	white-space: nowrap;
}
.table1 td {
	vertical-align: top;
	padding: 0.25em 0em;
}
.table1 ul {
	margin: 0;
	padding: 0 1.5em;
}
.table1 span {
	color: #7aacca;
}


#plus_plan1 > div {
	position: relative;
}
#plus_plan1 > div > div img {
	width: 100%;
}
#plus_plan2 > div {
	position: relative;
}
#plus_plan2 > div > div img {
	width: 100%;
}

/***************************/
.photo_plan1 {
	display: flex;
	flex-wrap: wrap;
}
.photo_plan1 > div {
	display: flex;
	position: relative;
	max-width: 798px;
	line-height: 0%;
	padding-bottom: 5px;
}
.photo_plan1 > div > div:nth-child(1),
.photo_plan1 > div > div:nth-child(3) {
	padding-right: 5px;
}
.photo_plan1 img {
	width: 100%;
}

/***************************/
.photo_plan2 {
	display: flex;
	flex-wrap: wrap;
}
.photo_plan2 > div {
	display: flex;
	position: relative;
	max-width: 798px;
	line-height: 0%;
	padding-bottom: 5px;
}
.photo_plan2 > div > div:nth-child(1),
.photo_plan2 > div > div:nth-child(3) {
	padding-right: 5px;
}
.photo_plan2 img {
	width: 100%;
}

/***************************/
.planName {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 30;
}
.planName > div:nth-child(1) {
	padding-bottom: 0.75em;
	font-size: 100%;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 55%);
}
.planName > div:nth-child(2) {
	font-size: 260%;
	font-weight: bold;
	line-height: 65%;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 55%);
}
.planName > div:nth-child(2) span {
	font-size: 50%;
	font-weight: normal;
}
.planName > div:nth-child(3) {
	font-size: 93.33%;
}
	
/********************************/
#listProfile {
	display: flex;
	flex-direction: row;
	margin: 0em;
	border: 3px solid #c3c3c3;
	border-radius: 8px;
	padding: 0.75em 1em 0.4em 2em;
	line-height: 150%;
    gap: 4em;
}
#listProfile > div:first-child {
	width: 35%;
}
#listProfile li {
	padding-bottom: 0.35em;
}
#listProfile li::marker {
	color: #369FDE;
}

#howtoArea {
	/*display: flex; 
	justify-content: space-between;*/
}
#howtoAreaLeft {
	display: flex;
    flex-direction: column;
}
#howtoAreaLeft > div:nth-child(2) {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1em;
}
#howtoAreaLeft > div > div {
	padding-left: 1.725em;
}



/*******************newmark*****************/
.newmark {
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
	padding: 12px 0px;
    transform: rotate(-15.6deg);
	color: #fff;
	/*font-family: serif;*/
    z-index: 20;
}
.newmark > div:nth-child(2) {
	display: flex;
	align-items: flex-start;
	padding-top: 0.25em;
	line-height: 1;
}
.newmark > div:nth-child(2) > div:nth-child(1) {
	padding-top: 0.25em;
}
.newmark > div:nth-child(2) > div:nth-child(2) {
	font-size: 240%;
	font-weight: bold;
	padding-left: 0.25em;
	font-family: serif;
}

.newmarkBG {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 62px 100px 62px 100px;
    border-color: #4272B4 transparent transparent #4272B4;
    z-index: 10;
}
.newmarkBGs{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 32px 115px 32px 115px;
    border-color: #4272B4 transparent transparent #4272B4;
    z-index: 10;
}

/* 頁トップに戻る */
#gototop2 { 
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 70px;
	height: 70px;
	z-index: 1000;
}

/* others*/
.pdfImg img {
	margin: 0px 3px;
	border: 0px solid #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	
}