@charset "UTF-8";
/*
Theme Name: テンプレート「01」
Theme URL: http://sample.racoo.co.jp/wordpress/01
Description: お任せコース・スマートコース用のテンプレートコーディングデータです。
Author: 株式会社ラクー
Version: 1.0（2020/04/06）
Tags: テンプレート,ラクー
*/

/* テンプレートの使用カラーによってコメントアウトを外してください */
@import "css/aqua.css";

/*-----------------------------------------
default
-----------------------------------------*/
*{ margin:0; padding:0; }
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Medium");
}
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Bold");
	font-weight: bold;
}
html{
	/*-----------------------------------------
	ゴシック主体の場合
	-----------------------------------------*/
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*-----------------------------------------
	明朝体主体の場合
	-----------------------------------------*/
	/*
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	*/
	color:#222;
	font-size:14px;
	line-height:1.8;
}
a{
	transition:0.1s linear all;	
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
li{
	list-style-type:none;	
}
p,th,td,li,dt,dd{
	line-height:1.8;	
}
img{
	border:none !important;	
}

/*-----------------------------------------
wrapper
-----------------------------------------*/
.wrapper{
    width:100%;
    height:auto;
}

/*-----------------------------------------
header
-----------------------------------------*/
.wrapper header{
	border-top:4px solid;
}
.wrapper header .header_inner{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
.wrapper header .header_inner h1{
	font-size:10px;
	font-weight:normal;
	margin:10px 0;
}
.wrapper header .header_inner .header_logo{
	float:left;
	line-height:1;
	overflow:hidden;
}
.wrapper header .header_inner .header_logo img{
	height:50px;
	width:auto;
	float:left;
}
.wrapper header .header_inner .header_logo a:hover{
	opacity:0.8;
}
.wrapper header .header_inner .header_logo span{
	float:left;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight:bold;
	font-size:21px;
	margin-top:14.5px;
	margin-left:10px;
}
.wrapper header .header_inner .header_tel{
	float:right;
	width:235px;
	padding:10px;
	background:#ffffff;
	background:-webkit-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:-o-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
	border:1px solid #dfdfdf;
	border-top:none;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	margin-top:-30px;
}

.wrapper header .header_inner .header_tel .header_tel_toptext{
	color:#565656;
	text-align:center;
	font-size:11px;
	line-height:1em;
	margin-bottom:5px;
}
.wrapper header .header_inner .header_tel .header_tel_number{
	font-size:27px;
	font-weight:bold;
	line-height:1em;
	padding-left:40px;
	text-align:center;
	letter-spacing:-1px;
}
.wrapper header .header_inner .header_tel a{
	display:block;
}
.wrapper header .header_inner .header_tel a:hover{
	text-decoration:none;
	opacity:0.7;
}


/*-----------------------------------------
footer
-----------------------------------------*/
.pagetop{
	width:950px;
	margin:30px auto 0;
}
.pagetop p{
	float:right;
}
.pagetop p a{
	display:block;
	color:white;
	font-size:10px;
	padding:5px 15px 1px;
	line-height:1.8em;
	font-weight:bold;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.pagetop p a:hover{
	text-decoration:none;
	opacity:0.8;
}
.wrapper footer{
	border-top:4px solid;
	clear:both;
	padding-bottom:20px;
}
.wrapper footer .footer_inner{
	width:950px;
	margin:10px auto 0;
	overflow:hidden;
}
.wrapper footer .footer_inner .footer_address{
	float:left;
}
.wrapper footer .footer_inner .footer_address .footer_title{
	font-size:12px;
}
.wrapper footer .footer_inner .footer_address .footer_text{
	font-size:11px;
}
.wrapper footer .footer_inner .copyright{
	float:right;
	font-size:11px;
}

/*-----------------------------------------
common
-----------------------------------------*/
.wrapper .content{
	width:950px;
	margin:15px auto 25px;
	overflow:hidden;
}
.wrapper .content main{
	padding:15px;
	background:#f3f3f3;
}
.wrapper .h2{
	background:#ffffff;
	background:-webkit-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:-o-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
	padding:15px 15px;
	border-radius:6px;
	border:1px solid #ddd;
	margin-bottom:20px;
}
.wrapper .h2 h2{
	font-size:15px;
	font-weight:bold;
	border-left:4px solid;
	padding-left:15px;
}
.wrapper .h2 h2 .english{
	font-size:10px;
}
.wrapper .h2 h2 .andmore{
	float:right;
	margin-top:-8px;
}
.wrapper .h2 h2 .andmore a{
	font-size:12px;
	padding-left:20px;
}
.wrapper main article h3{
	padding:15px 10px 10px 15px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:14px;
	box-shadow:0 0 3px #ccc;
	margin-bottom:20px;
	background-color:#ffffff;
}
.wrapper article section{
	margin-bottom:25px;
}
.wrapper article section:last-child{
	margin-bottom:0;
}
.wrapper article section p,
.wrapper article section ul,
.wrapper article section table,
.wrapper article section dl{
	font-size:14px;
}
.wrapper aside .section_side{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.wrapper aside .section_side:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.wrapper aside .side_image{
	margin-bottom:15px;
}
.wrapper aside .side_name{
	font-size:14px;
	font-weight:bold;
}
.wrapper aside .side_address{
	font-size:13px;
}
.wrapper aside .side_tel{
	font-size:13px;
	margin-top:5px;
}
.wrapper aside .banner a{
	transition:0.1 linear all;
}
.wrapper aside .banner a:hover{
	opacity:0.8;
}

.wrapper main article section .section_inner{
	overflow:hidden;
}
.wrapper main article section .section_inner .img_right{
	float:right;
	margin:0 0 20px 20px;
}
.wrapper main article section .section_inner .img_left{
	float:left;
	margin:0 20px 20px 0;
}
.wrapper main article table{
	width:100%;
	border-collapse:collapse;
}
.wrapper main article table tr th{
	border:1px solid #ccc;
	font-weight:normal;
	text-align:left;
	padding:8px 15px;
	width:30%;
	vertical-align:middle;
	background:#e2f6da;
}
.wrapper main article table tr td{
	border:1px solid #ccc;
	padding:8px 15px;
	background:white;
}
.wrapper main article table tr th,
.wrapper main article table tr td{
	font-size:13px;
}
.wrapper main article table tr td span{
	margin-left:1em;
	color:red;
	font-weight:bold;
}
.wrapper main article table tr td ul{
	margin-left:20px;
}
.wrapper main article table tr td ul li{
	list-style-type:disc;
}

.sp{ display:none; }
.spbr{ display:none; }