@charset "UTF-8";
.h3bggreen{
  font-size: 22px;
  margin-bottom: 20px;
  padding: 15px 10px;
  background:#b8e6b8;}
.h3bggreen > a {color:#0000ff;}
.h3bggreen > a:hover {opacity:0.5;}
.h3bggreen > a:active {color:#0000ff;}
.itemmenu_what {
	color:#4d4d4d;
    font-size:1em;
    margin:0 auto;
    max-width:70%;
    position: relative;
  	border: 1px solid #ccc;
    padding: 1em 1em 1em 2.5em;}

.itemmenu_what> div.itemmenu_what_titl {
    position: absolute;
    text-align:center;
    padding: 0 .5em;
    top: -1em;
    background-color:#fff;
    color:#4d4d4d;
    font-weight: 600;}
.itemmenu_what > div.itemmenu_what_subtitl {
    margin-top:1em;text-align:center;}
.itemmenu_what > div.itemmenu_what_subtitl > a {
    text-decoration:none;
    color:#4d4d4d;
    font-weight:bold;
    font-size:1.2em;}
.itemmenu_what > div.itemmenu_what_subtitl > a:hover {text-decoration: underline;}

.itemmenu_what{
    margin: 1em auto;
    padding:0
    text-align:left;}
ul.mokujilist li:before {
    content:"⚫︎";
    text-indent: -2em;
    padding: 1em 0.5em 0.5em 1em;
    }     
ul.mokujilist > li > a {
    line-height:2;
    text-decoration: none;
    color:#4d4d4d;}
        
ul.mokujilist li > a:hover{color:#006400; text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness:1px;}

@media screen and (max-width: 768px) {
        .itemmenu_what {
            margin:0 auto !important;
            max-width:98% !important;
            padding: 0!important;}
        .itemmenu_what ul.mokujilist {
            margin: 1em;
            text-indent: -2.5em;
            padding-left: 2em;
        }
        .itemmenu_what ul.mokujilist >li > a {
            line-height:200%;
            padding:0;
            text-decoration: none;
            color:#4d4d4d;}
        .itemmenu_what li::marker > a {
            color:#4d4d4d;
            font-size: 1.8em;}
        .itemmenu_what_titl {margin-left:40px;}
}
.h3link{font-size:.7em;}

.parent {
	display: flex;
	width:100%;
	font-size:1.1em;
}

.div1 { display: inline-block;box-sizing: border-box;width:51%;}
.div2 { display: inline-block;box-sizing: border-box;width:auto;margin:auto;}
.div3 { display: inline-block;box-sizing: border-box;width:40%; justify-content:center;align-items:center;margin:auto;}


.div-col{
   border: 1px solid #ccc;
   border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
   padding: 1em;
   height:auto;
   border:#888 solid 2px;
   margin-bottom: 8px;
   font-weight:bold;
}
.fcolorgreen{color:#006400;}
.div-col2{
   border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
   color:#fff; 
   background-color:#018001;
   padding:1em 0.3em;
   /*border:#006400 solid 4px;*/
   font-weight:bold;
   font-size:1.1em;
   text-align: center;
}
.div-col21{
   margin:40px 0 -35px 0;
   padding:1em;
   text-align: center;
}

.whatarrow_r {
  margin:0 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  border-left: 50px solid #599dfb;
  border-right: 0;
}
.whatarrow_d {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 50px solid #599dfb;
  border-bottom: 0;
}

@media screen and (max-width: 768px) {
		.parent {
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
		}

		.div1 { box-sizing: border-box;width:100%; border: 1px solid #999; padding:0.3em; }
		.div2 { box-sizing: border-box;width:100%; justify-content:center;align-items:center;margin:auto;padding:1em 0;}
		.div3 { box-sizing: border-box;width:100%; 
			justify-content:center;align-items:center;margin:auto; border: 1px solid #999; padding:0.3em;}
		.div-col{width:100%;flex-direction: column;box-sizing: border-box}
		.div-col2{width:100%;flex-direction: column;box-sizing: border-box}
		.div-col21{width:100%;flex-direction: column;box-sizing: border-box}

		.whatarrow_r {
			margin:auto;
			width: 0;
			height: 0;
			border-style: solid;
			border-right: 100px solid transparent;
			border-left: 100px solid transparent;
			border-top: 50px solid #599dfb;
			border-bottom: 0;}

		.whatarrow_d {
			width: 0;
			height: 0;
			border-style: solid;
			border-right: 60px solid transparent;
			border-left: 60px solid transparent;
			border-top: 50px solid #599dfb;
			border-bottom: 0;}
}
.wh_flexbox{
  display: flex;flex-wrap: wrap;
}
.wh_content_title{font-size:1.3em;font-weight:bold;}
.wh_content_title2{font-size:1.1em;font-weight:bold;padding-bottom:0.5em;}
.wh_content{
	box-sizing: border-box;
	font-size:1.2em;
	width:50%;
	vertical-align: middle;
	margin: auto;
}
ol.suji{
}
ol.suji > li {
	margin-left:2em;
	list-style-type: decimal;
}
ol.suji2 > li {
	margin-left:1.1em;
	list-style-type: decimal;
}
.wh_content_font{font-weight:bold;text-align:center;margin-top:1em;}
.wh_img{max-width:50%;}

@media screen and (max-width: 768px) {
	.wh_content{width:100%; flex-shrink: 0;}
	.wh_img{max-width:100%; flex-shrink: 0;}

}
.wh_content2{
	box-sizing: border-box;
	font-size:1em;
	width:50%;
	vertical-align: middle;
	margin: auto;
}

ul.wh_sd > li{margin-bottom:1em;}
.wh_img2{width:48%;}
.wh_sd_title{font-size:1.2em;font-weight:bold;}
.wh_sd_title_bg_bl{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#34749c;}
.wh_sd_title_bg_pr{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#6e276b;}
.wh_sd_title_bg_gre{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#4c7c31}
.wh_sd_title_bg_yel{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#f5c242;}
.wh_sd_title_bg_orn{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#b25628;}
.wh_sd_title_bg_gr{font-size:1.2em;font-weight:bold;padding:3px 4px;color:#ffffff;background-color:#7f7f7f;}
.wh_sd_indent{padding-left:0;}

@media screen and (max-width: 768px) {
	.wh_content2{width:100%; flex-shrink: 0;}
	.wh_img2{max-width:100%; flex-shrink: 0;}

}

.marle{margin-left:2em;}
.wh_img3{width:100%;}

.wh_content3{
	box-sizing: border-box;
	font-size:1em;
	width:100%;
	vertical-align: middle;
	line-height:160%;
}
.whatisindent1{ text-indent: -1em; padding-left: 1em;}
.whatisindent2{ text-indent: -1em; padding-left:1.5em;}
.font14{font-size:1.4em;}
.font13{font-size:1.3em;}
.font11{font-size:1.1em;}
.ma1em{margin-top:1em; margin-bottom:1em;}
.magl{padding-left:1em;}
.mab1{margin-bottom:1em;}

@media screen and (max-width: 768px) {
    .magl{padding-left:3em;}
}
.fontstrong{font-weight:bold;}
table.wh_table {text-align: left;}
table.wh_table td.wh_table_tr { width:5em; padding:8px 0 ;}
table.wh_table >td {text-align: left;}
.bgyellow{ padding:5px; background:#ffff80;}
.bgpink{ padding:5px; background:#ffe6ea;}
.bgblue{ padding:5px; background:#e6fbff;}
.waaa{ background-color:#EDF4F2;border-radius:10px; padding:2.8%; margin:0 1em;}
.waaa2{ background-color:#EDF4F2;border-radius:10px; padding:0.6em 0.4em 0.3em 0.6em;  margin:0;}
@media screen and (max-width: 768px) {
    .waaa{ background-color:#EDF4F2;border-radius:10px; padding:1em; margin:0 0 0.5em 0;}
}
.mat20{margin-top:20px;}

.pyramidccs{
     width:40%;
     height:auto;}
.pyramidcs{
     width:80%;
     height:auto;}
.wh_content4{
	box-sizing: border-box;
	font-size:1em;
	width:40%;
	vertical-align: middle;}
.wh_content5{
    margin-top:1em;
	box-sizing: border-box;
	font-size:1em;
	width:60%;
	vertical-align: middle;
	line-height:120%;
	z-index:20;
}
.wh_content6{
    margin:1em auto;
	box-sizing: border-box;
	font-size:1em;
	width:60%;
	vertical-align: middle;
}
.wh_contentx{
    margin:0 auto;
	width:80%;
	vertical-align: middle;}
@media screen and (max-width: 768px) {
.wh_content6{
    margin:1em auto;
	box-sizing: border-box;
	font-size:1em;
	width:100%;
	vertical-align: middle;}
.wh_contentx{
	width:100%;
	vertical-align: middle;}
}
ul.vison{z-index:10; margin-left:-10em; background-color:#fff;}
ul.vison > li {border: solid 2px green; padding:1em;}
.blubk{
    display:inline-block;
    
	background-color:#e0ffff;
	border:2px double  #1976D2;
	padding:8px;line-height:1.6;
	margin-bottom:0.5em;
	box-sizing: border-box;
	}
.grnbk{
	box-sizing: border-box;
	background-color:#228b22;
	font-weight:bold;
	padding:7px;
	color:#fff;
	margin-left:1.5em;
}
@media screen and (max-width: 768px) {
    .grnbk{margin-left:0;display:inline-block;}
}

.mokutekitriangle{
    width:0;
    height:0;
    border-style:solid;
    border-width: 20px 25px 0 25px;
    border-color: #1976D2 transparent transparent transparent;
    margin:0.5em 0 0.3em 20%;
}

@media screen and (max-width: 768px) {
        .blubk{
            display:block;
            text-align:center;
            margin:0 auto;
        }
        .mokutekitriangle{
            text-align:center;
            margin:0.5em auto;
        }
}