/*
Theme Name:works
Template:liquid
*/

a{
	transition: all 0.3s ease-in-out;
}

a img{
	
	transition: all 0.3s ease-in-out;
}

a:hover{
	transition: all 0.3s ease-in-out;
}

a:hover img{
	transition: all 0.3s ease-in-out;
}

body p{
	line-height: 1.8;
}

.sig{
	font-size: 30px;
	display: block;
	line-height: 1.2;
}

@media (min-width:481px) {
	#top_logo{
		margin-bottom: 0;
	}
	#top_logo a {
		background-image: url(images/h_logo.svg);
		background-size: cover;
		width: 350px;
		height: 0;
		padding-top: 75px;
		overflow: hidden;
		display: block;
	}
}
@media (max-width:480px) {
	#top_logo a {
		background-image: url(images/h_logo.svg);
		background-size: cover;
		width: 100%;
		height: 0;
		padding-top: calc(75/350*100%);
		overflow: hidden;
		display: block;
	}
	
	.navbar{
		padding-top: 30px!important;	
	}
}

.navbar > .container{
	justify-content: center!important;
}

.navbar-nav a{
	font-size: 18px;
	color: rgb(115,99,161)!important;
}

.navbar-nav a:hover{
	color: rgb(165, 154, 203)!important;
	text-decoration: none;
}

.navbar-nav a:visited{
	color: inherit;
}

.headline{
	margin-bottom: 20px;
	
}

.navbar{
	margin-bottom: 20px;
	border-bottom: 2px solid rgb(115,99,161);
	background-color: rgba(255,255,255,1.00);
	box-shadow: none;
}

.navbar-toggler{
	top: 0;
	right: auto;
}
.post_body h2,
.post_body h2 span{
	border-bottom: none;
	margin-bottom: 0;
}

.pagetop{
	text-align: right;
	padding: 0 5%;
}

.pagetop a{
	color: rgb(60,51,84);
}

.pagetop a:hover{
	color: rgb(115,99,161);
}

.midashi01,
.midashi01_2,
.midashi01_3,
.midashi01_4
{
	font-size: 26px!important;
	font-weight: 500!important;
}

.midashi01 {
	color: rgb(56,56,56);
}

.midashi01_2,
.midashi01_4
{
	color: rgb(255,255,255);
}

.midashi01_3 {
	color: rgb(56,56,56);
}

.midashi01 span,
.midashi01_2 span,
.midashi01_3 span,
.midashi01_4 span
{
	display: flex;
	align-items: center;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.midashi01 span,
.midashi01_3 span,
.midashi01_4 span
{
	color: rgb(115,99,161);
}

.midashi01_2 span{
	color: rgb(60,51,84);
}

.midashi01 span::before,
.midashi01_2 span::before,
.midashi01_3 span::before,
.midashi01_4 span::before
{
	content: '';
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 1px;
}

.midashi01 span::before,
.midashi01_3 span::before,
.midashi01_4 span::before
{
	background-color: rgb(115,99,161);
}

.midashi01_2 span::before{
	background-color: rgb(60,51,84);
}

#w100p{
	width: 100%;
}
.cr{
	padding: 2em;
	text-align: center;
	font-size: small;
}

.link a{
	color: rgba(115,99,161,1.00)!important;
}

.link a:hover{
	color: rgba(115,99,161,1.00)!important;
	text-decoration: underline;
}

@media (max-width:480px) {
	
	.cr span{
		display: block;
	}
	
	.md_b{
		display: block;
	}
}

/*---table-----------------------------------------*/
.table1 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 5px;
	margin: 0 auto;
	border: none;
}
.table1 td, .table1 th {
	padding: 15px 10px;
	border: none;
}
.table1 th {
	background: rgb(60,51,84);
	color: #fff;
}
.table1 td {
	background: rgb(238, 238, 238);
	color: rgba(56, 56, 56, 1.00);
}

.table1 a{
	color: rgba(115, 99, 161, 1.00);
	border: none;
}

.table1 a:hover{
	color: rgba(115, 99, 161, 1.00);
	border: none;
	text-decoration: underline;
}

@media (min-width:481px) {
	.table1 th {
		width: 20%;
		vertical-align: top;
	}
}

@media (max-width:480px) {
	.table1 td, .table1 th {
		display: block;
	}
	
	.copy span{
		display: block;
	}
}

/*----------- 問い合わせ ------------*/
#pp_box {
    overflow: scroll;
    width: 100%;
    height: 100px;
    background: rgb(255, 255, 255);
    padding: 10px;
    border: 1px solid rgb(56, 56, 56);
	margin-bottom: 20px;
}
#pp_box h5 {
    font-size: 13px !important;
    margin-bottom: 10px;
}
#pp_box h6 {
    font-size: 12px !important;
    margin-bottom: 10px;
}
#pp_box p {
    font-size: 11px !important;
    margin-bottom: 10px !important;
}
#pp_box li {
    font-size: 11px !important;
}
.s_red {
    font-size: 13px;
    color: rgba(215, 0, 0, 1.00);
}
.wpcf7 input,
.wpcf7 textarea{
    color: rgba(51, 51, 51, 1.00) !important;
    width: 100%;
    background-color: rgb(250, 250, 250) !important;
	border: 1px solid rgb(219, 219, 219);
	padding: 10px 20px;
}
.wpcf7 input[type="submit"] {
	color: rgba(255, 255, 255, 1.00) !important;
	width: 15%;
	font-size: 20px;
	font-weight: normal;
	display: block;
	margin: auto;
	background-color: rgb(115, 99, 161) !important;
	border: 1px solid rgb(115, 99, 161);
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}
.wpcf7 input[type="submit"]:hover {
	color: rgb(115, 99, 161) !important;
	background-color: rgb(255, 255, 255) !important;
	border: 1px solid rgb(115, 99, 161);
	transition: all 0.3s ease-in-out;
}

@media (max-width:480px) {
	.wpcf7 input[type="submit"] {
		width: 80%!important;
	}
}