/*
▼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;
}

section,
.section{
width:900px;
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 #FF7701;
border-bottom: 5px solid #FF7701;
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 #FF7701;
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 #FF7701;
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 #FF7701;
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: #FF7701;
  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: #FF7701; /*アイコン色*/
  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: #FF7701; /*アイコン色*/
}

.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: #FF7701; /*アイコン色*/
}





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

.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:29%;
}

.column4 .box{
width:21%;
}

.column5 .box{
width:16%;
}

.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%;
}




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:#FF7701;
}
.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:5px 10px ;
}
.dl_wrap.dt_bg dl dd{
padding:5px 10px ;
}

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





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


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: #FF7701; /*アイコン色*/
}

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: #FF7701; /*アイコン色*/
}

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: #FF7701; /*アイコン色*/
}



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: #FF7701; /*アイコン色*/
}



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: #FF7701; /*アイコン色*/
}


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.btn_link {
text-decoration:underline;
font-size:18px;
font-weight:bold;
border:2px solid #FF7701;
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: #FF7701; /*アイコン色*/
    top: 55%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
a.btn_link:hover{
background: #FF7701;
color:#fff;
}
a.btn_link:hover span.icon:before {
color:#fff;
}




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


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:#FF7701;
border:none;
}

.frame_border.font_white{
color:#fff;
}

.frame_border.border_color{
border:1px solid #FF7701;
}


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

.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 #FF7701;
    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.5vw;
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.frame_100vw.bg_gray{
background:#EFEFEF;
}


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

.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:#FF7701;
color:#fff;
border-left:1px solid #FF7701;
border-right:1px solid #FF7701;
border-top:1px solid #FF7701;
}

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

.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:#FF7701;
color:#fff;
border-left:1px solid #FF7701;
border-right:1px solid #FF7701;
border-bottom:1px solid #FF7701;
}


.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: #FF7701; /*アイコン色*/
    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: #FF7701; /*アイコン色*/
}
.frame_mokuji .wraps ul li a:hover{
color:#FF7701;

}

.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 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;
}


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

/* 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: #FF7701;
    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: #FF7701; /*アイコン色*/
    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: #FF7701;
    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%;
}









}