@charset "UTF-8";

/* フォント */
@import url(fonts/yugo.css);
@import url(fonts/yumin.css);
@import url(fonts/montserrat.css);


/*-----------------


	reset

-----------------*/


/* ボディ */
body{ color: #333333; font-size: 100%; line-height: 2; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; min-width: 1080px; }
body.mceContentBody{ min-width: 0; } /* wp管理画面ウィジウィグエディター対応 */
@media screen and (max-width: 1280px) { 
	.bodywrap{ margin:0 auto;}
	.bodywrap .bodywrap { min-width: 0; }
}
@media screen and (max-width: 767px) { 
	body { min-width: 0; font-size: 88%; }
	.bodywrap{ width: 100%; min-width: 0; padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.bodyinwrap{ padding:0 6%; }
}




/*-----------------


	common

-----------------*/


/* ---------------基本構成------------------- */

.noscrpt p { padding: 5px; background: #ff0000; font-weight: bold; text-align: center; }

/* セクション */
.section { margin-bottom: 120px; }
.section:last-child{ margin-bottom: 0 }
@media screen and (max-width: 767px) { .section { margin-bottom: 60px; } }

/* ブロック */
.insec { margin-bottom: 60px; }
.insec:last-child { margin-bottom: 0; }
#index .insec{ max-width: 1280px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	.insec { margin-bottom: 25px; }
}


/* 下層通常 */
.formatblock, .incnt, .bgbox1, .borderbox1, .sectitle { max-width: 1040px; }

/* ブロックスタイル(背景BOX) */
.bgbox1, .borderbox1{ padding: 30px 6%; }
.bgbox1 { background: #f3f3f3; }
.borderbg{ border:30px solid #f3f3f3; }

.borderbox1{ border:10px solid #f3f3f3; }
@media screen and (max-width: 767px) { 
	.bgbox1, .borderbox1{ padding: 20px 6%; }
	.borderbg{ border:20px solid #f3f3f3; }
	.borderbox1{ border:5px solid #f3f3f3; }
}










/* -------------------テキスト装飾-------------------- */
/* sectitlebox */
.sectitlebox{ margin-bottom: 30px; }
.sectitlebox .title,
.sectitlebox .subtitle{ text-align: center; font-weight: bold; }
.sectitlebox .title{ font-size: 3em; line-height: 1.4; }
.sectitlebox .subtitle{ font-size: 1.13em; }
@media screen and (max-width: 767px) { 
	.sectitlebox{ margin-bottom: 20px; }
	.sectitlebox .title{ font-size: 2.2em; }
	.sectitlebox .subtitle{ font-size: 1em; }
}


/* sectitle */
.sectitle { font-size: 2.13em; line-height: 1.6; padding-bottom: 10px; margin-bottom: 50px; position: relative; text-align: center; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
.sectitle:before{ content: ""; width: 70px; height: 2px; position: absolute; left: 0; right: 0; margin: 0px auto; bottom: 0; display: inline-block; background-color: #191919; }
@media screen and (max-width: 767px) { 
	.sectitle{ font-size: 1.25em; margin-bottom: 30px; padding-bottom: 5px; }
	.sectitle:before{ width: 37px; height: 1px; }
}


li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }
table { border-collapse: collapse; border-spacing:0; text-align: left; font-style:normal; font-weight:normal; width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; word-break: break-all; }
table th{ font-weight: bold }

/* p indext */
p.indent, p.indent,
ul.indent li, ol.indent li,
p.caution,ul.caution li { padding-left: 1em!important; text-indent: -1em; font-feature-settings : "palt"; }

/* li caution */
ul.caution, p.caution { padding-top: 0px; }
ul.caution li:before, p.caution:before { content:"※"!important; }


/* テキスト寄せ */
.tl { text-align: left!important; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }
.tcspl { text-align: center; }

/* float */
.cnt_left { float: left; }
.cnt_right { float: right; }

.insectitle{ font-size: 2.25em; font-weight: bold; line-height: 1.6; margin-bottom: 15px; text-align: center; }
.insectitle span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	.insectitle{ font-size: 1.5em; }
	.tcspl { text-align: left; }
}




/* 英語のみ */
input.enonly{ ime-mode:disabled; }

/* inbtxt */
.inbtxt { display: inline-block; }

/* 文字詰め */
.palttxt{ font-feature-settings : "palt"; }

/* 太字 */
.txtbold, .txtbold span, .txtbold li { font-weight: bold; }

/* 下線 */
.txtunderline{ text-decoration: underline; }

/* 取り消し線 */
.txtlinethrough{ text-decoration: line-through; }

/* 小さい文字 */
.txtsmall { font-size: 0.86em; }

/* 大きい文字 */
.txtbig1 { font-size: 1.2em; font-weight: bold; }
.txtbig2 { font-size: 1.47em; font-weight: bold; }
@media screen and (max-width: 767px) { 
	.txtbig1 { font-size: 1.14em; }
	.txtbig2 { font-size: 1.29em; }
}

/* 赤字 */
p.ermsg, .required { color: #ff0000; line-height: 1.5; }

/* グレー文字 */
.txtblackgrey { color: #a3a3a3; }

.bgblackgrey { background: #a3a3a3; }

.markerblackgrey { background: linear-gradient(transparent 60%, #a3a3a3 0%); }

.txtgrey { color: #d1d1d1; }

.bggrey { background: #d1d1d1; }

.markergrey { background: linear-gradient(transparent 60%, #d1d1d1 0%); }

/* 黒文字 */
.txtblack { color: #191919; }

.bgblack { background: #191919; }

.markerblack { background: linear-gradient(transparent 60%, #191919 0%); }

/* 白文字 */
.txtwhite { color: #fff; }

.bgwhite { background: #fff; }

.markerwhite { background: linear-gradient(transparent 60%, #fff 0%); }

/* 赤文字 */
.txtred { color: #ff0000; }

.bgred { background: #ff0000; }

.markerred { background: linear-gradient(transparent 60%, #ff0000 0%); }

/* キーカラー */
.txtcolor1 { color: #c4311e; }

.bgcolor1 { background: #c4311e; }

.markercolor1 { background: linear-gradient(transparent 60%, #c4311e 0%); }

.txtcolor2 { color: #fce800; }

.bgcolor2 { background: #fce800; }

.markercolor2 { background: linear-gradient(transparent 60%, #fce800 0%); }

/* スクロールのメッセージ */
.scrollmsg{ color:#ccc; font-size: 0.86em; font-weight: bold; }

.yuminfont{ font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
.yugofont{ font-family: "游ゴシック", YuGothic, "Yu Gothic", "YuGothic", 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
.montserratfont{ font-family: 'Montserrat', Montserrat, sans-serif; }


/* ---------------リンクスタイル------------------- */
/* normallink */
a { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
/*@media screen and (max-width: 767px) { a { -webkit-transition: none; -moz-transition: none; transition: none; } }*/
a:hover, a:active { text-decoration: none; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { opacity: 0.7; }
a.nodeco { text-decoration: none; }
a.tel_link { text-decoration: none; cursor: default; color: inherit; background: transparent; }
a.tel_link:hover, a.tel_link:active { opacity: 1; }

/* 背景ベタボタン */
a.btnlink { background: #cc0001; border: 1px solid #cc0001; color: #fff; border-radius: 30px; }
a.btnlink:hover { background: #fff !important; color: #cc0001; }
a.btnlink, a.borderbtnlink{ display: inline-block; padding:16px 51px; text-decoration: none!important; line-height: 1.6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.btnlink:hover, a.borderbtnlink:hover{ opacity: 1 }
#index a.btnlink{ font-size: 0.88em; }
#index a.btnlink, #index a.borderbtnlink{ padding:18px 51px;  }
@media screen and (max-width: 767px) {
	a.btnlink, a.borderbtnlink,
	#index a.btnlink, #index a.borderbtnlink{ padding:15px 31px; }
}

/* ボーダーボタン */
a.borderbtnlink { background: #fff; color: #c4311e; border: 1px solid #c4311e; }
a.borderbtnlink:hover { background: #c4311e; color: #fff !important; }

/* blanklinktxt */
a.blanklinktxt{ text-decoration: none!important; }
a.blanklinktxt svg{ width: 18px; height: 18px; display: inline-block; vertical-align: -2px; margin-right: 10px; }

/* txtlink */
a.txtlink{ text-decoration: none; font-size: 0.88em;  }
a.txtlink>span{ position: relative; display: inline-block;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
a.txtlink:before{ content:""; width: 7px; height: 7px; border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; margin-right: 10px; }
a.txtlink>span:after{ content:""; background-color: #191919; position: absolute; bottom: 0; left: 0; height: 1px;-webkit-transition: .5s all; transition: .5s all; -moz-transition : .5s all; width: 0; }
a.txtlink:hover{ opacity: 1 }
a.txtlink:hover>span:after{  width: 100%; }












/* ---------------テーブルスタイル------------------- */
/* テーブルクラスのtableリセット */
.table_normal, .table_type1, .table_type2 { width: 100%; margin: 10px 0; table-layout: fixed; margin-bottom: 5px; }

.table_normal th, .table_normal td, .table_type1 th, .table_type1 td, .table_type2 th, .table_type2 td { padding: 12px 2%; line-height: 1.5; border: 1px solid #a3a3a3; }

.table_type2 thead th, .table_type2 thead td { text-align: center; font-weight: bold; }

/* styletable2ヘッダー */
.table_type1 th, .table_type2 th { background: #f4f4f4; }

.table_type2 thead th, .table_type2 thead td { background: #d1d1d1; }

/* グレー文字 */
th.blackgreycell, td.blackgreycell{ background: #a3a3a3 }
th.greycell, td.greycell{ background: #d1d1d1 }
th.blackcell, td.blackcell{ background: #191919 }
th.whitecell, td.whitecell{ background: #fff }
th.redcell, td.redcell{ background: #f00 }
th.colorcell1, td.colorcell1{ background: #c4311e }
th.colorcell2, td.colorcell2{ background: #fce800 }



/* -------------------svgアイコン設定-------------------- */
/* svg矢印アイコン設定 */
.svgline-black_color { stroke: #191919; }

.svgline-white_color { stroke: #fff; }

.svgfill-black_color { fill: #191919; }

.svgfill-white_color { fill: #fff; }




/* -------------------paddding-margin-------------------- */

/* border */
.bt0{ border-top:0!important; }
.bb0{ border-bottom:0!important; }
.br0{ border-right:0!important; }
.bl0{ border-left:0!important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.pr60 { padding-right: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.mr60 { margin-right: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.pr70 { padding-right: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.mr70 { margin-right: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
.pr80 { padding-right: 80px !important; }
.mt80 { margin-top: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml80 { margin-left: 80px !important; }
.mr80 { margin-right: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pl90 { padding-left: 90px !important; }
.pr90 { padding-right: 90px !important; }
.mt90 { margin-top: 90px !important; }
.mb90 { margin-bottom: 90px !important; }
.ml90 { margin-left: 90px !important; }
.mr90 { margin-right: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl100 { padding-left: 100px !important; }
.pr100 { padding-right: 100px !important; }
.mt100 { margin-top: 100px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml100 { margin-left: 100px !important; }
.mr100 { margin-right: 100px !important; }


/* reset */
.reset_mpb{ margin:0!important; padding:0!important; border:0!important; }
.reset_bottom{ margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: 0!important; }
.reset_bottom:after{ content: none; }
.reset_top{ margin-top: 0!important; padding-top: 0!important; border-top: 0!important; }
.reset_top:before{ content: none; }
.reset_right{ margin-right: 0!important; padding-right: 0!important; border-right: 0!important; }
.reset_right:after{ content: none; }
.reset_left{ margin-left: 0!important; padding-left: 0!important; border-left: 0!important; }
.reset_left:before{ content: none; }

/* 高さクラス */
.height_short { height: 70px; }
.height_middle { height: 105px; }

/* 幅クラス */
.width_short { width: 100px; }
.width_middle { width: 120px; }
.width_middleshort { width: 180px; }
.width_middlelong { width: 220px; }
.width_long { width: 300px; }
.width_longshort { width: 400px; }


/* para */
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; } @media screen and (max-width: 767px) { .para2 { margin-bottom: 15px!important; } }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 767px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 767px) { .para4 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para4 { margin-bottom: 20px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 767px) { .para5 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 767px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 767px) { .para7 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para7 { margin-bottom: 40px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 767px) { .para8 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para8 { margin-bottom: 40px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 767px) { .para9 { margin-bottom: 60px!important; } } @media screen and (max-width: 479px) { .para9 { margin-bottom: 40px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 767px) { .para10 { margin-bottom: 70px!important; } } @media screen and (max-width: 479px) { .para10 { margin-bottom: 50px!important; } }


.listpara1{ overflow:hidden; }
.listpara1>ul { margin-bottom: -10px; } @media screen and (max-width: 767px) { .listpara1>ul { margin-bottom: -10px; } }
.listpara1>ul>li { margin-bottom: 10px; } @media screen and (max-width: 767px) { .listpara1>ul>li { margin-bottom: 10px; } }
.listpara2{ overflow:hidden; }
.listpara2>ul { margin-bottom: -20px; } @media screen and (max-width: 767px) { .listpara2>ul { margin-bottom: -15px; } }
.listpara2>ul>li { margin-bottom: 20px; } @media screen and (max-width: 767px) { .listpara2>ul>li { margin-bottom: 15px; } }
.listpara3{ overflow:hidden; }
.listpara3>ul { margin-bottom: -30px; } @media screen and (max-width: 767px) { .listpara3>ul { margin-bottom: -20px; } }
.listpara3>ul>li { margin-bottom: 30px; } @media screen and (max-width: 767px) { .listpara3>ul>li { margin-bottom: 20px; } }
.listpara4{ overflow:hidden; }
.listpara4>ul { margin-bottom: -40px; } @media screen and (max-width: 767px) { .listpara4>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: -20px; } }
.listpara4>ul>li { margin-bottom: 40px; } @media screen and (max-width: 767px) { .listpara4>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: 20px; } }
.listpara5{ overflow:hidden; }
.listpara5>ul { margin-bottom: -50px; } @media screen and (max-width: 767px) { .listpara5>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: -30px; } }
.listpara5>ul>li { margin-bottom: 50px; } @media screen and (max-width: 767px) { .listpara5>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: 30px; } }
.listpara6{ overflow:hidden; }
.listpara6>ul { margin-bottom: -60px; } @media screen and (max-width: 767px) { .listpara6>ul { margin-bottom: -40px; } }
.listpara6>ul>li { margin-bottom: 60px; } @media screen and (max-width: 767px) { .listpara6>ul>li { margin-bottom: 40px; } }
.listpara7{ overflow:hidden; }
.listpara7>ul { margin-bottom: -70px; } @media screen and (max-width: 767px) { .listpara7>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: -40px; } }
.listpara7>ul>li { margin-bottom: 70px; } @media screen and (max-width: 767px) { .listpara7>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: 40px; } }
.listpara8{ overflow:hidden; }
.listpara8>ul { margin-bottom: -80px; } @media screen and (max-width: 767px) { .listpara8>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: -40px; } }
.listpara8>ul>li { margin-bottom: 80px; } @media screen and (max-width: 767px) { .listpara8>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: 40px; } }
.listpara9{ overflow:hidden; }
.listpara9>ul { margin-bottom: -90px; } @media screen and (max-width: 767px) { .listpara9>ul { margin-bottom: -60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: -40px; } }
.listpara9>ul>li { margin-bottom: 90px; } @media screen and (max-width: 767px) { .listpara9>ul>li { margin-bottom: 60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: 40px; } }
.listpara10{ overflow:hidden; }
.listpara10>ul { margin-bottom: -100px; } @media screen and (max-width: 767px) { .listpara10>ul { margin-bottom: -70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: -50px; } }
.listpara10>ul>li { margin-bottom: 100px; } @media screen and (max-width: 767px) { .listpara10>ul>li { margin-bottom: 70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: 50px; } }







/* -------------------画像-------------------- */
/* 画像リスト */
.txtbox { width: 100%; }

/* ギャラリー */
.imgbox p{ padding-bottom: 5px; text-align: left }
.imgbox p.title{ font-weight: bold; line-height: 1.8; }

/* imgrightbox, imgleftbox */
.imgrightbox{ margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row-reverse; }
.imgleftbox{ margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row; }
.imgrightbox.center, .imgleftbox.center{ justify-content: center; }
.imgrightbox.center .imgbox,
.imgrightbox.center .txtbox,
.imgleftbox.center .imgbox,
.imgleftbox.center .txtbox{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; }
.imgrightbox .imgbox, .imgleftbox .imgbox { width: 40%; }
.imgrightbox .imgbox, .imgleftbox .imgbox, .imgrightbox .imgbox .img, .imgleftbox .imgbox .img, .imgrightbox .contframe.imgbox .img, .imgleftbox .contframe.imgbox .img{ margin-bottom: 0; }
.imgrightbox .imgbox { margin-left: 4%; }
.imgleftbox .imgbox { margin-right: 4%; }
.imgrightbox .txtbox, .imgleftbox .txtbox { width: 56%; }


/* svg矢印アイコン設定 */
.svgline-black_color, .svgline-white_color, .fillnone{ fill:none; }
[class*="svgline-"]{ stroke-width:2;stroke-miterlimit:10; }


/* 画像overflow */
.contframe:not(.imgbox), .contframe.imgbox .img { overflow: auto; text-align: center; }
.contframe.imgbox .img{ padding-bottom: 0; margin-bottom: 10px }
.contframe.w400 table,
.contframe.w400 img { min-width: 400px; width: 100% !important; }
.contframe.w450 table,
.contframe.w450 img { min-width: 450px; width: 100% !important; }
.contframe.w500 table,
.contframe.w500 img { min-width: 500px; width: 100% !important; }
.contframe.w550 table,
.contframe.w550 img { min-width: 550px; width: 100% !important; }
.contframe.w600 table,
.contframe.w600 img { min-width: 600px; width: 100% !important; }
.contframe.w650 table,
.contframe.w650 img { min-width: 650px; width: 100% !important; }
.contframe.w700 table,
.contframe.w700 img { min-width: 700px; width: 100% !important; }
.contframe.w750 table,
.contframe.w750 img { min-width: 750px; width: 100% !important; }
.contframe.w800 table,
.contframe.w800 img { min-width: 800px; width: 100% !important; }







/* -------------------表示非表示切り替え-------------------- */

.imgleftbox .contframe.imgbox .img, .imgrightbox .contframe.imgbox .img{ overflow: visible; }
.imgleftbox .contframe.imgbox.w400 .img img, .imgleftbox .contframe.imgbox.w450 .img img, .imgleftbox .contframe.imgbox.w500 .img img, .imgleftbox .contframe.imgbox.w550 .img img, .imgleftbox .contframe.imgbox.w600 .img img, .imgleftbox .contframe.imgbox.w650 .img img, .imgleftbox .contframe.imgbox.w700 .img img, .imgleftbox .contframe.imgbox.w750 .img img, .imgleftbox .contframe.imgbox.w800 .img img,
.imgrightbox .contframe.imgbox.w400 .img img, .imgrightbox .contframe.imgbox.w450 .img img, .imgrightbox .contframe.imgbox.w500 .img img, .imgrightbox .contframe.imgbox.w550 .img img, .imgrightbox .contframe.imgbox.w600 .img img, .imgrightbox .contframe.imgbox.w650 .img img, .imgrightbox .contframe.imgbox.w700 .img img, .imgrightbox .contframe.imgbox.w750 .img img, .imgrightbox .contframe.imgbox.w800 .img img{ min-width:auto; }
.imgleftbox .contframe.imgbox .scrollmsg, .imgrightbox .contframe.imgbox .scrollmsg{ display: none }


.middlehide { display: block; }
.middlehide.inlineblock { display: inline-block; }
.middlehide.inline { display: inline; }

.middleblock { display: none; }

@media screen and (max-width: 767px) { .middlehide { display: none !important; }
	.middleblock { display: block; }
	.middleblock.inlineblock { display: inline-block; }
	.middleblock.inline { display: inline; }
	.middlefit.imgleftbox .imgbox, .middlefit.imgleftbox .txtbox, .middlefit.imgrightbox .imgbox, .middlefit.imgrightbox .txtbox, .middlefit.cntfloatbox .cnt_left, .middlefit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.middlefit.imgleftbox, .middlefit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.middlefit.imgrightbox .imgbox, .middlefit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.middlefit.imgrightbox .imgbox .img, .middlefit.imgleftbox .imgbox .img, .middlefit.imgrightbox .contframe.imgbox .img, .middlefit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }

	.middlefit.imgleftbox .contframe.imgbox .scrollmsg, .middlefit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.middlefit.imgleftbox .contframe.imgbox .img, .middlefit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.middlefit.imgleftbox .contframe.imgbox.w400 .img img, .middlefit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.middlefit.imgleftbox .contframe.imgbox.w450 .img img, .middlefit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.middlefit.imgleftbox .contframe.imgbox.w500 .img img, .middlefit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.middlefit.imgleftbox .contframe.imgbox.w550 .img img, .middlefit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.middlefit.imgleftbox .contframe.imgbox.w600 .img img, .middlefit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.middlefit.imgleftbox .contframe.imgbox.w650 .img img, .middlefit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.middlefit.imgleftbox .contframe.imgbox.w700 .img img, .middlefit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.middlefit.imgleftbox .contframe.imgbox.w750 .img img, .middlefit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.middlefit.imgleftbox .contframe.imgbox.w800 .img img, .middlefit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.middlefit.imgleftbox .imgbox, .middlefit.imgleftbox .txtbox, .middlefit.imgrightbox .imgbox, .middlefit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.middlefit.imgleftbox, .middlefit.imgrightbox, .middlefit.cntfloatbox { margin-bottom: -10px; }
	.middlefit.tc, .middlefit.tl, .middlefit.tr { text-align: left !important; } }
.landhide { display: block; }
.landhide.inlineblock { display: inline-block; }
.landhide.inline { display: inline; }

.landblock { display: none; }

@media screen and (max-width: 639px) { .landhide { display: none !important; }
	.landblock { display: block; }
	.landblock.inlineblock { display: inline-block; }
	.landblock.inline { display: inline; }
	.landfit.imgleftbox .imgbox, .landfit.imgleftbox .txtbox, .landfit.imgrightbox .imgbox, .landfit.imgrightbox .txtbox, .landfit.cntfloatbox .cnt_left, .landfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.landfit.imgleftbox, .landfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.landfit.imgrightbox .imgbox, .landfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.landfit.imgrightbox .imgbox .img, .landfit.imgleftbox .imgbox .img, .landfit.imgrightbox .contframe.imgbox .img, .landfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.landfit.imgleftbox .contframe.imgbox .scrollmsg, .landfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.landfit.imgleftbox .contframe.imgbox .img, .landfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.landfit.imgleftbox .contframe.imgbox.w400 .img img, .landfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.landfit.imgleftbox .contframe.imgbox.w450 .img img, .landfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.landfit.imgleftbox .contframe.imgbox.w500 .img img, .landfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.landfit.imgleftbox .contframe.imgbox.w550 .img img, .landfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.landfit.imgleftbox .contframe.imgbox.w600 .img img, .landfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.landfit.imgleftbox .contframe.imgbox.w650 .img img, .landfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.landfit.imgleftbox .contframe.imgbox.w700 .img img, .landfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.landfit.imgleftbox .contframe.imgbox.w750 .img img, .landfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.landfit.imgleftbox .contframe.imgbox.w800 .img img, .landfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.landfit.imgleftbox .imgbox, .landfit.imgleftbox .txtbox, .landfit.imgrightbox .imgbox, .landfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.landfit.imgleftbox, .landfit.imgrightbox, .landfit.cntfloatbox { margin-bottom: -10px; }
	.landfit.tc, .landfit.tl, .landfit.tr { text-align: left !important; } }
.sphide { display: block; }
.sphide.inlineblock { display: inline-block; }
.sphide.inline { display: inline; }

.spblock { display: none; }

@media screen and (max-width: 479px) { .sphide { display: none !important; }
	.spblock { display: block; }
	.spblock.inlineblock { display: inline-block; }
	.spblock.inline { display: inline; }
	.spfit.imgleftbox .imgbox, .spfit.imgleftbox .txtbox, .spfit.imgrightbox .imgbox, .spfit.imgrightbox .txtbox, .spfit.cntfloatbox .cnt_left, .spfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.spfit.imgleftbox, .spfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.spfit.imgrightbox .imgbox, .spfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.spfit.imgrightbox .imgbox .img, .spfit.imgleftbox .imgbox .img, .spfit.imgrightbox .contframe.imgbox .img, .spfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.spfit.imgleftbox .contframe.imgbox .scrollmsg, .spfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.spfit.imgleftbox .contframe.imgbox .img, .spfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.spfit.imgleftbox .contframe.imgbox.w400 .img img, .spfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.spfit.imgleftbox .contframe.imgbox.w450 .img img, .spfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.spfit.imgleftbox .contframe.imgbox.w500 .img img, .spfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.spfit.imgleftbox .contframe.imgbox.w550 .img img, .spfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.spfit.imgleftbox .contframe.imgbox.w600 .img img, .spfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.spfit.imgleftbox .contframe.imgbox.w650 .img img, .spfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.spfit.imgleftbox .contframe.imgbox.w700 .img img, .spfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.spfit.imgleftbox .contframe.imgbox.w750 .img img, .spfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.spfit.imgleftbox .contframe.imgbox.w800 .img img, .spfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.spfit.imgleftbox .imgbox, .spfit.imgleftbox .txtbox, .spfit.imgrightbox .imgbox, .spfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.spfit.imgleftbox, .spfit.imgrightbox, .spfit.cntfloatbox { margin-bottom: -10px; }
	.spfit.tc, .spfit.tl, .spfit.tr { text-align: left !important; } }
.porthide { display: block; }
.porthide.inlineblock { display: inline-block; }
.porthide.inline { display: inline; }

.portblock { display: none; }

@media screen and (max-width: 400px) { .porthide { display: none !important; }
	.portblock { display: block; }
	.portblock.inlineblock { display: inline-block; }
	.portblock.inline { display: inline; }
	.portfit.imgleftbox .imgbox, .portfit.imgleftbox .txtbox, .portfit.imgrightbox .imgbox, .portfit.imgrightbox .txtbox, .portfit.cntfloatbox .cnt_left, .portfit.cntfloatbox .cnt_right { float: none !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.portfit.imgleftbox, .portfit.imgrightbox { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.portfit.imgrightbox .imgbox, .portfit.imgleftbox .imgbox{ margin-bottom: 15px; }
	.portfit.imgrightbox .imgbox .img, .portfit.imgleftbox .imgbox .img, .portfit.imgrightbox .contframe.imgbox .img, .portfit.imgleftbox .contframe.imgbox .img{ margin-bottom: 10px; }
	.portfit.imgleftbox .contframe.imgbox .scrollmsg, .portfit.imgrightbox .contframe.imgbox .scrollmsg{ display: block }
	.portfit.imgleftbox .contframe.imgbox .img, .portfit.imgrightbox .contframe.imgbox .img{ overflow: auto; }
	.portfit.imgleftbox .contframe.imgbox.w400 .img img, .portfit.imgrightbox .contframe.imgbox.w400 .img img{ min-width: 400px; }
	.portfit.imgleftbox .contframe.imgbox.w450 .img img, .portfit.imgrightbox .contframe.imgbox.w450 .img img{ min-width: 450px; }
	.portfit.imgleftbox .contframe.imgbox.w500 .img img, .portfit.imgrightbox .contframe.imgbox.w500 .img img{ min-width: 500px; }
	.portfit.imgleftbox .contframe.imgbox.w550 .img img, .portfit.imgrightbox .contframe.imgbox.w550 .img img{ min-width: 550px; }
	.portfit.imgleftbox .contframe.imgbox.w600 .img img, .portfit.imgrightbox .contframe.imgbox.w600 .img img{ min-width: 600px; }
	.portfit.imgleftbox .contframe.imgbox.w650 .img img, .portfit.imgrightbox .contframe.imgbox.w650 .img img{ min-width: 650px; }
	.portfit.imgleftbox .contframe.imgbox.w700 .img img, .portfit.imgrightbox .contframe.imgbox.w700 .img img{ min-width: 700px; }
	.portfit.imgleftbox .contframe.imgbox.w750 .img img, .portfit.imgrightbox .contframe.imgbox.w750 .img img{ min-width: 750px; }
	.portfit.imgleftbox .contframe.imgbox.w800 .img img, .portfit.imgrightbox .contframe.imgbox.w800 .img img{ min-width: 800px; }
	.portfit.imgleftbox .imgbox, .portfit.imgleftbox .txtbox, .portfit.imgrightbox .imgbox, .portfit.imgrightbox .txtbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.portfit.imgleftbox, .portfit.imgrightbox, .portfit.cntfloatbox { margin-bottom: -10px; }
	.portfit.tc, .portfit.tl, .portfit.tr { text-align: left !important; } }



/* ---------------newstopics------------------- */
.newstopics>dt{ margin-bottom: 5px; width: 210px; float: left; }
.newstopics>dd{ text-align: left; padding-left: 210px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.newstopics>dd:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 767px) { 
	.newstopics>dt{ width: 100%; float: none; }
	.newstopics>dd{ padding-left: 0; }
}


/* ---------------searchform------------------- */
.searchform { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.searchform>dt{ margin-right:10px; width: 45px }
.searchform>dd{ width: calc(100% - 46px) }
.searchbtnicon{ width: 36px; height: 36px;  }
.searchbtnicon .st0{fill:#EF7C2C;}
.searchbtnicon .st1{fill:none;stroke:#EF7C2C;stroke-width:2;stroke-miterlimit:10;}
.searchform .searchbtn{ height: 55px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
.searchform .searchbtn:hover .searchbtnicon .st0{fill:#808080;}
.searchform .searchbtn:hover .searchbtnicon .st1{stroke:#808080;}
.searchform .searchtxtbox{ border:1px solid #808080; font-size: 0.94em; height: 50px; width: 100%; }
.searchform .keywordlist{ margin-top: 10px; padding: 0 20px; }
.searchform .keywordlist>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.searchform .keywordlist>dl>dt{ font-size: 1.19em; width: 100px; }
.searchform .keywordlist>dl>dd{ width:calc(100% - 100px); text-align: left; }
.searchform .keywordlist>dl>dd>ul{  }
.searchform .keywordlist>dl>dd>ul>li{ display: inline-block; margin-left: 5px }
.searchform .keywordlist>dl>dd>ul>li>a{ display: inline-block; line-height: 1; color: #fff; background-color: #ff8021; font-size: 0.88em; padding:5px 3px; text-decoration: none; }
.searchform .keywordlist>dl>dd>ul>li>a:hover{ opacity: 1; background-color: #808080; }





/* ---------------boxblock------------------- */
.boxblock.yoko>ul{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; margin-bottom: -30px }
.boxblock.yoko>ul>li{ margin-left: 30px; margin-bottom: 30px }
.boxblock.yoko>ul>li>.inwrap{ box-sizing: border-box; height: 100% }
.boxblock.yoko.c4>ul>li{ width: calc(25% - 30px);  }
.boxblock.yoko.c3>ul>li{ width: calc(33.3% - 30px); }
.boxblock.yoko.c2>ul>li{ width: calc(50% - 30px); }

/* magazine */
.boxblock.yoko.magazine>ul>li>a{ text-decoration: none; display: block; }
.boxblock.yoko.magazine>ul>li .img1{ position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
.boxblock.yoko.magazine>ul>li .img1>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
.boxblock.yoko.magazine>ul>li .img1 .icon{ color: #fff; font-size: 0.81em; background-color: #cc0001; line-height: 1; padding: 15px 15px; position: absolute; top: 0; left: 0; width: 75px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.boxblock.yoko.magazine>ul>li .txtbox1{ margin-top: 15px; }
#index .boxblock.yoko.magazine>ul>li .txtbox1{ margin-top: 25px; }
.boxblock.yoko.magazine>ul>li .txtbox1 .title{ -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
.boxblock.yoko.magazine>ul>li .txtbox1 .name{ font-size: 0.81em; }
.boxblock.yoko.magazine>ul>li>a:hover{ opacity: 1; }
.boxblock.yoko.magazine>ul>li>a:hover .txtbox1 .title{ color: #cc0001; }
.boxblock.yoko.magazine>ul>li>a:hover .img1{ opacity: 0.7; }
.boxblock.yoko.c2.magazine>ul{ margin-bottom: 0; }
.boxblock.yoko.c2.magazine>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
.boxblock.yoko.c2.magazine>ul>li>a .img1{ width: 180px; }
.boxblock.yoko.c2.magazine>ul>li>a .txtbox1{ width: calc(100% - 210px); margin-top: 0; padding-top: 10px }
@media screen and (max-width: 767px) {
	.boxblock.yoko.magazine>ul{ margin-left: -20px; margin-bottom: -20px }
	.boxblock.yoko.magazine>ul>li{ margin-left: 20px; margin-bottom: 20px }
	.boxblock.yoko.magazine.c2>ul>li{ width: calc(50% - 20px); }
	.boxblock.yoko.magazine.c3>ul{ margin-left: 0 }
	.boxblock.yoko.magazine.c3>ul>li{ margin-left: 0 }
	.boxblock.yoko.magazine.c3>ul>li{ width: 100%; }
	.boxblock.yoko.magazine>ul>li .img1,
	.boxblock.yoko.c2.magazine>ul>li>a .img1{ height: 150px; }
	.boxblock.yoko.magazine>ul>li .img1 .icon{ font-size: 0.79em;padding: 15px 15px; width: 65px; }
	.boxblock.yoko.magazine>ul>li .txtbox1,
	#index .boxblock.yoko.magazine>ul>li .txtbox1{ margin-top: 10px; }
	.boxblock.yoko.magazine>ul>li .txtbox1 .name{ font-size: 0.86em; }
	.boxblock.yoko.c2.magazine>ul{ margin-bottom: 0; }
	.boxblock.yoko.c2.magazine>ul>li>a{ display: block; }
	.boxblock.yoko.c2.magazine>ul>li>a .img1{ width: 100%; }
	.boxblock.yoko.c2.magazine>ul>li>a .txtbox1{ width: 100%; }

}

/* gallery */
/*.swiper-container{ margin-left: auto; margin-right: auto; padding-left: 20px;padding-right: 20px; width: calc(100% - 40px) }
.swiper-button-prev, .swiper-button-next{  background: transparent; width: 40px; height: 40px; background-color: #000; border: 1px solid #000; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; }
.swiper-button-prev:before, .swiper-button-next:before{ content:""; display: inline-block; width: 10px; height: 10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ padding-right: 0; padding-left: 5px; left:0; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{  -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.gallerylist:not(.swiper-container)>ul{ margin-left: -20px; }
.gallerylist:not(.swiper-container)>ul>li{ margin-left: 20px; width: calc(33.3% - 20px); }*/
.gallerylist>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.gallerylist>ul>li .img1{ height: 240px; }
.gallerylist>ul>li>a{ text-decoration: none; }
.gallerylist>ul>li>a .img1{ position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.gallerylist>ul>li>a .img1>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
.gallerylist>ul>li>a .img1 .icon{ color: #fff; font-size: 0.81em; background-color: #3c0402; line-height: 1; padding: 15px 15px; position: absolute; top: 0; left: 0; width: 75px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallerylist>ul>li .txtbox1{ margin-top: 25px; }
.gallerylist>ul>li .txtbox1 .title{ -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.gallerylist>ul>li .txtbox1 .name{ font-size: 0.81em; }
.gallerylist>ul>li>a:hover{ opacity: 1; }
.gallerylist>ul>li>a:hover .txtbox1 .title{ color: #cc0001; }
.gallerylist>ul>li>a:hover .img1{ opacity: 0.7; }
@media screen and (max-width: 767px) {
	.swiper-container{ padding-left: 0; padding-right: 0; width: 100% }
	.swiper-button-prev, .swiper-button-next{ display: none; }
	.gallerylist:not(.swiper-container)>ul,
	.gallerylist.swiper-container>ul{ margin-left: -20px; margin-bottom: -20px; width: calc(100% + 20px) }
	.gallerylist:not(.swiper-container)>ul>li,
	.gallerylist.swiper-container>ul>li{ margin-left: 20px; margin-bottom: 20px; width: calc(50% - 20px) }
	.gallerylist>ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
	.gallerylist>ul>li .img1{ height: 150px; }
	.gallerylist>ul>li>a .img1 .icon{ font-size: 0.79em;padding: 15px 15px; width: 65px; }
	.gallerylist>ul>li .txtbox1{ margin-top: 10px; }
	.gallerylist>ul>li .txtbox1 .name{ font-size: 0.86em; }
}


/* servicelist */
.servicelist{  }
.servicelist>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-bottom: -10px; }
.servicelist>ul>li{ margin-left: 10px; margin-bottom: 10px; width: calc(50% - 10px) }
.servicelist>ul>li>.inwrap{ text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; padding: 50px 55px 45px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; justify-content: space-between; height: 100%; }
.servicelist>ul>li>a .title1{ font-size: 1.5em; font-weight: bold; width: 150px; text-align: center; line-height: 1.4; }
.servicelist>ul>li>a .txt1{ width: calc(100% - 180px); }
.servicelist>ul>li>a.inwrap{ position: relative; background-color: #f7f7f7; }
.servicelist>ul>li>a.inwrap:after{ content:""; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; width: 10px; height: 10px; border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.servicelist>ul>li>a.inwrap:hover{ opacity: 1; background-color: #cc0001; color: #fff; }
.servicelist>ul>li>a.inwrap:hover:after{ border-top:1px solid #fff; border-right:1px solid #fff; }
@media screen and (max-width: 767px) {
	.servicelist>ul{ display: block; margin-left: 0; margin-bottom: 0; }
	.servicelist>ul>li{ margin-left: 0; width: 100% }
	.servicelist>ul>li:last-child{ margin-bottom: 0; }
	.servicelist>ul>li>.inwrap{ display: block; padding: 30px 45px 25px 30px; height: auto; }
	.servicelist>ul>li>a .title1{ font-size: 1.29em; width: 100%; text-align: left; }
	.servicelist>ul>li>a .txt1{ width: 100%; }
}


/* saxtonbox */
.saxtonbox .saxtontitlebox>.inwrap{ position: relative; width: 100%; height: 347px; display: block; }
.saxtonbox .saxtontitlebox .bg{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
.saxtonbox .saxtontitlebox .txtbox1{ background-color: rgba(25,25,25,0.8); position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.saxtonbox .saxtontitlebox .txtbox1>.inwrap{ max-width: 400px; width: 88%; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; height: 100%; }
.saxtonbox .saxtontitlebox .txtbox1 .logo{ width: 76px; height: 160px; }
.saxtonbox .saxtontitlebox .txtbox1 .titlebox1{ width: calc(100% - 110px) }
.saxtonbox .saxtontitlebox .txtbox1 .titlebox1 .icon1{ background-color: #fff; border: 1px solid #fff; border-radius: 10px; line-height: 1; padding: 7px 13px; margin-bottom: 30px; font-weight: bold; display: inline-block; }
.saxtonbox .saxtontitlebox .txtbox1 .titlebox1 .title1{ font-weight: bold; font-size: 1.38em; color: #fff; line-height: 1.6; }
.saxtonbox .saxtonpricelist{ margin-top: -15px; max-width: 792px; margin-left: auto; margin-right: auto; position: relative; }
.saxtonbox .saxtonpricelist>.inwrap{ background-color: #f7f7f7; padding: 40px 65px 30px 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; text-decoration: none; -ms-align-items: center; align-items: center; }
.saxtonbox .saxtonpricelist>.inwrap>.arr{  background: transparent; width: 40px; height: 40px; background-color: #000; border: 1px solid #000; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; position: absolute; top: 0; bottom: 0; right: -20px; margin-top: auto; margin-bottom: auto; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.saxtonbox .saxtonpricelist>.inwrap>.arr:before{ content:""; display: inline-block; width: 10px; height: 10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.saxtonbox .saxtonpricelist .titlebox1{ width: 390px; }
.saxtonbox .saxtonpricelist .titlebox1 .title1{ font-weight: bold; font-size: 1.38em; line-height: 1.6; }
.saxtonbox .saxtonpricelist .pricebox1{ margin-top: -5px; width: calc(100% - 390px) }
.saxtonbox .saxtonpricelist .pricebox1 .mainprice{ text-align: right; }
.saxtonbox .saxtonpricelist .pricebox1 .mainprice .subtxt{ display: inline-block; font-weight: bold; }
.saxtonbox .saxtonpricelist .pricebox1 .mainprice .pricetxt{ display: inline-block; font-size: 1.88em; font-weight: bold; line-height: 1.6; margin-left: 10px; }
.saxtonbox .saxtonpricelist .pricebox1 .desc1{ font-weight: bold; text-align: right; }
.saxtonbox .saxtonpricelist>.inwrap:hover{ opacity: 1; background-color: #cc0001; color: #fff; }
.saxtonbox .saxtonpricelist>.inwrap:hover>.arr{ background-color: #3c0402; border: 1px solid #3c0402; }
@media screen and (max-width: 767px) {
	.saxtonbox .saxtontitlebox>.inwrap{ height: 257px; }
	.saxtonbox .saxtontitlebox .txtbox1>.inwrap{ max-width: 305px; }
	.saxtonbox .saxtontitlebox .txtbox1 .logo{ width: 54px; height: 118px; }
	.saxtonbox .saxtontitlebox .txtbox1 .titlebox1{ width: calc(100% - 80px) }
	.saxtonbox .saxtontitlebox .txtbox1 .titlebox1 .icon1{ border-radius: 10px; padding: 7px 13px; margin-bottom: 15px; font-size: 0.79em; }
	.saxtonbox .saxtontitlebox .txtbox1 .titlebox1 .title1{ font-size: 1.21em; }
	.saxtonbox .saxtonpricelist{ margin-top: 0; max-width: 100%; }
	.saxtonbox .saxtonpricelist>.inwrap{ padding: 25px 75px 25px 6%; display: block; }
	.saxtonbox .saxtonpricelist>.inwrap>.arr{ width: 30px; height: 30px; padding-right: 5px; right: 25px; }
	.saxtonbox .saxtonpricelist>.inwrap>.arr:before{ width: 8px; height: 8px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden;  }
	.saxtonbox .saxtonpricelist .titlebox1{ width: 100%; }
	.saxtonbox .saxtonpricelist .titlebox1 .title1{ font-size: 1em; line-height: 2; }
	.saxtonbox .saxtonpricelist .pricebox1{ margin-top: 15px; width: 100% }
	.saxtonbox .saxtonpricelist .pricebox1 .mainprice{ text-align: left; }
	.saxtonbox .saxtonpricelist .pricebox1 .mainprice .pricetxt{ font-size: 1em; line-height: 2;  }
	.saxtonbox .saxtonpricelist .pricebox1 .desc1{ font-weight: bold; text-align: left; }
	.saxtonbox .saxtonpricelist>.inwrap:hover>.arr{ background-color: #fff; border: 1px solid #fff; }
	.saxtonbox .saxtonpricelist>.inwrap:hover>.arr:before{ border-top:1px solid #cc0001; border-right:1px solid #cc0001; }
}
@media screen and (max-width: 479px) {
	.saxtonbox .saxtontitlebox .txtbox1 .titlebox1{ width: calc(100% - 70px) }
	.saxtonbox .saxtontitlebox .txtbox1 .titlebox1 .title1{ font-size: 1.15em; text-align: left; }
	.saxtonbox .saxtonpricelist>.inwrap>.arr{ right: 6%; }
}


/* bnrlist1 */
.bnrlist1>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.bnrlist1>ul>li{ width: 50%; }
.bnrlist1>ul>li>a{ text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; width: 100%; }
.bnrlist1>ul>li:nth-child(1)>a{ background:url(../img/common/bnr1.jpg); -webkit-background-size: cover; background-size: cover; }
.bnrlist1>ul>li:nth-child(2)>a{ background:url(../img/common/bnr2.jpg); -webkit-background-size: cover; background-size: cover; }
.bnrlist1>ul>li>a .txtbox1{ background-color: rgba(25, 25, 25, 0.5); padding: 80px 10% 50px; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; height: 100%; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-align-items: center; align-items: center; justify-content: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; }
.bnrlist1>ul>li>a .txtbox1>p{ text-align: center; }
.bnrlist1>ul>li>a .txtbox1 .title1{ font-size: 3em; line-height: 1.6; font-weight: bold; }
.bnrlist1>ul>li>a .txtbox1 .subtitle1{ font-size: 1.13em; font-weight: bold; }
.bnrlist1>ul>li>a .txtbox1 .txt1{ margin-top: 20px; }
.bnrlist1>ul>li>a:hover{ opacity: 1; }
.bnrlist1>ul>li>a:hover .txtbox1{ background-color: rgba(60, 4, 2, 0.5); }
@media screen and (max-width: 767px) {
	.bnrlist1>ul{ display: block; }
	.bnrlist1>ul>li{ width: 100%; }
	.bnrlist1>ul>li>a{ height: 200px; }
	.bnrlist1>ul>li>a .txtbox1{ padding: 30px 6% 35px; }
	.bnrlist1>ul>li>a .txtbox1 .title1{ font-size: 2.29em; line-height: 1.4; }
	.bnrlist1>ul>li>a .txtbox1 .subtitle1{ font-size: 1em; }
	.bnrlist1>ul>li>a .txtbox1 .txt1{ margin-top: 10px; font-feature-settings : "palt"; }
}


/* sec_1 */
.servicenav{  }
.servicenav>ol{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-left: -10px; }
.servicenav>ol>li{ margin-left: 10px; width: calc(25% - 10px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.servicenav>ol>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; background-color: #f7f7f7; text-decoration: none; font-size: 1.25em; font-weight: bold; line-height: 1.6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 62px 6%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.servicenav>ol>li.current>a,
.servicenav>ol>li>a:hover{ opacity: 1; background: #cc0001; color: #fff; }
.servicenav>ol>li>a span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	.servicenav>ol{ display: block; margin-left: 0; margin-bottom: -10px; }
	.servicenav>ol>li{ margin-left: 0; margin-bottom: 10px; width: 100%; }
	.servicenav>ol>li>a{ display: block; font-size: 1.13em; padding: 15px 6%; text-align: center; }
}



/* flowlist */
.flowlist{  }
.flowlist>ol{  }
.flowlist>ol>li{ padding-bottom: 105px; position: relative; }
.flowlist>ol>li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.flowlist>ol>li:before{ content:""; background: url(../img/common/flowarr.svg) no-repeat; -webkit-background-size: contain; background-size: contain; width: 116px; height: 48px; display: inline-block; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 25px; }
.flowlist>ol>li:last-child{ padding-bottom: 0; }
.flowlist>ol>li:last-child:before{ content:none; }
.flowlist>ol>li .title{ font-weight: bold; font-size: 1.5em; line-height: 1.6; margin-bottom: 10px; }
.flowlist>ol>li .title span{ font-weight: bold; }
.flowlist>ol>li .title{  }
.flowlist>ol>li .title .montserratfont{ font-size: 2.5em; font-weight: bold; line-height: 1; display: inline-block; margin-right: 30px; vertical-align: bottom; }
.flowlist>ol>li.red .title .montserratfont{ color: #cc0001; }
.flowlist>ol>li .list{ margin-left: -5px; margin-top: 20px; text-align: left; margin-bottom: -10px; }
.flowlist>ol>li .list>li{ display: inline-block; margin-left: 5px; margin-bottom: 10px; }
.flowlist>ol>li .list>li>span{ font-size: 1.13em; font-weight: bold; background: #f7f7f7; text-decoration: none; padding: 18px 45px; display: inline-block; }
.flowlist>ol>li .txtbox{ float: left; width: 59%; }
.flowlist>ol>li .imgbox{ float: right; width: 36%; }
.flowlist>ol>li.reserve .txtbox{ float: right; }
.flowlist>ol>li.reserve .imgbox{ float: left; }
.flowlist>ol>li .dllist{ margin-bottom: -10px; margin-top: 25px; }
.flowlist>ol>li .dllist>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-bottom: 10px; }
.flowlist>ol>li .dllist>li>dl{ background: #f7f7f7; padding: 35px 45px 35px 55px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; width: calc(100% - 250px) }
.flowlist>ol>li .dllist>li>dl>dt{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; width: 124px; padding-right: 20px; }
.flowlist>ol>li .dllist>li>dl>dd{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; }
.flowlist>ol>li .dllist>li>dl>dd>ul{  }
.flowlist>ol>li .dllist>li>dl>dd>ul>li{ padding-left: 1em!important; text-indent: -1em; }
.flowlist>ol>li .dllist>li>img{ width: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
@media screen and (max-width: 767px) { 
	.flowlist>ol>li{ padding-bottom: 60px; }
	.flowlist>ol>li:before{ width: 58px; height: 24px; bottom: 15px; }
	.flowlist>ol>li .title{ font-size: 1.29em; }
	.flowlist>ol>li .title .montserratfont{ font-size: 2em; margin-right: 10px; }
	.flowlist>ol>li .list>li>span{ padding: 10px 30px; }
	.flowlist>ol>li .list{ margin-top: 10px; }
	.flowlist>ol>li .txtbox,
	.flowlist>ol>li .imgbox,
	.flowlist>ol>li.reserve .txtbox,
	.flowlist>ol>li.reserve .imgbox{ float: none; width: 100%; }
	.flowlist>ol>li .txtbox{ margin-bottom: 20px; }
	.flowlist>ol>li .dllist{ margin-top: 15px; }
	.flowlist>ol>li .dllist>li>dl{ padding: 20px 6%; display: block; }
	.flowlist>ol>li .dllist>li>dl>dt{ display: block; width: 100%; padding-right: 0; font-weight: bold; }
	.flowlist>ol>li .dllist>li>dl>dd{ display: block; }
}
@media screen and (max-width: 639px) { 
	.flowlist>ol>li .dllist>li{ display: block; }
	.flowlist>ol>li .dllist>li>dl{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.flowlist>ol>li .dllist>li>img{ width: 100%; }
}

/* contactbtnlist */
.contactbtnlist{ margin-top: 30px; text-align: center; }
.contactbtnlist>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-left: -10px; justify-content: center; }
.contactbtnlist>ul>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-left: 10px; width: calc(33% - 10px); }
.contactbtnlist>ul>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background: #cc0001; width: 100%; text-align: center; text-decoration: none; -ms-align-items: center; align-items: center; justify-content: center; border: 1px solid #cc0001; border-radius: 40px; color: #fff; }
.contactbtnlist>ul>li:nth-child(1)>a{ font-weight: bold; }
.contactbtnlist>ul>li:nth-child(1)>a svg.mailicon{ width: 34px; height: 24px; margin-right: 8px; }
.contactbtnlist>ul>li:nth-child(1)>a svg.mailicon .st0{ fill:none; stroke:#fff; stroke-miterlimit:10; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; }
.contactbtnlist>ul>li:nth-child(2)>a{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; line-height: 1.5; padding-top: 15px; padding-bottom: 10px; }
.contactbtnlist>ul>li:nth-child(2)>a .subtitle{ font-size: 0.88em; }
.contactbtnlist>ul>li:nth-child(2)>a .tellink{ font-size: 1.5em; font-weight: bold; }
.contactbtnlist>ul>li>a:not(.tel_link):hover{ opacity: 1; background: #fff; border: 1px solid #fff; color: #cc0001; }
.contactbtnlist>ul>li:nth-child(1)>a:hover svg.mailicon .st0{ stroke:#cc0001; }
@media screen and (max-width: 767px) { 
	.contactbtnlist{ margin-top: 25px; padding-left: 6%; padding-right: 6%; }
	.contactbtnlist>ul{ display: block; margin-left: 0; }
	.contactbtnlist>ul>li{ display: block; margin-left: 0; width: 100%; margin-bottom: 10px; }
	.contactbtnlist>ul>li:last-child{ margin-bottom: 0; }
	.contactbtnlist>ul>li>a{ height: 60px; border-radius: 40px; }
	.contactbtnlist>ul>li:nth-child(1)>a svg.mailicon{ width: 22px; height: 15px; }
	.contactbtnlist>ul>li:nth-child(2)>a{ padding-top: 0; padding-bottom: 0; }
	.contactbtnlist>ul>li:nth-child(2)>a .subtitle{ font-size: 1em; }
	.contactbtnlist>ul>li:nth-child(2)>a .tellink{ font-size: 1.29em; }
}

/* galleryimglist */
.galleryimglist{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-top: 20px; }
.galleryimglist>li{ width: calc(33.3% - 20px); margin-left: 20px; }
.galleryimglist>li .img{  }
.galleryimglist>li .cap{ margin-top: 10px; height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; font-weight: bold; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; line-height: 1.8; }
.galleryimglist>li .cap>span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	.galleryimglist>li .cap{ margin-top: 10px; height: auto; display: block; }
	.galleryimglist{ display: block; margin-left: 0; margin-top: 15px; }
	.galleryimglist>li{ width: 100%; margin-left: 0; margin-bottom: 20px; }
}

/* workslist */
.workslist{  }
.workslist>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -25px; margin-bottom: -30px; }
.workslist>ul>li{ margin-left: 25px; margin-bottom: 30px; /*width: calc(25% - 25px);*/width: calc(33.3% - 25px); }
.workslist>ul>li>a{ text-decoration: none; display: block; }
.workslist>ul>li .img{ margin-bottom: 15px; position: relative; }
.workslist>ul>li .img>img{ width: 100%; height: 220px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit;  }
.workslist>ul>li .img span.newicon{ background: #cc0001; color: #fff; font-size: 0.81em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 75px; height: 48px; line-height: 1; position: absolute; top: 0; left: 0; }
.workslist>ul>li .title{ line-height: 1.8; margin-bottom: 5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; backface-visibility: hidden; color: inherit; }
.workslist>ul>li .info{ font-size: 0.81em; margin-left: -10px; }
.workslist>ul>li .info span{ margin-left: 10px; }
.workslist>ul>li .info span.cat{ padding: 2px 8px; border: 1px solid #191919; font-size: 12px; }
.workslist>ul>li>a:hover{ opacity: 1; }
.workslist>ul>li>a:hover .title{ color: #cc0001; }
.workslist>ul>li>a:hover .img>img{ opacity: 0.7; }
@media screen and (max-width: 767px) {
	.workslist>ul{ margin-bottom: -20px; margin-left: -20px; }
	.workslist>ul>li{ width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px; }
	.workslist>ul>li .img{ margin-bottom: 10px; }
	.workslist>ul>li .img>img{ height: 150px; }
}