/*------ base
---------------------------------------*/

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.pcImg{
	display: inline-block;
}
.spImg{
	display: none;
}
@media (max-width: 740px) {
.container {
	width: 96%;
	margin: 0 auto;
}
.pc{
	display: none;
}
.sp{
	display: block;
}
.pcImg{
	display: none;
}
.spImg{
	display: inline-block;
}
}


/*------ header
---------------------------------------*/
p.covid a{
    display: block;
    padding: 8px 0;
    text-align: center;
    background: #669900;
    color: #fff;
}
p.covid a:hover{
    background: #568004;
    text-decoration: none;
}
p.covid a span{
    background: url("../images/icon_arrow_w.png") no-repeat right center;
    background-size: 10px 16px;
    padding: 0 30px 0 0; 
}
header{
    position: relative;
    width: 100%;
    height: 100px;
}
header h1{
    width: 183px;
    position: absolute;
    top: 15px;
    left: 15px;
}
header ul.menu{
    width: 620px;
    position: absolute;
    top: 25px;
    right: 350px;
}
header ul.menu li{
    float: left;
    margin: 0 10px;
}
header ul.menu li a{
    display: block;
    padding: 35px 0 0 0;
    font-weight: bold;
}
header ul.menu li a:hover{
    text-decoration: none;
}
header ul.menu li.about a{
    background: url("../images/icon_about.png") no-repeat center top;
    background-size: 42px 30px;
}
header ul.menu li.about a:hover{
    color: #669900;
}
header ul.menu li.price a{
    background: url("../images/icon_money.png") no-repeat center top;
    background-size: 32px 30px;
}
header ul.menu li.price a:hover{
    color: #EF6BAD;
}
header ul.menu li.faq a{
    background: url("../images/icon_faq.png") no-repeat center top;
    background-size: 18px 30px;
}
header ul.menu li.faq a:hover{
    color: #AEE11C;
}
header ul.menu li.access a{
    background: url("../images/icon_access.png") no-repeat center top;
    background-size: 36px 31px;
}
header ul.menu li.access a:hover{
    color: #FCA637;
}
header ul.menu li.blog a{
    background: url("../images/icon_blog.png") no-repeat center top;
    background-size: 22px 30px;
}
header ul.menu li.blog a:hover{
    color: #0E87D3;
}
header p.experience{
    width: 140px;
    position: absolute;
    top: 25px;
    right: 190px;
}
header p.experience a{
    display: block;
    padding: 12px 0;
    text-align: center;
    background: #FCA637;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
header p.experience a:hover{
    background: #F19013;
    text-decoration: none;
}
header p.contact{
    width: 160px;
    position: absolute;
    top: 25px;
    right: 15px;
}
header p.contact a{
    display: block;
    padding: 12px 0;
    text-align: center;
    background: #669900;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
header p.contact a:hover{
    background: #568004;
    text-decoration: none;
}
@media (max-width: 740px) {
}


/*------ main
---------------------------------------*/
.page .mainvisual{
    background: url("../../images/greeting/bg_mainvisual.jpg") no-repeat center center;
    background-size: cover;
    padding: 120px 0 140px 0;
}
.page .mainvisual h2{
    position: relative;
    font-size: 250%;
    font-weight: bold;
    text-align: center;
}
.page .mainvisual h2::before {
    position: absolute;
    border-bottom: 3px solid #333;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}
.breadcrumbs{
    margin: 10px 0 0 0;
}
.mainContent {
	padding: 40px 0 0 0;
}


/* 見出し */
.mainContent h3{
	margin: 50px 0 20px 0;
    font-weight: bold;
    font-size: 180%;
    text-align: center;
}
.mainContent h3 span {
    background: linear-gradient(transparent 60%, #A3C266 60%);
}
.mainContent h3.first{
	margin: 0 0 20px 0;
}
.mainContent h4{
	margin: 40px 0 15px 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 150%;
    border-bottom: #333 solid 1px;
}
.mainContent h5{
	margin: 30px 0 10px 0;
    font-weight: bold;
    font-size: 120%;
}


.mainContent ul,
.mainContent table,
.mainContent p{
    margin: 0 0 30px 0;
}


/* リスト */
.mainContent ul.list li{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url("../images/icon_list.png") no-repeat left 0.5em;
    background-size: 10px 10px;
}
.mainContent ul.link li{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url("../images/icon_arrow_g.png") no-repeat left center;
    background-size: 8px 13px;
}
.mainContent ol li{
	list-style: decimal inside;
	padding: 0 0 0 16px;
    text-indent: -16px;
}


/* テーブル */
.mainContent table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: solid 3px #669900;
	border-bottom: solid 3px #669900;
}
.mainContent table th,
.mainContent table td {
	padding: 15px 20px;
    text-align: left;
    vertical-align: middle;
	word-wrap:break-word;
    border: dotted 1px #669900;
}
.mainContent table th {
    background: #c4dcc6;
    font-weight: bold;
}
.mainContent table thead th {
	color: #fff;
    background: #669900;
	text-align: center;
}


/* ボタン */
p.button{
	width: 300px;
	margin: 30px auto 0 auto;
}
p.button a{
	display: block;
	color: #fff;
	padding: 15px 0 12px 0;
	text-align: center;
	background: url(../images/icon_arrow_w.png) no-repeat 95% center, #669900;
    background-size: 10px 16px;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
p.button a:hover{
	background: url(../images/icon_arrow_w.png) no-repeat 95% center, #568004;
    background-size: 10px 16px;
}


/*----- wp-pagenavi -----*/
.mainContent .wp-pagenavi{
	margin: 30px 0 0 0;
	text-align: center;
}
.mainContent .wp-pagenavi .pages{
    display: none;
}
.mainContent .wp-pagenavi a{
	color: #333;
    background: #E5E5E5;
    width: 40px;
    height: 40px;
	padding: 0;
    text-align: center;
	line-height: 40px;
    text-decoration: none;
    display: inline-block;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.mainContent .wp-pagenavi a:hover,
.mainContent .wp-pagenavi span.current{
	color: #fff;
    background: #FCA836;
    width: 40px;
    height: 40px;
	padding: 0;
    text-align: center;
	line-height: 40px;
    display: inline-block;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.mainContent .wp-pagenavi a.first,
.mainContent .wp-pagenavi a.last{
	width: 60px;
}
.mainContent .wp-pagenavi a.first:hover,
.mainContent .wp-pagenavi a.last:hover{
	width: 60px;
}
.mainContent .wp-pagenavi span.extend{
	border: none;
}


/*------ footer
---------------------------------------*/
.sns{
    background: url("../images/bg_sns.jpg") no-repeat center center;
    background-size: cover;
    padding: 80px;
    text-align: center;
    margin: 100px 0 0 0;
}
.sns h2{
    font-size: 350%;
    font-weight: 100;
    margin: 0 0 10px 0;
}
.sns ul{
    margin: 30px 0 0 0;
}
.sns ul li{
    width: 80px;
    display: inline-block;
    margin: 0 10px;
}
.buttonArea{
    border-top: #999 solid 1px;
    border-bottom: #999 solid 1px;
    padding: 80px 0;
}
.buttonArea .btn{
    margin: 0 0 0 -10px;
}
.buttonArea .btn p{
    width: 320px;
    margin: 0 0 0 10px;
    float: left;
}
.buttonArea .btn p a{
    display: block;
    text-align: center;
    color: #fff;
    padding: 70px 0 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.buttonArea .btn p a:hover{
    text-decoration: none;
}
.buttonArea .btn p a span{
    padding: 50px 0 0 0;
}
.buttonArea .btn p.use a{
    background: #ADE01B;
}
.buttonArea .btn p.use a span{
    background: url("../images/icon_use.png") no-repeat center top;
    background-size: 35px 40px;
}
.buttonArea .btn p.use a:hover{
    background: #9DCC14;
}
.buttonArea .btn p.experience a{
    background: #FCA836;
}
.buttonArea .btn p.experience a span{
    background: url("../images/icon_experience.png") no-repeat center top;
    background-size: 35px 40px;
}
.buttonArea .btn p.experience a:hover{
    background: #F19013;
}
.buttonArea .btn p.contact a{
    background: #0F85D2;
}
.buttonArea .btn p.contact a span{
    background: url("../images/icon_contact.png") no-repeat center 5px;
    background-size: 46px 33px;
}
.buttonArea .btn p.contact a:hover{
    background: #0C79C1;
}
footer{
    padding: 70px 0;
}
footer .company{
    width: 280px;
    float: left;
}
footer .company h1{
    width: 183px;
    margin: 0 0 10px 0;
}
footer .nav{
    width: 550px;
    float: right;
}
footer .nav ul.one{
    width: 40%;
    float: left;
}
footer .nav ul.two{
    width: 60%;
    float: left;
}
footer .nav ul li{
    background: url("../images/icon_list.png") no-repeat left 0.5em;
    background-size: 10px 10px;
    padding: 0 0 0 18px;
}
footer .nav ul li ul{
    width: 100%;
    float: none;
}
footer .nav ul li ul li{
    background: url("../images/icon_arrow_g.png") no-repeat left center;
    background-size: 8px 13px;
    padding: 0 0 0 15px;
}

.copyright {
	border-top: #999 solid 1px;
    padding: 10px 0;
	font-size: 84%;
	text-align: center;
}
@media (max-width: 740px) {
}