@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	color: #333;
        font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	background: #fff url(/wp-content/uploads/body_bg.png) repeat-x 0 0;
}

img {
	border: 0px;
	margin: 3px;
	padding: 3px;
	vertical-align: bottom;
}

a:link {
	color: #3399FF;
	text-decoration: underline;
}

a:visited {
	color: #3399FF;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

#out-box {
	position: relative;
	width: 960px;
	margin: auto;
	text-align: left;
}

#head-box {
	position: relative;
	height: 200px;
	background: url(/wp-content/uploads/head_image.png) no-repeat 0 0;
}

#head-box * {
	margin: 0;
	padding: 0;
}

#head-h1 {
	padding: 20px 0;
	color: #F54585;
	font-size: 36px;
	text-align: right;
	font-weight: bold;
}

#head-h12 {
	position: absolute;
	top: 216px;
	left: 11px;
	width: 650px;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #3399FF;
	font-size: 26px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat 0 0;
}

#head-h12 span {
	display: block;
	padding: 10px 0 5px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat left bottom;
}

#head-h1p {
	font-size: 14px;
	text-align: right;
	color: #F54585;
}

#head-sitemap {
	position: absolute;
	right: 0;
	bottom: 15px;
	padding-left: 20px;
	background: url(/wp-content/uploads/sitemap_icon.png) no-repeat 0 50%;
}

#head-sitemap a {
	color: #333;
}

#head-pankuzu {
	position: absolute;
	bottom: 15px;
	left: 270px;
}

#head-pankuzu a {
	color: #333;
}

#main-box {
	float: left;
	width: 650px;
	line-height: 1.5;
	margin-bottom: 30px;
	padding: 15px 10px 10px;
	border: 1px solid #CAE1F0;
	border-radius: 7px;
	background: #fff;
}

#skillup {
	overflow: hidden;
	margin-bottom: 30px;
}

#skillup * {
	margin: 0;
	padding: 0;
}

#skillup h2 {
	margin-bottom: 15px;
	color: #3399FF;
	font-size: 26px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat 0 0;
}

#skillup h2 span {
	display: block;
	padding: 10px 0 5px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat left bottom;
}

#skillup h2 img {
	vertical-align: text-bottom;
}

#skillup dl {
	float: left;
	width: 155px;
	margin: 15px 10px 0 0;
	padding-top: 32px;
	background: url(/wp-content/uploads/skillup_bg.png) no-repeat 50% 0;
}

#skillup dt {
	margin-bottom: 5px;
	color: #F54585;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#skillup dl.last {
	margin: 15px 0 0;
}

#skillup dd {
	padding: 0 7px;
}

#skillup dd.right a {
	display: inline-block;
	padding: 5px 0;
}

#skill {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

#skill * {
	margin: 0;
	padding: 0;
}

#skill h3 {
	margin-bottom: 15px;
	color: #3399FF;
	font-size: 26px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat 0 0;
}

#skill h3 span {
	display: block;
	padding: 10px 0 5px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat left bottom;
}

#skill h3 img {
	vertical-align: text-bottom;
}

#skillText {
	width: 630px;
	height: 490px;
	margin: 15px auto 0;
	background: url(/wp-content/uploads/skillbgni.png) no-repeat 0 0;
}

#skillText dl {
	position: relative;
	float: left;
	width: 285px;
	height: 130px;
	margin: 0 20px 20px 0;
	padding: 10px;
}

#skillText #skill2,
#skillText #skill5 {
	margin-right: 0;
}

#skillText dt {
	font-weight: bold;
	color: #FA6698;
	font-size: 14px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}

#skillText dd.right {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#yasumi {
	clear: both;
}

#yasumi * {
	margin: 0;
	padding: 0;
}

#yasumi h3 {
	margin-bottom: 15px;
	color: #3399FF;
	font-size: 26px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat 0 0;
}

#yasumi h3 span {
	display: block;
	padding: 10px 0 5px;
	background: url(/wp-content/uploads/midashi_line.png) no-repeat left bottom;
}

#yasumi h3 img {
	vertical-align: text-bottom;
}

#yasumi dl {
	float: left;
	width: 285px;
	margin-top: 15px;
	padding: 10px 15px;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	background: #FFEEDD;
}

#yasumi dl#yasumi2,
#yasumi dl#yasumi4 {
	float: right;
}

#yasumi dt {
	font-weight: bold;
	font-size: 14px;
	color: #FF6600;
	padding: 0 0 0 35px;
	background: url(/wp-content/uploads/yasumi_check.png) no-repeat 0 0;
}

#yasumi dd {
	margin-top: 5px;
}

#yasumi dd a {
	color: #FF6600;
}

#sub-box {
	padding-top: 55px;
}

#sub-box h2 {
	padding-left: 35px;
	color: #3399FF;
	background: url(/wp-content/uploads/skillup_icon.png) no-repeat 0 0;
}

#sub-box h3 {
	padding: 6px 0 6px 40px;
	color: #F54585;
	background: url(/wp-content/uploads/yasumi_icon.png) no-repeat 0 0;
}

.basictable {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.basictable th {
	padding: 7px;
	border: 1px solid #ccc;
	font-weight: normal;
	white-space: nowrap;
	background-color: #FBF1F1;
	vertical-align: top;
}

.basictable td {
	padding: 7px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.basiclist {
	padding: 0;
	margin-bottom: 1em;
}

.basiclist li{
	list-style: none;
	background: url(/wp-content/uploads/side_icon_small.png) no-repeat 0 3px;
	margin: 0 0 5px 0;
	padding-left: 12px;
}

#side-box {
	float: right;
	width: 258px;
	line-height: 1.5;
	margin-bottom: 30px;
	padding: 10px 10px 1px;
	border: 1px solid #CBE1F0;
	border-radius: 7px;
	background: url(/wp-content/uploads/side_bg.png);
}

#side-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#side-box li {
	margin-bottom: 10px;
}

#side-box li a {
	display: block;
	margin-bottom: 5px;
	padding: 10px 5px 10px 35px;
	border: 1px solid #BACBE0;
	border-radius: 5px;
	color: #EA5A8B;
	font-size: 14px;
	font-weight: bold;
	background: #FBF1F1 url(/wp-content/uploads/side_icon_big.png) no-repeat 10px 12px;
}

#side-box li ul {
}

#side-box li li {
	margin-bottom: 5px;
}

#side-box li li a {
	margin: 0;
	padding: 8px 5px 8px 35px;
	border: 1px solid #BACBE0;
	font-size: 12px;
	font-weight: normal;
	background: #fff url(/wp-content/uploads/side_icon_small.png) no-repeat 15px 12px;
}

#foot-box {
	clear: both;
	height: 50px;
	text-align: center;
	background: url(/wp-content/uploads/footer_bg.png) repeat-x 0 0;
}

#foot-box p {
	line-height: 50px;
	margin: 0;
	padding: 0;
}

#foot-box a {
	color: #333;
	text-decoration: none;
}



/*free speace*/

.hutoblack{
      font-weight:bold;
}

.colormakerorg{
       background:#ffcccc;
}

.colormakerylw{
       background:#FFFFCC;
}

.hutored{
      color:#FF6600;
      font-weight:bold;
}
.righttext{
      text-align: right;
}

.lefttext{
      text-align: left;
}

.centertext{
      text-align: center;
}

.clearimg{
        clear:both;
        padding-top:20px;
}

.nakaicon{
      vertical-align: middle;
}

.sitamicon{
      vertical-align: bottom;
}

img.hif{
      float:left;
      margin-right:10px;
      margin-bottom:10px;
}

span.info{
	display: block;
	width: 100%;
	height: 220px;
}
img.infoImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	float: none;
	margin: 0 auto;
}


.yokoback{  
    background:#eee;  
    border-left:7px solid #ccc;  
    padding:.8em .9em;  
    font-weight:bold;
    margin-top:45px;
}  

.suzi{
      color:#FF6699;
      font-weight:bold;     
      font-size:20px;
      margin-right:10px;
}

.suzimozi{
      color:#FF6699;
      font-weight:bold;     
      font-size:16px;
      margin-right:10px;
}

.komoku{
      color:#FF6699;
      font-weight:bold;     
      font-size:15px;
}

.katenitopimg{
      float:right;
      margin-right:150px;
}

.rinktext{
      font-weight:bold;     
      font-size:16px;
}



a:hover img {
	filter:alpha(opacity=60);
	opacity:0.6;
}

img.img_right{
float: right;
padding: 5px;
}

div.clear{
clear: both;
margin: 0 0 10px 0;
}

.yamatop{
      font-weight:bold;    
      font-size:17px;
      padding-top:25px;
}
.hei {
	height:260px;
}
.hei2{
	height:160px;
}

/* Contact Form 7 */
/* お問い合わせエラー画面の編集 */
.screen-reader-response {
display: none;
}
.wpcf7-not-valid-tip {
color: #3399FF;
}
.wpcf7 form.invalid .wpcf7-response-output {
border: 2px solid #3399FF;
padding: 10px;
margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 2px solid #EA5A8B;
padding: 10px;
margin-top: 10px;
}

/* お問い合わせ項目の修正 */
.wpcf7 input.wpcf7-text,
.wpcf7 textarea{
width: 100%;
box-sizing: border-box;
padding: 5px;
border: 1px solid #ccc;
}

.wpcf7 input.wpcf7-text:focus,
.wpcf7 textarea:focus,
.wpcf7 input[type="submit"]:focus{
	outline: 2px solid #EA5A8B;
}
.wpcf7 p{
margin-bottom: 15px;
}
.wpcf7 input[type="submit"]{
background: #EA5A8B;
color: #fff;
font-size: 100%;
	font-weight: bold;
padding: 12px 18px;
border: 0;
}
.wpcf7 input[type="submit"]:hover{
opacity: .5;
}



@media screen and (max-width: 959px) {
	* { box-sizing: border-box; }
	#out-box {
		width: 95%;
	}
	#main-box {
		float: none;
		width: 100%;
	}
	#side-box {
		float: none;
		width: 100%;
	}
	#head-h12 {
		left: 2%;
		width: 96%;
	}
	#head-h12 span {
		padding: 10px 0 5px 5px;
	}
	#sub-box {
		padding-top: 60px;
	}
	#head-h1 {
		font-size: 3.2vw;
	}
	#head-h1p {
		font-size: 13px;
	}
	.hei,
	.hei2 {
		height: auto;
	}
	#skillup h2 span {
		padding: 10px 0 5px 5px;
	}
	#skillup dl {
		background-size: cover;
		margin: 15px 1% 0;
		width: 23%;
	}
	#skillup dl.last {
		margin: 15px 1% 0;
	}
	#skillup dt {
		font-size: 14px;
	}
	#skillText {
		background-size: contain;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	#skillText dl {
		width: 48%;
		height: auto;
		flex-basis: 48%;
		margin: 0 0 28px;
		float: none;
	}
	#skillText dl#skill3 {
		flex-basis: 100%;
		padding-right: 54%;
	}
	#skillText dt,
	#skillText dd {
		font-size: 2vw;
	}
	#yasumi:after {
		display: block;
		clear: both;
		content: "";
	}
	#yasumi dl {
		width: 49%;
	}
	
}
@media screen and (max-width: 620px) {
	#skillText dl {
		margin: 0 0 15px;
	}
	.basictable th {
		white-space: normal;
	}
}

@media screen and (max-width: 480px) {
	#skillup dl {
		margin: 15px 2% 0;
		width: 46%;
	}
	#skillup dl.last {
		margin: 15px 2% 0;
	}
	#skillText {
		background: none;
		display: block;
	}
	#skillText dl {
		width: 100%;
		border: 1px solid #000;
		border-radius: 5px;
	}
	#skillText dl#skill3 {
		padding: 10px;
	}
	#skillText dt, #skillText dd {
		font-size: 14px;
	}
}
@media screen and (max-width: 414px) {
	#sub-box {
		padding-top: 100px;
	}
	#head-h1 {
		font-size: 16px;
		text-align: center;
		margin-top: -46px;
		padding: 12px 0 120px;
	}
	#head-h1p {
		text-align: left;
	}
	#skillup > h2 + p {
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	img.img_right {
		float: none;
	}
	img.hif,
	.katenitopimg{
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
}
@media screen and (max-width: 375px) {
	#yasumi dl {
		width: 100%;
	}
	#yasumi dl,
	#yasumi dl#yasumi2,
	#yasumi dl#yasumi4 {
		float: none;
	}
	#yasumi dt {
		padding: 0 0 0 33px;
	}
	.basictable {
		font-size: 1vw;
	}
}
@media screen and (max-width: 320px) {
	#skillup dl {
		float: none;
		margin: 15px auto 0;
		width: 80%;
		padding-top: 42px;
	}
	#skillup dl.last {
		margin: 15px auto 0;
	}
	#skillup dt {
		font-size: 15px;
	}
	#skillup dd {
		font-size: 14px;
	}
	#head-h12 {
		font-size: 23px;
	}
}