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



/*---------------------基本CSS---------------------*/
* {
	margin: 0;
	padding: 0;
}
.pc{
    display: none;
}

html,body{
	height: 100%; 
}	
/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -420px;
}
/*---------------------ヘッダー---------------------*/

#header {
	border-bottom: 2px solid #CCCCCC;
	height: 160px;
}
a:link,
a:visited {
    color: #333333;
    text-decoration: none;
}
a:visited {
    color: #66666;
}
a:hover {
    color: #666666;
    text-decoration: none;
}
.clear {
	clear: both;
	height: 0.1em;
	width: 100%;
}

#contents {
    margin-top: 100px;

}
#header-sp {
    background-color: rgba(255, 255, 255, 0.9); /* 白色で半透明 */
    position: fixed; /* トップに固定 */
    top: 0; /* ページの上部に配置 */
    width: 100%; /* ヘッダーの幅をページ全体に */
    z-index: 10; /* 他の要素の上に表示 */

}
#header-sp .rogo  {
    width: 200px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#header-sp .rogo img {
    width: 100%;
}
#header-pc {
    display: none;
}
.container {
    margin-left: auto;
    margin-right: auto;
}


#footer {
    background-image: url(../image/bc_footer-l-b.jpg);
    color: #ffffff;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    width: 100%;
}
.office {
    font-weight: bold;
    text-align: left;
    font-size: 1.6rem;
    width: 90%;
    margin-bottom: 20px;
}
.address {
    width: 90%;
}

.address a:hover  {
    color: #DBD7D7;
}
.address a:visited {
    color: #cccccc;
}

.address ul  {
    width: 90%;
}
.address ul li {
    list-style-type: none;
    margin-bottom: 10px;
}
.address a:link {
    color: #ffffff;
    text-decoration: none;
}
.drawer__list li a:hover {
}
.to10  {
    font-size: 1.8rem;
    margin-top: 40px;
    margin-bottom: 40px;
}
.t-message {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}
#formWrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#formWrap form .mail-text {
    margin-top: 40px;
    margin-bottom: 40px;
}
#formWrap form  tr th {
    width: 100%;
}
#formWrap form tr td {
    line-height: 30px;
}
#formWrap form button {
    margin-right: 4px;

}









@media screen and (min-width: 960px)  {

.sp{
    display: none;
}
.pc {
    display: block;
}


.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main-contents {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#header-sp {
    display: none;
}

#header-pc {
    display: flex;
    justify-content: center;
    margin: 20px auto 30px;
    width: 100%;
    max-width: 960px;

}
#header-pc .rogo {
    width: 30%;
    
}
#header-pc .rogo a{

}
#header-pc .rogo a img{
    width: 100%;
    max-width: 280px;
}
#header-pc .menu {
    width: 65%;
    max-width: 560px;
    margin-top: 70px;
    margin-left: 100px;
}
#header-pc .menu ul{
    display: flex;
    justify-content: right;
    text-align: center;
}
.menu ul li {
    width: 27%;
    list-style-type: none;
    font-weight: bold;
}




.mainvisual  {
    margin-top: 30px;
}

div .content.entory-form form {
    padding-left: 30px;
    padding-right: 30px;
}
#footer {
}
#footer .address {
    width: 960px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}
#footer .office  {
    width: 960px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.t-message .entry-info h5 {
    font-size: 1.3rem;
}
#formWrap  {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#formWrap form tr th {
    width: 300px;
}
#formWrap form tr td{
    text-indent: 10px;
}
#formWrap form .su-soushin {
    margin-left: 300px;
}




	}