@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
}


a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link      { color: #00BBFF; text-decoration: underline }
a:visited   { color: #9900FF; text-decoration: underline }
a:hover     { color: #9900FF; text-decoration: none }

body {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    width:100%;
}

header,footer,main,nav,aside {
    box-sizing: border-box;
	padding: 0px 0px 0px 0px;
/*	padding: 0px 50px 0px 50px;*/
}
header {
    background-color: #FFFFFF;
}
footer {
    background-color: #000000;
}
main {
    background-color: #FFFFFF;
}
nav {
    background-color: #FFFFFF;
}
aside {
    background-color: #FFFFFF;
}

h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:20px;
}

h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:20px;
}

.grid_container {
	display: grid;/* グリッドコンテナであることを定義 */
    grid-template-areas: "header header header"/* 1行目 */
/*                         "nav main aside"/* 2行目 */
                         "main main main"/* 2行目 */
                         "footer footer footer";/* 3行目 */
    grid-template-rows: 620px 1fr auto; /* 行の高さ */
/*    grid-template-columns: 20% 1fr 20%; /* 列の幅 */
/*    grid-template-columns: 0px 1240px 0px; /* 列の幅 */
	grid-template-columns: 1% 98% 1%; /* 列の幅 */
/*    grid-template-columns: 340px 640px 10px; /* 列の幅 */
    grid-row-gap: 10px;/* 行と行の間の余白 */
    grid-column-gap: 0px;/* 列と列の間の余白 */
     /* ショートハンドだと
        grid-gap: 10px 10px;
        */
   height: 100vh;/* フッタの位置を最下部に */
}
.grid_header {
    grid-area: header;
}
.grid_footer {
    grid-area: footer;
}
.grid_main {
    grid-area: main;
}
.grid_nav {
    grid-area: nav;
/*    padding-left:100px;*/
}
.grid_aside {
    grid-area: aside;
}

/* aircon */
.menu_pos {
	padding-top:10px;
	padding-left:10px;
	text-align:center;
}

.col_pos {
 padding: 1.0em  0;
}

.col_posl {
 padding: 30px  80px;
}

.col_poslc {
 padding: 30px  140px;
}

.col_h_pos {
 padding-bottom: 1.4em;
}

.mitem_pos {
  padding:5px 0px;
  text-align: center;
  background-color:#0E008B;
  color:#ffffff;	
}

.k1 {
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
font-size:26px;
padding: 10px 10px;
}

.k1_2 {
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
font-size:26px;
margin-left:300px;
padding-left: 40px;
padding-top:10px;
padding-bottom:10px;
padding-right:30px;
}

.k1_3 {
background: #fcd666;
box-shadow: 0px 0px 0px 5px #fcd666;
/*border: dashed 1px brown;*/
padding: 0.2em 0.5em;
color: #000000;
/*margin-left:10px;*/
margin-right:0px;
font-size:24px;
font-weight:bold;
}

.k1_4 {
background: orange;
padding: 0.5em;
text-align:center;
width:273px;
margin:40px 10px 0 10px;
}

.k1_5 {
color: black;
border: solid 3px orange;
padding: 0.5em;
/*border-radius: 0.3em;*/
text-align:center;
margin:-20px 10px 0 10px;
width:267px;
}

.text_p {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:24px;
line-height:28px;
padding-left:100px;	
}

.text_p_2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:24px;
line-height:28px;
padding-left:80px;	
}

.text_bp {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:36px;
line-height:48px;
text-align:center;
font-weight:bold;
}

.text_bpl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:36px;
line-height:48px;
text-align:left;
font-weight:bold;
}

.text_bpl2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:28px;
line-height:48px;
text-align:left;
font-weight:bold;
}

.text_bpl_m {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:36px;
line-height:48px;
text-align:left;
font-weight:bold;
}

.text_bpl2_m {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:26px;
line-height:40px;
text-align:left;
font-weight:bold;
}

.text_bpl3_m {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:1.2em;
line-height:1.4em;
text-align:left;
font-weight:bold;
}

.text_bpl22 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:28px;
line-height:38px;
text-align:left;
}

.text_bpl3 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:32px;
line-height:38px;
text-align:left;
font-weight:bold;
}

.text_bp2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:42px;
line-height:54px;
text-align:center;
font-weight:bolder;
}

.text_lp {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:24px;
line-height:36px;
margin-left:40px;
text-align:center;
}

.text_mp {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:20px;
line-height:30px;
padding-left:10px; /*360px;*/
padding-right:40px;
text-align:left;
}

.text_mpl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:26px;
line-height:32px;
padding-left:10px; /*360px;*/
padding-right:40px;
text-align:left;
}

.text_mpl2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:26px;
line-height:30px;
padding-left:10px; /*360px;*/
padding-right:40px;
text-align:left;
}

.text_mpl_v {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:26px;
line-height:42px;
padding-left:30px; /*360px;*/
padding-right:20px;
text-align:left;
}

.text_mpr {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:26px;
line-height:32px;
padding-left:10px; /*360px;*/
padding-right:40px;
text-align:right;
}

#reason_box1 {
	margin:120px 0 0 180px;
	background-color:#FFFFFF;
    width:580px;
}

#reason_box1 p{
   padding:10px 20px;
}

#reason_box2 {
	margin:-100px 0 0 820px;
	background-color:#FFFFFF;
    width:580px;
}

#reason_box2 p{
   padding:10px 40px;
}

#reason_box3 {
	margin:-85px 0 30px 160px;
	background-color:#FFFFFF;
    width:580px;
}

#reason_box3 p{
   padding:10px 20px;
}

#reason_box4 {
	margin:-65px 0 60px 890px;
	background-color:#FFFFFF;
    width:520px;
}

#reason_box4 p{
   padding:10px 20px;
}

.h_red {
  color:red;  	
}

.text_sp {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:18px;
line-height:20px;
padding-left:20px; /*360px;*/
padding-right:20px;
text-align:left;
}

.text_red{
 color: red;
}

.text_white{
 color: #ffffff;
}

.flex_cont {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 text-align:left;
 padding-top:20px;
}

.flex_cont_s {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 text-align:center;
align-content:center;
}

.flex_cont_l {
 display: flex;
 flex-direction: row;
/* justify-content: space-around;*/
 text-align:baseline;
 align-content:center;
 height:24px;
}

.flex_cont_lc {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 text-align:baseline;
 align-content:center;
/* height:200px;*/
}

.flex_cont_m {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 text-align:baseline;
 align-content:center;
 height:18px;
}

.main_contents {
    margin-left:340px;
}

.blk_contents {
    margin-left:340px;
    padding-top:20px;
}

.car_com   {  
padding: 10px 20px;
text-align:center;
width:260px; 
height:130px;
border:solid 2px forestgreen;
border-radius: 0.5em;
}  

.car_com_l   {  
margin-right:20px;
padding: 10px;
text-align:center;
width:260px; 
/*height:130px;*/
border:solid 2px forestgreen;
border-radius: 0.5em;
}  

.car_com_m   {  
margin-left:190px;
padding: 10px;
text-align:center;
width:260px;
height:130px;
border:solid 2px forestgreen;
border-radius: 0.5em;
}  

.voice_com {
/*border:solid 2px #ffff26;*/
margin-right:10px;
margin-left:10px;
}

.voice_t {
 margin-left:15px;
 padding:20px 15px;
 background:#F6F2E8;	
}

.voice_vt {
 padding:20px 5px 20px 90px; 
}

.voice_name {
margin-top:0px;
width:320px;
text-align:center;
}

.voice_bg {
border:solid 2px orange;
background:orange;
border-radius: 10px;	
margin-top:50px;
padding:10px;
}

.voice_yellow {
	background-color: #FCEE21;
}

.reason_t {
 padding:10px;
}

.video_p {
 margin-left:340px;
 text-align:center;
}

#footer_link {
   text-align:center;
}

#footer_link a {
   text-decoration: none;
   color:grey;
}

.recomm_b1 {
background-image: url(../images/06/top_i_20_1706.jpg);
background-repeat: no-repeat;
width: 720px;
height: 320px;
font-size:20px;
line-height:28px;
margin-left:30px;
padding: 10px 10px 10px 10px;
display: inbox;
}

.recomm_b2 {
background-image: url(../images/06/top_i_21_1706.jpg);
background-repeat: no-repeat;
width: 720px;
height: 320px;
font-size:20px;
line-height:28px;
margin-left:30px;
padding: 10px 10px 10px 10px;
display: inbox;
}

.recomm_b3 {
background-image: url(../images/06/top_i_22_1706.jpg);
background-repeat: no-repeat;
width: 720px;
height: 320px;
font-size:20px;
line-height:28px;
margin-left:30px;
padding: 10px 10px 10px 10px;
display: inbox;
}

.recomm_b4 {
background-image: url(../images/06/top_i_23_1706.jpg);
background-repeat: no-repeat;
width: 720px;
height: 320px;
font-size:20px;
line-height:28px;
margin-left:30px;
padding: 10px 10px 10px 10px;
display: inbox;
}

.recomm_text {
   margin-top:80px;
   padding-left:220px;
   padding-right:200px;
   padding-bottom:30px;
   font-size:17px;
   line-height:1.5em;
}

.recomm_text_2 {
   margin-top:80px;
   padding-left:220px;
   padding-right:240px;
   padding-bottom:30px;
   font-size:17px;
   line-height:1.5em;
}


.recomm_name{
   font-size:16px;
   font-weight:bold;
}

.com_name{
   font-size:18px;
   padding-left:60px;
}

.fukidashi_l {
    position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 240px;
 	max-width: 70%;
 	color: #555;
	font-size: 15px;
	background: #FFF;
 	border: solid 3px #FF7373;
 	box-sizing: border-box;
    border-radius: 5px;
}

.fukidashi_l:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

.fukidashi_l:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #FF7373;
 	z-index: 1;
}

.fukidashi_l p {
	margin: 0;
	padding: 0;
}

.fukidashi_r {
 	position: relative;
	display: inline-block;
 	margin: 1.0em 160px 1.5em 40px;
	padding: 7px 10px;
	min-width: 75%;
 	max-width: 75%; 
/* 	width:510px;*/
        color: #555;
	font-size: 15px;
	background: #FFF;
 	border: solid 3px orange;
 	box-sizing: border-box;
        border-radius: 5px;
}

.fukidashi_r:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}

.fukidashi_r:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid orange;
 	z-index: 1;
}

.fukidashi_r p {
	margin: 0;
	padding: 0;
}

.fukidashi_t {
    float:right;
   margin-top:-10.0em;
}

.fukidashi_t_2l {
    float:right;
   margin-top:-8.0em;
}

.fukidashi_t_3l {
    float:right;
   margin-top:-7.0em;
}

.fukidashi_t_4l {
    float:right;
   margin-top:-4.0em;
}

.fukidashi_cl {
    clear: both;  
}

.nav_listim{
    margin-bottom:-15px;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;	
    padding-right:20px;
}

.center{
	text-align: center;
}

.centerp{
	text-align: center;
    padding-top:20px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width:90px;
    height:90px;
    border:solid 6px #3770AD;
}
#page-top a {
    background: #ffffff;
    text-decoration: none;
    color: #3770AD;
    width: 90px;
    padding: 31px 0;
    text-align: center;
	display: block;
}
#page-top a:hover {
    text-decoration: none;
    background:#F8EFEF;
}

#page-top i {
	margin-top:-20px;
}

hr {
  width:85%;	
}
.footer_copy {
	width:100%;
	margin-top:100px;
	background:#3770AD;
    text-align: center;
	color:#FFFFFF;
    padding:20px;
}

.box_orange {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px orange;
}
.box_orange p {
    margin: 0; 
    padding: 10px 0px 10px 0px;
}

.box_green {
    padding: 0.5em 1em;
    margin: 5px 5px;
    width:85%;
	font-weight: bold;
    border: solid 3px forestgreen;
    border-radius: 50px;
    background-color:forestgreen;
    color:#ffffff;
    text-align:center;
}

.box_green p {
    margin: 0; 
    padding: 10px 0px 10px 0px;
}

.line_grey {
	border-bottom: solid 2px grey;
}

.line_t_red {
	border-top: solid 6px red;	
	border-left: solid 6px red;	
	border-right: solid 6px red;	
    font-weight:bold;
}

.line_tbl_red {
	border-left: solid 6px red;	
	border-right: solid 6px red;	
    font-weight:bold;
}

.line_b_red {
	border-left: solid 6px red;	
	border-right: solid 6px red;	
	border-bottom: solid 6px red;	
    font-weight:bold;
}

.line_under {
	border-bottom: solid 2px grey;		
}

.col_reason
{
	width: 1480px;
	border-style: none;
	border-color: transparent;
	padding-bottom: 0px;
	position: relative;
	left: -100px;
	margin-top: 44px;
    padding: 1.0em  0;
	background: #FFFFFF url("../images/bg-reason-u41.jpg") no-repeat left top;
	background-size: cover !important;
}

.flex_contch {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align:center;
    align-content:baseline;
}

.ch_box {
	margin: 0 0 0 180px;
	padding: 0;
	width: 70%;
    text-align:center;
}

.tasha_t {
	width:300px;
	margin-top:0px;
	padding: 0px;
	background-color: #f0f0f0;   /* 背景色 */
	text-align: left;
	line-height: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
	color: #79796a;
}

.chigai_t {
	width:300px;
	margin-top:0px;
	padding: 0px;
	background-color: #ffefda;   /* 背景色 */
	text-align: left;
	line-height: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
	color: #79796a;
}

.tigai_h {
padding: 0.2em 2.5em;
text-align:left;
font-size:2em;
color: #000000;
background: #BFEFFF;
/*border-left: solid 5px #FD4507;*/
}

.tigai2_h {
padding: 0.5em 0em 0.5em 2.5em;
text-align:left;
font-size:2em;
color: #000000;
background: #BFEFFF;
}
.flex-company {
	width:80%;
	margin:1.0em 10%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.flex-company p{
	margin: 1.0em 0;
	padding: 0 1.4em;
	font-size:1.8em;
	text-align:left;
	font-weight:bold;
}
.flex-footer {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.flex-footer p{
	margin: 0.5em 3.0em;
	padding: 0 1.0em;
	font-size:1.4em;
	text-align:center;
}
.flex-hc {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
.flex-hl {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: start;
}
.bangrids {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items: start;
 }
.bangridw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items: baseline;
 }
.bangridw0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    justify-items: center;
    align-items: center;
 }
.bangridws {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items:start;
 }
.bangridwl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: left;
    align-items:start;
 }
.bangridwv {
    display: grid;
    grid-template-columns: 1fr 340px;
    grid-template-rows: 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 20px;
    justify-items: left;
    align-items:start;
 }
.bangridwst {
    display: grid;
    grid-template-columns: 1fr 340px;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items:center;
 }
.bangridwff {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: center;
    align-items:center;
 }
.bangridwiff {
	padding:0.5em 1.0em;
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: left;
    align-items:center;
 }
.bangridwrh {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
    justify-items: left;
    align-items:center;
 }
.bangridt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: center;
    align-items: center;
 }
.bangridfo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items: center;
 }
.bangridnag {
    display: grid;
    grid-template-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: center;
    align-items: center;
 }
.bangridnagr {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: center;
    align-items: center;
 }
.sch-gradient {
  width: 100%;
  background-image: repeating-conic-gradient(from 3deg, rgba(253, 227, 167, 1) 5deg 10deg, rgba(255, 212, 137, 1) 10deg 15deg);
}
.backyell {
  background: #FFF000;
  padding: 0 0.8em;
}
.left_12te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.2em;
line-height:1.4em;
text-align:left;
color:#000000;
}
.left_14te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.4em;
line-height:1.4em;
text-align:left;
color:#000000;	
}
.left_16te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.6em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_18te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.8em;
line-height:1.4em;
text-align:left;
color:#000000;	
}
.left_18mte {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:1.8em;
font-weight:bold;	
line-height:1.4em;
text-align:left;
color:#FFFFFF;	
letter-spacing:0.2rem;
}
.left_20te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.0em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_20mte {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:2.0em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_20nte {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.0em;
line-height:1.4em;
text-align:left;
color:#000000;	
}
.left_22te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.2em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_24te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.4em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_26te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.6em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.left_28te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.8em;
line-height:1.4em;
text-align:left;
font-weight:bold;	
color:#000000;	
}
.center_12te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.4em;
line-height:1.2em;
text-align:center;
color:#000000;	
}
.center_14te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.4em;
line-height:1.2em;
text-align:center;
color:#000000;	
}
.center_16te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.6em;
line-height:1.4em;
text-align:center;
font-weight:bold;	
color:#000000;	
}
.center_18te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.8em;
line-height:1.4em;
text-align:center;
font-weight:bold;	
color:#000000;	
}
.center_20te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.0em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_20mte {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size:2.4em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_24te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.4em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_26te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.6em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_28te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:2.8em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_30te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:3.0em;
line-height:1.5em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_32te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:3.2em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_34te {
font-family: "游明朝 Medium", osaka, sans-serif;     
font-size:3.6em;
line-height:1.5em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.center_36te {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:3.6em;
line-height:1.4em;
text-align:center;
font-weight:bold;
color:#000000;	
}
.right_14te {
margin:0.5em;
padding:0; 	
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.4em;
line-height:2.0em;
text-align:right;
color:#000000;	
}
.right_16te {
margin:0;
padding:0 2.0em 0 0; 	
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
font-size:1.6em;
line-height:1.4em;
text-align:right;
font-weight:bold;
color:#000000;	
}
.double_line {
  display: inline-block;
  margin: 0;	
  padding: 1.0em 3.0em 0 3.0em;
  background: #F9F6EE;
  box-shadow: 0 0 0 2px #E8D8BC, 0 0 0 4px #fff, 0 0 0 10px #E8D8BC;
}
.h_gr_box {
    width:560px;
    margin: 1em 0;
	padding: 0.5em 0em;
    border: double 6px #FF9326;
    background: -moz-linear-gradient(#FEFCF9, #F6CF9C);
    background: -webkit-linear-gradient(#FEFCF9c, #F6CF9C);
    background: linear-gradient(to bottom, #FEFCF9, #F6CF9C);
    }
.h_gr_box p {
    margin: 0; 
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
    font-size:2.6em;
	line-height: 1.1em;
    font-weight:bold;
	text-align: center;
	color:#000000;
}
.hiybox {
	width:70%;
    padding: 0.5em;
    margin: 0.5em 15% 2.5em 15%;
    color: #000000;
    background: #FFFFFF;
    border: solid 8px #0070c0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
    border-radius: 20px;
}
.hiybox p {
    margin: 0; 
    padding: 0.2em 0.5em;
}
.whead {
    position: relative;
    margin-bottom: 0.2rem;
    padding: 0.5rem 0;
    border-bottom: 10px solid;
    border-image: linear-gradient(to right, #CDA01B, #FDF182);
    border-image-slice: 1;
    font-size: 2.6em;
    font-weight: bold;
}
.boxrh{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #FFFADE;
    border-top: solid 8px #F0E66F;
    border-bottom: solid 8px #F0E66F;
    border-image: linear-gradient(to right, rgb(162, 131, 131), #F0E66F);
	border-image-slice: 1;
}
.boxrh p {
    margin: 0; 
    padding: 0;

}
.whead:before {
    position: absolute;
    bottom: -0.8rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #CDA01B, #FDF182);
    border-image-slice: 1;
    content: '';
}
.wrhead {
    position: relative;
    margin-bottom: 0.2rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #CDA01B, #FDF182);
    border-image-slice: 1;
	font-size: 2.6em;
    font-weight: bold;
    text-align:center;
}
.wrhead:before {
    position: absolute;
    bottom: -0.8rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 10px solid;
    border-image: linear-gradient(to right, #CDA01B, #FDF182);
    border-image-slice: 1;
    content: '';
}
.wrhead p {
	margin:0;
	padding:0;
}
.bshadow {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}

.bkcolor {
	background-color:#FAF3E0;
}
.bk_box {
    padding: 0.5em 1.0em;
    margin: 1.0em;
    color: #000000;
    background: #FCFAED;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
	text-align:center;
	font-weight:bold;
}
.bk_box p {
    margin: 0; 
    padding: 0;
	line-height:1.2em;
}
.undery {
  background: linear-gradient(transparent 70%, #FFF000 70%);
}
.arrow_box {
	position: relative;
	padding:0.5em 1.0em;
	background: #FFFFFF;
	border: 4px solid #FFFFFF;
	border-radius: 8px;
  	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
  	font-size:1.6em;
  	line-height:1.2em;	
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 36px;
	margin-top: -36px;
}
.flex-hc {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
.bkcolor {
	background-color:#FAF3E0;
}
.bshadow {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 80%;
  margin:1.0em 0;	
}

table th,table td{
  border-radius: 5px;
  text-align: center;
  padding: 20px 10px;
}

table th{
  background-color: #DBDBEA;
  color: #000000;
  border:solid 1px #927141;
  font-size:1.2em;
  padding:1.0em 0;
  font-weight:normal;	
}

table td{
  background-color: #F4F0E3;
  border:solid 1px #af9d85;
  font-size:1.2em;
  line-height:1.4em;	
  font-weight:normal;
  text-align:left;
  padding-left:1.0em;	
}
.stcol {
  font-size:1.2em;
  background-color:#336600;
/*  border-left:solid 4px #FF0000;*/
  color:#FFFFFF;	
  text-align:center;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.itmh {
  background-color: #FFFFFF;
  border:solid 1px #FFFFFF;
}
.head_hbk {
background: rgb(38,133,75);
background: linear-gradient(180deg, rgba(38,133,75,1) 0%, rgba(39,61,12,1) 100%);	
}
.square{
    width: 25px;
    height: 25px;
    background: #FFFFFF;
/*    opacity: 0.5;*/
    position: absolute;
    border: 1px solid #FFFFFF;
}
#square1{
    top: 20px;
    left: 15px;
}
#square2{
    top: 25px;
    left: 20px;
}
#msg-h p{
	margin:1.0em 0 0 0.5em;
	padding:0.5em;
}
#msg-hh p{
	margin:1.0em 0 0 0.5em;
	padding:0.5em;
}
.stcent {
  text-align:center;
}
.fminp {
    padding: 0.1em 0.5em;
    margin: 2em 0.5em;
    font-weight: bold;
    color: #FFFFFF;/*文字色*/
    background: #FF0000;
    border: solid 1px #FF0000;/*線*/
    border-radius: 6px;/*角の丸み*/
}
.fminp p {
    margin: 0; 
    padding:0;
}
.bminp {
    padding: 0.1em 0.5em;
    margin: 2em 0.5em;
    font-weight: bold;
    color: #FFFFFF;/*文字色*/
    background: #3232FF;
    border: solid 1px #FF0000;/*線*/
    border-radius: 6px;/*角の丸み*/
}
.bminp p {
    margin: 0; 
    padding:0;
}
.divider-top {
    margin: -1px 0 0 0;
	padding:0;
    background: #00B200;
    border-top: 1px solid #cccccc;
    border-radius: 3px;
}
.divider-top .box-title {
    font-size: 1.2em;
	height:1.4em; 
    background: #85B200;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.divider-top p {
    padding: 15px 20px;
    margin: 0;
}