@charset "UTF-8";


/* ========================================
   base-layout
======================================== */

body {
 background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/body_back.jpg) no-repeat center bottom #5388b8;
 background-size: 2000px auto;
}

/*===== header =====*/
header { background: repeat-x 0 bottom #244b50;}
    header .inner {
     width: 930px;
     height: 70px;
     padding: 5px 0;
     margin: 0 auto;
    }
    header h1 {
     text-align: center;
/*     padding-left: 90px;
     background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/gakusyo.png) no-repeat 0 15px;
     background-size: 93px 40px;*/
    }


/*===== footer =====*/
footer {
 padding: 15px 0 1px;
 background-color: #244b50;
}
footer .inner {
 position: relative;
 color: #fff;
 width: 930px;
 margin: 0 auto 15px;
}

#inq {
 position: absolute;
 right: 0;
 top: 0;
}
    #inq a {
     display: block;
     color: #fff;
     line-height: 1em;
     height: 1em;
    }
        #inq a img {
         vertical-align: bottom;
         margin-right: 3px;
        }
    
#copy {
 width: 100%;
 padding: 30px 0;
 background-color: #fff;
}


/*===== #totop =====*/
#totop {
 display: none;
 position: fixed;
 right: 50px;
 bottom: 145px;
}
#totop a {
 display: inline-block;
 width: 20px;
 height: 20px;
 padding: 10px;
 border-radius: 20px; 
 background-color: #244b50;
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);	 
}
	#totop a:hover { background-color: #cc9a1b;}


/*===== #container =====*/
#container {
 width: 930px;
 padding: 15px 15px 50px;
 margin: 0 auto;
 background-color: #fff;
 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
}

#main {
 float: left;
 width: 710px;
}


/*===== #side =====*/
#side {
 float: right;
 width: 200px;
 padding-bottom: 30px;
}
    #side h2 {
     color: #fff;
     font-size: 15px;
     line-height: 1em;
     letter-spacing: 0.09em;
     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
     height: 1em;
     padding: 8px 0 7px 11px;
     border-radius: 3px 3px 0 0;
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6bf9a), color-stop(0.64, #c19e66), color-stop(0.64, #c19e66), color-stop(0.00, #e9d2af));
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -moz-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -o-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -ms-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(to bottom, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     -pie-background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }
    #side ul { padding: 0 0 0 11px;}
        #side ul.menu {
         padding: 12px 0 3px 10px;
         margin-bottom: 20px;
         border: 1px solid #ccc;
         border-top: none;
         border-radius: 0 0 3px 3px;
         behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);  
        }
        
        #side .group02 ul.menu {
         border-top: 1px solid #ccc;
         border-radius: 3px;
        }
        #side ul li {
         font-size: 14px;
         line-height: 1em;
         margin-bottom: 10px;
        }
            #side ul li a {
             display: inline-block;
             font-size: 14px;
             line-height: 1em;
             width: 100%;
}

#side div.link a {
	position: relative;
	display: block;
     color: #fff;
     font-size: 15px;
     line-height: 1em;
	 font-weight: bold;
     letter-spacing: 0.09em;
     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
     height: 1em;
     padding: 8px 0 7px 11px;
	 margin-bottom: 20px;
     border-radius: 3px;
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6bf9a), color-stop(0.64, #c19e66), color-stop(0.64, #c19e66), color-stop(0.00, #e9d2af));
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -moz-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -o-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -ms-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(to bottom, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     -pie-background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
}
#side div.link a::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 7px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/sankaku.png) no-repeat right center;
}

#side .banner.sp { display: none;}
#side .banner h2 {
 color: #666;
 font-size: 14px;
 line-height: 1em;
 padding: 0 0 3px;
 margin-bottom: 15px;
 border-bottom: 1px solid #ddd;
 text-shadow: none;
 background: none;
}
#side .banner ul {
 padding: 0;
 margin-bottom: 20px;
}
#side .banner ul li a { display: inline;}


/*===== #member-btn =====*/
#member-btn a {
 display: inline-block;
 color: #fff;
 text-align: center;
 width: 200px;
 height: 60px;
 padding: 2px 0;
 border-radius: 3px;
 background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_03.png) repeat #b21234;
/* background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png) repeat #769dba;*/
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc); 
}
#member-btn a:hover { background-color: #cc9a1b;}
#member-btn a div {
 display: inline-block;
 font-size: 18px;
 font-weight: bold;
 line-height: 1em;
 letter-spacing: 0.05em;
 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.3);
 width: 154px;
 height: 38px;
 padding: 12px 0 8px 40px;
 border: 1px solid #fff;
 border-radius: 2px;
 background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/lockicon.png) no-repeat 5px 10px;
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);  
}
#member-btn a div span {
 display: block;
 margin-top: 2px;
}

/*===== #searchform =====*/
#searchform {
 padding: 2px 0;
 margin: 0 auto 20px;
 width: 198px;
 height: 24px;
 border: 1px solid #ccc;
 background-color: #fff;
 border-radius: 3px;
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);   
}
    #searchform #s {
     display: block;
     color: #555;
     font-size: 14px;
     line-height: 1em;
     width: 160px;
     height: 14px;
     padding: 5px;
     border: none;
    }
    

/* ========================================
   top page
======================================== */


/*===== #KeyVisual =====*/
#KeyVisual p {
 font-size: 0;
 line-height: 0;
}
#KeyVisual img {
 width: 100%;
 height: auto;
}

/*===== #topNews =====*/
#topNews h2,#kaiho h2 {
 color: #fff;
 font-size: 16px;
 line-height: 1em;
 letter-spacing: 0.09em;
 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
 height: 1em;
 padding: 9px 0 8px 11px;
 border-radius: 3px 3px 0 0;
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6bf9a), color-stop(0.64, #c19e66), color-stop(0.64, #c19e66), color-stop(0.00, #e9d2af));
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -webkit-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -moz-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -o-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, -ms-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(to bottom, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 -pie-background: url("/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png") repeat, linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
}
#topNews ul,#kaiho ul {
 padding: 10px;
 border: 1px solid #ccc;
 border-top: none;
}
#topNews ul li {
 font-size: 14px;
 line-height: 1.5em;
}
#topNews ul li a { font-size: 14px;}
#topNews ul li a,#topNews ul li span { display: inline-block;}
#topNews ul li span.date { margin-right: 10px;}
#topNews ul li span.new {
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 12px;
 line-height: 1em;
 font-weight: bold;
 font-style: italic;
/* vertical-align: text-bottom;*/
 height: 1em;
 padding: 2px 6px 2px 3px;
 margin: 0 5px 3px 0;
 background-color: #b21234;
}

#topNews h2 {
	position: relative;
}
#topNews h2  a {
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 12px;
    padding-right: 20px;
    background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/sankaku.png) no-repeat right center;
}

#kaiho ul {
 padding: 30px 0 30px 28px;
}
#kaiho ul li {
 float: left;
 font-size: 12px;
 text-align: center;
 padding-right: 28px;
}
#kaiho ul li div {
	 width: 142px;
	 height: 200px;
	 margin-bottom: 5px;
}
#kaiho ul li img {
 display: block;
 width: 100%;
 height: auto;
 margin-bottom: 5px;
}

#kaiho.cat ul {
 display: flex;
  flex-wrap: wrap;
 padding: 5px 0 25px 28px;
 border: none;
}
#kaiho.cat ul li { margin-bottom: 25px;}



/* ========================================
   page & category
======================================== */

/*===== #catchUnit =====*/
#catchUnit {
 position: relative;
 font-size: 0;
 line-height: 0;
 width: 100%;
 height: 150px;
}
    #catchUnit h2 {
     position: absolute;
     left: 0px;
     bottom: 20px;
     width: 100%;
     height: 42px;
     background-color: rgba(0, 0, 0, 0.3);
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);/*IE8以下用*/
    }
    #catchUnit h2 span {
     display: block;
     color: #fff;
     font-size: 22px;
     line-height: 1em;
     text-align: right;
     letter-spacing: 0.04em;
     padding: 10px 25px 10px 0px;
    }


/*===== #pan =====*/
#pan {
 font-size: 11px;
 line-height: 1em;
 padding-bottom: 5px;
 margin-bottom: 20px;
 border-bottom: 2px solid #244b50;
}


/*===== #pageUnit #singleUnit =====*/
#pageUnit,#singleUnit {
 padding: 0 20px 20px 10px;
 border-bottom: 1px solid #ccc;
}
    #pageUnit h3,#singleUnit h3 {
     color: #cc9a1b;
     font-size: 18px;
     letter-spacing: 0.05em;
     line-height: 1em;
     padding-bottom: 5px;
     margin-bottom: 15px;
     background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png) repeat-x left bottom;
    }
    #pageUnit h4,#singleUnit h4 {
     color: #244b50;
     font-size: 14px;
     letter-spacing: 0.05em; 
     line-height: 1em;
     margin-bottom: 7px;
    }
    
    #singleUnit hr {
     color: #ddd;
     background-color: #ddd;
    }
    
    
    #pageUnit p,#singleUnit p { margin-bottom: 15px;word-wrap: break-word;}
    
    #pageUnit ul,#singleUnit ul { padding-left: 15px;}
    #pageUnit ol { padding-left: 28px;}
    #pageUnit ul li,#pageUnit ol li,
    #singleUnit ul li {   
     font-size: 14px;
     line-height: 1.5em;
     margin-bottom: 5px;
    }
    #pageUnit ul li,#singleUnit ul li { list-style: circle;}
	#pageUnit ul.recent { padding-left: 0;}
	#pageUnit ul.recent li  { list-style: none; font-weight: bold;}
    #pageUnit ol li { position: relative;}
    #pageUnit ol li span.num {
     display: block;
     position: absolute;
     left: -35px;
     top: 0;
     text-align: right;
     width: 30px;   
    }
	
	#pageUnit .hito img {
		max-width: 150px;
		height: auto;
	}

#pageUnit img,#singleUnit img {
  max-width: 100%;
  height: auto;
}
    
    #pageUnit table.kaisoku { width: 100%;}
        #pageUnit table.kaisoku th,
        #pageUnit table.kaisoku td {
         padding: 5px 10px;
         border-bottom: 1px solid #ccc;
        }
        #pageUnit table.kaisoku th { width: 50px;}

#pageUnit hr,#singleUnit hr {
 color: #ddd;
 background-color: #ddd;
 margin-bottom: 15px;
}

.ibox { text-align: center;}
    .ibox img {
     box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
     behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }
    .ibox img.login {
     border-radius: 2px;
     box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
     behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }

.waku {
 width: 600px;
 margin: 0 auto;
 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
 behavior: url(/osaka-cu-eng/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc); 
}
    .waku h4 {
     color: #fff !important;
     font-size: 24px !important;
     text-align: center;
     padding: 10px 0 7px;
     margin-bottom: 0 !important;
     background: url(/osaka-cu-eng/cms/wp-content/themes/alumni/img/patterns_01.png) repeat 0 0 #f90;
    }
    .waku ul {
     padding: 15px 35px 10px !important;
     background-color: #ffe;
     border: 1px solid #ccc;
     border-top: none;
    }
    .waku ul li {
     font-size: 18px !important;
     font-weight: bold;
    }


img.alignright {
 float: right;
 margin: 0 0 0 10px;
}
img.alignleft {
 float: left;
 margin: 0 10px 0 0;
}


.table01 { width: 540px;}
.table01 th,.table01 td { padding-bottom: 10px;}
.table01 th { width: 16%;}
.table01 td { width: 28%;}
.table01 td br.sp { display: none;}



/*===== #singleUnit .categoryUnit =====*/
.date { font-size: 12px;}
.pager {
 font-size: 14px;
 margin-top: 30px;
}


/*===== .categoryUnit =====*/
.categoryUnit { border-bottom: 1px solid #ccc;}
    .categoryUnit a {
     display: block;
     color: #333;
     padding: 8px 15px;
    }
    .categoryUnit a:hover {
     color: #333;
     background-color: #e4e388;
    }
    .categoryUnit a h3 {
     color: #244b50;
     font-size: 18px;
     line-height: 1em;
     margin-bottom: 10px;
    }

.categoryUnit-topics {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.categoryUnit-topics li {
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 10px;
}
.categoryUnit-topics li span { margin-right: 15px;}


.setsumei {
 padding-bottom: 15px;
 margin-bottom: 5px;
 border: 1px solid #244b50;
}
.setsumei h3 {
 color: #fff;
 font-size: 16px;
 line-height: 1em;
 padding: 10px 15px;
 margin-bottom: 15px;
 background-color: #244b50; 
}
.setsumei p {
 font-size: 12px;
 line-height: 1.5em;
 padding: 0 15px;
 margin-bottom: 15px;
}
a.btn_kiko {
 display: inline-block;
 color: #fff;
 font-size: 14px;
 line-height: 1em;
 font-weight: bold;
 text-align: center;
 padding: 10px 30px;
 background-color: #C29F68;
 box-sizing: border-box;
 border-radius: 5px;
}
a.btn_kiko:hover {
 color: #fff;
 background: #244b50;
}


/*===== search =====*/
#hitnum {
 padding: 5px 10px;
 margin: 0 0 15px;
 background-color: #e4e388;
}


/*===== .notfound =====*/
.notfound {
 padding: 120px 0;
 margin-bottom: 20px;
 border: 1px solid #ccc;
}


.kaicho {
 font-weight: bold;
 padding-left: 10px;
}


/*===== form =====*/
#form_wrap p.att {
  padding-bottom: 20px;
  border-bottom: 1px dashed #d8d8d8;
  margin-bottom: 30px;
}

#form_wrap table {
  width: 100%;
}
#form_wrap td {
  position: relative;
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: middle !important;
  padding: 0 0 30px 0 !important;
  border: none !important;
}
#form_wrap td p {
  line-height: 1.5em !important;
  margin-bottom: 0 !important;
}
#form_wrap tr td:nth-of-type(1) {
  vertical-align: top;
  width: 200px;
  padding-top: 0 !important;
}
#form_wrap tr td.pdt_non {
  padding-top: 0 !important;
}
#form_wrap tr td.ck {
  padding-bottom: 20px;
}
#form_wrap tr td:nth-of-type(1) span {
  color: #f00;
}
#form_wrap tr td:nth-of-type(2) {
  width: calc(100% - 200px);
}
#form_wrap td input[type="text"],
#form_wrap td input[type="email"] {
  font-size: 14px;
  line-height: 1.1em;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  background-color: #f8f8f8;
  border: none;
  box-sizing: border-box;
  outline: none;
}
#form_wrap td textarea {
  font-size: 14px;
  line-height: 1.6em;
  width: 100%;
  height: 200px;
  padding: 10px 15px;
  background-color: #f8f8f8;
  border: none;
  box-sizing: border-box;
  outline: none;
}

.inq .wpcf7-spinner {
  display: none !important;
}

.inq .wpcf7-validates-as-required {
  display: block;
  padding: 40px 0 0;
}

.inq .wpcf7-list-item {
  margin: 0 50px 0 0;
}
.inq label { 
  position: relative;  
  font-size: 14px;
  line-height: 1em;
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
}
.inq label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
}
.inq label input[type="radio"],
.inq label input[type="checkbox"] {
  display: none;
}
.inq label input[type="radio"]:checked + .wpcf7-list-item-label::before,
.inq label input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  background-color: #244b50;
  box-sizing: border-box;
}
.inq .wpcf7-list-item-label,
.inq .wpcf7-list-item-label {
  display: inline-block;
  font-size: 14px;
  line-height: 1em;
}
.inq label span.wpcf7-list-item-label::before,
.inq label span.wpcf7-list-item-label::after {
  display: none;
}

#form_wrap .transmission {
  display: none;
  padding: 50px 70px;
  border: 1px solid #d8d8d8;
}
#form_wrap .transmission p {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 0;
}

.sent #form_wrap .transmission {
  display: block !important;
}
.sent #form_wrap .inq {
  display: none;
}
.wpcf7-mail-sent-ok {
  display: none;
}

#form_wrap .btn {
  margin-top: 30px;
  text-align: center;
}
.wpcf7-submit {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.18em;
  line-height: 1em;
  font-weight: 800;
  width: 400px;
  height: 50px;
  padding: 0;
  background-color: #244b50;
  border: 1px solid #244b50;
  border-radius: 5px;
  transition: all .3s;
  -webkit-appearance: none;
  cursor: pointer;
}
.wpcf7-submit:hover {
  color: #244b50;
  background-color: #fff;
}
.wpcf7-spinner {
  display: block !important;
  margin: 30px auto !important;
}


.wpcf7-not-valid-tip {
  color: #f00 !important;
  font-size: 12px !important;
  margin-top: 10px;
}
.wpcf7-response-output { display: none;}


/* ========================================
   text
======================================== */

body { color: #333;}
p,td,th {
 font-size: 14px;
 line-height: 1.5em;
}

/*===== link =====*/
a { color: #13397d;}
a:hover { color:#cc9a1b;}


br.sp { display: none;}

a.b {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 200px;
	margin-bottom: 20px;
}
a.b.line {
	border: 1px solid #a82a2b;
}
a.b.line img {
	width: 198px;
	height: 38px;
}