@charset "UTF-8";


* {
	font-feature-settings: "palt" 1;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	/*font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	/*font-family: 'Noto Sans JP', sans-serif;*/
	/*font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;*/
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #231815;
	line-height: 1.8;
/*	letter-spacing: 0.04em;*/
	-webkit-font-smoothing: antialiased;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
body {
	font-size: 2.2vw;
}
}

a {
	color: #0074e9;
}
a:hover {
	color: #00a0e9;
}

img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

strong {
	font-weight: 600;
}

.pc {
	display: block!important;
}
.sp {
	display: none!important;
}

.noLink {
	pointer-events: none;
}

.styleRE {
	-webkit-appearance: none;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.1;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.input__text {
	display: block;
	width: 100%;
	background-color: #fff;
	border: 2px solid #333;
}
.input__text:focus {
	background-color: #e1efff;
}

.para {
	text-indent: 1em;
}
.list__disc {
	list-style-type: disc;
	padding-left: 1em;
}
.list__rhombus__BK {
	list-style-type: "\025c6";
	padding-left: 1em;
}

.red {
	color: #e83828 !important;
}


.wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.anchor:before {
	content: "";
	display: block;
	height: 164px;
	margin-top: -164px;
	visibility: hidden;
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.anchor:before  {
	height: 154px;
	margin-top: -154px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.anchor:before  {
	height: 140px;
	margin-top: -140px;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.anchor:before  {
	height: 106px;
	margin-top: -106px;
}
}





/* ================================================= */
/* header */
/* ================================================= */
body {
	padding-top: 164px;
}
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.header__top {
	display: flex;
	justify-content: center;
	background: url(../images/header__bg.jpg) repeat-x top left / auto 138%;
}
.header__main {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	height: 104px;
}

.header__main .site__logo {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}
.header__main .site__logo a {
	display: flex;
	align-items: center;
	width: 78.803245436105477%;
	height: 88%;
	background-color: rgba(255, 255, 255, .8);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 0 0 10px 10px;
	padding: 0 40px;
}
.header__main .site__logo a .logo {
	display: flex;
	width: 106px;
}
.header__main .site__logo a .text {
	display: flex;
	width: calc(100% - 106px);
	padding-left: 20px;
}
.header__main .site__logo a .text picture {
	display: flex;
}

.header__main .header__utility {
	display: flex;
	height: 100%;
	background-color: #fff;
}
.header__main .header__utility .utility__box {
	height: 100%;
}
.header__main .header__utility .utility__box a {
	display: flex;
	height: 100%;
	transition: .2s;
}
.header__main .header__utility .utility__box a:hover {
	opacity: .8;
}
.header__main .header__utility .utility__box img {
	width: auto;
	height: 100%;
}

/* screens smaller than 1240---------------------------------------------------------- */
@media only screen and (max-width:1240px) {
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
body {
	padding-top: 154px;
}
.header__main .header__utility {
	display: none;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
body {
	padding-top: 140px;
}
.header__main .site__logo a {
	border-radius: 0 0 15px 15px;
	padding: 0 4%;
}
.header__main .site__logo a .logo {
	display: none;
}
.header__main .site__logo a .text {
	width: auto;
	padding-left: 0;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
body {
	padding-top: 106px;
}
.header__main {
	height: 70px;
}
.header__main .site__logo a {
	width: 90%;
	height: 86%;
}
}



.gnav {
	background-color: #009af7;
	position: relative;
	z-index: 999;
}
.gnav__inner {
	display: flex;
	justify-content: center;
	width: 100%;
}
.gnav .gnav__main {
	display: grid;
	grid-template-columns: 80px 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0 2px;
	width: 100%;
	max-width: 1078px;
	background-color: #fff;
	padding: 0 2px;
}
.gnav .gnav__main .gnav__box {
	display: flex;
	position: relative;
}
.gnav .gnav__main .gnav__box .level01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	font-size: 1.7em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
/*	background-color: #666;*/
	background-color: #009af7;
	transition: .2s;
}
.gnav .gnav__main .gnav__box:hover .level01 {
	background-color: #00b6f7;
}
.gnav .gnav__main .gnav__box.home .level01 {
	font-size: 1.6em;
	background-color: #3234cc;
}
.gnav .gnav__main .gnav__box.home:hover .level01 {
	background-color: #2e68da;
}
.gnav .gnav__main .gnav__box .subnav {
	width: 100%;
	border: 1px solid #bae3f9;
	position: absolute;
	top: 100%;
	left: 0;
	transform: scaleY(0);
	transform-origin: center top;
	transition: all .2s;
}
.gnav .gnav__main .gnav__box:hover .subnav {
	transform: scaleY(1);
}
.gnav .gnav__main .gnav__box .subnav .subnav__box+.subnav__box {
	border-top: 1px solid #bae3f9;
}
.gnav .gnav__main .gnav__box .subnav .level02 {
	display: flex;
	width: 100%;
	height: 100%;
	font-size: 1.3em;
	font-weight: 600;
	color: #4c4948;
	text-decoration: none;
	background-color: #eaf6fd;
	padding: 10px 5px;
	transition: .2s;
}
.gnav .gnav__main .gnav__box .subnav .level02::before {
	content: "・";
	margin-right: .2em;
}
.gnav .gnav__main .gnav__box .subnav .level02:hover {
	color: #009bf7;
	background-color: #d0eeff;
}

.sp__gnav__area {
	display: none;
}

.gnav .gnav__main__sp {
	display: none;
}

.gnav .gnav__main .gnav__box.sp__nav {
	display: none;
}

.gnav .btn__sp__nav__close {
	display: none;
}

.gnav .gnav__sns {
	display: none;
}

/* screens smaller than 1240---------------------------------------------------------- */
@media only screen and (max-width:1240px) {
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.gnav {
	display: block;
	width: 100%;
	max-width: 50%;
	height: 100%;
/*	height: -webkit-fill-available;*/
	background-color: #2f4390;
	border-left: 1px solid #080019;
	border-right: 1px solid #080019;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
}
.gnav__inner {
	display: block;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.header.open .gnav {
	transition: .2s;
	transform: translateX(0%);
}
.header.close .gnav {
	transition: .2s;
	transform: translateX(100%);
}

.header .mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 100%;
	opacity: 0;
	z-index: 900;
}
.header.open .mask {
	left: 0;
	opacity: 1;
}

.gnav .btn__sp__nav__close {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 50px;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	background-color: #323344;
	padding: 0 .5em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.gnav .gnav__main {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #2f4390;
	border-bottom: 1px solid #080019;
	padding: 50px 0 0 0;
}

.gnav .gnav__main .gnav__box,
.gnav .gnav__main .gnav__box.sp__nav {
	display: flex;
	flex-direction: column;
}
.gnav .gnav__main .gnav__box:hover .subnav {
	transform: scaleY(0);
}

.gnav .gnav__main .gnav__box+.gnav__box {
	border-top: 1px solid #080019;
}
.gnav .gnav__main .gnav__box.order01 {
	order: 1;
}

.gnav .gnav__main .gnav__box .level01 {
	justify-content: flex-start;
	height: auto;
	font-size: 1.7em;
	color: #47c1c2;
	text-align: left;
	background-color: #2f4390;
	padding: .9em .7em;
	transition: none;
}
.gnav .gnav__main .gnav__box:hover .level01 {
	background-color: #2f4390;
}
.gnav .gnav__main .gnav__box.home .level01 {
	font-size: 1.8em;
	color: #fff;
	background-color: #0900b5;
}
.gnav .gnav__main .gnav__box.home:hover .level01 {
	background-color: #0900b5;
}
.gnav .gnav__main .gnav__box .level01 br {
	display: none;
}
.gnav .gnav__main .gnav__box.pictogram .level01 {
	color: #000310;
	background-color: #7fcef4;
}

.gnav .gnav__main .gnav__box .subnav.show {
	border: 0;
	position: static;
	transform: scaleY(1);
	transition: none;
}
.gnav .gnav__main .gnav__box .subnav .subnav__box,
.gnav .gnav__main .gnav__box .subnav .subnav__box+.subnav__box {
	border-top: 1px solid #080019;
}
.gnav .gnav__main .gnav__box:hover .subnav.show {
	transform: scaleY(1);
}
.gnav .gnav__main .gnav__box .subnav .level02 {
	font-size: 1.6em;
	color: #fff;
	line-height: 1.2;
	background-color: #2f4390;
	padding: .7em .7em .7em 1em;
	transition: none;
}
.gnav .gnav__main .gnav__box .subnav .level02:hover {
	color: #fff;
	background-color: #2f4390;
}
.gnav .gnav__main .gnav__box .subnav .level02::before {
	display: none;
}

.gnav .gnav__sns {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 6% 0;
}
.gnav .gnav__sns ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 5px;
	width: 30%;
	background-color: #fff;
	padding: 5px;
}
.gnav .gnav__sns ul li a {
	display: flex;
	width: 100%;
}
.gnav .gnav__sns ul li a img {
	display: flex;
	width: 100%;
}



.sp__gnav__area {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	background-color: #0097e0;
	padding: 0 20px;
}
.sp__gnav__area .sp__gnav__logo {
	display: flex;
	width: auto;
	height: 100%;
	background-color: #ddd;
}
.sp__gnav__area .sp__gnav__logo a {
	width: auto;
	height: 100%;
	background-color: #0f0;
}
.sp__gnav__area .sp__gnav__logo a img {
	width: auto;
	height: 100%;
}
.sp__gnav__area .btn__sp__nav {
	display: flex;
	width: 50px;
	padding: 10px 0;
}
.sp__gnav__area .btn__sp__nav .btn__sp__nav__main {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
}
.sp__gnav__area .btn__sp__nav .btn__sp__nav__main .bar {
	width: 100%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transition: .3s;
}
.sp__gnav__area .btn__sp__nav .btn__sp__nav__main .bar.bar01 {
	top: 0;
	transform: translateX(-50%);
}
.sp__gnav__area .btn__sp__nav .btn__sp__nav__main .bar.bar02 {
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.sp__gnav__area .btn__sp__nav .btn__sp__nav__main .bar.bar03 {
	bottom: 0;
	transform: translateX(-50%);
}

.sp__gnav__area .btn__sp__nav.active .btn__sp__nav__main .bar.bar01 {
	width: 80%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.sp__gnav__area .btn__sp__nav.active .btn__sp__nav__main .bar.bar02 {
	opacity: 0;
}
.sp__gnav__area .btn__sp__nav.active .btn__sp__nav__main .bar.bar03 {
	width: 80%;
	bottom: 50%;
	transform: translateX(-50%) translateY(50%) rotate(45deg);
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.header__main .site__logo a {
	border-radius: 0 0 15px 15px;
	padding: 0 4%;
}
.header__main .site__logo a .logo {
	display: none;
}
.header__main .site__logo a .text {
	width: auto;
	padding-left: 0;
}
.sp__gnav__area {
	height: 36px;
}
.sp__gnav__area .btn__sp__nav {
	width: 50px;
	padding: 8px 0;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.gnav {
	max-width: 70%;
}
.gnav .gnav__sns ul {
	width: 40%;
}
.sp__gnav__area {
	padding: 0 4% 0 5%;
}
.sp__gnav__area .btn__sp__nav {
	width: 40px;
}
}





/* ================================================= */
/* footer */
/* ================================================= */
.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #dfe3e6;
}
.footer .footer__main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0 10px;
	width: 100%;
	max-width: 1200px;
	padding: 20px 20px 0 20px;
	position: relative;
}
.footer .footer__main .footer__main__block.sns {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer .footer__main .footer__main__block .footer__nav__box+.footer__nav__box {
	margin-top: 1.5em;
}
.footer .footer__main .footer__main__block a {
	font-size: 1.4em;
	line-height: 1.5;
	text-decoration: none;
}
.footer .footer__main .footer__main__block a:hover {
	color: #2e00ff;
}
.footer .footer__main .footer__main__block .level01 {
	font-size: 1.6em;
	font-weight: 600;
	color: #231815;
}
.footer .footer__main .footer__main__block .footer__subnav {
	list-style-type: disc;
	padding-left: 1.5em;
}
.footer .footer__main .footer__main__block .level01+.footer__subnav {
	margin-top: .5em;
}
.footer .footer__main .footer__main__block .footer__subnav li+li {
	margin-top: .3em;
}
.footer .footer__main .footer__main__block .level02 {
	color: #4c4948;
}

.footer .footer__main .footer__main__block .footer__sns {
	display: flex;
	justify-content: center;
}
.footer .footer__main .footer__main__block .footer__sns ul {
	display: flex;
	background-color: #fff;
	padding: 5px;
}
.footer .footer__main .footer__main__block .footer__sns ul li {
	display: flex;
	width: 43px;
}
.footer .footer__main .footer__main__block .footer__sns ul li+li {
	margin-left: 5px;
}
.footer .footer__main .footer__main__block .footer__sns ul li a {
	transition: .2s;
}
.footer .footer__main .footer__main__block .footer__sns ul li a:hover {
	opacity: .8;
}

.footer .copyright {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px 20px;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.footer .footer__main {
	grid-template-columns: 1fr 1fr 1fr;
	width: auto;
	font-size: .9em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.footer .footer__main {
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
.footer .footer__main .footer__main__block .footer__sns {
	position: absolute;
	bottom: 0;
	right: 20px;
}
.footer .footer__main .footer__main__block .footer__sns ul li {
	width: 35px;
}
.footer .copyright {
	display: flex;
	justify-content: center;
	padding: 40px 0;
}
}





/* ================================================= */
/* top */
/* ================================================= */

/* mainvisual__section */
/* ================================================= */
.mainvisual__section {
	width: 100%;
	max-width: 1200px;
}
.mainvisual__section .mainvisual {
	display: block;
}
.mainvisual__section .mainvisual__catch {
	display: none;
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.mainvisual__section .mainvisual__catch {
	display: flex;
	justify-content: center;
	font-size: 1.7em;
	font-weight: 600;
	color: #312b09;
	line-height: 1.7;
	text-align: center;
	margin-top: -1.7em;
}
/*.mainvisual__section .mainvisual__catch p {
}*/
}



/* topics__section */
/* ================================================= */
.topics__section {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 20px;
}
.topics__section .topics__main {
	display: flex;
	width: 100%;
	max-width: 970px;
}
.topics__section .topics__title {
	display: flex;
	align-items: flex-start;
	width: 160px;
}
.topics__section .topics__title a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.8em;
	font-weight: 600;
	color: #009a40;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #989797;
	border-radius: .3em;
	cursor: pointer;
	padding: 2em 0;
	transition: .2s;
}
.topics__section .topics__title a:hover {
	color: #fff;
	background-color: #009a40;
	border: 1px solid #009a40;
}


.topics__section .topics__contents {
	width: calc(100% - 160px);
	flex-grow: 1;
	padding-left: 15px;
}


.topics__list {
	border-top: 1px dashed #9c9898;
}
.topics__list .topics__list__block {
	border-bottom: 1px dashed #9c9898;
}
.topics__list .list__block__title {
	display: flex;
	font-size: 1.5em;
	color: #2c211e;
	text-decoration: none;
	padding: .1em;
}
.topics__list .list__block__title .date {
	display: flex;
	align-items: baseline;
	width: 8em;
}
.topics__list .list__block__title .date:before {
	content: "";
	width: .6em;
	height: .8em;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color: #59b757;
	margin-right: .5em;
	transition: .1s;
}
.topics__list .list__block__title.noLink .date:before {
	background-color: #b2b2b2;
}
.topics__list .list__block__title.topics__open.OPEN .date:before {
	transform:rotate(90deg);
}
.topics__list .list__block__title .text {
	width: calc(100% - 8em);
}

.topics__list .list__block__title:hover {
	color: #3401ff;
	background-color: #e7f8ff;
}

.topics__list .list__block__contents {
	display: none;
	font-size: 1.4em;
	padding: 0 5px 10px 5px;
}
.topics__list .contents__inner {
	border: 3px solid #ccc;
	padding: 10px;
}
.topics__list .contents__inner::after {
	content: "ー HEAT20 ー";
	display: block;
	width: 100%;
	text-align: right;
	padding-top: 0.3em;
	opacity: 0.8;
	font-size: 90%;
}
.topics__list .contents__main+.contents__main {
	margin-top: 1em;
}
.topics__list .contents__main .contents__box+.contents__box {
	margin-top: .5em;
}
.topics__list .contents__main .contents__box.iframe {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.topics__list .contents__main .contents__box.iframe.tate {
	padding-bottom: 100%;
}
.topics__list .contents__main .contents__box.iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.topics__section .link__news {
	display: none;
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.topics__section {
	padding: 20px 20px 30px 20px;
}
.topics__section .topics__main {
	display: block;
}
.topics__section .topics__title {
	width: 100%;
	margin-bottom: 10px;
}
.topics__section .topics__title a {
	justify-content: flex-start;
	width: 100%;
	font-size: 1.6em;
	color: #fff;
	background-color: #8bc782;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	padding: .3em .5em;
	pointer-events: none;
}
.topics__section .topics__title a:hover {
	color: #fff;
	background-color: #8bc782;
	border: 0;
}

.topics__section .topics__contents {
	width: 100%;
	padding-left: 0;
}

.topics__section .link__news {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.topics__section .link__news a {
	display: flex;
	align-items: center;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	background-color: #009a40;
	border-radius: .3em;
	padding: 1em 3em;
}
.topics__section .link__news a .icon {
	margin-left: .3em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.topics__list .list__block__title {
	flex-direction: column;
}
.topics__list .list__block__title .date {
	width: 100%;
}
.topics__list .list__block__title {
	font-size: 1.7em;
	padding: .5em;
}
.topics__list .list__block__title:hover {
	color: #2c211e;
	background-color: #fff;
}
.topics__list .list__block__title .text {
	width: 100%;
}
.topics__list .list__block__contents {
	font-size: 1.6em;
	padding: 0 0 10px 0;
}
}



/* pic__section */
/* ================================================= */
.pic__section {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #e4e4dc;
	padding: 20px;
}
.pic__section .pic__menu {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 910px;
}
.pic__section .pic__menu li {
	width: calc(100% / 5);
	padding: 0 calc(15px / 2);
}
.pic__section .pic__menu a {
	display: block;
	transition: .2s;
}
.pic__section .pic__menu a:hover {
	opacity: .8;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.pic__section {
	padding: 20px 40px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.pic__section {
	padding: 2% 0;
}
.pic__section .pic__menu {
	flex-wrap: wrap;
	width: 80%;
}
.pic__section .pic__menu li {
	width: calc(100% / 3);
	padding: 2%;
}
.pic__section .pic__menu a:hover {
	opacity: 1;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.pic__section .pic__menu {
	width: 92%;
}
.pic__section .pic__menu li {
	padding: 1.5%;
}
}



/* sns__section */
/* ================================================= */
.sns__section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 50px;
	width: 100%;
	max-width: 980px;
	font-size: 1.4em;
	padding: 40px 20px;
}

.sns__section .facebook .facebook_main iframe {
	width: 100%;
	margin: 0 auto;
}
.sns__section .note_text {
	padding: 20px 10px 0 10px;
}
.sns__section .note_text li {
	text-indent: -1.3em;
	padding: 0 0 0 1.3em;
}

.sns__section .youtube .youtube_main {
	width: 100%;
	height: 500px;
}
.sns__section .youtube .youtube_main .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	height: 60px;
	background-color: #2e00ff;
	padding: 10px 20px 10px 40px;
}
.sns__section .youtube .youtube_main .title .logo {
	display: flex;
	height: 100%;
}
.sns__section .youtube .youtube_main .title .logo a {
	display: flex;
	height: 100%;
}
.sns__section .youtube .youtube_main .title .logo a img {
	width: auto;
	height: 100%;
}
.sns__section .youtube .youtube_main .title .text {
	color: #fff;
}
.sns__section .youtube .youtube_main .contents {
	height: calc(100% - 60px);
	background-color: #fff;
	padding: 0 10px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.sns__section .youtube .youtube_main .contents_box {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #b3b3b3;
	padding: 10px 30px 10px 10px;
}
.sns__section .youtube .youtube_main .contents_box .box_title {
	width: 67%;
	padding-right: 10px;
}
.sns__section .youtube .youtube_main .contents_box .box_link {
	display: flex;
	width: 33%;
}
.sns__section .youtube .youtube_main .contents_box .box_link a {
	background-color: #fff;
}
.sns__section .youtube .youtube_main .contents_box .box_link a img {
	width: 100%;
	height: auto;
	transition: all .3s;
}
.sns__section .youtube .channel_link {
	display: flex;
	justify-content: center;
	padding-top: 30px;
}
.sns__section .youtube .channel_link a {
	width: 50%;
}
.sns__section .youtube .channel_link a img {
	width: 100%;
	height: auto;
	transition: all .3s;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.sns__section {
	grid-gap: 0 30px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.sns__section {
	grid-template-columns: 1fr;
	grid-gap: 40px 0;
	padding: 40px 20px;
}
.sns__section .facebook {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sns__section .facebook .facebook_main iframe {
	width: 500px;
	max-width: 500px;
}
.sns__section .youtube {
	width: 80%;
	margin: 0 auto;
}
.sns__section .youtube .youtube_main .title {
	height: 50px;
	padding: 3% 4% 3% 5%;
}
.sns__section .youtube .youtube_main .contents {
	height: calc(100% - 50px);
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.sns__section {
	grid-gap: 40px 0;
	padding: 6% 2%;
}
.sns__section .note_text {
	font-size: 1.2em;
}
.sns__section .facebook .facebook_main iframe {
	width: 100%;
	max-width: 100%;
}
.sns__section .youtube {
	width: 100%;
}
}









/* ================================================= */
/* common */
/* ================================================= */

/* common 共通 */
/* ================================================= */
.common .wrapper {
	background-color: #f6f6f6;
}
.common__contents {
	width: 100%;
	max-width: 1078px;
	min-height: 500px;
	font-size: 1.6em;
	background-color: #fff;
	padding: 40px 40px 100px 40px;
}
.locator {
	margin-bottom: 30px;
}
.locator ol {
	display: flex;
}
.locator ol li {
	display: flex;
}
.locator ol li+li::before {
	content: "\03e";
	margin: 0 .5em;
}
.locator ol li a {
	color: #00a0e9;
	text-decoration: none;
}
.locator ol li a:hover {
	color: #0066e9;
}

.page__title {
	font-size: 2.4em;
	font-weight: 600;
	color: #004098;
	line-height: 1.4;
	margin-bottom: 30px;
}

.subtitle03__01 {
	display: flex;
	align-items: baseline;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
}
.subtitle03__01::before {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #333;
	border-radius: .2em;
	margin-right: .3em;
}


.page__section+.page__section {
	margin-top: 50px;
}

.section__block {
/*	width: 90%;*/
	margin: 0 auto;
}
.section__block+.section__block {
	margin-top: 40px;
}
.section__box+.section__box {
	margin-top: 20px;
}

.table__type01 th,
.table__type01 td {
	border: 1px solid #333;
	padding: .2em .5em;
}
.table__type01 th {
	font-weight: 600;
	text-align: center;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.common__contents {
	font-size: 1.5em;
	padding: 30px 20px 80px 20px;
}
.locator {
	margin-bottom: 20px;
}

.page__title {
	font-size: 2.2em;
}
.page__section+.page__section {
	margin-top: 40px;
}
.section__block {
/*	width: 94%;*/
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__title {
	font-size: 2em;
	margin-bottom: 20px;
}
.page__section+.page__section {
	margin-top: 30px;
}
.section__block {
/*	width: 96%;*/
}
.section__box+.section__box {
	margin-top: 15px;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.locator ol {
	flex-direction: column;
}
.page__title {
	font-size: 1.6em;
	margin-bottom: 15px;
}
.section__block {
/*	width: 100%;*/
}
}





/* 研究会の概要 */
/* ================================================= */
.page__about .section__block {
	width: 90%;
}
.page__about .about__top__catch {
	max-width: 1000px;
	margin: 0 auto 50px;
}
.page__about .about__top__catch .text {
	font-size: 1.1em;
	font-weight: 600;
	text-align: center;
	margin-top: .5em;
}
.page__about .about__top__catch .text .blue {
	color: #0066ff;
}
.page__about .about__top__catch .text .green {
	color: #00ae84;
}

.page__about .section__outline .outline__table {
	display: grid;
	grid-template-columns: 6.5em 1fr;
	grid-gap: 0 4em;
}
.page__about .section__outline .outline__table+.outline__table {
	margin-top: 1em;
}
.page__about .section__outline .outline__table .title.sub {
	text-align: right;
}

.page__about .section__outline .outline__table .member {
	display: grid;
	grid-template-columns: 12em 1fr;
}
.page__about .section__outline .outline__table .member strong {
	margin-left: 1em;
}


.page__about .section__chart .subtitle03__01 {
	
}
.page__about .section__chart .chart_img {
	display: flex;
	justify-content: center;
}
.page__about .section__chart .chart_img01+.chart_img02 {
	margin-top: 20px;
}

.page__about .section__attempt .attempt_img {
	display: flex;
	justify-content: center;
}

.page__about .section__fees .table__type01 {
	width: 100%;
}
.page__about .section__fees .table__type01 .fee {
	text-align: center;
}

.page__about .section__benefits .tokuten {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, auto);
	margin: 0 auto;
}

.page__about .section__office .section__block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 30px;
	margin: 0 auto;
}
.page__about .section__office .section__block .block__text .mail {
	text-indent: -.5em;
}
.page__about .section__office .section__block .block__text .mail img {
	width: auto;
	height: 2em;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.page__about .section__block {
	width: 94%;
}
.page__about .about__top__catch {
	margin: 0 auto 40px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__about .section__block {
	width: 96%;
}
.page__about .about__top__catch {
	margin: 0 auto 30px;
}
.page__about .section__outline .outline__table {
	grid-template-columns: 1fr;
	grid-gap: .5em 0;
}
.page__about .section__outline .outline__table+.outline__table {
	margin-top: 1.5em;
}
.page__about .section__outline .outline__table .title {
	background-color: #f3f3f3;
	padding: .3em .5em;
}
.page__about .section__outline .outline__table .title.sub {
	text-align: left;
}

.page__about .section__fees .section__block {
	overflow-x: scroll;
	overflow-y: hidden;
}
.page__about .section__fees .table__type01 {
	width: 700px;
}

.page__about .section__benefits .tokuten {
	grid-auto-flow: row;
}

.page__about .section__office .section__block {
	grid-template-columns: 1fr;
	grid-gap: 20px 0;
}
.page__about .section__office .section__block .block__text .mail {
	text-indent: -.5em;
}
.page__about .section__office .section__block .block__text .mail img {
	width: auto;
	height: 2em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__about .section__block {
	width: 100%;
}
}



/* HEAT20 会員リスト */
/* ================================================= */
.page__list .section__list .update {
	text-align: right;
	margin-bottom: .5em;
}
.page__list .section__list table {
	width: 100%;
}
.page__list .section__list th {
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #9fa0a0;
	border: 1px solid #fff;
	padding: .5em;
}
.page__list .section__list th.type {
	min-width: 8em;
}
.page__list .section__list td {
	background-color: #fff;
	border: 1px solid #231815;
	padding: .15em .5em;
}
.page__list .section__list tr:nth-of-type(odd) td {
	background-color: #d3edfb;
}
.page__list .section__list td a {
	color: #231815;
}
.page__list .section__list td a:hover {
	color: #3f51b5;
	text-decoration: none;
}



/* 入会のご案内 */
/* ================================================= */
.page__join .section__join .join__info p+p {
	margin-top: 1em;
}
.page__join .section__join .join__table {
	width: 100%;
	line-height: 1.5;
}
.page__join .section__join .join__table table {
	width: 100%;
}
.page__join .section__join .join__table .category {
	width: 5em;
	text-align: center;
}
.page__join .section__join .join__table .num {
	width: 3em;
}
.page__join .section__join .join__table .category__info {
	width: 20em;
}
.page__join .section__join .join__table .fees {
	width: 8em;
	text-align: center;
}

.page__join .section__join .join__doc {
	display: flex;
	justify-content: center;
}
.page__join .section__join .join__doc .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	border: 1px solid #231815;
	padding: 15px;
}
.page__join .section__join .join__doc .list a {
	text-decoration: none;
}

.page__join .section__join .join__submission h3 {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}
.page__join .section__join .join__submission .img__mail {
	display: inline-block;
	width: auto;
	height: 1.15em;
	vertical-align: middle;
	margin-right: .2em;
}

.page__join .section__join .join__contact h3 {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}
.page__join .section__join .join__contact dl {
	display: flex;
}
.page__join .section__join .join__contact dl dt {
	margin-right: 1em;
}
.page__join .section__join .join__contact .img__mail {
	display: inline-block;
	width: auto;
	height: 1.5em;
	vertical-align: middle;
}

/* screens smaller than 1240---------------------------------------------------------- */
@media only screen and (max-width:1240px) {
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__join .section__join .join__table {
	overflow-x: auto;
	overflow-y: hidden;
}
.page__join .section__join .join__table table {
	width: 768px;
}
.page__join .section__join .join__doc .list {
	grid-template-columns: 1fr;
}
.page__join .section__join .join__doc .list a {
	text-decoration: none;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
}



/* 定款、会員規約 */
/* ================================================= */
.page__teikan .section__teikan .section__block.download {
	display: flex;
	justify-content: center;
	width: 90%;
}
.page__teikan .section__teikan .section__block.download a {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-decoration: none;
	padding: 20px;
	transition: .2s;
}
.page__teikan .section__teikan .section__block.download a:hover {
	background-color: #e1f4ff;
}
.page__teikan .section__teikan .section__block.download a+a {
	margin-left: 20px;
}
.page__teikan .section__teikan .section__block.download a .img {
	border: 1px solid #333;
}
.page__teikan .section__teikan .section__block.download a .text {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	margin-top: .3em;
}

/* screens smaller than 1240---------------------------------------------------------- */
@media only screen and (max-width:1240px) {
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.page__teikan .section__teikan .section__block.download {
	width: 100%;
}
.page__teikan .section__teikan .section__block.download a {
	padding: 10px;
}
.page__teikan .section__teikan .section__block.download a+a {
	margin-left: 10px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__teikan .section__teikan .section__block.download a {
	padding: 0;
}
}



/* 住宅シナリオと外皮性能水準 */
/* ================================================= */
.page__grade .section__title {
	font-size: 1.2em;
	background-color: #e5e6f0;
	border-bottom: 2px solid #0081cc;
	margin-bottom: 15px;
	padding: .25em 1em;
}
.page__grade .section__title.Ctype02 {
	background-color: #f1e2e2;
	border-color: #EF454A;
}
.page__grade .section__title.Ctype03 {
	background-color: #efffd7;
  	border-color: #efffd7;
}
.page__grade .section__block .block__text+.block__text {
	margin-top: .5em;
}
.page__grade .section__block .num__title {
	font-weight: 600;
}
.page__grade .section__block .num__title+p {
	padding-left: 1em;
}

.page__grade .section__block .grade__table {
	margin-top: 15px;
}
.page__grade .section__block .grade__table table {
	width: 100%;
}
.page__grade .section__block .grade__table th,
.page__grade .section__block .grade__table td {
	font-size: .8em;
	text-align: center;
	border: 1px solid #ccc;
	padding: .5em;
}
.page__grade .section__block .grade__table th {
	font-weight: 600;
	background-color: #f0f4ff;
}
.page__grade .section__block .grade__table__note {
	font-weight: 600;
}

.page__grade .section__tool-link .btn__tool-link {
	display: flex;
	justify-content: center;
}
.page__grade .section__tool-link .btn__tool-link a {
	display: flex;
	justify-content: center;
	align-items: baseline;
	min-width: 420px;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #0e84ff;
	padding: 1em 0;
	transition: .2s;
}
.page__grade .section__tool-link .btn__tool-link a strong {
	font-size: 1.2em;
}
.page__grade .section__tool-link .btn__tool-link a:hover {
	background-color: #009bf7;
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.page__grade .page__section:before {
	height: 154px;
	margin-top: -154px;
}
}
/* screens smaller than 900---------------------------------------------------------- */
@media only screen and (max-width:900px) {
.page__grade .section__block .grade__table {
	overflow-x: scroll;
	overflow-y: hidden;
}
.page__grade .section__block .grade__table table {
	width: 900px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__grade .page__section:before {
	height: 140px;
	margin-top: -140px;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__grade .page__section:before {
	height: 106px;
	margin-top: -106px;
}
.page__grade .section__tool-link .btn__tool-link a {
	min-width: inherit;
	width: 90%;
}
}



/* 外皮水準地域補正ツール */
/* ================================================= */
.page__ua_dtl .section__title {
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: 5px;
}

.page__ua_dtl .tool-outline__info {
	margin-bottom: 20px;
}

.page__ua_dtl .section__tool-link {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page__ua_dtl .section__tool-link p {
	font-size: 1.2em;
}
.page__ua_dtl .section__tool-link .btn__tool-link {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 10px;
}
.page__ua_dtl .section__tool-link .btn__tool-link a {
	display: flex;
	justify-content: center;
	align-items: baseline;
	min-width: 420px;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #0e84ff;
	padding: 1em 0;
	transition: .2s;
}
.page__ua_dtl .section__tool-link .btn__tool-link a strong {
	font-size: 1.2em;
}
.page__ua_dtl .section__tool-link .btn__tool-link a:hover {
	background-color: #009bf7;
}
.page__ua_dtl .section__tool-link.bottom {
	margin-top: 30px;
}
.page__ua_dtl .section__tool-link.bottom .btn__tool-link {
	margin-top: 0;
	margin-bottom: 20px;
}

.page__ua_dtl .section__tool-outline .box__title {
	font-weight: 600;
	margin-bottom: 5px;
}
.page__ua_dtl .section__tool-outline .section__box.tool__info ol {
	padding-left: 2em;
}
.page__ua_dtl .section__tool-outline .section__box.tool__info ol li {
	text-indent: -1em;
}
.page__ua_dtl .section__tool-outline .section__box.tool__info ol li span {
	color: #e4007f;
}

.page__ua_dtl .section__tool-outline .section__box.note__text .note {
	margin-top: 1em;
}

.page__ua_dtl .section__tool-outline .section__box.premise {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	padding-top: 30px;
}
.page__ua_dtl .section__tool-outline .section__box.premise li {
	display: flex;
}
.page__ua_dtl .section__tool-outline .section__box.premise li .title {
	text-indent: -1em;
	margin-right: .5em;
	padding-left: 1em;
}

.page__ua_dtl .section__tool-use .section__block li {
	display: flex;
}
.page__ua_dtl .section__tool-use .section__block li .num {
	margin-right: .5em;
}

.page__ua_dtl .section__tool-note .section__block li {
	display: flex;
}
.page__ua_dtl .section__tool-note .section__block li .mark {
	margin-right: .5em;
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__ua_dtl .section__title {
	font-size: 1.6em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__ua_dtl .section__title {
	font-size: 1.5em;
}
.page__ua_dtl .section__tool-link .btn__tool-link a {
	min-width: inherit;
	width: 90%;
}
}



/* 住宅システム認証「認証システム一覧」 */
/* ================================================= */
.page__ninsyo .section__list table {
	width: 100%;
}
.page__ninsyo .section__list th,
.page__ninsyo .section__list td {
	font-size: .9em;
	line-height: 1.6;
	border: 1px solid #231815;
	padding: .25em .5em;
}
.page__ninsyo .section__list th {
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background-color: #615f5e;
}
.page__ninsyo .section__list .num {
	width: 7em;
	text-align: center;
}
.page__ninsyo .section__list .name {
	width: 16em;
}
.page__ninsyo .section__list .date {
	width: 7em;
	text-align: center;
}
.page__ninsyo .section__list .acquirer {
	width: 16em;
	text-align: center;
}
.page__ninsyo .section__list .level {
	width: 3.5em;
	text-align: center;
}
.page__ninsyo .section__list tr:nth-of-type(odd) td {
	background-color: #d3edfb;
}
.page__ninsyo .section__list td a {
	color: #231815;
}
.page__ninsyo .section__list td a:hover {
	color: #3f51b5;
	text-decoration: none;
}
/* screens smaller than 900---------------------------------------------------------- */
@media only screen and (max-width:900px) {
.page__ninsyo .section__list {
	overflow-x: scroll;
	overflow-y: hidden;
}
.page__ninsyo .section__list table {
	width: 900px;
}
}





/* 住宅システム認証 */
/* ================================================= */
.page__jyutakusystem .section__title {
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	background-color: #0081cc;
	border-left: 5px solid #f39800;
	margin-bottom: 15px;
	padding: .25em .7em;
}
.page__jyutakusystem .block__about .para+.para {
	margin-top: .5em;
}
.page__jyutakusystem .block__about .note {
	font-size: .9em;
}
.page__jyutakusystem .note__box {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.page__jyutakusystem .note__box .inner {
	width: 90%;
	border: 1px solid #f39800;
}
.page__jyutakusystem .note__box .inner .title {
	display: flex;
}
.page__jyutakusystem .note__box .inner .title > span {
	font-size: .9em;
	font-weight: 600;
	color: #fff;
	line-height: 1.1;
	background-color: #f39800;
	padding: .3em;
}
.page__jyutakusystem .note__box .inner .text {
	padding: .5em .8em;
}

.page__jyutakusystem .request__flow {
	margin-top: 30px;
}

.page__jyutakusystem .flow__box+.flow__box {
	margin-top: 15px;
}
.page__jyutakusystem .flow__box.flow01,
.page__jyutakusystem .flow__box.flow02 {
	display: flex;
}
.page__jyutakusystem .flow__box .flow__title {
	font-weight: 600;
}

.page__jyutakusystem .flow__box .flow__contents {
	padding-left: 1em;
}
.page__jyutakusystem .flow__box.flow01 .flow__contents,
.page__jyutakusystem .flow__box.flow02 .flow__contents,
.page__jyutakusystem .flow__box.flow04 .flow__contents {
	padding-left: 0;
}

.page__jyutakusystem .flow__box .flow__contents .office {
	display: flex;
	margin: .5em 0;
}
.page__jyutakusystem .flow__box .flow__contents .office ul {
	font-size: .9emn;
	background-color: #f6f6f6;
	padding: .2em .7em;
}
.page__jyutakusystem .flow__box .flow__contents .mail__text img {
	width: auto;
	height: 2em;
	vertical-align: middle;
}
.page__jyutakusystem .flow__box .flow__contents .mail__send__note ol {
	padding-left: 1em;
}

.page__jyutakusystem .flow__box.flow06 .flow__contents__box {
	margin-top: 1em;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box h5 {
	font-weight: 600;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box .title::before {
	content: "";
	display: inline-block;
	width: .8em;
	height: .8em;
	border: 2px solid #333;
	border-radius: .2em;
	margin-right: .3em;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box .box__list .text {
	padding-left: 1.1em;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box.box6-4 .box__list li {
	display: flex;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box.box6-4 .box__list .text {
	padding-left: 0;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box.box6-4 .box__list .text .detail {
	font-size: .9em;
	border: 1px solid #333;
	margin-top: 5px;
	padding: 1em;
}
.page__jyutakusystem .flow__box.flow06 .flow__contents__box.box6-4 .box__list .text .AE-Sim {
	color: #00f;
}



/* 体感モデルハウスのご案内 */
/* ================================================= */
.experience__info__block .block__title {
	display: flex;
	align-items: center;
	font-size: 1.6em;
	font-weight: 600;
	color: #00499f;
	line-height: 1.2;
	margin-bottom: 15px;
}
.experience__info__block .block__title::before {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #00499f;
	margin-right: 10px;
}
.experience__info__block.information .area__select {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	border-top: 2px solid #e59140;
	border-left: 2px solid #e59140;
	margin-top: 30px;
}
.experience__info__block.information .area__select .area {
	font-size: 1.2em;
	font-weight: 600;
	color: #0081cc;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border-bottom: 2px solid #e59140;
	border-right: 2px solid #e59140;
	padding: .4em 0;
	transition: .2s;
}
.experience__info__block.information .area__select .area:hover {
	background-color: #e5f5ff;
}
.experience__info__block.information .area__select .area.noLink {
	color: #c9caca;
}

.experience__info__block.entry {
	margin-top: 70px;
}
.experience__info__block.entry .experience__info__box {
	display: flex;
}
.experience__info__block.entry .experience__info__box .text {
	width: 67%;
}
.experience__info__block.entry .experience__info__box .text ul {
	padding-left: 1.3em;
}
.experience__info__block.entry .experience__info__box .text ul li {
	list-style-type: disc;
}
.experience__info__block.entry .experience__info__box .img {
	width: 33%;
}

.experience__list__block {
	margin-top: 40px;
}
.experience__list__block .block__title {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	background-color: #d2e6b9;
	margin-bottom: 5px;
	padding: .5em 0;
}
.experience__list__block .experience__list__box.note {
	margin-bottom: 10px;
}
.experience__list__block .experience__list__box.note p {
	font-size: .8em;
	text-align: right;
}
.experience__list__block .experience__list__box.list__main+.list__main {
	margin-top: 40px;
}
.experience__list__block .experience__list__box.list__main .area__name {
	display: flex;
	margin-bottom: 10px;
}
.experience__list__block .experience__list__box.list__main .area__name > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.4em;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	background-color: #488ccb;
	padding: .3em 0;
}
.experience__list__block .experience__list__box.list__main .list__main__table table {
	width: 100%;
}
.experience__list__block .experience__list__box.list__main .list__main__table th, .experience__list__block .experience__list__box.list__main .list__main__table td {
	font-size: .9em;
	line-height: 1.2;
	border: 1px solid #231815;
}
.experience__list__block .experience__list__box.list__main .list__main__table th {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background-color: #efefef;
	padding: 5px;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.num,
.experience__list__block .experience__list__box.list__main .list__main__table th.stay {
	width: 50px;
	padding: 5px 0;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.office {
	width: 22%;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.location {
	width: 18%;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.heat20__grade {
	width: 10%;
}
.experience__list__block .experience__list__box.list__main .list__main__table td {
	background-color: #fff;
	padding: 10px;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.num,
.experience__list__block .experience__list__box.list__main .list__main__table td.stay {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.office {
	font-size: 1em;
	font-weight: 600;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.detail a {
	font-weight: 600;
}

/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.experience__info__block.information .area__select {
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 20px;
}
.experience__info__block.information .area__select .area {
	font-size: 1.1em;
}
.experience__info__block.entry {
	margin-top: 50px;
}
.experience__info__block .block__title {
	font-size: 1.5em;
}
.experience__list__block {
	margin-top: 30px;
}
.experience__list__block .block__title {
	font-size: 1.4em;
}
.experience__list__block .experience__list__box.list__main .area__name > span {
	font-size: 1.2em;
}
.experience__list__block .experience__list__box.list__main .list__main__table th,
.experience__list__block .experience__list__box.list__main .list__main__table td {
	font-size: .9em;
}
.experience__list__block .experience__list__box.list__main .list__main__table td {
	padding: 8px 5px;
}
.experience__list__block .experience__list__box.list__main+.list__main {
	margin-top: 30px;
}
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.experience__info__block .block__title {
	font-size: 1.4em;
}
.experience__info__block.information .info__catch {
	font-size: 1em;
}
.experience__info__block.information .area__select {
	grid-template-columns: 1fr 1fr;
}
.experience__info__block.entry {
	margin-top: 40px;
}
.experience__info__block.entry .experience__info__box {
	flex-direction: column;
	align-items: center;
}
.experience__info__block.entry .experience__info__box .text {
	width: 100%;
}
.experience__info__block.entry .experience__info__box .img {
	width: 60%;
	margin-top: 10px;
}
.experience__list__block {
	margin-top: 30px;
}
.experience__list__block .block__title {
	font-size: 1.3em;
}
.experience__list__block .experience__list__box.list__main+.list__main {
	margin-top: 25px;
}
.experience__list__block .experience__list__box.list__main .area__name > span {
	font-size: 1.1em;
}
.experience__list__block .experience__list__box.list__main .list__main__table {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}
.experience__list__block .experience__list__box.list__main .list__main__table table {
	min-width: 800px;
}
.experience__list__block .experience__list__box.list__main .list__main__table th,
.experience__list__block .experience__list__box.list__main .list__main__table td {
	font-size: .8em;
}
.experience__list__block .experience__list__box.list__main .list__main__table td {
	padding: 8px 5px;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.office {
	font-size: .9em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.experience__info__block.information .area__select .area {
	font-size: 1.2em;
	padding: .6em 0;
}
.experience__list__block .experience__list__box.note p {
	text-align: left;
}
.experience__list__block .experience__list__box.list__main .list__main__table table {
	min-width: 600px;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.num,
.experience__list__block .experience__list__box.list__main .list__main__table th.stay {
	width: 3.4em;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.office {
	width: 22%;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.location {
	width: 18%;
}
.experience__list__block .experience__list__box.list__main .list__main__table th.heat20__grade {
	width: 8%;
}
.experience__list__block .experience__list__box.list__main .list__main__table td {
	padding: 10px 5px;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.num,
.experience__list__block .experience__list__box.list__main .list__main__table td.stay {
	padding: 10px 0;
}
.experience__list__block .experience__list__box.list__main .list__main__table td.office {
	font-size: .9em;
}
}



/* 詳細 / 体感モデルハウスのご案内 */
/* ================================================= */
.model__experience__detail .page__title {
	font-size: 1.5em;
	font-weight: 600;
	color: #333;
	line-height: 1.2;
	text-align: center;
	background-color: #d2e6b9;
	margin-bottom: 30px;
	padding: .5em 0;
}
.model__experience__detail .experience__detail__block+.experience__detail__block {
	margin-top: 50px;
}
.model__experience__detail .experience__detail__block .area__name {
	display: flex;
	margin-bottom: 15px;
}
.model__experience__detail .experience__detail__block .area__name > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.4em;
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	background-color: #488ccb;
	padding: .2em 0;
}
.model__experience__detail .experience__detail__block .model__name a {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	color: #231815;
}
.model__experience__detail .experience__detail__block .model__name a:hover {
	text-decoration: underline;
}
.model__experience__detail .experience__detail__block .model__name a br {
	display: none;
}
.model__experience__detail .experience__detail__block .model__name a span {
	color: #0075c2;
}
.model__experience__detail .experience__detail__block .model__catch {
	font-size: 1.1em;
	padding: 1em;
}
.model__experience__detail .experience__detail__block .model__img .sp {
	display: none;
}
.model__experience__detail .experience__detail__block .level__scenario__HEAT20 {
	margin-top: 20px;
}
.model__experience__detail .experience__detail__block .model__table th,
.model__experience__detail .experience__detail__block .model__table td {
	line-height: 1.2;
	vertical-align: middle;
	border: 1px solid #9fa0a0;
	padding: 7px 15px;
}
.model__experience__detail .experience__detail__block .model__table th {
	width: 170px;
	font-weight: normal;
	text-align: left;
}
.model__experience__detail .experience__detail__block .model__table td.level {
	text-align: center;
}
.model__experience__detail .experience__detail__block .level__scenario__HEAT20 .note {
	font-size: .8em;
	padding-left: 1em;
}
.model__experience__detail .experience__detail__block .model__information {
	margin-top: 20px;
}
.model__experience__detail .experience__detail__block .model__information .model__table {
	min-width: 80%;
}
.model__experience__detail .experience__detail__block .model__information .model__table td.contact ul {
	padding-left: 1.2em;
}
.model__experience__detail .experience__detail__block .model__information .model__table td.contact li {
	text-indent: -1.2em;
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.model__experience__detail .page__title {
	font-size: 1.4em;
}
.model__experience__detail .experience__detail__block .area__name > span {
	font-size: 1.2em;
}
.model__experience__detail .experience__detail__block .model__name a {
	font-size: 1.4em;
}
.model__experience__detail .experience__detail__block .model__catch {
	padding: 1em .5em;
}
.model__experience__detail .experience__detail__block .model__information .model__table {
	min-width: inherit;
	width: 100%;
}
.model__experience__detail .experience__detail__block .model__table th,
.model__experience__detail .experience__detail__block .model__table td {
	padding: 5px 10px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.model__experience__detail .page__title {
	font-size: 1.3em;
}
.model__experience__detail .experience__detail__block .model__name a {
	font-size: 1.3em;
}
.model__experience__detail .experience__detail__block .area__name > span {
	font-size: 1.1em;
}
.model__experience__detail .experience__detail__block .model__catch {
	font-size: 1em;
	padding: .7em 0;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.model__experience__detail .experience__detail__block .model__name a br {
	display: block;
}
.model__experience__detail .experience__detail__block .model__img .pc {
	display: none!important;
}
.model__experience__detail .experience__detail__block .model__img .sp {
	display: block!important;
}
.model__experience__detail .experience__detail__block .model__table th {
	width: 20%;
}
}



/* HEAT20技術紹介 */
/* ================================================= */
.page__gijutsu .report__block+.report__block {
	margin-top: 50px;
}
.page__gijutsu .block__title {
	display: flex;
	align-items: baseline;
	font-size: 1.2em;
	font-weight: 600;
	background-color: #f7f7f7;
	border-top: 2px solid #306cbe;
	border-bottom: 2px solid #306cbe;
	margin-bottom: 15px;
	padding: .8em .5em;
}
.page__gijutsu .block__title .main {
	font-size: 1.2em;
}
.page__gijutsu .block__title .sub {
	margin-left: 1.5em;
}

.page__gijutsu .block__main__title {
	font-size: 1.2em;
	font-weight: 600;
	border-left: 3px solid #306cbe;
	margin-bottom: 10px;
	padding-left: .5em;
}
.page__gijutsu .report__box+.block__main__title {
	margin-top: 20px;
}

.page__gijutsu .report__box+.report__box {
	border-top: 2px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
.page__gijutsu .report__box__title {
	display: grid;
	grid-template-columns: 1.7em 1fr;
	font-size: 1.1em;
}
.page__gijutsu .report__box__title.no__num {
	grid-template-columns: 1fr;
}
.page__gijutsu .report__box__title .num {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9em;
}
.page__gijutsu .report__box__title .num span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.3em;
	height: 1.3em;
	color: #fff;
	background-color: #306cbe;
	border-radius: 100vh;
}
.page__gijutsu .report__box__title .main {
	font-weight: 600;
}

.page__gijutsu .report__box__detail {
	width: 100%;
	line-height: 1.5;
	background-color: #f8f8f8;
	border-radius: .3em;
	padding: 10px;
}
.page__gijutsu .report__box__detail .box__detail__title {
	font-weight: 600;
	margin-bottom: 5px;
}
.page__gijutsu .box__detail__contents {
	display: flex;
	align-items: flex-start;
	width: 100%;
	font-size: .9em;
}

.page__gijutsu .box__detail__contents .detail__contents__main {
	width: calc(100% - 11.2em);
	padding: 0 1em;
}
/*.page__gijutsu .box__detail__contents .detail__contents__main .profile {
	background-color: #cfc;
}*/
.page__gijutsu .box__detail__contents .detail__contents__main .profile+.profile {
	margin-top: 3px;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile .sub__ttl {
	font-weight: 600;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile.list {
	padding-left: 1em;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile.list .sub__ttl {
	text-indent: -1em;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile .name {
	text-align: right;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile.profile02 .name {
	display: flex;
	text-align: left;
}

.page__gijutsu .box__detail__contents .detail__contents__data {
	display: grid;
	grid-template-columns: 47px 2.5em 5em;
	width: calc(47px + 2.5em + 5em);
}
.page__gijutsu .box__detail__contents .detail__contents__data .btn__pdf {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page__gijutsu .box__detail__contents .detail__contents__data .btn__pdf a {
	display: flex;
/*	display: inline-flex;*/
}
.page__gijutsu .box__detail__contents .detail__contents__data .btn__pdf a img {
	vertical-align: middle;
}
.page__gijutsu .box__detail__contents .detail__contents__data .btn__pdf a:hover img {
	opacity: .8;
}
.page__gijutsu .box__detail__contents .detail__contents__data .pages {
	text-align: right;
}
.page__gijutsu .box__detail__contents .detail__contents__data .size {
	text-align: right;
}

.page__gijutsu .section__note {
	font-size: .9em;
	text-align: right;
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__gijutsu .report__block+.report__block {
	margin-top: 30px;
}
.page__gijutsu .block__title {
	flex-direction: column;
	line-height: 1.4;
	padding: .5em;
}
.page__gijutsu .block__title .main {
	font-size: 1.2em;
}
.page__gijutsu .block__title .sub {
	margin-left: 0;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__gijutsu .report__box__title {
	line-height: 1.4;
}
.page__gijutsu .box__detail__contents {
	display: block;
	font-size: 1em;
}
.page__gijutsu .box__detail__contents .detail__contents__main {
	width: 100%;
	padding: 0;
}
.page__gijutsu .box__detail__contents .detail__contents__main .profile .name {
	text-align: left;
}
.page__gijutsu .box__detail__contents .detail__contents__main+.detail__contents__data {
	margin-top: 5px;
}
.page__gijutsu .box__detail__contents .detail__contents__data {
	display: flex;
	justify-content: flex-end;
	width: auto;
}
.page__gijutsu .box__detail__contents .detail__contents__data > div+div {
	margin-left: 10px;
}
}



/* 動画配信のお知らせ */
/* ================================================= */
.page__doga .doga__section {
	border: 1px solid #b5b5b6;
	padding: 20px;
}
.page__doga .doga__section+.doga__section {
	margin-top: 20px;
}
.page__doga .section__title {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 10px;
}
.page__doga .doga__block+.doga__block {
	margin-top: 15px;
}
.page__doga .doga__block__title .title {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}
.page__doga .doga__block__title .title+.catch {
	padding-left: 1em;
}

.page__doga .doga__block__main {
	padding: 1em 0 0 1em;
}
.page__doga .doga__box+.doga__box {
	margin-top: 15px;
}
.page__doga .doga__box .date+.title {
	padding-left: 2em;
}
.page__doga .doga__box .title+.link {
	padding-left: 5em;
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__doga .doga__section {
	padding: 10px;
}
.page__doga .doga__block__main {
	padding: 10px 0 0 10px;
}
.page__doga .doga__box .date+.title {
	padding-left: 1em;
}
.page__doga .doga__box .title+.link {
	padding-left: 1em;
}
}



/* 関連リンク */
/* ================================================= */
.page__kanren_link .link__section {
	padding: 0 60px;
}
.page__kanren_link .link__box+.link__box {
	margin-top: 20px;
}
.page__kanren_link .link__box a {
	display: flex;
	font-size: 1.1em;
	font-weight: 600;
	color: #231815;
	line-height: 1.4;
	text-decoration: none;
	border: 1px solid #231815;
	padding: 1.2em 1.5em;
	transition: .2s;
}
.page__kanren_link .link__box a:hover {
	color: #0074e9;
	border: 1px solid #0074e9;
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.page__kanren_link .link__section {
	padding: 0 40px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__kanren_link .link__section {
	padding: 0 20px;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__kanren_link .link__section {
	padding: 0;
}
.page__kanren_link .link__box a {
	padding: 1.2em 1em;
}
.page__kanren_link .link__box a:hover {
	color: #231815;
	border: 1px solid #231815;
}
}



/* リーガルポリシー */
/* ================================================= */
.page__regalpolicy .regalpolicy__section+.regalpolicy__section {
	margin-top: 50px;
}
.page__regalpolicy .section__title {
	display: flex;
	align-items: center;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 20px;
}
.page__regalpolicy .section__title::before {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #333;
	border-radius: .15em;
	margin-right: .25em;
}

.page__regalpolicy .section__block+.section__block {
	margin-top: 15px;
}
.page__regalpolicy .regalpolicy__box+.regalpolicy__box {
	margin-top: 15px;
}
.page__regalpolicy .regalpolicy__box .title {
	font-weight: 600;
}
.page__regalpolicy .regalpolicy__box .contents {
	padding-left: 1.5em;
}

.page__regalpolicy .sitepolicy .regalpolicy__box {
	display: grid;
	grid-template-columns: 1.5em 1fr;
}
.page__regalpolicy .sitepolicy .regalpolicy__box .contents {
	padding-left: 0;
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__regalpolicy .regalpolicy__section+.regalpolicy__section {
	margin-top: 40px;
}
.page__regalpolicy .section__title {
	margin-bottom: 15px;
}
}





/* 過去のニュースとトピックス一覧 */
/* ================================================= */
.page__oldNews .oldNews__container {
	padding: 0 50px;
}
.page__oldNews .oldNews__title {
	font-size: 1.2em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #92916e;
	margin-bottom: 20px;
}
.page__oldNews .oldNews__contents .info {
	text-align: center;
	margin-bottom: 25px;
}
.page__oldNews .oldNews__contents ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}
.page__oldNews .oldNews__contents ul li {
	display: flex;
	background-color: #ccc;
}
.page__oldNews .oldNews__contents ul li a {
	width: 100%;
	color: #595757;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #8a8219;
	padding: 1em 0;
	transition: .2s;
}
.page__oldNews .oldNews__contents ul li a:hover {
	color: #fff;
	background-color: #8a8219;
}
.page__oldNews .oldNews__contents .current__news__list {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.page__oldNews .oldNews__contents .current__news__list a {
	width: 600px;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #72c074;
	padding: .6em 0;
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
.page__oldNews .oldNews__container {
	padding: 0 40px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__oldNews .oldNews__container {
	padding: 0;
}
.page__oldNews .oldNews__contents .current__news__list {
	margin-top: 40px;
}
.page__oldNews .oldNews__contents .current__news__list a {
	width: 80%;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__oldNews .oldNews__contents ul {
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}
}



/* お知らせ一覧 */
/* ================================================= */
.page__newsTopics .newsTopics__title {
	font-size: 1.2em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #72c074;
	margin-bottom: 20px;
}
.page__newsTopics .topics__list .list__block__title {
	font-size: 1em;
}
.page__newsTopics .topics__list .list__block__contents {
	font-size: 1em;
}

.page__newsTopics .old__news__list {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.page__newsTopics .old__news__list a {
	width: 600px;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color: #978e6e;
	padding: .6em 0;
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__newsTopics .old__news__list {
	margin-top: 40px;
}
.page__newsTopics .old__news__list a {
	width: 80%;
}
}



/* HEAT20 設計ガイドブック2021 */
/* ================================================= */
.guidebook__info__section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 60px;
}

.guidebook__info__section .guidebook__info__title .current__title {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.guidebook__info__section .guidebook__info__title .current__title h2 {
	width: 80%;
}
.guidebook__info__section .guidebook__info__title .current__title .book__img {
	width: 50%;
	margin-top: 10px;
}

.guidebook__info__section .guidebook__info__title .other__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}
.guidebook__info__section .guidebook__info__title .other__title a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	text-decoration: none;
	border: 2px solid #fff;
	padding: 5px;
	transition: .2s;
}
.guidebook__info__section .guidebook__info__title .other__title a:hover {
	text-decoration: underline;
	border-color: #ccdbff;
}
.guidebook__info__section .guidebook__info__title .other__title a+a {
	margin-top: 10px;
}
.guidebook__info__section .guidebook__info__title .other__title a .cover {
	width: 45%;
}
.guidebook__info__section .guidebook__info__title .other__title a .cover.single {
	text-align: center;
}
.guidebook__info__section .guidebook__info__title .other__title a .cover.single img {
	width: 60%;
}
.guidebook__info__section .guidebook__info__title .other__title a .cover__title {
	width: 53%;
}
.guidebook__info__section .guidebook__info__title .other__title a .cover__title .text {
	line-height: 1.2;
	text-align: right;
	margin-top: 5px;
}


.guidebook__info__section .guidebook__info__detail .detail__news {
	margin-bottom: 20px;
}
.guidebook__info__section .guidebook__info__detail .detail__news__title {
	color: #ff0000;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents {
	line-height: 1.5;
	border-top: solid 2px #ff0000;
	border-bottom: solid 2px #ff0000;
	padding: 15px;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .catch {
	font-weight: 600;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents h4 {
	font-size: 1.4em;
	font-weight: 600;
	color: #f00;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .h4__text {
	color: #f00;
	text-align: right;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy {
	margin-top: 10px;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl {
	display: flex;
	justify-content: flex-end;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl dt .star {
	color: #e83828;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl dd ul {
	display: flex;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl dd ul li+li {
	margin-left: 1em;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl dd ul li a {
	color: #2c27a8;
}
.guidebook__info__section .guidebook__info__detail .detail__news__contents .book__buy dl dd ul li a:hover {
	color: #00a0e9;
}

.guidebook__info__section .guidebook__info__detail .detail__instructions > h4 {
	font-size: 1.2em;
	font-weight: 600;
	color: #003366;
	margin-bottom: 10px;
}
.guidebook__info__section .guidebook__info__detail .detail__instructions .author {
	line-height: 1.5;
	text-align: right;
	margin-bottom: 1em;
}
.guidebook__info__section .guidebook__info__detail .detail__instructions .author .post {
	font-size: .8em;
}
.guidebook__info__section .guidebook__info__detail .detail__instructions .ex__text .date {
	text-align: right;
}
.guidebook__info__section .guidebook__info__detail .detail__instructions .ex__text {
	margin-bottom: 20px;
}


.page__anchor__block {
	font-size: .9em;
	background-color: #f7f7f7;
	border: solid 1px #ccc;
	padding: 10px;
}
.page__anchor__block a {
	display: inline-flex;
	color: #003366;
	text-decoration: none;
}
.page__anchor__block a:hover {
	text-decoration: underline;
}
.page__anchor__block a .icon {
	margin-right: .3em;
}


.guidebook__main__section .guidebook__main__block+.guidebook__main__block {
	margin-top: 30px;
}
.guidebook__main__section.part .part__title {
	font-size: 1.1em;
}
.guidebook__main__section .block__title {
	display: flex;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
}
.guidebook__main__section .block__title .icon {
	margin-right: .3em;
}
.guidebook__main__section .block__img__contents {
	width: 70%;
	margin: 1em auto 0;
}


.page__anchor__area {
	font-size: .9em;
	background-color: #f7f7f7;
	border: solid 1px #ccc;
	margin: 30px 0;
	padding: 10px;
}
.page__anchor__area .anchor__main ul {
	display: flex;
	flex-wrap: wrap;
}
.page__anchor__area .anchor__main ul li {
	margin-right: 1.5em;
	padding: .2em 0;
}
.page__anchor__area .anchor__main ul li a {
	display: flex;
	color: #003366;
	text-decoration: none;
}
.page__anchor__area .anchor__main ul li a:hover {
	text-decoration: underline;
}
.page__anchor__area .anchor__main ul li a .icon {
	margin-right: .3em;
}
.page__anchor__area .book__buy {
	margin-top: 5px;
}
.page__anchor__area .book__buy dl {
	display: flex;
	justify-content: flex-end;
}
.page__anchor__area .book__buy dl dt {
	margin-right: 1em;
}
.page__anchor__area .book__buy dl dt .star {
	color: #e83828;
}
.page__anchor__area .book__buy dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
.page__anchor__area .book__buy dl dd ul li+li {
	margin-left: 1em;
}
.page__anchor__area .book__buy dl dd ul li a {
	display: flex;
	font-size: .9em;
	color: #003366;
	text-decoration: none;
}
.page__anchor__area .book__buy dl dd ul li a:hover {
	text-decoration: underline;
}

/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.guidebook__info__section {
	grid-template-columns: 1fr;
	margin-bottom: 40px;
}
.guidebook__info__section .guidebook__info__title {
	width: 80%;
	margin: 0 auto;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.guidebook__info__section .guidebook__info__title {
	width: 100%;
}
.guidebook__main__section .block__img__contents {
	width: 100%;
}
}



.page__guidebook.PLUS .guidebook__info__section .guidebook__info__detail .detail__news {
	margin-bottom: 0;
}
.page__guidebook.PLUS .guidebook__info__section .guidebook__info__detail .download__errata {
	display: flex;
	justify-content: center;
	border-bottom: solid 2px #ff0000;
	margin-bottom: 20px;
	padding: 15px 0;
}
.page__guidebook.PLUS .guidebook__info__section .guidebook__info__detail .download__errata a {
	text-decoration: none;
}
.page__guidebook.PLUS .guidebook__main__section .block__title {
	font-size: 1.4em;
	margin-bottom: 5px;
}
.page__guidebook.PLUS .guidebook__main__section .author {
	text-align: right;
	margin-bottom: 20px;
}
.page__guidebook.PLUS .guidebook__main__section .author .post {
	font-size: .8em;
}


.page__guidebook.PLUS .guidebook__main__section.part {
	margin-top: 50px;
}


.page__guidebook.PLUS .page__anchor__area,
.book2016 .page__anchor__area {
	display: flex;
	justify-content: flex-end;
	background-color: transparent;
	border: 0;
	padding: 0;
}
.page__guidebook.PLUS .page__anchor__area .page__anchor__block,
.book2016 .page__anchor__area .page__anchor__block {
	width: 50%;
}
.page__anchor__block .book__buy dl {
	display: flex;
}
.page__anchor__block .book__buy dl dt .star {
	color: #e83828;
}
.page__anchor__block .book__buy dl dd ul {
	display: flex;
}
.page__anchor__block .book__buy dl dd ul li+li {
	margin-left: 1em;
}
.page__anchor__block .book__buy dl dd ul li a {
	color: #2c27a8;
}
.page__anchor__block .book__buy dl dd ul li a:hover {
	color: #00a0e9;
}


#mezasu .block__text__contents > h4 {
	display: flex;
	align-items: center;
	font-size: 1.15em;
	margin-bottom: 5px;
}
#mezasu .block__text__contents > h4::before {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #333;
	border-radius: .1em;
	margin-right: .3em;
}


#mokuji .mokuji__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 20px;
	background-color: #F3EED8;
	padding: 20px;
}
#mokuji .mokuji__list dt {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}
#mokuji .mokuji__list dd {
	display: grid;
	grid-template-columns: 2em 1fr;
	line-height: 1.5;
	padding-left: 1.5em;
}
#mokuji .mokuji__list dd+dd {
	margin-top: .5em;
}
#mokuji .mokuji__list dd+dt {
	margin-top: 1em;
}


.book2016 .guidebook__info__section .guidebook__info__title .current__title .book__img {
	width: 80%;
}
.book2016 .guidebook__info__section .guidebook__info__detail .download__errata {
	margin-bottom: 20px;
}
.book2016 .guidebook__info__section .guidebook__info__detail .download__errata a {
	line-height: 1.5;
	text-decoration: none;
}
.book2016 #G1G2_suijun .block__guidebook__detail {
	margin-bottom: 1em;
}
.book2016 #G1G2_suijun .block__guidebook__detail .book__title {
	font-weight: 600;
}
.book2016 #G1G2_suijun .block__guidebook__detail .book__author {
	text-align: right;
}
.book2016 #G1G2_suijun .block__guidebook__detail .book__author .post {
	font-size: .8em;
}
.book2016 #p34-35 .block__img__contents {
	width: 100%;
}


/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__guidebook.PLUS .page__anchor__area .page__anchor__block,
.book2016 .page__anchor__area .page__anchor__block {
	width: 100%;
}
#mokuji .mokuji__list {
	grid-template-columns: 1fr;
	grid-gap: 0;
	padding: 10px;
}
#mokuji .mokuji__list dd {
	padding-left: .5em;
}
}



/* HEAT20【会員専用】 */
/* ================================================= */
/*#members h3 {
	font-size: 120%;
	font-weight: 600;
	margin: 2rem 0 1rem;
}
#logo__permission__area {
	margin-top: 40px;
}
#logo__permission__area .subtitle04 {
	font-size: 120%;
	font-weight: 600;
	margin: 2rem 0 1rem;
}
#logo__permission__area .logo_sample_area {
	width: 300px;
}
#logo__permission__area .logo_sample_area .img {
	width: 100%;
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(./data/2021/Heat20_rogo_sample.jpg) no-repeat;
	background-size: cover;
	padding-top: 36.623125%;
}*/





















/* screens smaller than 1240---------------------------------------------------------- */
@media only screen and (max-width:1240px) {
}
/* screens smaller than 1082---------------------------------------------------------- */
@media only screen and (max-width:1082px) {
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
}