@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* CSS Document */
html { font-family:"秀英丸ゴシック B",Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size: 62.5%; /* 10px */ color:#333; }
* { box-sizing: border-box;}
body { line-height:1.8em; letter-spacing:0.03em;}
img { width:100%; max-width: 100%; height: auto;}


/*テキストまわり-----------------------------------------*/
body { font-size:16px; font-size: 1.6em;}
h1 { font-size:20px; font-size:2.0rem; text-align:center; margin-bottom:0}
h2, #intro h3 { font-size:28px; font-size:2.8rem; line-height:120%; text-align:center; font-family: 'Noto Sans JP', sans-serif;}
h2 { margin-top:0; margin-bottom:1.5em;}
h2 span { background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #fff537 70%) repeat scroll 0 0; line-height:1.3em}

h3 { font-size:20px; font-size:2.0rem; margin:4em 0 2.5em; text-align:center;  }
h4 { font-size:19px; font-size:1.9rem; margin-bottom:0.5em}
h5 { margin-bottom:0.5em}
.t_left { text-align:left}
.t_right { text-align:right}
.t_center { text-align:center}


/*共通アイテム-----------------------------------------*/
.small { font-size:12px; font-size:1.2rem}
.red {color: #ff1e29 !important}
.b_top {border-top:1px dotted #ccc; padding-top:1.2em}

p  { font-size:16px; font-size: 1.6rem; margin:0 } 
ul {list-style:none; padding-left:0; margin:0}
a, a:visited { text-decoration:none; color:#fff}
a:hover { opacity:0.9}

a.link_blue, a.link_blue:visited { color:#38a1db; position: relative; display: inline-block; transition: 0.5s;}
a.link_blue::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  border-bottom: solid 2px #38a1db;
  transition: 0.5s;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
a.link_blue:hover::after {
  width: 100%;
}
hr {border: 1px solid #646464; max-width:860px; width:90%}

.bg_yellow { background:#fffdcd}
.m_b4em { margin-bottom:4em !important}
.m_b8em { margin-bottom:8em !important}
.f_left { float:left}
.f_right { float:right}
.clearfix {}
.clearfix::before, .clearfix::after { content: ""; display: table;}
.clearfix::after { clear: both;}
@media screen and (max-width: 768px) {
	.f_left { float:none}
}

/*はこ*/
.wrapper { width:92%; max-width:860px; margin:0 auto; padding:4.3em 0 3em 0}
@media screen and (max-width: 768px)  {
	.wrapper { padding-top:2em;}
}

.wrapper p { margin:0 auto}
.white_box {background:#fff; border-radius:20px; }

.box,.box2{
display: -webkit-flex; /*safari*/
display:flex ;justify-content:left; align-items: center; align-items: flex-start; flex-direction:row;
}
@media screen and (max-width: 768px)  {
	.box2 { flex-direction:column}
}

/*ロゴ画像*/
.logo { width:260px; height:auto; margin:200px auto 100px; font-size:50px; font-size:5.0rem; background:#fff;}


/*ボタン各種-----------------------------------------*/

/*リンクボタン*/
.btn  { display:inline-block; margin-top:1em; padding:1em 2em; background:#ff1e29; border-radius:50px; border-bottom: solid 4px #646464;transition: .4s; font-size:24px; font-size:2.4rem }
.btn:before { content: ""; display:inline-block; width:32px; height:22px; background: url("../../img/icon_btn.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em;}
.btn:hover { background:#fff537; color:black}
.btn:hover:before { background: url("../../img/icon_btn_on.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em; color:black}
.btn:active{
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	border-bottom: none;}

@media screen and (max-width: 768px)  {
	.btn  { font-size:100% }
}

/*青いボタン*/
.btn_blue { display:inline-block;transition: .4s; background:#38a1db;border-radius:50px;padding:1em 1em; width:100%; text-align:center; font-size:100%; border:none}
.btn_blue:before { display:none}
@media screen and (max-width: 768px)  {
	.btn_blue   { padding:0 2em }
}

/*白いボタン*/
.btn_white a { float:right; display:inline-block; margin:-1em auto 2em; padding:0.2em 1em;transition: .4s;background:white; color:#38a1db; border:2px solid #38a1db; border-radius:50px; }
.btn_white a:after { content: ""; display:inline-block; width:8px; height:22px; margin-left:1em; background:rgba(0, 0, 0, 0) url("../../img/icon_btn_arrow.png") no-repeat scroll center bottom / contain; }
.btn_white a:hover { background:#fff537; color:black; border-color:#fff537}
.btn_white a:hover:after {background:rgba(0, 0, 0, 0) url("../../img/icon_btn_arrow_on.png") no-repeat scroll center bottom / contain  }

/*白いボタン（矢印下向き）*/
.btn_white_d a:after{ width:12px; height:9px; background:url("../../img/icon_btn_arrow_down.png") no-repeat scroll center bottom / contain;} 
.btn_white_d a:hover:after {background: url("../../img/icon_btn_arrow_down_on.png") no-repeat scroll center bottom / contain  }

@media screen and (max-width: 768px)  {
	.btn_white { margin:0 auto; text-align:center}
	.btn_white a { float:none; margin:0 auto 2em ;}
}

/*ページトップボタン*/
#page-top { position: fixed; bottom: 120px; right: 60px; z-index: 1;}
#page-top img { width:80px}
#page-top a { display: block;}
#page-top a:hover { opacity:0.8}
@media screen and (max-width: 768px) {
	#page-top { bottom: 80px; right: 30px;}
}

/*nav-----------------------------------------*/
#main_nav{ background:#38a1db}
#main_nav .inner { padding-top:20px;}
#main_nav h1 { width:80px; margin:0 auto; }
#main_nav h1 img { width:100%}

#global_nav { position:relative; max-width:940px; margin:0 auto;}
#global_nav li { display:inline-block; margin:0;}

#center_nav { width:auto; max-width:940px; margin:30px auto 0; text-align:center; padding:0; font-size:14px; font-size:1.4rem}

@media screen and (max-width: 768px)  {
	#main_nav .inner {padding-top:0px;}
}
@media screen and (max-width: 939px) {
	#center_nav { font-size:12px; font-size:1.2rem}
}

#center_nav li { margin:-2px 1% 0 0.5em; padding:8px 0 4px 2em; background:rgba(0, 0, 0, 0) url("../../img/icon_siori.png") no-repeat scroll 0 4px / 21px 41px; font-size:12px; font-size:1.1em}
#center_nav li:hover { margin:-2px 1% 0 0.5em; padding:8px 0 4px 2em; background:rgba(0, 0, 0, 0) url("../../img/icon_siori_on.png") no-repeat scroll 0 0px / 21px 41px;}
#center_nav li img { width:100%}

#sub_nav { position:absolute; top:0px; right:1em; width:28em; margin:0; text-align:right; font-size:12px; font-size:1.2rem;}
#sub_nav_ex li:after { content:"｜"; color:#fff} 
#sub_nav_ex li:last-child:after { content:none} 

#sub_nav_sns li { display:inline-block; width:30px; margin:1em 4px 0 4px}


/* Fixed */
.clone-nav { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; transition: .3s; transform: translateY(-100%);}
.is-show { transform: translateY(0);}
@media screen and (max-width: 768px) {
	.clone-nav { display:none}
}


/* Toggle Button */
#nav_toggle { display: none; position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; padding:18px 16px; cursor: pointer; z-index: 101; background-color:#38a1db}
#nav_toggle div { position: relative;}
#nav_toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #fff; left: 0;border-radius:2px;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) { top: 0;}
#nav_toggle span:nth-child(2) { top: 11px;}
#nav_toggle span:nth-child(3) { top: 22px;}


@media screen and (max-width: 768px) {
    #main_nav,
    .inner {
        width: 100%; padding: 0; 
    }
    #main_nav { top: 0; position: fixed; margin-top: 0; z-index: 1000;}
	/*グローバルメニューが全て表示できないときスクロール*/
	#main_nav.open { overflow-y:scroll; height:100%; -webkit-overflow-scrolling: touch;/*慣性スクロールを追加*/}
	#main_nav .inner {margin-top:0;}
    /* Fixed reset */
    #main_nav.fixed { padding-top: 0; background: transparent;}
    #mobile_head {/*background: #fff;*/width: 100%;height: 0px;z-index: 999;position: relative; }
    #main_nav.fixed .logo,
    #main_nav .logo { color: #333; font-size: 26px; }
    #global_nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -800px;
		left:0;
        background: #38a1db;
        width: 100%;
        text-align: center;
        padding: 1.5em 0 1em;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global_nav ul { list-style:none; position: static; right:0; bottom:0; font-size:10px; font-size:1.0em; }
    #global_nav li { float: none; position:static; display:flex; }
    #main_nav #global_nav ul li a,
    #main_nav.fixed #global_nav ul li a { width:100%; padding:0.5em 0; display: block; padding: 0.5em 0; }
    #nav_toggle {display: block;}
	
    /* #nav_toggle 切り替えアニメーション */
    .open #nav_toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav_toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global_nav スライドアニメーション */
    .open #global_nav {
        /* #global_nav top + #mobile-head height */
        -moz-transform: translateY(800px);
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
    }

	#center_nav { display:inline-block; margin:0.5em auto 0; background:none; }
	#center_nav li,#center_nav li:hover { text-align:left; margin:0; padding:0 0 0.5em 1.8em;}

	#sub_nav { position:static; width:100%; margin:0 auto; text-align:center}
	#sub_nav_ex li { background:#bee6fa; margin-bottom:1px; }
	#sub_nav_ex li a, #sub_nav_ex li a:hover, #sub_nav_ex li a:visited{ color:#000}
	#sub_nav_ex li:nth-child(1):after,#sub_nav_ex li:nth-child(2):after { content:none} 
	#sub_nav_sns li { display:inline-block}
}


/*リンクのずれ調整*/
#link_process, #link_choose, #link_join, #link_past, #link_past, #link_howto {margin-top:-7em; padding-top:7em; }
#link_about{margin-top:-1em; padding-top:1em; }
#link_footer {margin-top:-11em; padding-top:11em; }
#link_kyosan {margin-top:-8em; padding-top:11em; }
@media screen and (max-width: 768px)  {
	#link_about, #link_process, #link_choose, #link_join, #link_past, #link_howto,#link_footer  {margin-top:0.3em; padding-top:0.3em; }
	#link_kyosan {margin-top:0em; padding-top:4em; }
}
/*リンクのずれ調整ここまで*/

/*ナビここまで-----------------------------------------*/


/*メインイメージ：header#intro-----------------------------------------*/
#intro { width:100%; height:800px; padding-top:200px; background:url(../../img/bg_intro.jpg) no-repeat; background-position: center top; background-size:cover; color:#FFF; text-align:center }
#intro .logo { opacity:0.9; margin:0 auto 60px;}
#intro p { font-size:24px; font-size:2.4rem; line-height:180%}
#intro p.txt_l { font-size:280%; color:#fff537; font-weight:bold; line-height:120%}
#intro .txt_s { font-size:70%}
@media screen and (max-width: 768px) {
	#intro { height:auto; padding: 100px 0}
	#intro .logo { margin:60px auto}
	#intro p { font-size:4vw; line-height:180%}
	#intro p.txt_l { font-size:8vw;}
}

/*高校生直木賞とは？-----------------------------------------*/
#about { background:url(../../img/bg_about.gif); padding:4em 0; text-align:center}
#about > .wrapper { background: #fff; }
ul#about_img_main { justify-content: center}
#about_img_main li img { border-radius:50%; width:180px; height:180px}
.copy { max-width:800px; padding: 1em 2em}
@media screen and (max-width: 768px) {
	#about p { padding: 1em 1.5em; }
	#about p.copy { text-align:left}
}

/*選考について-----------------------------------------*/
#process { background:#e3f1fc;}
#process ul li { position:relative; text-align:left; margin-bottom:60px; padding:1.5em 2em;background:#fff; border-radius:20px; }
#process ul li:last-child { margin-bottom:2.0em}
#process ul li:after{ content:''; background:url(../../img/icon_arrow_dot.png); width:43px; height:24px; background-size:contain; position:absolute; bottom:-43px; display:inline-block; vertical-align:middle; left:50%;}
#process ul li:last-child:after {content:none;}
#process ul li .icon_process { position:absolute; top:-10px; left:20px; max-width:102px; }
#process ul h3 {width:20em; margin:0; padding-left:120px; padding-right:1em; text-align:left; display:table-cell; font-size:1.6rem; color:#ff1e29}
#process ul h3 .sub_info { display:inline-block; background:#38a1db; color:#fff;}
#process ul li p { text-align:left; width:auto; display:table-cell}

@media screen and (max-width: 768px) {
	#process ul li { padding:3%}
	#process ul li .icon_process { width:20%; left:3% }
	#process ul li .icon_process img { width:100%;}
	#process ul h3 { display:block; width:auto; padding-left:25%;}
	#process ul li p { display:block; padding-left:25%; }
}
@media screen and (max-width: 480px) {
	#process ul li p { padding:1.5em 0.5em; }
}
/*これまでの様子-----------------------------------------*/
.icon_past_zoom { position:relative;}
.icon_past_zoom p{ position:absolute; right:20%; bottom:-10px; width:100px}

ul.imageAll{padding:0}
.pastphoto {flex-wrap:wrap; margin-bottom:2em}
.pastphoto li { width:20%; padding:1% 1%}

/*photoswipe*/
/*アイコンボタン画像*/
.pswp__button--close {background-position:15px -30px}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
    background-color: rgba(57, 141, 178, 0.8);
    content: "";
    height: 60px;
    position: absolute;
    top: 22px;
    width: 60px;
}
.pswp__button--arrow--left:before { left: 6px; background-position: -124px -30px; }
.pswp__button--arrow--right:before { right: 6px; background-position: -78px -30px; }

@media screen and (max-width: 768px) {
	.icon_past_zoom p { right:1em; width:15%}
	.pastphoto { flex-direction:row;}
	.pastphoto li { width:33%; padding:0 1.5%}
}


/*お知らせ-----------------------------------------*/
#info a, #info a:hover, #info a:visited {color:#333; text-decoration:underline;}
#info { background:#f5f5f5}
#info dl { padding:0.5em 2em;}
#info dt { float:left; width:10em;padding:1em 2em; color:#38a1db}
#info dd { margin-left:0; padding:1em 1em 1em 10em; border-bottom: 1px solid #dcdcdc;}
#info dd:last-child { border-bottom:none}
@media screen and (max-width: 768px) {
	#info dl { padding:0em 1.5em;}
	#info dt { float:none; padding:1em 0 0 0}
	#info dd { padding:0 0 1em 0}
}

.hidden_box { position:relative;padding-bottom: 2em;}
.hidden_box label { position:absolute; padding: 1em; bottom:0; right:1em; cursor :pointer; transition: .5s; display: block; text-align:right}
.hidden_box label:before { content: "▼もっと見る"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal;  font-variant: normal; text-rendering: auto; line-height: 1;  font-weight:bold; padding-right: 5px; transition: 0.2s }
.hidden_box label:hover { color: #d29ec2 }
.hidden_box input:checked + label:before { content:"▲閉じる";}
.hidden_box input { display: none }
.hidden_box .hidden_show { height: 0; padding: 0;  overflow: hidden; opacity: 0;  transition: 0.8s }
.hidden_box input:checked + label + .hidden_show { padding: 10px 0; height: auto; opacity: 1 }


/*sns-----------------------------------------*/
#sns { background:#e3f1fc}
.timeline-Tweet-text, .tcu-textEllipse--multiline{
	font-size:1rem !important;
	line-height:1.5 !important;
}


/*候補作のご紹介-----------------------------------------*/

/*候補作書影一覧*/
ul.kouhosaku { justify-content: center; margin:2em auto 4em}
ul.kouhosaku li { margin:0 0.5em 1em 0.5em}
@media screen and (max-width: 768px) {
	ul.kouhosaku { flex-wrap: wrap; justify-content:space-around;}
}

/*本の詳細*/
.book_info { border-bottom:1px solid #dcdcdc; padding:2em 2em 2.5em 2em; position:relative}
.book_info dl { margin: 1em 0 }
.box .kouho_list { margin:0; padding:2em; background:#fff;align-item: center; }
.kouho_list h3, .kouho_list h4 { margin:0; text-align:left; line-height:120%; margin-bottom:0.5em }
.kouho_list h3 { font-size:32px; font-size:3.2rem}
.kouho_list h4 { font-size:24px; font-size:2.4rem}
.kouho_list h4 > span { font-size:60%; font-weight:normal}
.kouho_list dt { width:75%}
.kouho_list dd { width:25%}
.note { background:#f5f5f5; padding:1em 2em 1em 105px; border-radius:20px; vertical-align:middle; margin-right:0.5em;}
.note:before { content: ""; position:absolute; width:97px; height:50px; background: url("../../img/icon_bookinfo.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em; margin-left: -117px;}

/*受賞バッジ*/
.badge:before { content: ""; width:73px; height:69px; background: url("../../img/icon_badge.png") no-repeat; background-size: contain; position:absolute; top:-20px; left:-2em }

@media screen and (max-width: 768px) {
	.book_info {padding:2em 1em 2.5em 1em}
	.kouho_list h3 { font-size:24x; font-size:2.4rem}
	.kouho_list h4 { font-size:18px; font-size:1.8rem}
	.badge:before { top:-20px; left:-1em }
}

/*1行目*/
.title{ padding:0.1em 2em; background-color:#e3f1fc; border-bottom:4px solid #38a1db; font-weight:bold}
.kouho_list .title dd { width:25%}

@media screen and (max-width: 480px) {
	.note { padding:4.5em 1em 1em;}
	.note:before { margin-top:-55px; margin-left: -28px;}

}

/*過去の受賞作＆候補作の一覧-----------------------------------------*/
#award_list.wrapper { padding-bottom:0}
#award_list h3.award_no { padding:0.5em 1em; text-align:left; color:#fff; background:#38a1db; margin:0; font-size:24px; font-size:2.4rem}
#award_list .book_info { padding:1em 2em 1em 2em}
#award_list .kouho_list { margin-bottom:0}
#award_list .badge { background:#fffdcd}/*受賞作に背景色追加*/
#award_list .btn { margin:2.5em 0 4em}
@media screen and (max-width: 768px) {
	#award_list .badge:before { top:-40px; left:-1em }
}
/*1行目*/
#award_list .title{ padding:0.2em 2em 1em 2em; }


/*参加高紹介＆参加方法 -----------------------------------------*/
#join { background:#def2ff;}

.card { flex-wrap:wrap; justify-content: space-between}
.card li { width:30%; height:100%; margin:0 0 1em 0; background:#38a1db; text-align:left; position:relative; z-index:1; border-radius:16px}
.card li h3:before{  content: ""; width:calc(100% + 4%); height:118px; background: url("../../img/bg_schoolinfo.png") no-repeat; background-size:contain; position:absolute; z-index:-1; left:-2%; margin-top:-18px}
.card li h3 { display:block; text-align:left; font-size:16px; font-size:1.6rem; text-align:120%; margin:20px 0 0 0; padding:0 10px; line-height:120%; height:40px }
.card li img { border-radius:15px 15px 0 0}
.card li .pref { display:block; font-size:80%; font-weight:normal; z-index:1;}
.card li .text { background:white; padding:3em 1em 2em 1em; position:relative; z-index:-2; border-radius:0 0 15px 15px}
@media screen and (max-width: 768px) {
	.card li { width:92%; margin:0 auto 1em}
	.card li h3 { font-size:5vw; margin-top:8vw; height:33px}
	.card li h3:before{  content: ""; width:calc(100% + 8%); height:290px; z-index:-1; left:-4%; margin-top:-6vw}
	.card li .text { margin-top:20vw}
}
@media screen and (max-width: 498px) {
	.card li .text { margin-top:15vw}
}
.school_list { flex-wrap:wrap; justify-content:space-around}
.school_list li { width:48%; margin-bottom:.5em}
@media screen and (max-width: 768px) {
	.school_list { flex-direction:column}
	.school_list li { width:100%}
}

/*応募方法：参加資格＆個人情報の同意エリア（202410～）*/
.formarea {background: #f5f5f5; padding: 0.5em 1em;}
.check_item {margin: 1em 2em}
button.btn2 {color: white; border: none}
.btn2 { display:block; margin:1em auto 2em; padding:1em 2em; background:#ff1e29; border-radius:50px; border-bottom: solid 4px #646464;transition: .4s; font-size:24px; font-size:2.4rem }
.btn2:before { content: ""; display:inline-block; width:32px; height:22px; background: url("https://koukouseinaoki.com/img/icon_btn.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em;}
.btn2:hover { background:#fff537; color:black}
.btn2:hover:before { background: url("https://koukouseinaoki.com/img/icon_btn_on.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em; color:black}
.btn2:active{-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: none;}
	
.btn2:disabled {background: #ccc; color: white; cursor: not-allowed;}
.btn2:disabled::before{ background: url("https://koukouseinaoki.com/img/icon_btn.png") no-repeat; background-size: contain; vertical-align:middle; margin-right:0.5em;color: white}
.btn2:disabled:active{-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);border-bottom: solid 4px #646464;}


/*footer-----------------------------------------*/
footer { margin:0; background-color:#464646; color:#fff; font-size:10px; font-size:1.0rem;}
footer .box2 { display: flex; align-items: center; padding:10em 0 5em }
footer .logo { flex-basis: 430px; margin:0;}
footer .wrapper p { flex-basis:auto; width: 100%; margin:0; padding:0 0 0 2em}
footer p strong { display:block; margin-bottom:1em; font-size:24px; font-size:2.4rem}
footer #kyosan { color:#c8c8c8; padding-top:0; padding-bottom:10em}
footer hr { margin-bottom:1em;}
footer h3 { margin-top:0; font-size:16px; font-size:1.6em; color:#c8c8c8;}
#kyosan ul li { display:inline-block; vertical-align:top; width:23%; margin:0 0.8% 1em 0.8%; font-size:12px; font-size:1.2rem; line-height:1.6 }
footer .obi { background-color:#38a1db; padding:1em 0 }
footer a.link_txt { color:#38a1db}

/*特別協賛（2024～）*/
dl.sp_kyosan {line-height: 1em; text-align: center}
dl.sp_kyosan dt {font-size: 1.2em; }
dl.sp_kyosan dt img { display: block;width: 100px; margin: .8em auto; }
dl.sp_kyosan dd { margin-left: 0}

@media screen and (max-width: 768px) {
footer { text-align:center}
footer .box2 { padding-top:4em;}
footer .logo { width:160px; margin: 1em auto; flex-basis:160px;}
footer .wrapper p { width:auto; padding:0; margin:0 auto}
footer .wrapper .btn { margin:2em auto; padding:1em 5em }
#kyosan ul { text-align:left}
#kyosan ul li { width:45%; margin:0 2% 1em}
}
@media screen and (max-width: 480px) {
#kyosan ul li { width:100%;}
}


/*予備のバッジ*/
.badge_bg::before { background: rgba(0, 0, 0, 0) url("../../img/icon_badge_bg.png") no-repeat scroll 0 0 / contain ;}
.badge_bg::after { color: #fff; font-weight: bold; position: absolute; }

/*バッジの文言調整はここで*/
.badge_new::after {content: "New";left: -4%; top: 0.13em;}
@media screen and (max-width: 768px) {
	.badge_new::after {left: 1.2%; top: 0.13em;}
}