@charset "UTF-8";

/* ===================================================================
 style info :下層ページ用css
=================================================================== */
/* -----------------------------------------------------------
	title
--------------------------------------------------------- */
h2 {
	background:url(../images/common/title_bg.jpg);
	font-size:200%;
	text-align:center;
	padding:30px 0;
	color:#0080BF;
	line-height:1em;
}
@media screen and (max-width:768px){
}
.title1st{
	background-color:#0080BF;
	color:#fff;
	font-size:160%;
	padding:15px 20px;
	line-height:1em;
	margin:24px auto 20px auto;
	text-align:left;
}
.title2nd{
	font-size:150%;
	padding:5px 0 0 15px;
	border-left:8px solid #0080BF;
	height:35px;
	margin:30px 0 20px 0;
	font-weight:bold;
}
.title3rd{
	font-size:140%;
	color:#000;
	line-height:1.4em;
	margin:20px 0;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.title4th{
	font-size:130%;
	padding:5px 15px;
	background-color:#eee;
	margin:30px 0 20px 0;
	font-weight:bold;
}
	
/* -----------------------------------------------------------
	contents
--------------------------------------------------------- */
#contents{
	max-width:1000px;
	width:95%;
	margin:5px auto 50px auto;
}
#contents p{
	margin-bottom:15px;
}
@media screen and (max-width:768px){
#contents{
	width:95%;
	margin:5px auto 30px auto;
}
}

/* -----------------------------------------------------------
	pannavi
--------------------------------------------------------- */
#pannavi{
	font-size:75%;
	text-align:left;
	margin:10px 0 30px 0;
}
@media screen and (max-width:768px){
#pannavi{
	width:95%;
	font-size:75%;
	text-align:left;
	margin:10px auto;
}
}

/*=======================================================*/
/* news
/*=======================================================*/
.waku{
    overflow: hidden;
}
.waku dt{
    font-weight: bold;
    float: left ;
	    clear: left ;
	    padding-right: 0.5em ;
    padding-bottom: 8px;
    margin-bottom: 16px;
	    width:130px ;
    border-bottom: 1px #ccc dotted;
}
.waku dd{
    float: left ;
padding-left: 1em ;
    padding-bottom: 8px;
    max-width: 700px;
    width: 100%;
    border-bottom: 1px #ccc dotted;
}
@media screen and (max-width:768px){
.waku dt{
    float: none ;
	    padding-right:0;
    padding-bottom: 0;
    margin-bottom: 0;
	    width:130px ;
    border-bottom:none;
}
.waku dd{
    float: none ;
padding-left:0 ;
    padding-bottom:16px;
    margin-bottom: 16px;
    border-bottom: 1px #ccc dotted;
}
}

 /* -----------------------------------------------------------
	支援実績
----------------------------------------------------------- */
.achievement{
    background-color: #fff;
    margin-bottom: 32px;
    padding: 85px 55px 45px 55px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border: 3px #0081BF solid;
}
.achievement h3{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    background-color: #77B60A;
    padding: 8px 16px;
    box-sizing: border-box;
}
.achievement dt{
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    background-color: #0F4A89;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    padding: 8px 16px;
    box-sizing: border-box;
    float: left ;
	    clear: left ;
	    margin-right: 0.5em ;
    margin-bottom: 16px;
    margin-top: 16px;
	    width:150px ;
}
.achievement dd{
    float: left ;
    font-size: 1rem;
margin-left: 1em ;
    max-width: 700px;
    width: 100%;
    margin-top: 16px;
    padding-top: 8px;
}
@media screen and (max-width:768px){
.achievement{
    background-color: #fff;
    margin-bottom: 32px;
    padding: 85px 32px 45px 32px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.achievement dt{
    padding: 8px 16px;
    float: none ;
	    margin-right: 0;
    margin-bottom: 8px;
}
.achievement dd{
    float: none ;
margin-left: 0 ;
    padding-top: 0;
    margin-bottom: 16px;
}
}


/*=======================================================*/
/* contact
/*=======================================================*/

/*=======================================================*/
/*  form
/*=======================================================*/
table td .small { width: 30%; }
table td .middle { width:60%; }
table td .large { width: 80%; }
table td textarea {
	resize: vertical;
	width: 80%;
	font-size: 16px;
}

table td input[type=text],
table td input[type=email],
table td select {
	height: 33px;
	font-size: 16px;
}
button{
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
input[type="submit"],
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="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.btn{
	width:200px;
    height:56px;
}
.btn.confirm{
    background: url("../images/contact/btn_confirmation.gif") no-repeat;
}
.btn.back{
    background: url("../images/contact/btn_back.gif") no-repeat;
}
.btn.send{
    background: url("../images/contact/btn_send.gif") no-repeat;
    margin-right: 8px;
}

@media only screen and (max-width:480px){
table td .small { width: 50%; }
table td .middle { width:95%; }
table td .large { width: 95%; }
table td textarea {
	resize: vertical;
	width: 95%;
	font-size: 16px;
}

table td input[type=text],
table td input[type=email],
table td select {
	height: 33px;
	font-size: 16px;
}
.btn{
	width:90%;
}
}