@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}


html body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
}

@media screen and (max-width: 740px) {
	html body {
		padding-bottom: 0!important;
		-webkit-text-size-adjust: 100%;
	}
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.cf:after {
    content:" ";
    display:block;
    clear:both;
}



.bsz {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pcH { display: block;}
.spH {display: none;}

#ft-radiko img {
	width: auto;
}

/* -------------------
	Header
-------------------- */
#headerWrapper {
	width: 100%;
}


/* -------------------
	snsArea
-------------------- */
#snsArea {
	width: 590px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left;
}
#gigyaShare {
	display: inline-block;
}
#gigyaShare > div {
	display: inline-block;
	padding-left: 12px;
}

#gigyaShare img {
    width: auto;
}

@media screen and (max-width: 740px) {
	#snsArea {
		text-align: center;
	}
}


@media screen and (max-width: 740px) {
	#headerWrapper {
		height: auto;
		padding: 0 0 5% 0;
		min-width: 0px;
	}

	#snsArea {
		width: 100%;
	}
}


/* -------------------
	mainContents
-------------------- */

#mainContents {
	width: 100%; position: relative;
}


@media screen and (max-width: 740px) {
	#mainContents {

	}
}






/********************
Common Footer
********************/
@media screen and (max-width: 740px) {
	#commonFooter {
		display: none !important;
	}
}






/* ----------------------------------------------------------------------------------
          base
----------------------------------------------------------------------------------- */

.pc{display: block;}
.sp{display: none;}
@media screen and (max-width: 740px) {
.pc{display: none;}
.sp{display: block;}
}/*END*/

/*とりあえず消し*/
#headerWrapper{display: none;}

body{ min-width: auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/*なめらか*/
 font-family: 'Noto Sans JP', sans-serif !important;
}
@media screen and (max-width: 740px) {
body{ min-width: auto; }
}/*END*/
img { width: 100%;}



/* ----------------------------------------------------------------------------------
          loading
----------------------------------------------------------------------------------- */
#loading{ position: absolute; left: 50%; top: 50%; width: 73px; height: 73px; margin-top: -36px; margin-left: -36px;}
#loader-bg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; z-index: 4;}
@media screen and (max-width: 740px) {
#loading{ position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin-top: -23px; margin-left: -23px;}
}/*END*/

/* ----------------------------------------------------------------------------------
          heder
----------------------------------------------------------------------------------- */
header{ min-width: 1150px; max-width: 1200px;  width: 95%; height: 150px; margin: 0 auto; background: #fff; position: relative; z-index: 10;  }
header h1.head_logo { float: left; max-width: 470px; width: 39.2%; margin-top: 15px; }
header h1.head_logo a{ transition: 0.4s;}
header h1.head_logo a:hover{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
@media screen and (max-width: 740px) {
header{min-width: auto;  width: 100%; height: 75px; margin: 0 auto;  }
header h1.head_logo { float: left; max-width: 261px; width: 70%; margin: 3px 0 0 10px; }
}/*END*/

/*nav
---------------------------*/
header nav{float: right; width: 54.2%;}
header nav ul{ list-style: none;}
header nav ul:after { content:" "; display:block;	clear:both;}/*clearfix*/
header nav li a{ float: left; position: relative; height: 150px; font-size: 16px; line-height: 150px; letter-spacing: 2px; color: #000; text-decoration: none; text-align: center;  font-family: 'Philosopher', sans-serif; transition: 0.5s;}
header nav li a:hover{ color: #990033; letter-spacing: 3px;}
header nav li a:after { content: '';  opacity: 0;  width: 25px; height: 54px; position: absolute; bottom: -10px; left: 50%; margin-left: -12.5px; transition: 0.7s;}
header nav li a:hover:after,
header nav li.on a:after { content: ''; opacity: 1; background:url(../img/head_nav_on.png) 0 0 no-repeat ; width: 25px; height: 54px; position: absolute; bottom: 0px; left: 50%; margin-left: -12.5px; }
header nav li:nth-child(1) a{ width: 10%; }
header nav li:nth-child(2) a{ width: 20%; }
header nav li:nth-child(3) a{ width: 50%; }
header nav li:nth-child(4) a{ width: 20%; }
@media screen and (max-width: 740px) {
header nav{display: none;}
}/*END*/

/*sp_nav
---------------------------*/



/*　ハンバーガーメニュー　　
------------------------------------------------------*/
.btn_drawer{ display: none;}
@media screen and (max-width: 740px) {
.btn_drawer{ display:block;}
.drawer-nav{ background: #fff !important;}
.drawer-nav ul { width: 75%; margin: 0 auto; padding: 20px 0; text-align: left; z-index: 6; font-family: 'Philosopher', sans-serif; }
.drawer-nav ul li a{ font-size: 19px; line-height: 25px; letter-spacing: 2px; color: #222;  padding: 15px 0 !important; display: block; text-decoration: none;  transition: 0.3s; }
.drawer-nav .sp_nav_banner{ width: 90%;  margin: 15px auto 0 auto;  border-top: solid #ccc 1px; padding: 40px 0; text-align: center;}
.drawer-nav .sp_nav_banner a{ width: 70%; max-width: 260px; margin: 0 auto;  padding: 10px 0 5px 0; border: solid #ccc 1px; display: block;}
.drawer-nav .sp_nav_banner a img{ width: 45%; text-align: center;}


}/*END*/




/* ----------------------------------------------------------------------------------
          main
----------------------------------------------------------------------------------- */
#main{ width: 100%; position: relative;}
#main .main_inner{ width: 1200px; margin: 0 auto; position: relative;z-index: 1;}
/*next*/
#main .naxt{ width: 980px; height: auto; margin: 0 auto; margin-top: -60px; padding: 24px 0; background: #fff; border-bottom: solid #ccc 1px; position: relative; z-index: 2;}
#main .naxt table th{ vertical-align: middle; width: 248px; text-align: center;  font-weight: normal;}
#main .naxt table th .naxt_title{ font-size: 24px; line-height: 24px; letter-spacing: 1px; text-align: center; width: 170px; color: #fff; background: #990033; margin: 5px auto 0 auto;  font-family: 'Philosopher', sans-serif; }
#main .naxt table th .naxt_date:before{ content: '- ';}
#main .naxt table th .naxt_date:after{ content: ' -';}
#main .naxt table th .naxt_date {  font-size: 14px; line-height: 24px; letter-spacing: 1px; margin-top: 5px; color: #990033; font-weight: 500; }
#main .naxt table td{ vertical-align: middle;   border-left: solid 1px #ccc; padding-left: 45px;}
#main .naxt table td p{  font-size: 14px; line-height: 24px; letter-spacing: 1px; font-weight: 400; padding-right: 20px; }
/*banner*/
#main_banner{ padding: 25px 0 25px 0; text-align: center; position: relative; z-index: 1;}
.main_banner_bg{ height:275px; width: 100%; position: absolute; bottom:0; left: 0; background: #e9e9e9; z-index: 0;
 background: linear-gradient(to bottom , #fff 0%, #e9e9e9 100%);/*グラデ*/ }
#main_banner a img{  transition: 0.3s; width: 192px;}
#main_banner a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
@media screen and (max-width: 740px) {
#main .main_inner{ min-width: 250px; width: 100%; margin: 0 auto; position: relative;z-index: 1;}
/*next*/
#main .naxt{ width: 90%; max-width: 980px; height: auto; margin: 0 auto; margin-top: -4%; padding: 22px 0 22px 0; background: #fff; border-bottom: solid #ccc 1px; position: relative; z-index: 2;}
#main .naxt table { width: 90%; margin: 0 auto;}
#main .naxt table th{ vertical-align: middle; width: 100%; margin: 0 auto; text-align: center;  font-weight: normal; display: block; }
#main .naxt table th .naxt_title{ font-size: 24px; line-height: 24px; letter-spacing: 1px; text-align: center; width: 170px; color: #fff; background: #990033; margin: 0px auto 0 auto;  font-family: 'Philosopher', sans-serif; }
#main .naxt table th .naxt_date:before{ content: '- ';}
#main .naxt table th .naxt_date:after{ content: ' -';}
#main .naxt table th .naxt_date {  font-size: 14px; line-height: 24px; letter-spacing: 1px; margin-top: 5px; color: #990033; font-weight: 500; }
#main .naxt table td{ vertical-align: middle;  width: 100%;  display: block; border-left:none; padding-left: 0px; }
#main .naxt table td p{  font-size: 14px; line-height: 24px; letter-spacing: 1px; font-weight: 400; padding: 12px 0 0 0; text-align: center; }
#main .naxt table td p span{ display: inline-block;}
/*banner*/
#main_banner{ padding: 20px 0 20px 0; text-align: center; position: relative; z-index: 1;}
.main_banner_bg{ height:80%; width: 100%; position: absolute; bottom:0; left: 0; background: #e9e9e9; z-index: 0;
 background: linear-gradient(to bottom , #fff 0%, #e9e9e9 100%);/*グラデ*/ }
}/*END*/




/* ----------------------------------------------------------------------------------
          about
----------------------------------------------------------------------------------- */
#about_wrapper{ width: 100%; height: 510px; position: relative; background:url(../img/about_bg.jpg) top center;}
#about { width: 100%; height: 510px; position: relative; background:url(../img/about_map.png); background-size:cover;}
#about .about_inner { width: 1000px; margin: 0 auto; position: relative;}
#about .about_inner .about_title{ position: absolute; left: 177px; top: 237px;  font-size: 43px; line-height: 45px; letter-spacing: 3px; text-align: center; width: 200px; height: 45px; color: #990033; font-family: 'Philosopher', sans-serif;}
#about .about_inner .about_square{ width: 412px; height: 412px; position: absolute; left: 70px; top: 49px; background:url(../img/about_square.png) center center ; }
#about .about_inner .about_airplane{ width: 322px; height: 33px; position: absolute; left: -29px; top: 154px; background:url(../img/about_airplane.png) top right ; }
#about .about_inner .about_txt{ width: auto; height: auto; position: absolute; left: 551px; top: 131px;  font-size: 17.5px; line-height: 36px; letter-spacing: 2px; color: #000; font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
#about .about_inner .about_title_sp { display: none;}
@media screen and (max-width: 740px) {
#about_wrapper{ width: 100%; height: auto; position: relative; background:url(../img/about_bg_sp.jpg); background-size:cover; z-index: 0;}
#about { width: 100%; height: auto; position: relative; background:none;}
#about .about_inner { width: 100%; margin: 0 auto; padding-bottom: 9%; position: relative;}
#about .about_inner .about_title,
#about .about_inner .about_square,
#about .about_inner .about_airplane{ display: none;}
#about .about_inner .about_title_sp { display: block; width: 58%; max-width: 429px; padding: 7% 0 0 0; }
#about .about_inner .about_txt{ width: 77.5%;  height: auto; margin: 7% auto 0 auto; font-size: 20px; line-height: 40px; text-align: center; letter-spacing: 2px;  position: relative; left: 0; top: 0;z-index: 5; color: #000; font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
#about .about_inner .about_txt span{ display: inline-block; }
}/*END*/
@media screen and (max-width: 500px) {
#about .about_inner .about_txt{ width: 77.5%;  height: auto; margin: 7% auto 0 auto; font-size: 4.3vw; line-height: 8vw; text-align: left; letter-spacing: 2px;  position: relative; left: 0; top: 0;z-index: 5; color: #000; font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
}/*END*/



/* ----------------------------------------------------------------------------------
          profile
----------------------------------------------------------------------------------- */
#profile { width: 100%; height: 520px; position: relative; }
#profile .profile_inner { width: 1000px; margin: 0 auto; position: relative; }
#profile .profile_inner .profile_title{ position: absolute; left: 179px; top: 85px;  font-size: 12px; line-height: 16px; letter-spacing: 3px; text-align: center; width: auto; height: 16px; padding:0 4px 0 21px; color: #fff; background: #990033; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_name1{ position: absolute; left: 222px; top: 112px;  font-size: 43px; line-height: 45px; letter-spacing: 2px; text-align: center; width: 200px; height: 45px; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_name2{ position: absolute; left: 116px; top: 155px;  font-size: 43px; line-height: 45px; letter-spacing: 2px; text-align: center; width: 270px; height: 45px; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_name3{ position: absolute; left: 357px; top: 221px;  font-size: 22px; line-height: 30px; letter-spacing: 2px; text-align: center; width: 120px; height: 30px; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_airplane{ width: 194px; height: 194px; position: absolute; left: 263px; top: 69px; z-index: 2; background:url(../img/profile_airplane.png) left top; }
#profile .profile_inner .profile_photo{ width: 226px; height: 226px; position: absolute; left: 90px; top: 216px; z-index: 1; background:url(../img/profile_photo.png) left top; }
#profile .profile_inner .profile_txt1_name{ position: absolute; left: 556px; top: 123px;  font-size: 26px; line-height: 30px; letter-spacing: 2px; text-align: left; width: auto; height: auto; color: #990033; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt1{ position: absolute; left: 573px; top: 167px;  font-size: 14px; line-height: 24px; letter-spacing: 1px; text-align: left; width: auto; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2_name{ position: absolute; left: 556px; top: 255px;  font-size: 22px; line-height: 30px; letter-spacing: 2px; text-align: left; width: auto; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2{ position: absolute; left: 573px; top: 297px;  font-size: 14px; line-height: 24px; letter-spacing: 1px; text-align: left; width: auto; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_title_sp{ display: none;}
@media screen and (max-width: 740px) {
#profile { width: 100%; height: auto; position: relative; }
#profile .profile_inner { width: 100%; height: auto; position: relative; background:none;}
#profile .profile_inner .profile_title_sp{ display: block; margin: 8% 0 4% 0;}
#profile .profile_inner .profile_title,
#profile .profile_inner .profile_name1,
#profile .profile_inner .profile_name2,
#profile .profile_inner .profile_name3,
#profile .profile_inner .profile_airplane,
#profile .profile_inner .profile_photo{ display: none; }
#profile .profile_inner .profile_txt1_name{ position: relative; left: 0; top: 0;  font-size: 30px; line-height: 34px; letter-spacing: 2px; text-align: left; width: 88%; margin: 0 auto; padding: 0px 0 12px 0; height: auto; color: #990033; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt1{ position: relative; left: 0; top: 0;  font-size: 16px; line-height: 28px; letter-spacing: 1px; text-align: left;  width: 85%; margin: 0 auto; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2_name{ position: relative; left: 0; top: 0;  font-size: 26px; line-height: 34px; letter-spacing: 2px; text-align: left;  width: 88%; margin: 0 auto; padding: 40px 0 12px 0; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2{ position: relative; left: 0; top: 0;  font-size: 16px; line-height: 28px; letter-spacing: 1px; text-align: left;  width: 85%; margin: 0 auto; padding-bottom: 8%; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
}/*END*/
@media screen and (max-width: 450px) {
#profile .profile_inner .profile_txt1_name{ position: relative; left: 0; top: 0;  font-size: 26px; line-height: 30px; letter-spacing: 2px; text-align: left; width: 88%; margin: 0 auto; padding: 0px 0 12px 0; height: auto; color: #990033; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt1{ position: relative; left: 0; top: 0;  font-size: 14px; line-height: 24px; letter-spacing: 0px; text-align: left;  width: 85%; margin: 0 auto; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2_name{ position: relative; left: 0; top: 0;  font-size: 22px; line-height: 30px; letter-spacing: 2px; text-align: left;  width: 88%; margin: 0 auto; padding: 40px 0 12px 0; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
#profile .profile_inner .profile_txt2{ position: relative; left: 0; top: 0;  font-size: 14px; line-height: 24px; letter-spacing: 0px; text-align: left;  width: 85%; margin: 0 auto; padding-bottom: 8%; height: auto; color: #000; font-family: 'Philosopher', sans-serif;}
}/*END*/


/* ----------------------------------------------------------------------------------
          btn_BOX
----------------------------------------------------------------------------------- */
#btn_BOX { width: 100%; height: 240px; position: relative; background:url(../img/btn_BOX_bg.png) center top; text-align: center; }
/*message_btn*/
#btn_BOX .message_btn {  padding: 63px 0 0 0; }
#btn_BOX .message_btn a{ position: relative; max-width: 280px; width: 80%; height: 60px; font-size: 18px; line-height: 60px; letter-spacing: 2px; text-decoration: none; margin: 0 auto; background: #990033; color: #fff; display: block; font-family: 'Philosopher', sans-serif; transition: 0.4s;}
#btn_BOX .message_btn a:after{ content: ''; background:url(../img/btn_mark.png) 0 0 no-repeat ; width: 37px; height: 9px; position: absolute; top: 26px; left: -17px; transition: 0.4s;}
#btn_BOX .message_btn a:hover{  max-width: 500px; width: 80%; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; letter-spacing: 5px; }
#btn_BOX .message_btn a:hover:after{ content: ''; background:url(../img/btn_mark.png) 0 0 no-repeat ; width: 37px; height: 9px; position: absolute; top: 26px; left: -7px;}
@media screen and (max-width: 740px) {
#btn_BOX .message_btn a{ position: relative; max-width: 280px; width: 65%; height: 50px; font-size: 16px; line-height: 50px; letter-spacing: 2px; text-decoration: none; margin: 0 auto; background: #990033; color: #fff; display: block; font-family: 'Philosopher', sans-serif; transition: 0.3s;}
#btn_BOX .message_btn a:after{ content: ''; background:url(../img/btn_mark.png) 0 0 no-repeat ; width: 37px; height: 9px; position: absolute; top: 20px; left: -17px; transition: 0.3s;}
#btn_BOX .message_btn a:hover{  max-width: 280px; width: 65%; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; letter-spacing: 2.5px; }
#btn_BOX .message_btn a:hover:after{ content: ''; background:url(../img/btn_mark.png) 0 0 no-repeat ; width: 37px; height: 9px; position: absolute; top: 20px; left: -17px;}
}/*END*/

/*SNS*/
#bottom_snsArea{ padding: 20px 0 0 0; }



/* ページトップへ戻る
----------------------------------------------------------------------------*/
.gotop{ position: fixed; right: 20px; bottom: 0px; margin:0 0 0px 0px; z-index: 1;}
.gotop a{ width: 60px; height: 80px; display: block; transition: 0.3s;}
.gotop a:hover{ opacity: 0.7; }
@media screen and (max-width: 760px) {
/*
.gotop{ position: fixed; right: 3%; bottom: 0; margin:0 0 0 0px; z-index: 1;}
.gotop a{ width: 50px; height: 65px; display: block; transition: 0.3s;}
.gotop a img{ width: 50px; }
*/
.gotop{ display: none !important;}

}/*END*/


/* -------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------- */
#footer { width: 95%; margin: 0 auto; padding: 40px 0 55px 0; overflow: hidden; clear: both; }
#footer .inner_box { overflow: hidden; }
#footer .inner_box:after { content:" "; display:block;	clear:both;}/*clearfix*/
#footer .jwave { padding: 10px 0 0 10px; float: left; }
#footer .jwave .btn_home { width: 60px; height: auto; padding-right: 20px; vertical-align: top; }
#footer .jwave .logo { display: inline-block; }
#footer .jwave .logo img { width: 185px; height: auto; }
#footer .jwave .logo p { font-size: 11px; }
.copyright{ float: right; padding-top: 27px; font-family: 'Philosopher', sans-serif; }
@media screen and (max-width: 740px) {
#footer { width: 90%; padding: 0 0 15px 0; }
#footer .inner_box { padding: 10px 0; }
#footer .jwave { padding: 20px 0 0 0; float: none; overflow: hidden; text-align:center ; }
#footer .jwave .btn_home { width: 50px; padding-right: 5px; padding-left: 17px; float: none; text-align:center ; }
#footer .jwave .logo { width: auto; float: none; }
#footer .jwave .logo img { width: 140px; height: auto; margin-top: 3px; }
#footer .jwave .logo p { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 1.4; }
.copyright{ float: none; text-align: center; padding-top: 27px; font-family: 'Philosopher', sans-serif; }
}/*END*/





/* -------------------------------------------------------------------------
	 Message
-------------------------------------------------------------------------- */

h2.co_h2{ position: relative; font-size: 42px; line-height: 42px; letter-spacing: 7px; text-align: center; padding: 65px 0 65px 0; font-weight: normal; color: #990033; font-family: 'Philosopher', sans-serif;}
h2.co_h2:before{ content: ' '; display:inline-block; width: 60px; height: 5px; margin:0 20px 9px 0; background:url(../img/co_h2_line.png) center center repeat-x; }
h2.co_h2:after { content: ' '; display:inline-block; width: 60px; height: 5px; margin:0 0 9px 20px; background:url(../img/co_h2_line.png) center center repeat-x; }
.message_txt p{ width: 90%; margin: 0 auto; font-size: 15px; line-height: 30px; letter-spacing: 1px; text-align: center; padding: 0px 0 40px 0; }
.message_txt p span{ display: inline-block;}
@media screen and (max-width: 740px) {
h2.co_h2{ position: relative; font-size: 30px; line-height: 42px; letter-spacing: 5px; text-align: center; padding: 35px 0 35px 0; font-weight: normal; color: #990033; font-family: 'Philosopher', sans-serif;}
h2.co_h2:before{ content: ' '; display:inline-block; width: 45px; height: 5px; margin:0 15px 6px 0; background:url(../img/co_h2_line.png) center center repeat-x; }
h2.co_h2:after { content: ' '; display:inline-block; width: 45px; height: 5px; margin:0 0 6px 15px; background:url(../img/co_h2_line.png) center center repeat-x; }
.message_txt p{ width: 90%; margin: 0 auto; font-size: 14px; line-height: 25px; letter-spacing: 1px; text-align: center; padding: 0px 0 30px 0; }
}/*END*/




/*背景*/
#message{ width: 100%; height: auto;  background:url(../img/co_bg.jpg) top center;}
.message_inner { width: 100%; height: auto; position: relative; background:url(../img/co_bg_map.png) top center no-repeat; background-size: contain; padding: 0 0 100px 0;}
@media screen and (max-width: 740px) {
#message{ width: 100%; height: auto;  background:url(../img/co_bg.jpg) top center;}
.message_inner { width: 100%; height: auto; position: relative; background:url(../img/co_bg_map.png) top center no-repeat; background-size: contain; padding: 0 0 50px 0;}
}/*END*/




/*AIR MAIL */
#formbox {width: 852px;margin: 0 auto 0 auto;text-align: center; padding: 10px; background:url(../img/message_bg.png) left top; border-bottom: solid 1px #ccc; }
#formbox .formbox_inner{ width: 100%; height: outo; background: #fff; padding-bottom: 40px; position: relative; }
@media screen and (max-width: 740px) {
#formbox {width: 85%; margin: 0 auto 0 auto;text-align: center; padding: 8px; background:url(../img/message_bg.png) left top; }
#formbox .formbox_inner{ width: 100%; height: outo; background: #fff; padding-bottom: 20px; }
}/*END*/



/*スタンプ */
.stamp_01{ position: absolute; left: 35px; top:30px; width: 104px; height: 145px; background:url(../img/stamp_01.png) left top;}
.stamp_02{ position: absolute; left: 31px; top:48px; width: 117px; height: 77px; background:url(../img/stamp_02.png) left top;}
.stamp_03{ position: absolute; left: 34px; top:123px; width: 114px; height: 53px; background:url(../img/stamp_03.png) left top;}
@media screen and (max-width: 740px) {
.stamp_sp{ width: 150px; position: absolute; right: 10px; top:12px; }
}/*END*/


#mailForm { width:88%; margin: 0 auto; text-align:left;  padding:50px 0 0 0;  font-family: 'Noto Sans JP', sans-serif !important;}
#mailForm form {  padding:20px 0 0 0; }
#formbox .form_p { /*  lead text  */ width: 100%; }
@media screen and (max-width: 740px) {
#mailForm { width:85%; margin: 0 auto; text-align:left;  padding:90px 0 0 0;  font-family: 'Noto Sans JP', sans-serif !important;}
#mailForm form { padding: 0 0px; }
#formbox .form_p { }
}/*END*/





#mailForm dl { padding:0 0 10px 0; clear:both; color: #000; }
#mailForm dt{  width:29%; display:block; float:left; text-align: right; font-size: 14px; line-height: 30px; font-weight: normal; padding-right: 3%; }
#mailForm dd { width:66%; display:block; float:left;  font-size: 14px; line-height: 30px;}
@media screen and (max-width: 740px) {
#mailForm dt, #mailForm dd { float: none; }
#mailForm dt { width: 90%; 	font-size: 14px; line-height: 30px; text-align: left;}
#mailForm dd { width: 95%;	font-size: 14px; line-height: 30px; }
}/*END*/





/*form_title
------------------------------------ */
#mailForm .form_title{ display: block; background:url(../img/form_title_line.png) left bottom repeat-x; margin: 30px 0 20px 0; padding-bottom: 0px; position: relative;}
#mailForm .form_title:after { content:" "; display:block;	clear:both;}/*clearfix*/
#mailForm .form_title h3{ color: #990033; height: 30px;  font-size: 18px; line-height: 24px; letter-spacing: 1px; padding:0 0 10px 0;  }
/* ボタン */
#mailForm .form_title p.regist { position: absolute; right: 0px; bottom: 14px; margin:0 0 0px 0;  }
#mailForm .form_title p.regist a{ font-size:12px; line-height: 12px; letter-spacing: 0.5px; font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500; color: #990033; border: solid 2px #990033; padding: 8px 25px 8px 35px; text-decoration: none;}
#mailForm .form_title p.regist a{ position: relative; text-decoration: none; margin: 0 auto; display: block;   transition: 0.3s;}
#mailForm .form_title p.regist a:after{ content: ''; background:url(../img/btn_mark_red.png) 0 0 no-repeat ; width: 37px; height: 7px; position: absolute; top: 10px; left: -19px; transition: 0.3s;}
#mailForm .form_title p.regist a:hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#mailForm .form_title p.regist a:hover:after{ content: ''; background:url(../img/btn_mark_red.png) 0 0 no-repeat ; width: 37px; height: 7px; position: absolute; top: 10px; left: -12px;}
@media screen and (max-width: 740px) {
#mailForm .form_title{ display: block; background:url(../img/form_title_line.png) left bottom repeat-x; margin: 25px 0 13px 0; padding-bottom: 7px; position: relative; text-align: center;}
#mailForm .form_title:after { content:" "; display:block;	clear:both;}/*clearfix*/
#mailForm .form_title h3{ color: #990033; height: 30px;  font-size: 18px; line-height: 24px; letter-spacing: 1px; padding:0 0 5px 0;  }
/* ボタン */
#mailForm .form_title p.regist { position: relative; right: 0; bottom: 0; margin:0 0 12px 0; text-align: center;  }
#mailForm .form_title p.regist a{ font-size:12px; line-height: 12px; letter-spacing: 0.5px; font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500; color: #990033; border: solid 2px #990033; padding: 8px 10px 8px 30px; text-decoration: none;}
#mailForm .form_title p.regist a{ position: relative; text-decoration: none; margin: 0 auto; display: inline-block;   transition: 0.3s;}
#mailForm .form_title p.regist a:hover:after{ content: ''; background:url(../img/btn_mark_red.png) 0 0 no-repeat ; width: 37px; height: 7px; position: absolute; top: 10px; left: -19px;}
}/*END*/


/*input関連*/
#mailForm input.text { width:97.5%; font-size:14px; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7;  padding: 8px 2.5%; }
#mailForm input.Short { width:50%; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7;  padding: 8px 2.5%; }
#mailForm textarea { width:97.5%; height:80px; font-size:14px; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7; padding: 8px 2.5%; }
@media screen and (max-width: 740px) {
#mailForm input.text { width:100%; font-size:14px; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7;  padding: 8px 2.5%; }
#mailForm input.Short { width:50%; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7;  padding: 8px 2.5%; }
#mailForm textarea { width:100%; height:80px; font-size:14px; background-color:#fff; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; background: #e7e7e7; padding: 8px 2.5%; }
}/*END*/






/*-----------------------------------------*/
input,
textarea{ font-size:14px; border: solid #eee 1px; border-top: solid #ddd 1px; border-left: solid #ddd 1px; background: #eee; font-weight: normal;}
select{ font-size: 14px; font-weight: normal; padding: 3px;}

/*フォーカス*/
input[type="text"],
input[type="password"],
textarea { outline: none;  -webkit-transition: all .3s; transition: all .3s;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { box-shadow: 0 0 7px #7acbda; border: 1px solid #adc3c7 !important;}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus { outline-offset: -2px;}


/*-----selectリセット-----*/
select{ -moz-appearance: none;  -webkit-appearance: none; appearance: none;  border-radius: 0;  border: 0;  margin: 0;  padding: 0;  background: none transparent;  vertical-align: middle;  font-size: inherit;  color: inherit; box-sizing: content-box; position:relative;}
select::-ms-expand {  display: none;}
select {  -moz-appearance: none;  text-indent: 0.01px; text-overflow: '';}
/*青線消し*/
select { outline: none;}
*:focus { outline: none;}
input[type="submit"],
select,
label{ cursor: pointer; }

/*select　画像指定*/
dd select{border-bottom:solid 1px #dbdbdb; max-width:300px; width:55%; height:35px; color:#333; text-align:left;
background:url(../img/dd_mark.png) right center no-repeat #fff; background-size: cover;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
font-size:14px; line-height: 35px; text-indent:7px;}

@media screen and (max-width: 740px) {
dd select{border-bottom:solid 1px #dbdbdb; max-width:300px; width:80%; height:35px; color:#333; text-align:left;
background:url(../img/dd_mark.png) right center no-repeat #fff; background-size: cover;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
font-size:14px; line-height: 35px; text-indent:7px;}
}/*END*/

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




#mailForm #formBtn { text-align:center; }
#mailForm input.submit,
#mailForm input.reset { width:170px; height:47px; font-size: 15px; font-weight: bold; border:none; cursor:pointer; }/*submit　リセット　ボタン*/
#mailForm input.submit { background:#990033; margin-right: 20px; color: #fff; }/*submitボタン*/
#mailForm input.reset { background:#aeaeae; color: #fff;  }
@media screen and (max-width: 740px) {
#mailForm #formBtn { width: 100%; text-align: center; }
#mailForm input.submit,
#mailForm input.reset { width: 40%; max-width: 180px; margin: 0 4%; height: 48px; font-size: 15px; -webkit-appearance: none; -moz-appearance:none; }
#mailForm input.submit { margin: 0 0 20px 0; }
}/*END*/



/* 	注意文
------------------------------------ */
#mailForm p.agree {  font-size:12px; line-height: 20px; padding:25px 10px; margin: 40px 0; border-bottom: solid 1px #ddd;  border-top: solid 1px #ddd; color: #333; }
#mailForm p.agree a{color: #990033; }






/* -------------------------------------------------------------------------
	 Thanks
-------------------------------------------------------------------------- */
#thanksbox { margin: 0 auto; text-align: center; padding: 180px 0 110px 0; }
#thanksbox div.thanks_img{ width: 80%; max-width: 440px; margin: 0 auto;}
#thanksbox p.thanks_txt { font-size:20px; padding: 10px 0 50px 0; }
/* ボタン */
#thanksbox a{ font-size:13px; line-height: 13px; letter-spacing: 0.5px; padding: 10px 40px 12px 40px;  font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500; color: #990033; border: solid 2px #990033;text-decoration: none;}
#thanksbox a{ position: relative; text-decoration: none; margin: 0 auto; display: inline-block;   transition: 0.3s;}
#thanksbox a:after{ content: ''; background:url(../img/btn_mark_red.png) 0 0 no-repeat ; width: 37px; height: 7px; position: absolute; top: 14px; left: -19px; transition: 0.3s;}
#thanksbox a:hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#thanksbox a:hover:after{ content: ''; background:url(../img/btn_mark_red.png) 0 0 no-repeat ; width: 37px; height: 7px; position: absolute; top: 14px; left: -12px;}
@media screen and (max-width: 740px) {
#thanksbox { padding: 150px 0 110px 0; }
#thanksbox a{ font-size:13px; line-height: 13px; letter-spacing: 0.5px; padding: 10px 25px 12px 30px;  font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500; color: #990033; border: solid 2px #990033;text-decoration: none;}
#thanksbox div.thanks_img{ width: 80%; max-width: 440px; margin: 0 auto;}
#thanksbox p.thanks_txt { font-size:18px; padding: 10px 0 50px 0; }
}/*END*/
@media screen and (max-width: 650px) {
#thanksbox { padding: 160px 0 110px 0; }
#thanksbox p.thanks_txt { font-size:3vw; padding: 10px 0 50px 0; }
}/*END*/
@media screen and (max-width: 450px) {
#thanksbox p.thanks_txt { font-size:3.5vw; padding: 10px 0 50px 0; }
}/*END*/