@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-image: url("../img/header_img_pc.svg");}
#page_header h2.black{color:#333;}
#page_header h3{font-size: 1.6em;color:#ffffff;}

.title_h2{font-size: 2.2em;margin: 0 0 1em;color: #595757 !important;line-height: 1.14em;}
.title_h2 span{font-size: 0.7em;display: block;}


/* ---------- section_03 ------- */
.section_03{background-color: #feeedb;padding: 2em 0;}
/* 角括弧風ボックス */
.cstm-box-angle-bracket {
  margin: 2em auto; /* 外側余白 */
  padding: 2em; /* 内側余白 */
  position: relative; /* 配置基準 */
  max-width: 800px; /* 最大幅 */
  color: #111; /* 文字色（＝装飾色の基準） */
}

.cstm-box-angle-bracket::before,
.cstm-box-angle-bracket::after {
  content: ""; /* 擬似要素 */
  height: 100%; /* ボックス高 */
  width: 1em; /* カッコ幅 */
  position: absolute; /* 位置指定 */
  bottom: 0; /* 下端揃え */
  border-top: 2px solid #f0a93f; /* 上線 */
  border-bottom: 2px solid #f0a93f; /* 下線 */
}

.cstm-box-angle-bracket::before {
  left: 0; /* 左配置 */
  border-left: 2px solid #f0a93f; /* 左カッコ */
}

.cstm-box-angle-bracket::after {
  right: 0; /* 右配置 */
  border-right: 2px solid #f0a93f; /* 右カッコ */
}

/* ボックス内の段落 */
.cstm-box-angle-bracket p {
  margin: 0;
}
.support_lead{font-size: 1.3em;font-weight: bold;line-height: 1.8em;padding-left: 2em;float: left;}


/* ---------- section_04 ------- */
.boxitem_03-2,.boxitem_03-01{width: 29%;
    height: auto;
    display: block;
    margin-bottom: 5%;}
.img_icon{width: 40%;margin: 0 auto;}
.sec04_center_h3{text-align: center;font-size: 1.4em;line-height: 1.2em;margin-bottom: 0.4em;}

/* ---------- section_05 ------- */
.section_05{background-color: #feeedb;padding: 2em 0;}
.sec05_right{width: 64%;float: right;padding-right: 2em;}
.support_h3{font-size: 1.6em;font-weight: bold;line-height: 1.8em;margin-bottom: 0.4em;}
.support_lead_02{font-size: 1.10em;font-weight: bold;line-height: 1.5em;}
/* ---------- section_06 ------- */
.sec06_h3{font-size: 1.6em;margin: 1.2em 0 1.2em;}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {


	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.svg");background-color: #f0a93f;}
#page_header h3{font-size: 1.2em;}

.title_h2{font-size: 1.6em;margin: 0 0 1em;color: #595757 !important;line-height: 1.14em;}
.title_h2 span{font-size: 0.7em;display: block;}

/* ---------- section_03 ------- */
.section_03{background-color: #feeedb;padding: 2em 0;}
/* 角括弧風ボックス */
.cstm-box-angle-bracket {
  margin: 0em auto; /* 外側余白 */
  padding: 0em; /* 内側余白 */
  position: relative; /* 配置基準 */
  max-width: 800px; /* 最大幅 */
  color: #111; /* 文字色（＝装飾色の基準） */
}

.cstm-box-angle-bracket::before,
.cstm-box-angle-bracket::after {
  display: none; content: ""; /* 擬似要素 */
}

	.w30per{width: 100%;margin-bottom: 1em;}
.support_lead{font-size: 1.0em;font-weight: bold;line-height: 1.8em;padding-left: 0em;float: none;}


/* ---------- section_04 ------- */
.boxitem_03-2{width: 46%;
    height: auto;
    display: block;
    margin-bottom: 5%;}
.img_icon{width: 40%;margin: 0 auto;}
.sec04_center_h3{text-align: center;font-size: 1.0em;line-height: 1.2em;margin-bottom: 0.4em;}
.boxitem_03-2 p{font-size: 0.84em;}
/* ---------- section_05 ------- */
.sec05_right{width: 100%;float: none;padding-right: 0em;}
.support_h3{font-size: 1.2em;line-height: 1.3em;}
.support_lead_02{font-size: 0.9em;font-weight: normal;}
/* ---------- section_06 ------- */
.sec06_h3{font-size: 1.2em;line-height: 1.3em;margin: 1.2em 0 1.2em;}
.boxitem_03-01{width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10%;}
.boxitem_03-01 .mgss{margin-bottom: 0.4em;}
}