/*
▼Noto指定
font-family: 'Noto Sans JP', sans-serif;

▼FontAwesome5t
https://fontawesome.com/icons/categories/coding
*/


/* https://ics.media/entry/200317/ */
*{
font-family: 'Noto Sans JP', sans-serif,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

:root {
  --maincolor: #005795;
  --subcolor: #006EB0;
  --color_red: #E60127;
  --color_green: #37A34A;
  --color_blue: #005AAB;
  --color_lightgreen: #539B86;
  --color_darkgray: #7E837F;
  --color_lightgray: #F0F0F0;
  --color_purple: #9b72b0;
}


section,
.section{
width:1020px;
margin:0 auto;
}



a{
-webkit-transition-property:opacity;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:linear; 
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

img{
-webkit-transition-property:opacity;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:linear; 
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border:0;
vertical-align:bottom;
max-width:100%;
height:auto;
}

a:hover{
opacity:0.8;
}



p {
padding:0;
margin: 0 0 30px 0;
}


table{border-collapse:collapse;font-size:14px;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}


.font_normal{font-weight:normal !important;}
.font_bold{font-weight:bold !important;}
.font_italic{font-style:italic !important;}


.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}




.mar0px{margin-bottom:0px !important;}
.mar5px{margin-bottom:5px !important;}
.mar10px{margin-bottom:10px !important;}
.mar15px{margin-bottom:15px !important;}
.mar20px{margin-bottom:20px !important;}
.mar25px{margin-bottom:25px !important;}
.mar30px{margin-bottom:30px !important;}
.mar35px{margin-bottom:35px !important;}
.mar40px{margin-bottom:40px !important;}
.mar45px{margin-bottom:45px !important;}
.mar50px{margin-bottom:50px !important;}
.mar60px{margin-bottom:60px !important;}
.mar70px{margin-bottom:70px !important;}
.mar80px{margin-bottom:80px !important;}
.mar90px{margin-bottom:90px !important;}
.mar100px{margin-bottom:100px !important;}
.mar110px{margin-bottom:110px !important;}
.mar120px{margin-bottom:120px !important;}
.mar130px{margin-bottom:130px !important;}
.mar140px{margin-bottom:140px !important;}
.mar150px{margin-bottom:150px !important;}



.div98{
width:98%;
margin-left:auto;
margin-right:auto;
}
.div96{
width:96%;
margin-left:auto;
margin-right:auto;
}
.div94{
width:94%;
margin-left:auto;
margin-right:auto;
}
.div92{
width:92%;
margin-left:auto;
margin-right:auto;
}
.div90{
width:90%;
margin-left:auto;
margin-right:auto;
}
.div80{
width:80%;
margin-left:auto;
margin-right:auto;
}
.div70{
width:70%;
margin-left:auto;
margin-right:auto;
}






.clear{clear:both;}

.clearfix{
overflow:hidden;
}
* html .clearfix{
height:1%;
overflow:visible;
}

.sponly{
display:none;
}


a.tel{
pointer-events: none;
}





/******************
色指定
******************/



.font_red {
    color: #ff0000 !important;
}

.font_blue {
    color: #26499d !important;
}

.font_gray {
    color: #666 !important;
}

.font_lightgray {
    color: #aaa !important;
}




/******************
ボタン
******************/



.title_font38{font-size:38px;}
.title_font37{font-size:37px;}
.title_font36{font-size:36px;}
.title_font35{font-size:35px;}
.title_font34{font-size:34px;}
.title_font33{font-size:33px;}
.title_font32{font-size:32px;}
.title_font31{font-size:31px;}
.title_font30{font-size:30px;}
.title_font29{font-size:29px;}
.title_font28{font-size:28px;}
.title_font27{font-size:27px;}
.title_font26{font-size:26px;}
.title_font25{font-size:25px;}
.title_font24{font-size:24px;}
.title_font23{font-size:23px;}
.title_font22{font-size:22px;}
.title_font21{font-size:21px;}
.title_font20{font-size:20px;}
.title_font19{font-size:19px;}
.title_font18{font-size:18px;}

.title_h{
margin-bottom:30px;
}
.title_h.mb0{
margin-bottom:0px;
}
.title_h.mb20{
margin-bottom:20px;
}
.title_h.mb50{
margin-bottom:50px;
}

.title_bold{
font-weight:bold;
}

.title_center{
text-align:center;
}

.title_doubleline{
border-top: 5px solid var(--maincolor);
border-bottom: 5px solid var(--maincolor);
padding: 10px 0;
}

.title_underline{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

.title_sideline{
border-left:5px solid #ccc;
padding:3px 0 3px 10px;
}
.title_side-colorline{
border-left:5px solid var(--maincolor);
padding:3px 0 3px 10px;
}


.title_bg-lightgray{
background:#efefef;
padding: 10px 20px;
}

.title_fukidashi{
position: relative;
padding: 10px 20px;
background: #efefef;
}
.title_fukidashi:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #efefef;
width: 0;
height: 0;
}

.title_colorline{
border-bottom: 1px solid var(--maincolor);
padding-bottom: 5px;
}

.title_2line{
border-bottom: solid 3px #efefef;
position: relative;
padding-bottom: 5px;
}
.title_2line:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px var(--maincolor);
bottom: -3px;
width:100px;
}

hgroup.center{
text-align:center;
}

.title_center-underline {
  position: relative;
/*display: inline-block;*/
display:block;
}
.title_center-underline:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: var(--maincolor);
  border-radius: 2px;
}



.title_center-verline {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.title_center-verline:before,
.title_center-verline:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color:#000;
}
.title_center-verline:before {
  left:0;
}
.title_center-verline:after {
  right: 0;
}


.title_center-kakko{
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
top:0;
}

.title_center-kakko:before,
.title_center-kakko:after{ 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}

.title_center-kakko:before {
border-left: solid 1px black;
border-top: solid 1px black;
border-bottom: solid 1px black;
left: 0;
}

.title_center-kakko:after {
content: '';
border-top: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
right: 0;
}


/*FontAwesomeを使用したタイトル*/

.title_checkmark {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}

.title_checkmark:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
  font-weight: 900;
}


.title_line-arrow {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
}

.title_line-arrow:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}

.title_bg-icon{
  position: relative;
  background: #efefef;
  line-height: 1.4;
  padding: 10px 20px 10px 50px;
}

.title_bg-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 20px; /*左端からのアイコンまでの距離*/
  color: var(--maincolor); /*アイコン色*/
}





/******************
フォントサイズ
******************/

.font_font28{font-size:28px;}
.font_font27{font-size:27px;}
.font_font26{font-size:26px;}
.font_font25{font-size:25px;}
.font_font24{font-size:24px;}
.font_font23{font-size:23px;}
.font_font22{font-size:22px;}
.font_font21{font-size:21px;}
.font_font20{font-size:20px;}
.font_font19{font-size:19px;}
.font_font18{font-size:18px;}
.font_font17{font-size:17px;}
.font_font16{font-size:16px;}
.font_font15{font-size:15px;}
.font_font14{font-size:14px;}
.font_font13{font-size:13px;}
.font_font12{font-size:12px;}




/******************
カラムレイアウト
******************/


/*1行*/

.column2,
.column3,
.column4,
.column_photo{
    display: flex;
    flex-flow: wrap;
    justify-content:space-between;
}

.column1 .box,
.column2 .box,
.column3 .box,
.column4 .box,
.column_photo .box{
margin-bottom:3%;
}


.column2 .box{
width:47%;
}

.column3 .box{
width:30%;
}

.column4 .box{
width:22%;
}

.column5 .box{
width:17%;
}

.column_photo .box.photo{
width:29%;
}
.column_photo .box.text{
width:65%;
}

.column_photo.wide .box.photo{
width:40%;
}
.column_photo.wide .box.text{
width:54%;
}


.column3.flex-flow,
.column4.flex-flow,
.column5.flex-flow{
justify-content: start;
}


.column3.flex-flow .box{
margin-right:5%
}

.column4.flex-flow .box{
margin-right:4%
}

.column5.flex-flow .box{
width:16%;
margin-right:3.75%
}

.column3.flex-flow .box:nth-child(3n),
.column4.flex-flow .box:nth-child(4n),
.column5.flex-flow .box:nth-child(5n){
margin-right:0
}





p.photo_caption{
font-size:12px;
margin:5px 0 0 0;
}
p.photo_caption.center{
text-align:center;
}
p.photo_caption.gray{
color:#787878;
}
p.photo_caption.line:before{
content:'-';
margin-right:5px
}
p.photo_caption.italic{
    font-style: italic;
}


.column_photo_round .box.photo{
float:left;
margin:0 20px 20px 0;
}
.column_photo_round.photo_right .box.photo{
float:right;
margin:0 0px 20px 20px;
}

.column_photo_round .box.photo.width_10{width:10%;}
.column_photo_round .box.photo.width_15{width:15%;}
.column_photo_round .box.photo.width_20{width:20%;}
.column_photo_round .box.photo.width_25{width:25%;}
.column_photo_round .box.photo.width_30{width:30%;}
.column_photo_round .box.photo.width_35{width:35%;}
.column_photo_round .box.photo.width_40{width:40%;}




/******************
テーブル
******************/

.table_wrap table{
border:1px solid #DCDCDC;
width:100%;
}
.table_wrap table th,
.table_wrap table td{
border:1px solid #DCDCDC;
padding:15px;
}
.table_wrap table th{
background:#EFEFEF;
}
.table_wrap table td{
}
.table_wrap table th.bg,
.table_wrap table td.bg{
background:#EFEFEF;
}
.table_wrap table th.color,
.table_wrap table td.color{
background:var(--maincolor);
}
.table_wrap table th.color.font_white,
.table_wrap table td.color.font_white{
color:#fff;
}

.table_wrap table.th_center th,
.table_wrap table.td_center td{
text-align:center;
}



/******************
DLタグ
******************/



.dl_wrap dl{
width:100%;
}
.dl_wrap dl dt{
border-bottom:1px solid #DCDCDC;
padding:10px 0;
}
.dl_wrap dl dd{
padding:10px 0 0 25px;
}

.dl_wrap.dt-nobold dl dt{
    font-weight: normal;
}

.dl_wrap.no-border dl dt{
border-bottom:none;
}

.dl_wrap.dl_side dl{
width:100%;
border-bottom:1px solid #DCDCDC;
    display: flex;
    flex-flow: wrap;
    justify-content:space-between;
}
.dl_wrap.dl_side dl dt{
border:none;
padding:10px 0 ;
}
.dl_wrap.dl_side dl dd{
padding:10px 0 ;
}

.dl_wrap.dl_side.dt_10 dl dt{width:10%;}
.dl_wrap.dl_side.dt_10 dl dd{width:88%;}
.dl_wrap.dl_side.dt_20 dl dt{width:20%;}
.dl_wrap.dl_side.dt_20 dl dd{width:78%;}
.dl_wrap.dl_side.dt_30 dl dt{width:30%;}
.dl_wrap.dl_side.dt_30 dl dd{width:68%;}
.dl_wrap.dl_side.dt_40 dl dt{width:40%;}
.dl_wrap.dl_side.dt_40 dl dd{width:58%;}
.dl_wrap.dl_side.dt_50 dl dt{width:50%;}
.dl_wrap.dl_side.dt_50 dl dd{width:48%;}


.dl_wrap.dt_bg dl{
border:none;
}
.dl_wrap.dt_bg dl dt{
background:#EFEFEF;
border:none;
padding:15px;
}
.dl_wrap.dt_bg dl dd{
padding:15px;
}

.dl_wrap.dl_side.dt_bg dl{
border:none;
margin-bottom:15px;
}
.dl_wrap.dl_side.dt_bg dl dt{
background:#EFEFEF;
padding:15px;
}
.dl_wrap.dl_side.dt_bg dl dd{
padding:15px;
}





/******************
テキストリンク
******************/

a.textlink,
.link_textlink a{
text-decoration:underline;
}

a.arrow_before{
  position: relative;
padding-left:20px;
text-decoration:underline;
}
a.arrow_before:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0a9";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  left: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}

a.arrow_after{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.arrow_after:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0a9";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}

a.arrow_anchor_before{
  position: relative;
padding-left:20px;
text-decoration:underline;
}
a.arrow_anchor_before:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0ab";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  left: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}



a.arrow_anchor{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.arrow_anchor:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0ab";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}



a.icon_blank{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.icon_blank:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f2d2";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}


a.icon_pdf{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.icon_pdf:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f1c1";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: #D60000; /*アイコン色*/
}

a.icon_xls{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.icon_xls:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f1c3";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: #D60000; /*アイコン色*/
}


a.icon_doc{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
a.icon_doc:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f1c2";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: #0073a8; /*アイコン色*/
}

a.icon_tel {
    position: relative;
    padding-left: 20px;
    pointer-events: none;
font-weight:bold;
}
a.icon_tel:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f095";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  left: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: #333; /*アイコン色*/
}


a.icon_tel.large{
font-size:30px;
padding-left:40px;
}
a.icon_tel.large:before {
font-size:30px;
}

a.icon_tel.icon-large{
padding-left:40px;
}
a.icon_tel.icon-large:before {
font-size: 26px;
position: relative;
top: 2px;
margin-right: 10px;
}


/******************
ボタン
******************/

a.btn_link {
text-decoration:underline;
font-size:18px;
font-weight:bold;
border:2px solid var(--maincolor);
border-radius:5px;
min-width:310px;
padding:15px 30px;
text-decoration:none;
display:inline-block;
text-align:center;
}
a.btn_link span.icon{
display:inline-block;
position: relative;
padding-right:23px;
}
a.btn_link span.icon:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0a9";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 18px;/*サイズ*/
  color: var(--maincolor); /*アイコン色*/
    top: 55%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
a.btn_link:hover{
background: var(--maincolor);
color:#fff;
}
a.btn_link:hover span.icon:before {
color:#fff;
}




a.btn_link.btn_color {
border:2px solid var(--maincolor);
background: var(--maincolor);
color:#fff;
}
a.btn_link.btn_color span.icon:before {
  color: #fff; /*アイコン色*/
}
a.btn_link.btn_color:hover{
background: #fff;
color:var(--maincolor);
}
a.btn_link.btn_color:hover span.icon:before {
color:var(--maincolor);
}


a.btn_link.blank span.icon:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f2d2";/*アイコンのユニコード*/
}

a.btn_link.anchor span.icon:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0ab";/*アイコンのユニコード*/
}


a.btn_link.width-ok {
min-width:auto;
}



.column_anchor .box{
margin-bottom: 10px;
float:left;
}

.column_anchor.box2 .box{
width:48%;
margin-right:4%
}
.column_anchor.box3 .box{
width:30.6%;
margin-right:4%
}
.column_anchor.box4 .box{
width:22%;
margin-right:4%
}
.column_anchor.box5 .box{
width:16%;
margin-right:4%
}

.column_anchor.box2 .box:nth-child(2n),
.column_anchor.box3 .box:nth-child(3n),
.column_anchor.box4 .box:nth-child(4n),
.column_anchor.box5 .box:nth-child(5n){
margin-right:0%;
}


.column_anchor .box a.btn_link.anchor{
font-size: 16px;
font-weight: normal;
min-width: auto;
padding: 10px 15px;
display: table;
width:100%;
}
.column_anchor .box a.btn_link.anchor span.icon{
display:table-cell;
vertical-align: middle;
}




/******************
リスト
******************/


ul.li_disc li{
list-style:disc !important;
margin:0 0 10px 20px;
}

ul.li_decimal li{
list-style:decimal !important;
margin:0 0 10px 20px;
}

ul.li_kome li{
list-style:none !important;
    margin: 0 0 10px 16px;
    text-indent: -16px;
}
ul.li_kome li:before{
content:'※' !important;
}


ul.li_num li{
list-style:none !important;
    margin: 0 0 10px 20px;
    text-indent: -20px;
}
ul.li_num li:nth-child(1):before{
content:'①' !important;
margin-right:5px;
}
ul.li_num li:nth-child(2):before{
content:'②' !important;
margin-right:5px;
}
ul.li_num li:nth-child(3):before{
content:'③' !important;
margin-right:5px;
}
ul.li_num li:nth-child(4):before{
content:'④' !important;
margin-right:5px;
}
ul.li_num li:nth-child(5):before{
content:'⑤' !important;
margin-right:5px;
}
ul.li_num li:nth-child(6):before{
content:'⑥' !important;
margin-right:5px;
}
ul.li_num li:nth-child(7):before{
content:'⑦' !important;
margin-right:5px;
}
ul.li_num li:nth-child(8):before{
content:'⑧' !important;
margin-right:5px;
}
ul.li_num li:nth-child(9):before{
content:'⑨' !important;
margin-right:5px;
}
ul.li_num li:nth-child(10):before{
content:'⑩' !important;
margin-right:5px;
}
ul.li_num li:nth-child(11):before{
content:'⑪' !important;
margin-right:5px;
}
ul.li_num li:nth-child(12):before{
content:'⑫' !important;
margin-right:5px;
}

ul.li_disc.indent,
ul.li_decimal.indent,
ul.li_kome.indent,
ul.li_num.indent{
margin-left:40px;
}


ul.li_num li ul.li_disc li,
ul.li_kome li ul.li_disc li,
ul.li_decimal li ul.li_disc li{
list-style:disc !important;
margin-top:10px;
}


ul.li_disc li ul.li_decimal li,
ul.li_num li ul.li_decimal li,
ul.li_kome li ul.li_decimal li,
ul.li_decimal li ul.li_decimal li{
list-style:decimal !important;
margin-top:10px;
}



ul.li_kanji li{
list-style:none !important;
    margin: 0 0 10px 25px;
text-indent: -25px;
}
ul.li_kanji li:nth-child(1):before{
content:'一.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(2):before{
content:'二.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(3):before{
content:'三.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(4):before{
content:'四.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(5):before{
content:'五.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(6):before{
content:'六.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(7):before{
content:'七.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(8):before{
content:'八.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(9):before{
content:'九.' !important;
margin-right:5px;
}
ul.li_kanji li:nth-child(10):before{
content:'十.' !important;
margin-right:5px;
}

ul.li_hitotsu li{
list-style:none !important;
    margin: 0 0 10px 25px;
text-indent: -25px;
}
ul.li_hitotsu li:before{
content:'一.' !important;
margin-right:5px;
}








/******************
枠ボックス
******************/


.frame_border{
border:1px solid #BBBBBB;
border-radius:10px;
padding:25px;
}
.frame_border p:last-child{
margin-bottom:0;
}

.frame_border.bg_gray{
background:#F8F8F8;
}

.frame_border.bg_color{
background:var(--maincolor);
border:none;
}

.frame_border.font_white{
color:#fff;
}

.frame_border.border_color{
border:1px solid var(--maincolor);
}


/******************
ステップフロー
******************/

.stepflow_wrap{
}
.stepflow_wrap dl{
border-bottom:1px solid #CCCCCC;
    position: relative;
margin-bottom:50px;
padding:0 0 10px 0;
}
.stepflow_wrap dl:after{
    content: '';
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid var(--maincolor);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.stepflow_wrap dl:last-child{
border:none;
}
.stepflow_wrap dl:last-child:after{
content:none;
}

.stepflow_wrap dl dt.label{
background:#EFEFEF;
text-align:center;
font-weight:bold;
font-size:18px;
    display: inline-block;
    min-width: 150px;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.stepflow_wrap dl dd.title{
font-weight:bold;
font-size:18px;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: inline-block;
}
.stepflow_wrap dl dd.text{
display:block;
}






/******************
section内で横100％の枠
******************/

.frame_100vw{
padding:50px 0;
    width: 98.9vw;
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.frame_100vw.bg_gray{
background:#EFEFEF;
}


/******************
タブ
******************/


.frame_mokuji button,
.frame_mokuji input,
.frame_mokuji optgroup,
.frame_mokuji select,
.frame_mokuji textarea,
.tab_layout button,
.tab_layout input,
.tab_layout optgroup,
.tab_layout select,
.tab_layout textarea {
  -webkit-appearance: none; 
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; 
}




.tab_layout{
padding:0 5%;
border-bottom:1px solid #BBBBBB;
}

.tab_layout label{
display:none;
}

.tab_layout .wraps ul{
    display: flex;
    flex-flow: wrap;
    justify-content:space-between;
}
.tab_layout .wraps ul li{
text-align:center;
}
.tab_layout .wraps ul li a{
display: block;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
border-top:1px solid #BBBBBB;
    background: linear-gradient(180deg,#fff 0%, #fff 56%, #F8F8F8 100%);
}
.tab_layout .wraps ul li a:hover{
background:var(--maincolor);
color:#fff;
border-left:1px solid var(--maincolor);
border-right:1px solid var(--maincolor);
border-top:1px solid var(--maincolor);
}

.tab_layout .wraps ul li a.active{
background:var(--maincolor);
color:#fff;
border-left:1px solid var(--maincolor);
border-right:1px solid var(--maincolor);
border-top:1px solid var(--maincolor);
}

.tab_layout.box2 .wraps li{
width:47%;
}
.tab_layout.box3 .wraps li{
width:29%;
}
.tab_layout.box4 .wraps li{
width:21%;
}
.tab_layout.box5 .wraps li{
width:18%;
}





/******************
ブログページャーボタン
******************/

.blog_pager{
padding:0 5%;
border-top:1px solid #BBBBBB;
}


.blog_pager .wraps ul{
    display: flex;
    flex-flow: wrap;
    justify-content:space-between;
}
.blog_pager .wraps ul li{
text-align:center;
width:29%;
}
.blog_pager .wraps ul li a{
display: block;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
    background: linear-gradient(0deg,#fff 0%, #fff 56%, #F8F8F8 100%);
}
.blog_pager .wraps ul li a:hover{
background:var(--maincolor);
color:#fff;
border-left:1px solid var(--maincolor);
border-right:1px solid var(--maincolor);
border-bottom:1px solid var(--maincolor);
}


.blog_pager .wraps ul li a span.icon{
display:inline-block;
position: relative;
padding-right:20px;
}
.blog_pager .wraps ul li a span.icon:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  font-weight: 900;
  color: var(--maincolor); /*アイコン色*/
    top: 55%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.blog_pager .wraps ul li.back a span.icon,
.blog_pager .wraps ul li.home a span.icon{
padding-left:20px;
}
.blog_pager .wraps ul li.back a span.icon:before {
  content: "\f0a8";/*アイコンのユニコード*/
    top: 55%;
    left: 0%;
right:auto;
}

.blog_pager .wraps ul li.next a span.icon:before {
  content: "\f0a9";/*アイコンのユニコード*/
}

.blog_pager .wraps ul li.home a span.icon:before {
  content: "\f0aa";/*アイコンのユニコード*/
    top: 55%;
    left: 0%;
right:auto;
}
.blog_pager .wraps ul li a:hover span.icon:before{
  color: #fff;
}






/******************
目次
******************/







.frame_mokuji {
    border: 1px solid #BBBBBB;
    border-radius: 10px;
    padding: 25px;
    background: #F8F8F8;
    width: 90%;
    text-align: center;
}


.frame_mokuji label{
	font-size:20px;
font-weight:bold;
}

.frame_mokuji .wraps{
text-align:center;
margin:20px 0 auto;
}
.frame_mokuji .wraps ul{
display:inline-block;
}
.frame_mokuji .wraps ul li{
text-align:left;
list-style:disc;
margin-bottom:5px;
}
.frame_mokuji .wraps ul li a{
  position: relative;
padding-right:20px;
text-decoration:underline;
}
.frame_mokuji .wraps ul li a:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0ab";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  right: 0em;/*アイコンの位置*/
  bottom: 0.1em;/*アイコンの位置*/
  color: var(--maincolor); /*アイコン色*/
}
.frame_mokuji .wraps ul li a:hover{
color:var(--maincolor);

}

.frame_mokuji.align_left .wraps{
text-align:left;
}
.frame_mokuji.align_left .wraps ul{
margin-left:25px;
}








/******************
Youtube
******************/


.wrap_yt {
  aspect-ratio: 16 / 9;
}
.wrap_yt.tate {
  aspect-ratio: 9 / 16;
}

.wrap_yt iframe {
  width: 100%;
  height: 100%;
}







/******************
疑似インライン
******************/

.giji_inline{
 overflow:auto;
 overflow-y:scroll;
 overflow-x:hidden;
border:1px solid #ccc;
padding:25px;
}

.giji_inline.radius{
    border-radius: 7px;
}







/*************　追加デザイン　*****************/




/******************
ページ見出しブロック
******************/


.set_midashiblock{
	display: flex;
	flex-flow:wrap;
	background-color: var(--maincolor);
	color: #fff;
	width: 100%;
	margin-bottom: 40px;
}
.set_midashiblock .text_area {
	display: flex;
	flex-flow:column;
	justify-content: center;
	order:1;
	width: 350px;
	padding: 20px;
	box-sizing: border-box;
}
.set_midashiblock .text_area h1 {
	color:#fff;
	border-left: solid 5px #fff;
	font-size: 18px;
	padding-left: 20px;
	line-height: 33px;
	font-weight: 600;
	margin-bottom: 40px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.3); 
}
.set_midashiblock .text_area .title h2 {
	font-size: 26px;
	line-height: 38px;
	color:#fff;
	font-weight:bold;
	}
.set_midashiblock .text_area .title h2 span.small {
	font-size: 14px;
    line-height: 31px;
font-weight:bold;
}
.set_midashiblock .img {
	width:calc(100% - 350px);
	order:2;
}
.set_midashiblock .img img {
	min-height: 323px;
	width: 100%;
}







/******************
タイトル追加
******************/


.title_org_borderleft {
    border-left: 3px solid var(--maincolor);
    background: #F0F0F0;
    padding: 10px 20px;
}


.title_org_bg-maincolor {
	background: var(--maincolor);
	color:#fff;
	padding: 10px 20px;
}



.title_radius5{
border-radius:5px;
}
.title_radius10{
border-radius:10px;
}







.title_org_centerborder{
    padding: 10px 20px ;
    position: relative;
background:#F0F0F0;
}
.title_org_centerborder:before {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -10px;
    width: 20px;
    height: 4px;
    content: '';
    background: var(--maincolor);
}





/******************
数字付きタイトル
******************/



.title_org_num {
    position: relative;
    overflow: hidden;
    padding: 10px 20px 10px 80px;
    border-top: 3px solid var(--maincolor);
    margin-bottom: 30px;
    font-size: 115%;
}


.title_org_num span.num {
    font-size: 130%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding-top: 6px;
    padding-left: 20px;
    color: #fff;
}

.title_org_num:before {
    position: absolute;
    top: -150%;
    left: -100px;
    width: 160px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: var(--maincolor);
}



.title_org_num-squea{
    display: flex;
    flex-flow: wrap;
justify-content: space-between;
}


.title_org_num-squea span.num {
    font-size: 110%;
    font-weight: bold;
    width: 60px;
height:60px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
background: var(--maincolor);
    color: #fff;
}
.title_org_num-squea span.label{
    width: calc(100% - 80px);
    display: flex;
    flex-flow: wrap;
align-items: center;
font-weight:bold;
}





.title_org_point {
    padding: 13px 20px;
    border-radius: 10px;
display:flex;
flex-flow:wrap;
    align-items: center;
    justify-content: space-between;
background: var(--maincolor);
}
.title_org_point span.label {
    background-color: #fff;
    padding: 5px 10px;
    font-size: 80%;
    font-weight: bold;
width:100px;
text-align:center;
}
.title_org_point span.label span.num {
    color: #005AAB;
    font-size:130%;
    font-weight: bold;
margin-left:3px;
}
.title_org_point span.title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
width:calc(100% - 120px);
}



.title_org_point-only {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 5px 5px #ccc;
display:flex;
flex-flow:wrap;
    align-items: center;
    justify-content: space-between;
}
.title_org_point-only .point {
    color: var(--maincolor);
    display: inline-block;
    position: relative;
font-weight:bold;
width:130px;
}
.title_org_point-only .point .num {
    display: inline-block;
    margin-left: 10px;
    font-size: 110%;
    padding: 3px 8px;
font-weight:bold;
background: var(--maincolor);
    color: #fff;
}
.title_org_point-only .label {
font-weight:bold;
width:calc(100% - 150px);
}






/******************
吹き出し
******************/



.title_org_fuki-down {
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 100px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
background: var(--maincolor);
    color: #fff;
}
.title_org_fuki-down:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid var(--maincolor);
}



.title_org_fuki-up {
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 100px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
background: var(--maincolor);
    color: #fff;
}
.title_org_fuki-up:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid var(--maincolor);
}


.title_org_fuki-left {
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
background: var(--maincolor);
    color: #fff;
}
.title_org_fuki-left:before {
content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 15px solid var(--maincolor);
}
.title_org_fuki-right {
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
background: var(--maincolor);
    color: #fff;
}
.title_org_fuki-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
margin-top: -10px;
    border: 10px solid transparent;
    border-left: 15px solid var(--maincolor);
}



.title_org_fukiborder-down {
  position: relative;
  display: inline-block;
    padding: 10px 25px;
  border: solid 3px var(--maincolor);
    margin: 0 0 25px 0;
    border-radius: 100px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
}

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

.title_org_fukiborder-down:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid var(--maincolor);
  z-index: 1;
}



.title_org_fukiborder-up {
  border: solid 3px var(--maincolor);
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 100px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
}

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

.title_org_fukiborder-up:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid var(--maincolor);
  z-index: 1;
}



.title_org_fukiborder-left {
  border: solid 3px var(--maincolor);
  box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
}

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

.title_org_fukiborder-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid var(--maincolor);
  z-index: 1;
}






.title_org_fukiborder-right {
  border: solid 3px var(--maincolor);
    position: relative;
    display: inline-block;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
}

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

.title_org_fukiborder-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid var(--maincolor);
  z-index: 1;
}









/******************
タイトル付きブロック
******************/




.block_org_set-midashi{
display: flex;
flex-flow:wrap;
    justify-content: space-between;
}
.block_org_set-midashi dt {
    width: 100px;
font-weight:bold;
}
.block_org_set-midashi dt span.label {
    color: #fff;
    background: var(--maincolor);
    font-size: 90%;
    text-align: center;
    padding: 10px 5px;
    display: inline-block;
    width: 100%;
}
.block_org_set-midashi dd {
    width: calc(100% - 120px);
padding-top:10px;
}




/******************
ブロック表示
******************/



.block_org_set-block{
}
.block_org_set-block h3 {
    padding: 15px 20px !important;
background:#efefef;
}
.block_org_set-block .box {
    border: 1px solid #EFEFEF;
    padding: 20px 20px 30px 20px;
}
.block_org_set-block .box p:last-child{
margin-bottom:0;
}


.block_org_set-block.radius h3{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 20px !important;
background:#efefef;
}



.block_org_set-block.grow .box {
    box-shadow: 3px 3px 6px 2px #eee;
    -moz-box-shadow: 3px 3px 6px 2px #eee;
    -webkit-box-shadow: 3px 3px 6px 2px #eee;
}






.block_org_border-top {
    padding: 30px;
border:1px solid #ccc;
border-top: 15px solid var(--maincolor);
}
.block_org_border-top p:last-child{
margin:0;
}
.block_org_border-top.bg{
    background: #F8F8F8;
border-left:none;
border-right:none;
border-bottom:none;
}











.block_org_bg{
    padding: 20px;
    color: #fff;
    background: var(--maincolor);
}




.block_org_line {
    border-radius: 10px;
    padding: 20px;
    border: 3px solid var(--maincolor);
}




/******************
フロー表示用三角パーツ
******************/




.parts_org_triangle-up,
.parts_org_triangle-left,
.parts_org_triangle-right,
.parts_org_triangle-down{
display:flex;
    justify-content: center;
    align-items: center;
}



.parts_org_triangle-up span{
	height: calc(100px / 2);
	width: 100px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	display: inline-block;
background: var(--maincolor);
    color: #fff;
}
.parts_org_triangle-left span{
    height: calc(150px / 2);
    width: 40px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	display: inline-block;
background: var(--maincolor);
    color: #fff;
}
.parts_org_triangle-right span{
    height: calc(150px / 2);
    width: 40px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    display: inline-block;
background: var(--maincolor);
    color: #fff;
}
.parts_org_triangle-down span{
	height: calc(100px / 2);
	width: 100px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display: inline-block;
background: var(--maincolor);
    color: #fff;
}









.block_org_set-num-squea{
    border: solid 1px #D5D5D5;
    border-radius: 3px;
    position: relative;
    padding: 20px;

    text-align: center;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
.block_org_set-num-squea .point {
    margin: -50px auto 0px auto;
    border-radius: 3px;
    font-size: 14px;
    width: 55px;
    height: 55px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
background: var(--maincolor);
    color: #fff;
}
.block_org_set-num-squea .point span {
    font-size: 20px;
    display: block;
font-weight:bold;
}
.block_org_set-num-squea .img {
    margin: 20px 0 20px;
    text-align: center;
}


.block_org_set-num-squea .text {
    margin-top: 10px;
}


/******************
フロー表示
******************/




.block_org_flow01{
display:flex;
flex-flow:wrap;
justify-content: space-between;
    align-items: center;
}
.block_org_flow01 .box {
    width: 30%;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
}
.block_org_flow01 .yajirusi {
    width: 5%;
}
.block_org_flow01 .box h3 {
    text-align: center;
    position: relative;
    padding: 5px 25px;
    font-style: italic;
    margin-bottom: 20px;
font-weight:bold;
background: var(--maincolor);
    color: #fff;
}
.block_org_flow01 .box h3 span {
    font-size: 20px;
    display: inline-block;
    margin-left: 5px;
font-weight:bold;
}
.block_org_flow01 .box .icon {
    text-align: center;
margin-bottom:10px;
}
.block_org_flow01 .box .icon img {
    max-height: 70px;
}
.block_org_flow01 .box h4 {
    text-align: center;
    font-size: 18px;
margin-bottom:20px;
font-weight:bold;
}
.block_org_flow01 .box p:last-child{
margin-bottom:0;
}



.block_org_flow01.italic .box h3 {
    margin-left: -10px;
    line-height: 1.3;
    z-index: -2;
}
.block_org_flow01.italic .box h3:before{
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -1;
}
.block_org_flow01.italic .box h3:after {
    position: absolute;
    content: '';
    right: -3px;
    top: -7px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 79px white;
    z-index: -1;
}







.block_org_flow02 {
    display: flex;
    justify-content: space-between;
}
.block_org_flow02 .box {
    background: #EFEFEF;
    padding: 20px;
    position: relative;
    display: inline-block;
    width: 23%;
}
.block_org_flow02 .box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #EFEFEF;
}
.block_org_flow02 .box:last-child:before {
    content:unset;
}

.block_org_flow02 .box div.label span {
    color: #333;
    background: #fff;
    font-size: 14px;
    padding: 3px 10px;
    display: inline-block;
}
.block_org_flow02 .box div.label {
    margin-bottom: 15px;
}







/******************
追加デザインの色設定
******************/


.block_org_set-midashi.bg_red dt span.label,
.block_org_set-num-squea.bg_red .point,
.block_org_flow01.bg_red .box h3,
.block_org_set-block.bg_red h3,
.block_org_bg.bg_red,
.title_org_fuki-down.bg_red,
.title_org_fuki-up.bg_red,
.title_org_fuki-left.bg_red,
.title_org_fuki-right.bg_red,
.title_org_num-squea.bg_red span.num,
.title_org_bg-maincolor.bg_red,
.title_org_centerborder.bg_red:before,
.parts_org_triangle-up.bg_red span,
.parts_org_triangle-left.bg_red span,
.parts_org_triangle-right.bg_red span,
.parts_org_triangle-down.bg_red span,
.title_org_point.bg_red,
.title_org_point-only.bg_red .point .num{
background: var(--color_red);
color:#fff;
}

.block_org_set-midashi.bg_green dt span.label,
.block_org_set-num-squea.bg_green .point,
.block_org_flow01.bg_green .box h3,
.block_org_set-block.bg_green h3,
.block_org_bg.bg_green,
.title_org_fuki-down.bg_green,
.title_org_fuki-up.bg_green,
.title_org_fuki-left.bg_green,
.title_org_fuki-right.bg_green,
.title_org_num-squea.bg_green span.num,
.title_org_bg-maincolor.bg_green,
.title_org_centerborder.bg_green:before,
.parts_org_triangle-up.bg_green span,
.parts_org_triangle-left.bg_green span,
.parts_org_triangle-right.bg_green span,
.parts_org_triangle-down.bg_green span,
.title_org_point.bg_green,
.title_org_point-only.bg_green .point .num{
background: var(--color_green);
color:#fff;
}

.block_org_set-midashi.bg_blue dt span.label,
.block_org_set-num-squea.bg_blue .point,
.block_org_flow01.bg_blue .box h3,
.block_org_set-block.bg_blue h3,
.block_org_bg.bg_blue,
.title_org_fuki-down.bg_blue,
.title_org_fuki-up.bg_blue,
.title_org_fuki-left.bg_blue,
.title_org_fuki-right.bg_blue,
.title_org_num-squea.bg_blue span.num,
.title_org_bg-maincolor.bg_blue,
.title_org_centerborder.bg_blue:before,
.parts_org_triangle-up.bg_blue span,
.parts_org_triangle-left.bg_blue span,
.parts_org_triangle-right.bg_blue span,
.parts_org_triangle-down.bg_blue span,
.title_org_point.bg_blue,
.title_org_point-only.bg_blue .point .num{
background: var(--color_blue);
color:#fff;
}

.block_org_set-midashi.bg_lightgreen dt span.label,
.block_org_set-num-squea.bg_lightgreen .point,
.block_org_flow01.bg_lightgreen .box h3,
.block_org_set-block.bg_lightgreen h3,
.block_org_bg.bg_lightgreen,
.title_org_fuki-down.bg_lightgreen,
.title_org_fuki-up.bg_lightgreen,
.title_org_fuki-left.bg_lightgreen,
.title_org_fuki-right.bg_lightgreen,
.title_org_num-squea.bg_lightgreen span.num,
.title_org_bg-maincolor.bg_lightgreen,
.title_org_centerborder.bg_lightgreen:before,
.parts_org_triangle-up.bg_lightgreen span,
.parts_org_triangle-left.bg_lightgreen span,
.parts_org_triangle-right.bg_lightgreen span,
.parts_org_triangle-down.bg_lightgreen span,
.title_org_point.bg_lightgreen,
.title_org_point-only.bg_lightgreen .point .num{
background: var(--color_lightgreen);
color:#fff;
}


.block_org_set-midashi.bg_darkgray dt span.label,
.block_org_set-num-squea.bg_darkgray .point,
.block_org_flow01.bg_darkgray .box h3,
.block_org_set-block.bg_darkgray h3,
.block_org_bg.bg_darkgray,
.title_org_fuki-down.bg_darkgray,
.title_org_fuki-up.bg_darkgray,
.title_org_fuki-left.bg_darkgray,
.title_org_fuki-right.bg_darkgray,
.title_org_num-squea.bg_darkgray span.num,
.title_org_bg-maincolor.bg_darkgray,
.title_org_centerborder.bg_darkgray:before,
.parts_org_triangle-up.bg_darkgray span,
.parts_org_triangle-left.bg_darkgray span,
.parts_org_triangle-right.bg_darkgray span,
.parts_org_triangle-down.bg_darkgray span,
.title_org_point.bg_darkgray,
.title_org_point-only.bg_darkgray .point .num{
background: var(--color_darkgray);
color:#fff;
}

.block_org_set-midashi.bg_lightgray dt span.label,
.block_org_set-num-squea.bg_lightgray .point,
.block_org_flow01.bg_lightgray .box h3,
.block_org_set-block.bg_lightgray h3,
.block_org_bg.bg_lightgray,
.title_org_fuki-down.bg_lightgray,
.title_org_fuki-up.bg_lightgray,
.title_org_fuki-left.bg_lightgray,
.title_org_fuki-right.bg_lightgray,
.title_org_num-squea.bg_lightgray span.num,
.title_org_bg-maincolor.bg_lightgray,
.title_org_centerborder.bg_lightgray:before,
.parts_org_triangle-up.bg_lightgray span,
.parts_org_triangle-left.bg_lightgray span,
.parts_org_triangle-right.bg_lightgray span,
.parts_org_triangle-down.bg_lightgray span,
.title_org_point.bg_lightgray,
.title_org_point-only.bg_lightgray .point .num{
background: var(--color_lightgray);
color:#333;
}



.block_org_set-midashi.bg_purple dt span.label,
.block_org_set-num-squea.bg_purple .point,
.block_org_flow01.bg_purple .box h3,
.block_org_set-block.bg_purple h3,
.block_org_bg.bg_purple,
.title_org_fuki-down.bg_purple,
.title_org_fuki-up.bg_purple,
.title_org_fuki-left.bg_purple,
.title_org_fuki-right.bg_purple,
.title_org_num-squea.bg_purple span.num,
.title_org_bg-maincolor.bg_purple,
.title_org_centerborder.bg_purple:before,
.parts_org_triangle-up.bg_purple span,
.parts_org_triangle-left.bg_purple span,
.parts_org_triangle-right.bg_purple span,
.parts_org_triangle-down.bg_purple span,
.title_org_point.bg_purple,
.title_org_point-only.bg_purple .point .num{
background: var(--color_purple);
color:#fff;
}



.block_org_set-midashi.bg_purple dt span.label,
.block_org_set-num-squea.bg_purple .point,
.block_org_flow01.bg_purple .box h3,
.block_org_set-block.bg_purple h3,
.block_org_bg.bg_purple,
.title_org_fuki-down.bg_purple,
.title_org_fuki-up.bg_purple,
.title_org_fuki-left.bg_purple,
.title_org_fuki-right.bg_purple,
.title_org_num-squea.bg_purple span.num,
.title_org_bg-maincolor.bg_purple,
.title_org_centerborder.bg_purple:before,
.parts_org_triangle-up.bg_purple span,
.parts_org_triangle-left.bg_purple span,
.parts_org_triangle-right.bg_purple span,
.parts_org_triangle-down.bg_purple span,
.title_org_point.bg_purple,
.title_org_point-only.bg_purple .point .num{
background: var(--color_purple);
color:#fff;
}


.block_org_set-midashi.bg_subcolor dt span.label,
.block_org_set-num-squea.bg_subcolor .point,
.block_org_flow01.bg_subcolor .box h3,
.block_org_set-block.bg_subcolor h3,
.block_org_bg.bg_subcolor,
.title_org_fuki-down.bg_subcolor,
.title_org_fuki-up.bg_subcolor,
.title_org_fuki-left.bg_subcolor,
.title_org_fuki-right.bg_subcolor,
.title_org_num-squea.bg_subcolor span.num,
.title_org_bg-maincolor.bg_subcolor,
.title_org_centerborder.bg_subcolor:before,
.parts_org_triangle-up.bg_subcolor span,
.parts_org_triangle-left.bg_subcolor span,
.parts_org_triangle-right.bg_subcolor span,
.parts_org_triangle-down.bg_subcolor span,
.title_org_point.bg_subcolor,
.title_org_point-only.bg_subcolor .point .num{
background: var(--subcolor);
color:#fff;
}






.title_org_point-only.bg_red .point,
.title_org_point.bg_red span.label span.num {
color: var(--color_red);
}

.title_org_point-only.bg_blue .point,
.title_org_point.bg_blue span.label span.num {
color: var(--color_blue);
}

.title_org_point-only.bg_green .point,
.title_org_point.bg_green span.label span.num {
color: var(--color_green);
}

.title_org_point-only.bg_lightgreen .point,
.title_org_point.bg_lightgreen span.label span.num {
color: var(--color_lightgreen);
}

.title_org_point-only.bg_darkgray .point,
.title_org_point.bg_darkgray span.label span.num {
color: var(--color_darkgray);
}

.title_org_point-only.bg_lightgray .point,
.title_org_point.bg_lightgray span.label span.num {
color: var(--color_lightgray);
}


.title_org_point-only.bg_purple .point,
.title_org_point.bg_purple span.label span.num {
color: var(--color_purple);
}

.title_org_point-only.bg_subcolor .point,
.title_org_point.bg_subcolor span.label span.num {
color: var(--subcolor);
}



.title_org_fukiborder-down.bg_red,
.title_org_fukiborder-up.bg_red,
.title_org_fukiborder-left.bg_red,
.title_org_fukiborder-right.bg_red,
.block_org_line.bg_red {
    border: 3px solid var(--color_red);
}

.title_org_fukiborder-down.bg_blue,
.title_org_fukiborder-up.bg_blue,
.title_org_fukiborder-left.bg_blue,
.title_org_fukiborder-right.bg_green,
.block_org_line.bg_green {
    border: 3px solid var(--color_green);
}

.title_org_fukiborder-down.bg_blue,
.title_org_fukiborder-up.bg_blue,
.title_org_fukiborder-left.bg_blue,
.title_org_fukiborder-right.bg_blue,
.block_org_line.bg_blue {
    border: 3px solid var(--color_blue);
}

.title_org_fukiborder-down.bg_lightgreen,
.title_org_fukiborder-up.bg_lightgreen,
.title_org_fukiborder-left.bg_lightgreen,
.title_org_fukiborder-right.bg_lightgreen,
.block_org_line.bg_lightgreen {
    border: 3px solid var(--color_lightgreen);
}


.title_org_fukiborder-down.bg_darkgray,
.title_org_fukiborder-up.bg_darkgray,
.title_org_fukiborder-left.bg_darkgray,
.title_org_fukiborder-right.bg_darkgray,
.block_org_line.bg_darkgray {
    border: 3px solid var(--color_darkgray);
}

.title_org_fukiborder-down.bg_lightgray,
.title_org_fukiborder-up.bg_lightgray,
.title_org_fukiborder-left.bg_lightgray,
.title_org_fukiborder-right.bg_lightgray,
.block_org_line.bg_lightgray {
    border: 3px solid var(--color_lightgray);
}

.title_org_fukiborder-down.bg_purple,
.title_org_fukiborder-up.bg_purple,
.title_org_fukiborder-left.bg_purple,
.title_org_fukiborder-right.bg_purple,
.block_org_line.bg_purple {
    border: 3px solid var(--color_purple);
}

.title_org_fukiborder-down.bg_subcolor,
.title_org_fukiborder-up.bg_subcolor,
.title_org_fukiborder-left.bg_subcolor,
.title_org_fukiborder-right.bg_subcolor,
.block_org_line.bg_subcolor {
    border: 3px solid var(--subcolor);
}



.block_org_line.bg_lightgray{
background: #F9F9F9;
}

.title_org_fuki-down.bg_green:before,
.block_org_border-top.bg_green {
border-top: 15px solid var(--color_green);
}

.title_org_fuki-down.bg_red:before,
.block_org_border-top.bg_red {
border-top: 15px solid var(--color_red);
}

.title_org_fuki-down.bg_blue:before,
.block_org_border-top.bg_blue {
border-top: 15px solid var(--color_blue);
}

.title_org_fuki-down.bg_lightgreen:before,
.block_org_border-top.bg_lightgreen {
border-top: 15px solid var(--color_lightgreen);
}

.title_org_fuki-down.bg_darkgray:before,
.block_org_border-top.bg_darkgray {
border-top: 15px solid var(--color_darkgray);
}

.title_org_fuki-down.bg_lightgray:before,
.block_org_border-top.bg_lightgray {
border-top: 15px solid var(--color_lightgray);
}

.title_org_fuki-down.bg_purple:before,
.block_org_border-top.bg_purple {
border-top: 15px solid var(--color_purple);
}

.title_org_fuki-down.bg_subcolor:before,
.block_org_border-top.bg_subcolor{
border-top: 15px solid var(--color_subcolor);
}



.title_org_fuki-up.bg_green:before{
border-bottom: 15px solid var(--color_green);
}

.title_org_fuki-up.bg_red:before{
border-bottom: 15px solid var(--color_red);
}

.title_org_fuki-up.bg_blue:before{
border-bottom: 15px solid var(--color_blue);
}

.title_org_fuki-up.bg_lightgreen:before{
border-bottom: 15px solid var(--color_lightgreen);
}

.title_org_fuki-up.bg_darkgray:before{
border-bottom: 15px solid var(--color_darkgray);
}

.title_org_fuki-up.bg_lightgray:before{
border-bottom: 15px solid var(--color_lightgray);
}

.title_org_fuki-up.bg_purple:before{
border-bottom: 15px solid var(--color_purple);
}

.title_org_fuki-up.bg_subcolor:before{
border-bottom: 15px solid var(--color_subcolor);
}



.title_org_fuki-left.bg_green:before{
border-right: 15px solid var(--color_green);
}

.title_org_fuki-left.bg_red:before{
border-right: 15px solid var(--color_red);
}

.title_org_fuki-left.bg_blue:before{
border-right:15px solid var(--color_blue);
}

.title_org_fuki-left.bg_lightgreen:before{
border-right: 15px solid var(--color_lightgreen);
}

.title_org_fuki-left.bg_darkgray:before{
border-right: 15px solid var(--color_darkgray);
}

.title_org_fuki-left.bg_lightgray:before{
border-right: 15px solid var(--color_lightgray);
}

.title_org_fuki-left.bg_purple:before{
border-right: 15px solid var(--color_purple);
}
.title_org_fuki-left.bg_subcolor:before{
border-right: 15px solid var(--subcolor;);
}






.title_org_fuki-right.bg_green:before{
border-left: 15px solid var(--color_green);
}

.title_org_fuki-right.bg_red:before{
border-left: 15px solid var(--color_red);
}

.title_org_fuki-right.bg_blue:before{
border-left: 15px solid var(--color_blue);
}

.title_org_fuki-right.bg_lightgreen:before{
border-left: 15px solid var(--color_lightgreen);
}

.title_org_fuki-right.bg_darkgray:before{
border-left: 15px solid var(--color_darkgray);
}

.title_org_fuki-right.bg_lightgray:before{
border-left: 15px solid var(--color_lightgray);
}

.title_org_fuki-right.bg_purple:before{
border-left: 15px solid var(--color_purple);
}

.title_org_fuki-right.bg_subcolor:before{
border-left: 15px solid var(--color_subcolor);
}



.title_org_borderleft.bg_green{
border-left: 3px solid var(--color_green);
}

.title_org_borderleft.bg_red{
border-left: 3px solid var(--color_red);
}

.title_org_borderleft.bg_blue{
border-left: 3px solid var(--color_blue);
}

.title_org_borderleft.bg_lightgreen{
border-left: 3px solid var(--color_lightgreen);
}

.title_org_borderleft.bg_darkgray{
border-left: 3px solid var(--color_darkgray);
}

.title_org_borderleft.bg_lightgray{
border-left: 3px solid var(--color_lightgray);
}

.title_org_borderleft.bg_purple{
border-left: 3px solid var(--color_purple);
}

.title_org_borderleft.bg_subcolor{
border-left: 3px solid var(--color_subcolor);
}



.title_org_fukiborder-down.bg_red:after {
    border-top: 14px solid var(--color_red);
}

.title_org_fukiborder-down.bg_blue:after {
    border-top: 14px solid var(--color_blue);
}

.title_org_fukiborder-down.bg_lightgreen:after {
    border-top: 14px solid var(--color_lightgreen);
}

.title_org_fukiborder-down.bg_darkgray:after {
    border-top: 14px solid var(--color_darkgray);
}

.title_org_fukiborder-down.bg_lightgray:after {
    border-top: 14px solid var(--color_lightgray);
}

.title_org_fukiborder-down.bg_purple:after {
    border-top: 14px solid var(--color_purple);
}

.title_org_fukiborder-down.bg_subcolor:after {
    border-top: 14px solid var(--color_subcolor);
}


.title_org_fukiborder-left.bg_red:after {
    border-right: 14px solid var(--color_red);
}

.title_org_fukiborder-left.bg_blue:after {
    border-right: 14px solid var(--color_blue);
}

.title_org_fukiborder-left.bg_lightgreen:after {
    border-right: 14px solid var(--color_lightgreen);
}

.title_org_fukiborder-left.bg_darkgray:after {
    border-right: 14px solid var(--color_darkgray);
}

.title_org_fukiborder-left.bg_lightgray:after {
    border-right: 14px solid var(--color_lightgray);
}

.title_org_fukiborder-left.bg_purple:after {
    border-right: 14px solid var(--color_purple);
}

.title_org_fukiborder-left.bg_subcolor:after {
    border-right: 14px solid var(--color_subcolor);
}


.title_org_fukiborder-up.bg_red:after {
    border-right: 14px solid var(--color_red);
}

.title_org_fukiborder-up.bg_blue:after {
    border-right: 14px solid var(--color_blue);
}

.title_org_fukiborder-up.bg_lightgreen:after {
    border-right: 14px solid var(--color_lightgreen);
}

.title_org_fukiborder-up.bg_darkgray:after {
    border-right: 14px solid var(--color_darkgray);
}

.title_org_fukiborder-up.bg_lightgray:after {
    border-right: 14px solid var(--color_lightgray);
}

.title_org_fukiborder-up.bg_purple:after {
    border-right: 14px solid var(--color_purple);
}

.title_org_fukiborder-up.bg_subcolor:after {
    border-right: 14px solid var(--color_subcolor);
}



.title_org_fukiborder-right.bg_red:after {
    border-left: 14px solid var(--color_red);
}

.title_org_fukiborder-right.bg_blue:after {
    border-left: 14px solid var(--color_blue);
}

.title_org_fukiborder-right.bg_lightgreen:after {
    border-left: 14px solid var(--color_lightgreen);
}

.title_org_fukiborder-right.bg_darkgray:after {
    border-left: 14px solid var(--color_darkgray);
}

.title_org_fukiborder-right.bg_lightgray:after {
    border-left: 14px solid var(--color_lightgray);
}

.title_org_fukiborder-right.bg_purple:after {
    border-left: 14px solid var(--color_purple);
}

.title_org_fukiborder-right.bg_subcolor:after {
    border-left: 14px solid var(--color_subcolor);
}







/**********************************************************************/

/* for TB & SP CSS   */

/**********************************************************************/








/******************/
/* TB    */
/******************/

@media only screen and (min-width: 600px) and (max-width: 1019px) {

section,
.section{
width:94%;
}





}









/******************
SP
******************/
@media only screen and (max-width: 599px) {


section,
.section{
width:94%;
}

.pconly{
display:none;
}
.sponly{
display:block;
}

a.tel{
pointer-events: auto;
}






.title_font38{font-size:25px;}
.title_font37{font-size:25px;}
.title_font36{font-size:25px;}
.title_font35{font-size:25px;}
.title_font34{font-size:25px;}
.title_font33{font-size:25px;}
.title_font32{font-size:25px;}
.title_font31{font-size:25px;}
.title_font30{font-size:25px;}
.title_font29{font-size:25px;}
.title_font28{font-size:22px;}
.title_font27{font-size:22px;}
.title_font26{font-size:22px;}
.title_font25{font-size:22px;}
.title_font24{font-size:20px;}
.title_font23{font-size:20px;}
.title_font22{font-size:20px;}
.title_font21{font-size:20px;}
.title_font20{font-size:18px;}
.title_font19{font-size:18px;}
.title_font18{font-size:18px;}








.column2 .box,
.column3 .box,
.column4 .box,
.column_photo .box.photo,
.column_photo .box.text,
.column_photo.wide .box.photo,
.column_photo.wide .box.text{
width:100%;
}

.column2.multi .box,
.column3.multi .box,
.column4.multi .box{
width:100%;
margin-right:0%;
}
.column2.multi .box:nth-child(2n),
.column3.multi .box:nth-child(3n),
.column4.multi .box:nth-child(4n){
margin-right:0%;
}


.column2.stay .box{
width:48%;
}
.column3.stay .box{
width:31%;
}
.column4.stay .box{
width:22.75%;
}
.column_photo.stay .box.photo{
width:31%;
}
.column_photo.stay .box.text{
width:65.5%;
}
.column_photo.wide.stay .box.photo{
width:40%;
}
.column_photo.wide.stay .box.text{
width:56.5%;
}

.column2.multi.stay .box{
width:48%;
margin-right:4%;
}
.column2.multi.stay .box:nth-child(2n){
margin-right:0%;
}

.column3.multi.stay .box{
width:31%;
margin-right:3.5%;
}
.column3.multi.stay .box:nth-child(3n){
margin-right:0%;
}

.column4.multi.stay .box{
width:22.75%;
margin-right:3%;
}
.column4.multi.stay .box:nth-child(4n){
margin-right:0%;
}






.column1 .box.order1,
.column2 .box.order1,
.column3 .box.order1,
.column4 .box.order1{
order:1;
}
.column1 .box.order2,
.column2 .box.order2,
.column3 .box.order2,
.column4 .box.order2{
order:2;
}
.column1 .box.order3,
.column2 .box.order3,
.column3 .box.order3,
.column4 .box.order3{
order:3;
}
.column1 .box.order4,
.column2 .box.order4,
.column3 .box.order4,
.column4 .box.order4{
order:4;
}
.column1 .box.order5,
.column2 .box.order5,
.column3 .box.order5,
.column4 .box.order5{
order:5;
}
.column1 .box.order6,
.column2 .box.order6,
.column3 .box.order6,
.column4 .box.order6{
order:6;
}
.column1 .box.order7,
.column2 .box.order7,
.column3 .box.order7,
.column4 .box.order7{
order:7;
}
.column1 .box.order8,
.column2 .box.order8,
.column3 .box.order8,
.column4 .box.order8{
order:8;
}
.column1 .box.order9,
.column2 .box.order9,
.column3 .box.order9,
.column4 .box.order9{
order:9;
}
.column1 .box.order10,
.column2 .box.order10,
.column3 .box.order10,
.column4 .box.order10{
order:10;
}

.div98.sp_div,
.div96.sp_div,
.div94.sp_div,
.div92.sp_div,
.div90.sp_div,
.div80.sp_div,
.div70.sp_div{width:100%;}


.line_center.sp_left,
.line_right.sp_left{text-align:left !important;}


.table_wrap.sp_1column table{
border:none;
}
.table_wrap.sp_1column table tr{
    display: flex;
    flex-flow: column;
}
.table_wrap.sp_1column table th,
.table_wrap.sp_1column table td{
width:100%;
border-bottom:none;
border-top:none;
}

.table_wrap.sp_1column table tr:last-child td{
border-bottom:1px solid #ccc;
}



.table_wrap.sp_slide{
	overflow: auto;
	white-space: nowrap;
	padding-bottom:5%;
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.table_wrap.sp_slide::-webkit-scrollbar{
	 height: 10px;
	}
.table_wrap.sp_slide::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
.table_wrap.sp_slide::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
	}

.dl_wrap.dl_side.dt_10 dl dt{width:100%;}
.dl_wrap.dl_side.dt_10 dl dd{width:100%;}
.dl_wrap.dl_side.dt_20 dl dt{width:100%}
.dl_wrap.dl_side.dt_20 dl dd{width:100%;}
.dl_wrap.dl_side.dt_30 dl dt{width:100%;}
.dl_wrap.dl_side.dt_30 dl dd{width:100%}
.dl_wrap.dl_side.dt_40 dl dt{width:100%;}
.dl_wrap.dl_side.dt_40 dl dd{width:100%;}
.dl_wrap.dl_side.dt_50 dl dt{width:100%;}
.dl_wrap.dl_side.dt_50 dl dd{width:100%}

.dl_wrap.dl_side dl {
    margin-bottom: 15px;
}
.dl_wrap.dl_side dl dt {
    padding: 0 0 10px 0;
}
.dl_wrap.dl_side dl dd {
    padding: 0 0 10px;
}



.column_photo_round .box.photo{
float:none
margin:0 0 20px 0;
}
.column_photo_round.photo_right .box.photo{
float:none;
margin:0 0 20px 0;
}


.column_photo_round .box.photo.width_10,
.column_photo_round .box.photo.width_15,
.column_photo_round .box.photo.width_20,
.column_photo_round .box.photo.width_25,
.column_photo_round .box.photo.width_30,
.column_photo_round .box.photo.width_35,
.column_photo_round .box.photo.width_40{width:100%;}




a.icon_tel {
    pointer-events: auto;
text-decoration:underline;
}

a.icon_tel:before {
    left: 0em;
    top: 0.3em;
}



.frame_border {
    padding: 20px 15px;
}


.stepflow_wrap dl dd.title {
    padding: 5px 10px 5px 0;
}


.frame_100vw {
    width: 100vw;
}


.tab_layout label {
    background-color: var(--maincolor);
    color: #fff;
    display: block;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tab_layout input {
    display: none;
}
.tab_layout li {
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#acd-menu:checked~.wraps#tab li{
	max-height:1000px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.tab_layout .wraps ul li a{
display: block;
    padding:10px 10px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
border-top:1px solid #BBBBBB;
}
.tab_layout .wraps ul li a span.icon{
display:inline-block;
position: relative;
padding-right:23px;
}
.tab_layout .wraps ul li a span.icon:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f0ab";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 18px;/*サイズ*/
  color: var(--maincolor); /*アイコン色*/
    top: 55%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.tab_layout.box2 .wraps li,
.tab_layout.box3 .wraps li,
.tab_layout.box4 .wraps li,
.tab_layout.box5 .wraps li{
width:100%;
}







.frame_mokuji label {
    background-color: var(--maincolor);
    color: #fff;
    display: block;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.frame_mokuji input {
    display: none;
}
.frame_mokuji li {
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.frame_mokuji #acd-menu:checked~.wraps li{
	max-height:1000px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.frame_mokuji .wraps {
    margin: 00px 0 auto;
}
.frame_mokuji .wraps ul li{
margin-bottom:0;
}
.frame_mokuji .wraps ul li a{
display: block;
    padding:0 10px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
padding: 10px 30px 10px 10px;
}

.frame_mokuji .wraps ul li a:before {
    right: 15px;
    top: 15px;
}

.blog_pager .wraps ul li {
    width: 31%;
}


.frame_mokuji {
    width: 90%;
}


.column_anchor.box2 .box,
.column_anchor.box3 .box,
.column_anchor.box4 .box,
.column_anchor.box5 .box{
width:48%;
margin-right:4%
}

.column_anchor.box3 .box:nth-child(3n),
.column_anchor.box4 .box:nth-child(4n),
.column_anchor.box5 .box:nth-child(5n){
margin-right:4%
}

.column_anchor.box2 .box:nth-child(2n),
.column_anchor.box3 .box:nth-child(2n),
.column_anchor.box4 .box:nth-child(2n),
.column_anchor.box5 .box:nth-child(2n){
margin-right:0%;
}




.set_midashiblock {
    flex-flow: column;
}
.set_midashiblock .img {
    width: 100%;
    order: 1;
}
.set_midashiblock .text_area {
    order: 2;
    width: 100%;
}
.set_midashiblock .text_area h1 {
    margin-bottom: 20px;
}
.set_midashiblock .img img {
    min-height: unset;
}


.parts_org_triangle-right.sp_down span {
    height: calc(100px / 2);
    width: 100px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.block_org_flow01 {
    flex-flow: column;
}
.block_org_flow01 .box {
    width: 100%;
}

.block_org_flow02 {
    flex-flow: column;
}
.block_org_flow02 .box {
    width: 100%;
margin-bottom: 30px;
}

.block_org_flow02 .box:before {
    top: 100%;
    left: 50%;
margin-top: auto;
    margin-left: -15px;
border: 25px solid transparent;
        border-top: 25px solid #EFEFEF;
    }





}

