@charset "utf-8";

 .download-link{
    color: #eb5527;
    text-decoration: underline;
    cursor: pointer;
}

/* CSS Document */
main.l-main {
margin-top: 30px;
}


.post_desc{
margin-bottom: 20px;
margin-top: 20px;}

/*********************************
　基本フォーマット
*********************************/

html{font-size: 16px;}

body {
  line-height: 1.7em;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Noto Sans JP', sans-serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
  color: #282828;
}

main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; /* IE対策に追加 */
}

input, select, textarea ,button{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Noto Sans JP', sans-serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
  color: #282828;
}

img{
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    border: none;
}

a {
  color: #282828;
}

a:hover, input[type="submit"]:hover {
  opacity: .7;
}

.clear {
    display: block;
    clear: both;
    color: #FFFFFF;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}



/*フォント*/
.font-en {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.font-mincho {
    font-family: 'Hiragino mincho Pro','ヒラギノ明朝 Pro W3','Hiragino mincho ProN','ヒラギノ明朝 ProN W3','Noto Serif JP', serif;
    text-transform: uppercase;
}

.ta-c{text-align:center;}
.ta-l{text-align:left;}
.ta-r{text-align:right;}

/*ボディサイズ以下の小さい文字*/
.stext{font-size: 0.875rem;}

.font-bold{font-weight:bold;}
p.orange{color:#eb5527;}

/*PC版フォントサイズ対応表
AIサイズ	　 = CSS
font-size:18px = 1.125rem;
font-size:20px = 1.25rem;
font-size:22px = 1.375rem;
font-size:24px = 1.5rem;
font-size:26px = 1.625rem;
font-size:28px = 1.75rem;
font-size:32px = 2rem;
font-size:34px = 2.125rem;
font-size:40px = 2.5rem;
font-size:54px = 3.375rem;
*/



.contents {
 max-width: 1075px;
 width: 98%;
 margin: auto;
}


.ofi{
object-fit: cover;
object-position: center top;
font-family: 'object-fit: cover; object-position: center top;'
}


/*背景色--------------------------------*/
/*グレー*/
.gray_bg{background:#f0f0f0;}

/*薄いオレンジ*/
.po_bg{background:#ffebeb;}

/*より薄いオレンジ*/
.ppo_bg{background:#fef6f4;}

/*緑*/
.green_bg{background:#4fa883 !important;}

/*青*/
.blue_bg{background: #2385b8 !important;}

/*薄い青*/
.pblue_bg{background: #88abda !important;}

/*薄い緑*/
.pgreen_bg{background: #64b496 !important;}



/*ページタイトル※テンプレ参照----------*/
/*グレーバック*/
.pagetitle, .pagetitle_detail{
  width:100%;
  /*height:136px;*/
  background:#f0f0f0;
  margin:0 auto;
  padding:32px 60px;
  position:relative;
}

/*日本語h1*/
.pagetitle h1, .pagetitle_detail h1{
  font-size:1.87rem;
  line-height:1.46em;
  font-weight:bold;
  text-align:center;
}

/*英語キャプション*/  
.pagetitle p{
 text-align:center;
 font-size:0.875rem;
 line-height:1.571em;
 padding-top:4px;

}

/*ページタイトル英字なし*/
.pagetitle_detail h1{
  font-weight:lighter;
}



/*ページ頭の画像*/
.pagecap{
  /*margin:100px auto;*/
  margin:70px auto 80px;
  text-align:center;
}

.pagecap_img{
  margin: 0 auto;
  max-width: 1920px;
  overflow: hidden;
  z-index: 1;
  max-height: 520px;
}

.pagecap_img img{
  width:100%;
  height:auto;
}




/*見出し---------------*/

/*中央寄せ　英語付き見出し*/
.sectiontitle{
   margin: 0 auto;
   display: table;
   table-layout: fixed;
   font-size: 0.875rem;
   text-align: center;
   line-height: 0.9em;
   color: #282828;
   letter-spacing:0.1em;
   margin-bottom:36px;
   position:relative;
}

.sectiontitle .font-en{
   display: block;
   font-weight: 700;
   font-size: 1.875rem;
   line-height: 1.8em;
   letter-spacing:0.12em;
}




h2{font-size:1.625rem;}

/*オレンジ色h2※テンプレ参照*/
.pagecap h2{
  font-weight:bold;
  color:#eb5527;
  line-height:1.615em;
  text-align:center;
  margin:30px auto;
}

/*オレンジ背景のh2*/
h2.orange_bg{font-size:1.5rem;font-weight:bold;padding: 14px 0;border-radius: 4px;background: #eb5527;color:#fff;text-align:center;}


/*ラインマーカー風h2*/
h2.lmh2{
  font-weight:bold;
  color:#eb5527;
  line-height:1.615em;
  text-align:center;
  background: linear-gradient(transparent 60%, #fbddd4 60%)repeat scroll 0 0;
  display:inline;
}


/*下線付きh3*/
h3{font-size:1.5rem;}
.bbh3{;font-weight:bold;text-align:center;padding:15px 0;border-bottom:solid 1px #bebebe;margin-bottom:10px;}

/*ナンバー入り吹き出しh3※SP横長*/
h3.hnh3{background:#eb5527;width:17.9%;max-width:190px;padding:36px 34px 26px;box-sizing:border-box;color:#fff;
text-align:center;border-radius:6px;position:relative;display:inline-block;vertical-align:top;font-size:1rem;}
h3.hnh3::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 14px 0 14px 14px;
border-color: transparent transparent transparent #eb5527;position:absolute;top:50%;right:-14px;margin-top:-14px;}
h3.hnh3 span.num{font-size:2rem;position:relative;}
h3.hnh3 span.num::after{content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;bottom:-5px;left:0;}
h3.hnh3 p{margin:18px auto 0;height:4em;display:table;table-layout: fixed;}
h3.hnh3 p span{display:table-cell;vertical-align:middle;letter-spacing: 0.06em;}

/*h4*/
h4{
  font-size:1.375rem;
  font-weight:bold;
  color:#eb5527;
  line-height:1.36em;
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*左にオレンジ線がついたh4※テンプレ参照*/
.lbh4{
  border-left:4px solid #eb5527;
  padding-left:10px;
}

/*黒太字h5*/
h5{font-size:1.25rem;}
.boh5{
	font-weight:bold;
	color: #282828;
}

/*下線付きh5*/
.bbh5{font-weight:bold;text-align:center;padding:12px;border-bottom:solid 1px #bebebe;margin-bottom:10px;}

/*左寄　オレンジ文字h5*/
.nbh5{
	color:#eb5527;
	margin:40px 0 20px;
}
/*中央寄　オレンジ文字フキダシh5*/
.hukidashi {text-align:center;color:#eb5527;}
.hukidashi span{position:relative;}
.hukidashi span::after{content:"";display:block;position:absolute;top:0;right:-20px;background:#eb5527;width:1px;height:105%;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.hukidashi span::before{content:"";display:block;position:absolute;top:0;left:-20px;background:#eb5527;width:1px;height:105%;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}

h6{font-weight:bold;font-size:1rem;margin:10px 0;}

h6.waku{padding:10px 15px;border:solid 1px #eb5527;display:inline-block;}

/*吹き出し形見出し*/
.midashi_fukidashi{
    width:100%;
    position: relative;
    display: inline-block;
    padding: 14px 0;
    border-radius:4px;
    margin:50px 0 0;
    background:#eb5527;
}

.midashi_fukidashi p{
    font-size:1.58rem;
    font-weight:bold;
    color:#fff;
    text-align:center;
    letter-spacing:0.03em;
    line-height:1.467em;
}

.midashi_fukidashi::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #eb5527;
}

/*薄い青*/
.midashi_fukidashi.pblue_bg::after{border-top: 10px solid #88abda !important;}

/*薄い緑*/
.midashi_fukidashi.pgreen_bg::after{border-top: 10px solid #64b496 !important;}

/*テキストリンク------------------------*/
/*ノーマルオレンジ下線*/
.textlink{
  color: #eb5527;
  text-decoration:underline;
  cursor:pointer;
}

/*pdfリンク_target="black"*/
.pdflink{
  color: #eb5527;
  text-decoration:underline;
  position:relative;
  padding-left:24px;
}
.pdflink::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../img2/icon_pdf.png) no-repeat;
  background-size: 18px 20px;
  top: 0;
  left: 0;
  margin-left:2px;
}
.pdflinktail{
  color: #eb5527;
  text-decoration:underline;
  position:relative;
  padding-right:24px;
}
.pdflinktail::after{
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../img2/icon_pdf.png)right center/11px auto  no-repeat;
  background-size: 18px 20px;
  top: 0;
  right: 0;
  margin-right:2px;
}

/*外部サイトリンク_target="black"*/
.oslink{
  color: #eb5527;
  text-decoration:underline;
  line-height:1.8em;
}
.oslink::after{
  content: "";
  width: 20px;
  height: 16px;
  background: url(../img2/icon_oslink.png) no-repeat;
  background-size: 20px 16px;
  margin-left:7px;
  display:inline-block;
  vertical-align: middle;
}



/*ボタン---------------
・ボタン大遷移：buttn01
・ボタン大読み込み：buttn02
・ボタン小遷移：buttn03
・ボタン小読み込み：buttn04
*/

a.button01, a.button02, a.button03, a.button04, a.button05{
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #282828;
    display: block;
    background: #fff;
    position: relative;
    text-align: center;
    cursor: pointer; 
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin:0 auto;
    
}

a.button01di{
  -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #282828;
    display: block;
    background: #fff;
    position: relative;
    text-align: center;
    cursor: pointer; 
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin:0 auto;
    
    cursor: default;
    opacity: 0.6;
    
}

a.button05{
	background:#EB5527;
	border:1px solid #EB5527;
	color:#fff !important;
}

a.button01,a.button01di, a.button02, a.button05{
    max-width: 350px;
    padding: 14px 0;
}

a.button03, a.button04{
    width: 80%;
    max-width: 290px;
    padding: 10px 0;

}


a.button01::after, a.button03::after, a.button05::after{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #282828;
    border-right: solid 1px #282828;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

a.button02::after, a.button04::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #282828;
    border-right: solid 1px #282828;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 46%;
    margin-top: -5px;
	-webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.button05::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}



a.button01::after, a.button05::after{right: 6%;}
a.button02::after, a.button03::after{right: 7%;}
a.button04::after{right: 8%;}

a.button01:hover, a.button02:hover, a.button03:hover, a.button04:hover{
	opacity: 1;
    background: #EB5527;
    border: solid 1px #EB5527;
    color:#fff;
}


a.button01:hover::after, a.button02:hover::after , a.button03:hover::after, a.button04:hover::after{
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}

a.button05:hover{
	opacity: 1;
	background:#fff;
	color:#EB5527 !important;
}
a.button05:hover::after {
	border-top: solid 1px #EB5527;
	border-right: solid 1px #EB5527;
}

a.button02.active::after, a.button04.active::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*テーブル----------------------------*/
/*table01:表組（thは薄オレンジ）*/
.table01,.table02{
    width: 100%;
   /* max-width: 100%;*/
    border-top: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
    margin: 50px auto 0px;
}

.table01 tr ,.table02 tr {
    border-bottom: 1px solid #bababa;
}

.table01 th{
    background:#fdeee9;
}

.table01 th, .table01 td,.table02 th, .table02 td{
    vertical-align: middle;
    padding: 16px 20px;
}

/*pickup：ピックアップテーブル*/
.pickup{
    width:100%;
    border-top:1px solid #bebebe;   
}

.pickup tr{
    background:#fff;
    border-bottom:1px solid #bebebe;
}

.pickup th .font-en{
    font-weight:bold;
    color:#eb5527;
    vertical-align:middle;
    font-size:1.125rem;
}

.pickup .title a{text-decoration:underline;}

.pickup td a:hover{color:#eb5527;opacity:1;}

.pickup .cate-mark{
    font-weight:bold;
    color:#fff;
    border-radius: 4px;
    vertical-align: middle;
    width: 114px;
    display: inline-block;
    text-align: center;
    letter-spacing:0.1em;
    padding:1px 0;
    font-size:0.875rem;
}

.pickup th .cate-mark{
    margin-left: 24px;
}

.pickup .category_event {
    background: #2385b8;
    border: 1px solid #2385b8;
}

.pickup .category_briefing {
    background: #4fa883;
    border: 1px solid #4fa883;
}

/* 	下層ページバナー------------------*/

.linkbnr_box{
    margin: 0 auto;
    display:table;
    table-layout: fixed;
    width:100%;
}

.linkbnr_box li{
    width:50%;
    display:table-cell;
}

.linkbnr_box li a{display:block;}
.linkbnr_box li a:hover{opacity:0.7;}

.linkbnr{
    display: table;
    table-layout: fixed;
    width:100%;
    height:auto;
    border-radius:6px;
    border:1px solid #282828;
    overflow:hidden;
    position:relative; 
    line-height: 1em;
     z-index:2;     
}

.bnrimg, .bnr_ca{display: table-cell;}

.bnrimg{width:180px;border-radius:6px 0 0 6px;overflow:hidden;}

.bnrimg img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    z-index:1;
}

.bnr_ca {
    position: relative;
    padding: 20px;
    vertical-align: middle;
    text-align: center;
    width:100%;
    height:100%;
    
}

.bnr_ca::after{
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #282828;
    border-right: solid 2px #282828;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 6%;
        margin: auto;
    display: block;
}



.bnr_ca p{
    margin-bottom:16px;
    font-size:0.87rem;
}

.bnr_ca span{
    font-size:1.2rem;
    position: relative;
    line-height: 1.24em;
}

/* 	近隣の校舎をさがす------------------*/

#neighborhood{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	border-top: 1px solid #bebebe;
	padding-top: 60px;
}
#neighborhood a{
	color: #eb5527;
	text-decoration: underline;
}
#neighborhood h2{
	text-align: center;
	font-size: 1.5rem;
	width: 100%;
	margin-bottom: 20px;
}
#neighborhood h2+p{
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
#neighborhood .l,
#neighborhood .r{
	width: 50%;
	max-width: 450px;
	padding: 0 15px;
}
#neighborhood h2+.r,
#neighborhood h2+p+.r{
	width: auto;
}
#neighborhood .l p,
#neighborhood .r p{
	margin-bottom: 15px;
}
#neighborhood ul{
	display: block;
}
#neighborhood ul li{
	display: inline-block;
	padding: 5px 15px;
}
#neighborhood ul li a{
	display: block;
}

@media screen and (max-width: 750px){
	#neighborhood .l{
		margin-bottom: 30px;
	}
	#neighborhood .l,
	#neighborhood .r{
		width: 100%;
		max-width: none;
		padding: 0;
	}
}
@media screen and (max-width: 500px){
	#neighborhood h2+p{
		margin-bottom: 30px;
	}
	#neighborhood .l p,
	#neighborhood .r p{
		margin-bottom: 10px;
	}
	#neighborhood ul li{
		padding: 3px 10px;
	}
}


/* アコーディオン------------------*/

.ac-wrap {
  border: 1px solid #ccc;
}

.ac-wrap .ac-btn {
  cursor: pointer;
}

.ac-wrap .ac-btn-de {
  padding: 15px;
  position: relative;
  background-color: #efefef;
}

.ac-wrap .open {
  padding: 15px;
}

.ac-wrap .ac-btn-de:after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 1.5px solid #00458d;
  border-right: 1.5px solid #00458d;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ac-wrap .active:after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-top: 0px;
  border-top: 1.5px solid #888;
  border-right: 1.5px solid #888;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* 詳細ページリンクボックス------------------*/

.detail_linkboxs{text-align: center;}

.detail_linkboxs li{
    width: 250px;
    display: inline-block;
    margin: 0 20px 20px;
}

.detail_linkboxs li .thum {
    width: 100%;
    height: 14.5vw;
    max-height: 166px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.detail_linkboxs li .thum img {
    width: 100%;
}

.detail_linkboxs li p {
    background: #f0f0f0;
    padding: 15px 0;
    border-radius: 0 0 8px 8px;
    position: relative;
}


.detail_linkboxs li:nth-of-type(1) p::before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
    width: 6px;
    height: 6px;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.detail_linkboxs li:nth-of-type(2) p::before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    border-right: 1px solid #202020;
    border-top: 1px solid #202020;
    width: 6px;
    height: 6px;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.detail_linkboxs li:hover{opacity:0.7;}

.detail_linkboxs::before, .detail_linkboxs::after{content: "";float: none;clear: both;display: block;}


/*セレクトボックス---------------*/
.selectwrap {
    width: 100%;
    display: block;
    position: relative;
}

.selectwrap select {
    width: 100%;
    resize: vertical;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    padding: 10px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    font-size:16px;
}

select::-ms-expand{
display: none;
}

.selectwrap::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #282828;
    border-right: solid 1px #282828;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 7%;
    margin-top: -5px;
}


/*Q&Aマーク---------------*/
.QAblock .QA_que{padding: 4px 0 15px 68px;position: relative;margin-left:-14px;}
.QAblock .QA_ans{padding: 15px 0 15px 68px;position: relative;margin-left:-14px;}
.QAblock .QA_que{font-weight: bold;font-size: 1.12rem;}
.QAblock .QA_que::before, .QAblock .QA_ans::before{
    position: absolute;
    left: 25px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #eb5527;
    font-size: 1.375rem;
    font-family: 'Hiragino mincho Pro','ヒラギノ明朝 Pro W3','Hiragino mincho ProN','ヒラギノ明朝 ProN W3','Noto Serif JP', serif;
    text-transform: uppercase;
}
.QAblock .QA_que::before{content: "Q.";}
.QAblock .QA_ans::before{content: "A.";}


/*anime---------------*/
.anime{
	opacity:0;
}

/*
.anime.show{
	animation: animtranslate 0.8s ease;
    animation-fill-mode: both;
}*/

@keyframes animedef {
0% { opacity:0; }
100% { opacity:1;}
}


@keyframes slide_up{
0% { transform: translate(0,100px); opacity:0; }
100% { transform: translate(0,0); opacity:1;}
}

@keyframes slideR{
0% { transform: translate(-100px,0); opacity:0; }
100% { transform: translate(0,0); opacity:1;}
}

@keyframes slideL{
0% { transform: translate(100px,0); opacity:0; }
100% { transform: translate(0,0); opacity:1;}
}


/*PCのみ==========================================*/
@media print, screen and (min-width:1061px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
	

	
	
}

/*PC==========================================*/

@media print, screen and (min-width:751px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  


 
/*ページタイトル英字なし*/
.pagetitle_detail{height:130px;padding:20px 60px;}

.pagetitle_detail h1{
  font-weight:lighter;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}


/*テーブル------------------*/
/*table01*/
.table01 th,.table02 th{
    width: 20%;
    border-right: 1px solid #bababa;
    text-align:left;
}


/*pickup*/
.pickup th, .pickup td{vertical-align: middle;}

.pickup th{width:24%;}

.pickup .title{
    width:46%;
    padding:26px 0;
}

.pickup .title a{line-height:2.1em;}

.pickup .btn{
    width:30%;
    padding-right:10px;
}

.pickup .btn a.button03{
    width:90%;
    max-width: none;
}


/* 下層ページバナー------------------*/
.linkbnr_box{
     display:table;
     table-layout: fixed;
     width:100%;
     margin: 80px auto;/*他ページとの調整で100pxより変更*/
}

.linkbnr_box li:first-child{padding-right:15px;}
.linkbnr_box li:last-child{padding-left:15px;}


}


/*タブレット==============================================*/

@media screen and (min-width:751px) and (max-width:1060px) {

html{font-size: 1.6vw;}


/*見出し*/
.pagecap{/*margin:8vw auto;*/margin:6vw auto 7vw;}

.pagecap h2{font-size:2.5vw;margin: 3vw auto;}

.pagetitle{height:auto;padding: 3.2vw 2vw;}
.pagetitle_detail{padding: 7vw 0;}

 

h3.hnh3{padding: 3.2vw 3.2vw 2.4vw;}

.midashi_fukidashi{margin-top:5vw;}

.stext{font-size:1rem;}

/*テキストリンク----------------------------*/
/*pdfリンク_target="black"*/
.pdflink::before{
    width: 2vw;
    height: 2.3vw;
    background-size: 2vw 2.3vw;
    top: -2%;
    left: 0;
    margin-left: 0.3vw;
}
/*外部サイトリンク_target="black"*/
.oslink{line-height:1.8em;}
.oslink::after{
    width: 2.1vw;
    height: 1.7vw;
    background-size: 2.1vw 1.7vw;
    margin-left: 3px;
}

/*セレクトボックス*/
.selectwrap select{font-size: 1.6vw;}


/*pickup*/
.pickup th {width: 22%;}

.pickup .title {
     width: 48%;
     padding: 3vw 0 3vw 1.8vw;
}

.pickup th .font-en {font-size: 1.24rem;}

.pickup .btn {width: 30%;}

.pickup th .cate-mark {margin-left: 4%;}


.pickup .cate-mark{
    width:10vw;
    font-size:0.87rem;
}

/* 下層ページバナー------------------*/

.linkbnr_box{margin:8vw auto;}

.bnrimg {width:17vw;}

.bnr_ca{padding:2vw;}

.bnr_ca p{font-size:1rem;}

.bnr_ca span {
    font-size: 1.2rem;
    padding-left: 2%;
}


/* 詳細ページリンクボックス------------------*/
.detail_linkboxs li .thum {height: 27.5vw;}

/*Q&Aマーク---------------------*/
.QAblock .QA_que{padding: 0.4vw 0 0 7vw;}
.QAblock .QA_ans{padding: 2vw 0 0 7vw;}
.QAblock .QA_que::before, .QAblock .QA_ans::before{left:2.4vw;}


}


/*スマホ==========================================*/

@media screen and (max-width: 750px) {

  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  html {
    font-size: 3.46vw;
    /* 基本サイズ26px で、26/750(画面幅）*100=3.466vw) */
  }
	body, p, li, table, input, select {
    font-size: 1rem;
    line-height: 1.6em;
  }

/*ボディサイズ以下の小さい文字*/
.stext{font-size:0.775rem;}



.contents {width: 90%;}



/*見出し---------------*/

/*オレンジ色h2※テンプレ参照*/
.pagecap h2{
 font-size:1.307rem;
 line-height:1.588em;
 margin:0 auto 4vw;
}

h2.orange_bg, h2.lmh2{
 font-size:1.307rem;
 line-height:1.588em;
}

h3{font-size:1.23rem;}
h3.hnh3{width:100%;max-width:100%;padding:1.5vw;border-radius:5px;margin-bottom:7.6vw;}
h3.hnh3::after{border-width:2.8vw 0 2.8vw 3vw;top: auto;right:50%;margin-top:0;transform:rotate(90deg) translateX(50%);bottom:-2.6vw;}
h3.hnh3 span.num{vertical-align: middle;margin-right:5vw;font-size:1.38rem;padding:1.5vw;float:left;}
h3.hnh3 span.num::after{left:auto;right:-1vw;bottom:1%;height:98%;width:1px;}
h3.hnh3 p{display:inline-block;height:auto;margin:auto auto auto -13vw;vertical-align: middle;font-size:1.38rem;text-align:center;}



/*h4*/
h4{font-size:1.154rem;}

/*左にオレンジ線がついたh4※テンプレ参照*/
.lbh4{padding-left:3%;}

/*h5*/
h5{font-size:1.08rem;}
.bbh5{font-size:1.154em;}


h6.waku{width:100%;text-align:center;}

.hukidashi span{width: 50%;display: inline-block;}
.hukidashi span::before{-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
.hukidashi span::after{-webkit-transform: rotate(20deg);transform: rotate(20deg);}


/*吹き出し形見出し*/
.midashi_fukidashi{padding:2.8vw 0;}

.midashi_fukidashi p{
    font-size:1rem;
    line-height:1.38rem;
}

.midashi_fukidashi::after{
    margin-left:-2.8vw;
    border: 2.8vw solid transparent;
    border-top: 2.7vw solid #eb5527;
}


/*ページタイトル*/
.pagetitle{
 padding:8vw 2vw;

}

.pagetitle_detail{
 padding:9vw 0;

}


.pagetitle h1, .pagetitle_detail h1{
  font-size:1.615rem;
  line-height:1.381em;
}
  
.pagetitle p{
 font-size:0.92rem;
 line-height:1.750em;
 padding-top:6px;

}



/*ページ頭画像*/
.pagecap{
   margin:10vw auto;
   width:95%;
}

.pagecap_img{
  max-width:750px;
}



/*ボタン*/
a.button01, a.button02, a.button05{
    line-height: 1.4em;
    padding: 20px 0;
    max-width: 600px;
    -moz-border-radius: 8vw;
    -webkit-border-radius: 8vw;
    border-radius: 8vw;
}

a.button03, a.button04{
	line-height: 1.4em;
	padding: 13px 0;
	max-width:450px;
	-moz-border-radius: 6vw;
    -webkit-border-radius: 6vw;
    border-radius: 6vw;
}

/*テキストリンク----------------------------*/
/*pdfリンク_target="black"*/
.pdflink{padding-left:5vw;}

.pdflink::before{
    width: 3.5vw;
    height: 4vw;
    background-size: 3.5vw 4vw;
    top: 9%;
    left: 0;
    margin-left: 0.4vw;
}

.oslink::after{
    width: 4.6vw;
    height: 3.7vw;
    background-size: 4.6vw 3.7vw;
}


/*テーブル----------------------------*/
/*table01*/
.table01 tr, .table01 th, .table01 td{
     display:block;
     width:100%;
}

.table01 th{
    border-bottom: 1px solid #bababa;
}

.table01 th, .table01 td{
    padding: 2.8vw;
}

.table02 th{border-right: 1px solid #bababa;}

/*ピックアップ*/
.pickup th, .pickup .title{
    width:90%;
    display:block;
    margin:5% auto 0;
}

.pickup th .font-en{font-size: 1rem;}

.pickup .title{padding-bottom:8%;}

.pickup .title a{text-decoration:underline;}

.pickup .btn{display:none;}


.pickup .cate-mark{
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-size: 0.92rem;
    width: 24vw;
    padding:0;
}


/* 下層ページバナー------------------*/

.linkbnr_box{
    margin: 8vw auto;/*50px auto*/
}

.linkbnr_box li{
    margin-top:6vw;
    display:block;
    width:100%;
 }
.linkbnr_box li:first-child{margin-top:0;}

.bnrimg {width: 30vw;}

.bnr_ca{padding:2vw;}

.bnr_ca p{
    font-size:3vw;
    margin-bottom:2.4%;
}

.bnr_ca span {font-size: 0.96rem;}

/* 詳細ページリンクボックス------------------*/
.detail_linkboxs li{width:47%;margin:-15vw 0 4vw;}
.detail_linkboxs li:nth-of-type(1){margin-right:4%;}
.detail_linkboxs li .thum{height:27.5vw;}



/*セレクトボックス---------------------*/

.selectwrap select{font-size: 3.46vw;}

.selectwrap{margin:6vw 0;}

.selectwrap::after {
    right: 4%;
    width:8px;
    height:8px;
    margin-top: -6px;
}

/*Q&Aマーク---------------------*/
.QAblock .QA_que{padding: 1vw 0 0 11vw;margin-left: -3vw;font-size: 3.7vw;}
.QAblock .QA_ans{padding: 5vw 0 0 11vw;margin-left: -3vw;font-size: 3.7vw;}
.QAblock .QA_que::before, .QAblock .QA_ans::before{left:2.6vw;}

}

/*404ページ202204---------------------*/
.text_404_mb{
	margin-bottom: 1rem;
}
.img_404_h img{
	width: 100%;
	max-width: 849px;
}
.text_link_404 a{
	color: #eb5527;
	text-decoration: underline;
}