@charset "utf-8";
/*
theme Name: takeda21 2021
Author: web39
Description: original theme
version： 1.0.0
*/

/* 基本
********************************************************************/
html,head,body,a,a:link,a:active,a:visited,a:hover,h1,h2,h3,h4,h5,h6,img,
ul,li,dl,dt,dd,header,nav,section,footer,span,div,table,tr,tbody,th,td,
input,textarea {
	padding:0;
	margin:0;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

p {
	padding:0;
	margin:0;
}

ul,li,dl,dt,dd {
	list-style-type:none;
}

/* フォント
********************************************************************/
h1,h2,h3,h4,h5,h6,th {
	font-weight:normal;
}

/* レイアウト
********************************************************************/
header {
	width:100%;
	height:auto;
	position:fixed;
	z-index:1;
	/*background:url(images/bg_b.png);*/
}

header.cont_nav {
	background:#fff;
	z-index:1;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 8px 0px 0px rgba(10,10,10,0.02);
}

header.cont_nav nav li a:hover {
	color:#1665be;
	transition: all .3s ease 0s;
}

header .logo,
header.cont_nav .logo {
	width:30%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

header .logo a {
	width:270px;
	height:0;
	padding:0;
	padding-top:70px;
	background:url(images/logo.png) left top no-repeat;
	display:block;
	overflow:hidden;
}

header.cont_nav .logo a {
	width:270px;
	height:0;
	padding:0;
	padding-top:70px;
	background:url(images/logo_b.png) left top no-repeat;
	display:block;
	overflow:hidden;
}

header .logo a:hover {
	width:270px;
	height:0;
	padding:0;
	padding-top:70px;
	background:no;
	display:block;
	overflow:hidden;
}

header nav,
header.cont_nav nav {
	width:70%;
	height:auto;
	padding:0;
	margin:0;
	float:right;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
header {
	z-index:5;
}

header nav {
	display: none;
}
header.cont_nav nav {
	width:100% !important;
}
	
nav.globalMenuSp.active {
	width: 100%;
}
	
header.cont_nav nav.globalMenuSp {
	display: block;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/
}

/* ナビ
********************************************************************/

.is-fixed {
  top: 0;
  left: 0;
  z-index: 2;
}

/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/
}

/* レイアウト
********************************************************************/

section {
	width:100%;
	display:block;
	overflow:hidden;
}

section .subnav {
	width:70%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section .subnav ul {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0 30px 0;
	display:block;
	overflow:hidden;
}

section .subnav li {
	width:25%;
	height:auto;
	min-height:50px;
	padding:0;
	margin:15px 0;
	float:left;
	background:url(images/bg_subnavi.png) right center no-repeat;
}

section .subnav li a {
	width:100%;
	height:auto;
	min-height:100%;
	padding:10px 0 10px 0;
	margin:0;
	text-align:center;
	font-size:110%;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#000;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

section .subnav li:nth-child(1) a,
section .subnav li:nth-child(5) a {
	background:url(images/bg_subnavi.png) left center no-repeat;
}

section .subnav li a:hover {
	width:100%;
	height:auto;
	min-height:100%;
	padding:10px 0 10px 0;
	margin:0;
	text-align:center;
	font-size:110%;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#1879e5;
	text-transform: uppercase;
	transform: scale(1.0);
}

section .subnav li:nth-child(1) a:hover,
section .subnav li:nth-child(5) a:hover {
	background:url(images/bg_subnavi.png) left center no-repeat;
}

section.frontpage {
	width:100%;
	height:800px;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#000;
	background-size:cover;
}

section.frontpage .slider_txt {
	width:50%;
	height:auto;
	margin:0 auto;
	margin-top:400px;
	padding:0;
	display:block;
	overflow:hidden;
	text-align:center;
	color:#fff;
	z-index:30;
	position:absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.frontpage .slider_txt span {
	font-size:260%;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	display:block;
	overflow:hidden;
}

section.frontpage .metaslider .slides img {
	opacity : 0.65;
}

section.contentpage {
	width:100%;
	height:600px;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	/*background:url(images/body-bg1.jpg) center top no-repeat;*/
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
}

section.contentpage .ti_box {
	width:90%;
	height:auto;
	min-height:110px;
	padding:0;
	margin:0 auto;
	margin-top:450px;
	display:block;
	overflow:hidden;
}

section.contentpage .ti_box .ti_box_s {
	min-height:100px;
	padding:30px 0 20px 0;
	margin:0;
	display:inline-block;
	position:absolute;
	background:#fff;
}

section.contentpage .ti_box .ti_box_s h4 {
	margin:0 auto;
	padding:0 50px;
	display:block;
	overflow:hidden;
	font-size:250%;
	letter-spacing: 0.2em;
	text-align:left;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section.contentpage .ti_box .ti_box_s h5 {
	padding:0 50px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:left;
	color:#1665be;
	text-transform:uppercase;
}

.pg_company,
.pg_policy,
.pg_keyword {
	background:url(images/bg_slider_company.jpg) center top no-repeat;
}

.pg_business,
.pg_bus,
.pg_house,
.pg_building,
.pg_besttime,
.pg_paint,
.pg_wproof,
.pg_insuletion,
.pg_concrete {
	background:url(images/bg_slider_business.jpg) center top no-repeat;
}

.pg_flow {
	background:url(images/bg_slider_flow.jpg) center top no-repeat;
}

.pg_faq {
	background:url(images/bg_slider_faq.jpg) center top no-repeat;
}

.pg_sample {
	background:url(images/bg_slider_sample.jpg) center top no-repeat;
}

.pg_area {
	background:url(images/bg_slider_area.jpg) center top no-repeat;
}

.pg_blog {
	background:url(images/bg_slider_blog.jpg) center top no-repeat;
}

.pg_contact {
	background:url(images/body-bg3.jpg) center top no-repeat;
}

.pg_privacypolicy {
	background:url(images/body-bg2.jpg) center top no-repeat;
}


section .box_left {
	width:50%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:left;
}

section .box_left .ph_works {
	width:90%;
	height:650px;
	padding:0;
	margin:0 auto;
	background:url(images/ph_works_v2.jpg) center top no-repeat;
	background-size:cover;
	display:block;
	overflow:hidden;
}

section .contents .box_left {
	width:60%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:left;
}

section .contents .box_left .text {
	width:100%;
	height:auto;
	padding:50px 0 100px 0;
}

section .contents .box_left .btn_bus {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

section .contents .box_left .btn_bus a{
	width:auto;
	height:auto;
	color:#1665be;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	padding-left:50px;
	transition: all .3s ease 0s;
	background:url(images/icon_arrow.png) 15% center no-repeat;
}

section .contents .box_left .btn_bus a:hover {
	color:#1879e5;
	transform: scale(1.0);
}

section .box_right {
	width:50%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:left;
}

section .box_right h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:left;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

section .box_right h4 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:xx-large;
	text-align:left;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section .box_right .text {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section .box_right .btn {
	width:20%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#ccc;
}

section .box_right .btn a {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

section .box_right .btn a:hover {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transform: scale(1.1);
}

section .contents .box_right {
	width:40%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:left;
}

section ul {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section li {
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

/**/

section div.contents {
	width:70%;
	height:auto;
	padding:70px 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section div.contents h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:left;
	font-weight:bold;
	color:#ccc;
	text-transform:uppercase;
}

section div.contents h4 {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:xx-large;
	text-align:left;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	letter-spacing: 0.2em;
}

section div.contents h5.line {
	/*width:3%;
	height:1px;
	background:#1665be;
	display:block;
	overflow:hidden;*/
	display:none;
}

section div.contents .textbox {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbox ul.single,
section div.contents .textbox ul.category {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbox ul.single li,
section div.contents .textbox ul.category li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-bottom:70px;
	display:block;
	overflow:hidden;
	float:none;
}

section div.contents .textbox ul.single li span.data,
section div.contents .textbox ul.category li span.data {
	width:10%;
	height:auto;
	padding:5px 0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:large;
	float:left;
}

section div.contents .textbox ul.single li span.category,
section div.contents .textbox ul.category li span.category {
	width:90%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:large;
	float:left;
}

section div.contents .textbox ul.single li span.category li,
section div.contents .textbox ul.category li span.category li {
	width:125px;
	height:auto;
	padding:0;
	margin:0 10px;
	float:left;
	border:1px solid #1665be;
}

section div.contents .textbox ul.single li span.category li a,
section div.contents .textbox ul.category li span.category li a {
	width:100%;
	height:auto;
	padding:5px 0;
	margin:0;
	text-decoration:none;
	font-size:large;
	color:#1665be;
	text-align:center;
	display:block;
	overflow:hidden;
}

section div.contents .textbox ul.single li span.title,
section div.contents .textbox ul.category li span.title {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:180%;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section div.contents .textbox ul.category li span.title a {
	text-decoration:none;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color:#000;
}

section div.contents .textbox .btn_category {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbox .btn_category a {
	width:10%;
	height:auto;
	padding:20px 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#1665be;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

section div.contents .textbody {
	width:100%;
	height:auto;
	padding:25px 0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl,
section div.contents .textbody dl.dl_faq {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl_policy {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-top:50px;
	display:block;
	overflow:hidden;
	float:left;
}

section div.contents .textbody .photobox {
	width:40%;
	height:auto;
	min-height:400px;
	padding:0;
	margin:0;
	margin-left:50px;
	display:block;
	overflow:hidden;
	float:right;
	background:#ccc;
	clear:both;
}

section div.contents .textbox .thumb_photobox {
	width:90%;
	height:auto;
	min-height:400px;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#ccc;
}

section div.contents .textbody dl.dl dt,
section div.contents .textbody dl.dl_policy dt {
	width:90%;
	height:auto;
	background:url(images/bg_subnavi.png) left center no-repeat;
	padding:15px 8% 15px 2%;
	margin:0 auto;
	font-size:120%;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl_faq dt {
	width:90%;
	height:auto;
	padding:15px 2% 15px 8%;
	margin:0 auto;
	font-size:120%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	background:url(images/icon_faq.png) 5% 40% no-repeat;
}

section div.contents .textbody dl.dl dd {
	width:100%;
	height:auto;
	padding:25px 0 85px 0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl dd table.tb_simulator {
	width:30%;
	height:auto;
	padding:0;
	margin:50px 0;
	border-top:1px solid #ccc;
}

section div.contents .textbody dl.dl dd table.tb_simulator td {
	width:100%;
	height:auto;
	padding:25px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

section div.contents .textbody dl.dl dd table.tb_simulator td img {
	vertical-align:top;
}

section div.contents .textbody dl.dl_policy dd {
	width:90%;
	height:auto;
	padding:25px 8% 85px 2%;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl_faq dd {
	width:90%;
	height:auto;
	padding:15px 2% 50px 8%;
	margin:0 0 50px 0;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

section div.contents .textbody dl.dl_flow {
	width:80%;
	height:auto;
	padding:0;
	margin:0;
	margin-top:25px;
	display:block;
	overflow:hidden;
	clear:both;
}

section div.contents .textbody dl.dl_flow dt {
	width:89.5%;
	height:auto;
	background:none;
	padding:15px 8% 15px 2%;
	margin:0 auto;
	font-size:120%;
	display:block;
	overflow:hidden;
	border:1px solid #1879e5;
	color:#1879e5;
}

section div.contents .textbody dl.dl_flow dd {
	width:90%;
	height:auto;
	padding:30px 0 40px 10%;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl dd .dl_melit,
section div.contents .textbody dl.dl dd .li_faq{
	width:80%;
	height:auto;
	padding:0;
	margin:0;
	left:10%;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl dd .dl_melit dt,
section div.contents .textbody dl.dl dd .li_faq dt {
	width:100%;
	height:auto;
	background:none;
	padding:10px 0 10px 0;
	margin:0;
	font-size:110%;
	font-weight:bold;
	color:#474747;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

section div.contents .textbody dl.dl dd .dl_melit dd,
section div.contents .textbody dl.dl dd .li_faq dd {
	width:95%;
	height:auto;
	padding:10px 0 15px 5%;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl dd ul.li_checkpoint,
section div.contents .textbody dl.dl dd ul.li_melit,
section div.contents .textbody dl.dl dd ul.li_mainte,
section div.contents .textbody dl.dl dd ul.li_meyasu,
section div.contents .textbody dl.dl dd ul.li_rekka,
section div.contents .textbody dl.dl dd ul.ul_service,
section div.contents .textbody dl.dl dd ul.ul_checkpoint {
	width:40%;
	height:auto;
	padding:0;
	margin:0 0 25px 0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl dd ul.li_checkpoint li,
section div.contents .textbody dl.dl dd ul.li_melit li,
section div.contents .textbody dl.dl dd ul.li_mainte li,
section div.contents .textbody dl.dl dd ul.li_meyasu li,
section div.contents .textbody dl.dl dd ul.li_rekka li,
section div.contents .textbody dl.dl dd ul.ul_service li,
section div.contents .textbody dl.dl dd ul.ul_checkpoint li {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	color:#333;
}

section div.contents .textbody ul.ul_keyword {
	width:80%;
	height:auto;
	padding:0;
	margin:25px 0 25px 25px;
	display:block;
	overflow:hidden;
}

section div.contents .textbody ul.ul_keyword li {
	width:100%;
	height:auto;
	padding:5px 0;
	margin:0;
	float:none;
}

section div.contents .textbody ul.ul_keyword li:nth-child(1) {
	display:none;
}



.tb_paint {
	width:80%;
	height:auto;
	padding:0;
	margin:0 0 0 15px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

.tb_paint th {
	width:35%;
	height:auto;
	padding:15px 5%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
}

.tb_paint th:nth-child(1) {
	width:10%;
	height:auto;
	padding:15px 0;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
}

.tb_paint td {
	width:43%;
	height:auto;
	padding:15px 1%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.tb_timing {
	width:60%;
	height:auto;
	padding:0;
	margin:15px 0 0 0;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

.tb_timing th {
	width:38%;
	height:auto;
	padding:10px 1%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
}

.tb_timing th:nth-child(2) {
	width:18%;
	height:auto;
	padding:10px 1%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
}

.tb_timing td {
	width:38%;
	height:auto;
	padding:5px 1%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.tb_timing td:nth-child(2) {
	width:18%;
	height:auto;
	padding:10px 1%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

section div.contents .textbody dl dd ul.li_flow {
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	margin-left:30px;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl dd ul.li_flow li {
	width:89.5%;
	height:auto;
	background:none;
	padding:5px 8% 5px 2%;
	margin:0 auto 15px 0;
	font-size:100%;
	display:block;
	overflow:hidden;
	border:1px solid #1879e5;
	color:#1879e5;
}

section div.contents .textbody dl.dl dd .tb_house {
	width:60%;
	height:auto;
	padding:0;
	margin:0;
	margin-left:30px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

section div.contents .textbody dl.dl dd .tb_house th {
	padding:10px;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
}

section div.contents .textbody dl.dl dd .tb_house td {
	padding:10px;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

section div.sidebar {
	width:70%;
	height:auto;
	padding:50px 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section div.sidebar .side_box {
	width:15%;
	height:auto;
	padding:0;
	margin:0;
	float:right;
}

section div.sidebar .side_box h3 {
	display:none;
}

section div.sidebar .side_box label {
	display:none;
}

section div.sidebar .side_box select {
	width:90%;
	height:auto;
	padding:1em;
	margin:0;
}

section div.sidebar .side_box option {
	width:90%;
	height:auto;
	padding:1em;
	margin:0;
}


section div.contents .textbody dl dd .tb_xam_photo {
	width:60%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	border-collapse:collapse;
	table-layout:fixed;
}

section div.contents .textbody dl dd .tb_xam_photo li {
	width:100%;
	background:none;
}

section div.contents .textbody dl dd .tb_xam_photo li table {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:table;
	overflow:hidden;
	table-layout:fixed;
}

section div.contents .textbody dl dd .tb_xam_photo li tbody,
section div.contents .textbody dl dd .tb_xam_photo li tr {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

section div.contents .textbody dl dd .tb_xam_photo li td.ph_before,
section div.contents .textbody dl dd .tb_xam_photo li td.ph_after {
	width:45%;
	height:auto;
	/*min-height:200px;*/
	padding:10px 0;
	margin:0;
	text-align:center;
}

section div.contents .textbody dl dd .tb_xam_photo li td.ph_before img,
section div.contents .textbody dl dd .tb_xam_photo li td.ph_after img {
	width:300px;
	height:auto;
	vertical-align:top;
}

section div.contents .textbody dl dd .tb_xam_photo li th.tx_before,
section div.contents .textbody dl dd .tb_xam_photo li th.tx_after {
	width:45%;
	height:auto;
	padding:15px 0;
	margin:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

section div.contents .textbody dl dd .tb_xam_photo li td.arrow {
	width:10%;
	height:auto;
	min-height:225px;
	padding:5px 0;
	margin:0;
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#1879e5;
}

section div.contents .textbody dl dd .tb_xam_photo li th.tx_none {
	width:10%;
	height:auto;
	padding:15px 0;
	margin:0;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_paint {
	width:50%;
	height:auto;
	padding:10px 0;
	margin:0;
	background:#efefef;
	text-align:center;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_maker {
	width:30%;
	height:auto;
	padding:10px 0;
	margin:0;
	background:#efefef;
	text-align:center;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_time {
	width:20%;
	height:auto;
	padding:10px 0;
	margin:0;
	background:#efefef;
	text-align:center;
}

section div.contents .textbody dl dd .tb_xam_photo li td.tx_paint {
	width:50%;
	height:auto;
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #efefef;
	text-align:center;
}
section div.contents .textbody dl dd .tb_xam_photo li td.tx_maker {
	width:30%;
	height:auto;
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #efefef;
	text-align:center;
}

section div.contents .textbody dl dd .tb_xam_photo li td.tx_time {
	width:20%;
	height:auto;
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #efefef;
	text-align:center;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
section.frontpage {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#000;
	background-size:cover;
}

section.frontpage .slider_txt {
	width:50%;
	height:auto;
	margin:0 auto;
	margin-top:100px;
	padding:0;
	display:block;
	overflow:hidden;
	text-align:center;
	color:#fff;
	z-index:3;
	position:absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.frontpage .slider_txt span {
	font-size:large;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	display:block;
	overflow:hidden;
}

section.contentpage {
	height:300px;
}

section.contentpage .ti_box {
	margin-top:150px;
}

section.contentpage .ti_box .ti_box_s {
	min-height:100px;
	padding:30px 0 20px 0;
	margin:0;
	display: block;
	position: static;
	background:#fff;
}

section.contentpage .ti_box .ti_box_s h4 {
	font-size:150%;
	letter-spacing: 0.2em;
}

section div.contents {
	width: 80%;
	padding:30px 0;
}

section div.contents h4 {
	font-size:x-large;
}

section div.contents h5.line {
	width:10%;
}

/**/

section .subnav {
	width:80%;
}

section .subnav ul {
	width:100%;
	height:auto;
	padding:0;
	margin:15px 0 15px 0;
	display:block;
	overflow:hidden;
}

/**/

.tb_timing {
	width:100%;
	height:auto;
	padding:0;
	margin:15px 0 0 0;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

section .subnav li {
	width:100%;
	height:auto;
	min-height:50px;
	padding:0;
	margin:15px 0;
	float:none;
	background:url(images/bg_subnavi.png) right center no-repeat;
	display: block;
	overflow: hidden;
}
	
section .subnav li a {
	background:url(images/bg_subnavi.png) left center no-repeat;
}

/**/

section .box_left {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:none;
}

section .box_left .ph_works {
	width:90%;
	height:175px;
	padding:0;
	margin:0 auto;
	/*background:url(images/ph_works.jpg) center top no-repeat;*/
	background-size:cover;
	display:block;
	overflow:hidden;
}

section .contents .box_left {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:none;
	display: block;
	overflow: hidden;
}

section .contents .box_left .text {
	width:100%;
	height:auto;
	padding:50px 0 50px 0;
}

section .contents .box_left .btn_bus {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

section .contents .box_left .btn_bus a{
	font-size:100%;
	padding-left: 30px;
	background-position: 5%;
}

section .contents .box_left .btn_bus a:hover {
	color:#1879e5;
	transform: scale(1.0);
}

section .box_right {
	width:80%;
	height:auto;
	padding:0;
	margin:50px auto;
	float:none;
}

section .box_right h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:left;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

section .box_right h4 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:xx-large;
	text-align:left;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section .box_right .text {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section .box_right .btn {
	width:50%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#ccc;
}

section .box_right .btn a {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

section .box_right .btn a:hover {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transform: scale(1.1);
}

section .contents .box_right {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0;
	float:none;
	display: block;
	overflow: hidden;
}

section div.contents .textbox ul.single li span.data,
section div.contents .textbox ul.category li span.data {
	width: 100%;
	font-size: small;
}

section div.contents .textbox ul.single li span.category,
section div.contents .textbox ul.category li span.category {
	width: 100%;
	font-size:medium;
}

section div.contents .textbox ul.single li span.category li,
section div.contents .textbox ul.category li span.category li {
	width: 40%;
	padding:0;
	margin:0;
	float:left;
}

section div.contents .textbox ul.single li span.category li a,
section div.contents .textbox ul.category li span.category li a {
	font-size: medium;
}
	
section div.contents .textbox ul.single li span.title,
section div.contents .textbox ul.category li span.title {
	font-size:140%;
}

	
section div.contents .textbody dl.dl dd {
	padding:25px 0 25px 0;
}

section div.contents .textbody dl.dl dd .dl_melit,
section div.contents .textbody dl.dl dd .li_faq{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	left:10%;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl_flow {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-top:0px;
	display:block;
	overflow:hidden;
	clear:both;
}

section div.contents .textbody dl.dl_flow dd {
	width:100%;
	height:auto;
	padding:30px 0 40px 0;
	margin:0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl.dl_faq dt {
	width:80%;
	height:auto;
	padding:15px 0% 15px 20%;
	margin:0 auto;
	font-size:120%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	background:url(images/icon_faq.png) 5% 40% no-repeat;
}

section div.contents .textbody .photobox {
	width:100%;
	height:auto;
	min-height:200px;
	padding:0;
	margin:0;
	margin-left:0px;
	margin-bottom: 10px;
	display:block;
	overflow:hidden;
	float:none;
	background:#ccc;
	clear:both;
}

section div.contents .textbox .thumb_photobox {
	width:100%;
	height:auto;
	min-height:200px;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#ccc;
}

section div.contents .textbody dl.dl dd .tb_house {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-left:0;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl.dl dd .tb_house th {
	padding:10px;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#efefef;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl.dl dd .tb_house td {
	padding:10px;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl.dl dd ul.li_checkpoint,
section div.contents .textbody dl.dl dd ul.li_melit,
section div.contents .textbody dl.dl dd ul.li_mainte,
section div.contents .textbody dl.dl dd ul.li_meyasu,
section div.contents .textbody dl.dl dd ul.li_rekka,
section div.contents .textbody dl.dl dd ul.ul_service,
section div.contents .textbody dl.dl dd ul.ul_checkpoint {
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 25px 0;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl dd ul.li_flow {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-left:0px;
	display:block;
	overflow:hidden;
}

section div.contents .textbody dl dd .tb_xam_photo {
	width:100%;
}

section div.contents .textbody dl dd .tb_xam_photo li td.ph_before,
section div.contents .textbody dl dd .tb_xam_photo li td.ph_after {
	padding:5px 0;
}

section div.contents .textbody dl dd .tb_xam_photo li td.ph_before img,
section div.contents .textbody dl dd .tb_xam_photo li td.ph_after img {
	width:100%;
	height:auto;
	vertical-align:top;
}

section div.sidebar .side_box {
	width:50%;
	height:auto;
	padding:5px 0;
	margin:0;
	float:right;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_paint {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_maker {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl dd .tb_xam_photo li th.ti_time {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl dd .tb_xam_photo li td.tx_paint {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}
section div.contents .textbody dl dd .tb_xam_photo li td.tx_maker {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}

section div.contents .textbody dl dd .tb_xam_photo li td.tx_time {
	width: 100%;
	padding:5px 0;
	display: block;
	overflow: hidden;
}
	
section div.contents .textbody dl dd .tb_xam_photo li th.tx_before,
section div.contents .textbody dl dd .tb_xam_photo li th.tx_after {
	font-size:100%;
	padding: 10px 0;
}

section div.contents .textbody dl dd .tb_xam_photo li td.arrow {
	font-size:100%;
	padding: 10px 0;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/*
------------------------------------------------------------ */

.box_bgphoto_a {
	width:50%;
	height:auto;
	padding:100px 0 100px 0;
	margin:0;
	float:left;
	background:url(images/bg_flow_100_v2.jpg) center no-repeat;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
	transition: all .3s ease 0s;
}

.box_bgphoto_a:hover {
	/*background:url(images/bg_flow_b_v2.jpg) center no-repeat;*/
	background-size:cover;
	transform: scale(1.0);
}

.box_bgphoto_a:hover ~ .box_bgphoto_b {
}

.box_bgphoto_a h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

.box_bgphoto_a h4 {
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color:#fff;
}

.box_bgphoto_a .text {
	width:50%;
	height:auto;
	padding:0;
	margin:25px auto;
	display:block;
	overflow:hidden;
	color:#fff;
}

.box_bgphoto_a div.btn {
	width:20%;
	height:auto;
	margin:85px auto;
	padding:0;
	display:block;
	overflow:hidden;
}

.box_bgphoto_a div.btn a {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

.box_bgphoto_a div.btn a:hover {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}


.box_bgphoto_b {
	width:50%;
	height:auto;
	padding:100px 0 100px 0;
	margin:0;
	float:left;
	background:url(images/bg_example_100_v2.jpg) center no-repeat;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
	transition: all .3s ease 0s;
}

.box_bgphoto_b:hover {
	/*background:url(images/bg_example_100_v2.jpg) center no-repeat;*/
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
	transform: scale(1.0);
}

.box_bgphoto_b:hover ~ .box_bgphoto_a {
}

.box_bgphoto_b h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

.box_bgphoto_b h4 {
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color:#fff;
}

.box_bgphoto_b .text {
	width:50%;
	height:auto;
	padding:0;
	margin:25px auto;
	display:block;
	overflow:hidden;
	color:#fff;
}

.box_bgphoto_b div.btn {
	width:20%;
	height:auto;
	margin:85px auto;
	padding:0;
	display:block;
	overflow:hidden;
}

.box_bgphoto_b div.btn a {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

.box_bgphoto_b div.btn a:hover {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

.box_bgphoto_a {
	width:80%;
	height:auto;
	padding:15px 0 15px 0;
	margin:0 auto;
	float:none;
	background:url(images/bg_flow_100_v2.jpg) center no-repeat;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
	transition: all .3s ease 0s;
}

.box_bgphoto_a:hover {
	background:url(images/bg_flow_b_v2.jpg) center no-repeat;
	background-size:cover;
	transform: scale(1.0);
}

.box_bgphoto_a:hover ~ .box_bgphoto_b {
}

.box_bgphoto_a h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

.box_bgphoto_a h4 {
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color:#fff;
}

.box_bgphoto_a .text {
	width:50%;
	height:auto;
	padding:0;
	margin:25px auto;
	display:block;
	overflow:hidden;
	color:#fff;
}

.box_bgphoto_a div.btn {
	width:50%;
	height:auto;
	margin:15px auto;
	padding:0;
	display:block;
	overflow:hidden;
}

.box_bgphoto_a div.btn a {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

.box_bgphoto_a div.btn a:hover {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}


.box_bgphoto_b {
	width:80%;
	height:auto;
	padding:15px 0 15px 0;
	margin:0 auto;
	float:none;
	background:url(images/bg_example_100_v2.jpg) center no-repeat;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
	background-size:cover;
	transition: all .3s ease 0s;
}

.box_bgphoto_b:hover {
	background:url(images/bg_example_b_v2.jpg) center no-repeat;
	background-size:cover;
	transform: scale(1.0);
}

.box_bgphoto_b:hover ~ .box_bgphoto_a {
}

.box_bgphoto_b h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	font-size:small;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

.box_bgphoto_b h4 {
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color:#fff;
}

.box_bgphoto_b .text {
	width:50%;
	height:auto;
	padding:0;
	margin:25px auto;
	display:block;
	overflow:hidden;
	color:#fff;
}

.box_bgphoto_b div.btn {
	width:50%;
	height:auto;
	margin:15px auto;
	padding:0;
	display:block;
	overflow:hidden;
}

.box_bgphoto_b div.btn a {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

.box_bgphoto_b div.btn a:hover {
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/*
------------------------------------------------------------ */

section.box_shortcut {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0;
	display:block;
	overflow:hidden;
}

section.box_shortcut ul {
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section.box_shortcut li {
	width:32%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

section.box_shortcut li:nth-child(2) {
	width:32%;
	height:auto;
	margin:0 2%;
	float:left;
}

section.box_shortcut li h4 {
	width:35%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	
}

section.box_shortcut li h4 a {
	height:auto;
	padding:20px 0;
	margin:0;
	border:1px solid #fff;
	text-align:center;
	text-decoration:none;
	color:#fff;
	display:block;
	overflow:hidden;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section.box_shortcut li h4 a:hover {
	height:auto;
	padding:20px 0;
	margin:0;
	border:1px solid #fff;
	text-align:center;
	text-decoration:none;
	color:#fff;
	display:block;
	overflow:hidden;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

.box_shortcut_single_a,
.box_shortcut_single_c {
	width:100%;
	height:auto;
	padding:140px 0;
	position:relative;
	overflow:hidden;
}

.box_shortcut_single_b {
	width:100%;
	height:auto;
	padding:140px 0;
	position:relative;
	overflow:hidden;
}

.box_shortcut_single_a:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(images/bg_shortcut_01_v2.jpg) no-repeat center center;
background-color: rgba(0,0,0,0.3);
background-blend-mode: darken;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.box_shortcut_single_b:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(images/bg_shortcut_02_v2.jpg) no-repeat center center;
background-color: rgba(0,0,0,0.3);
background-blend-mode: darken;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.box_shortcut_single_c:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(images/bg_shortcut_03_v2.jpg) no-repeat center center;
background-color: rgba(0,0,0,0.3);
background-blend-mode: darken;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.box_shortcut_single_a:hover:after,
.box_shortcut_single_b:hover:after,
.box_shortcut_single_c:hover:after {
opacity: .8;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.box_shortcut_single_a a,
.box_shortcut_single_b a,
.box_shortcut_single_c a {
position: relative;
display: flex;
z-index: 1;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

section.box_shortcut li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:none;
}

section.box_shortcut li:nth-child(2) {
	width:100%;
	height:auto;
	margin:0;
	float:none;
}


.box_shortcut_single_a,
.box_shortcut_single_c {
	width:100%;
	height:auto;
	padding:140px 0;
	position:relative;
	overflow:hidden;
}

.box_shortcut_single_b {
	width:100%;
	height:auto;
	padding:140px 0;
	position:relative;
	overflow:hidden;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/*
------------------------------------------------------------ */

section.information {
	width:100%;
	height:auto;
	padding:50px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#f9f9f9;
}

section.information dl {
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#fff;
}

section.information dt {
	width:20%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

section.information dt .box_title {
	width:80%;
	height:auto;
	padding:0;
	margin:85px auto;
	display:block;
	overflow:hidden;
}

section.information dt .box_title h4 {
	font-size:xx-large;
	text-align:left;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section.information dt .box_title h3 {
	font-size:small;
	text-align:left;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

section.information dt .box_title div.btn {
	width:60%;
	height:auto;
	padding:0;
	margin:85px 0;
	display:block;
	overflow:hidden;
}

section.information dt .box_title div.btn a {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

section.information dt .box_title div.btn a:hover {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transform: scale(1.1);
}

section.information dd {
	width:80%;
	height:auto;
	padding:85px 0;
	margin:0;
	float:right;
}

section.information dd ul {
	width:80%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section.information dd li {
	width:100%;
	height:auto;
	padding:35px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

section.information dd li span.data {
	width:20%;
	height:auto;
	padding:0;
	margin:0;
	font-style:italic;
	display:block;
	float:left;
}

section.information dd li span.title {
	width:80%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	float:right;
}

section.information dd li span.title a {
	text-decoration:none;
	color:#000;
}

section.information dd li span.title a:hover {
	text-decoration:underline;
}


section.contact {
	width:100%;
	height:auto;
	padding:50px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#f9f9f9;
}

section.contact h3 {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-size:small;
	font-style:italic;
	text-decoration:underline;
	text-align:center;
	color:#1665be;
	text-transform:uppercase;
}

section.contact h4 {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section.contact ul {
	width:50%;
	height:auto;
	padding:0;
	margin:50px auto 50px auto;
	display:block;
	overflow:hidden;
}

section.contact li {
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}

section.contact li:nth-child(1) {
	padding-top:20px;
}

section.contact li span {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	line-height:1em;
}

section.contact li span.tel {
	font-size:280%;
	color:#1665be;
	font-weight:bold;
	text-align:center;
}

section.contact li span.uketuke {
	font-size:small;
	text-align:center;
}

section.contact li div.btn {
	width:65%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section.contact li div.btn a {
	width:100%;
	height:auto;
	padding:35px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	transition: all .3s ease 0s;
}

section.contact li div.btn a:hover {
	width:100%;
	height:auto;
	padding:35px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	transform: scale(1.1);
}

footer {
	width:100%;
	height:auto;
	text-align:center;
	font-size:90%;
	padding:25px 0;
	display:block;
	overflow:hidden;
	background:#4f6b8a;
	color:#fff;
}

footer .box_left {
	width:40%;
	height:auto;
	padding:45px 0 0 0;
	margin:0;
	float:left;
	display:block;
	overflow:hidden;
	text-align:left;
}

footer .box_left .logo {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left .address {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left .address span {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}


footer .box_right {
	width:60%;
	height:auto;
	padding:45px 0 0 0;
	margin:0;
	float:left;
	display:block;
	overflow:hidden;
}

footer .box_right ul {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

footer .box_right li {
	width:33%;
	height:auto;
	padding:0;
	margin:0;
	margin-bottom:30px;
	float:left;
	text-align:left;
}

footer .box_right li.menu-item-has-children {
	margin-bottom:0;
}

footer .box_right li a {
	text-decoration:none;
	color:#fff;
}

footer .box_right li a:hover {
	text-decoration:underline;
	color:#fff;
}

footer .box_right li ul.sub-menu {
	width:100%;
	height:auto;
	padding:0;
	margin:5px 0 15px 15px;
	display:block;
	overflow:hidden;
}

footer .box_right li ul.sub-menu li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:none;
	display:block;
}

footer .box_left_sub {
	width:40%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	display:block;
	overflow:hidden;
}

footer .box_left_sub ul {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left_sub li {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	margin-right:10px;
	float:left;
}

footer .box_left_sub li a {
	color:#fff;
	text-decoration:none;
	font-size:small;
}

footer .box_left_sub li a:hover {
	text-decoration:underline;
}


footer .box_right_sub {
	width:60%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	display:block;
	overflow:hidden;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
section.information {
	width:100%;
	height:auto;
	padding:50px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:#f9f9f9;
}

section.information dl {
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#fff;
}

section.information dt {
	width:80%;
	height:auto;
	padding:5px 0;
	margin:0 auto;
	float:none;
}

section.information dt .box_title {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section.information dt .box_title h4 {
	font-size:xx-large;
	text-align:center;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

section.information dt .box_title h3 {
	font-size:small;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
	color:#1665be;
}

section.information dt .box_title div.btn {
	width:60%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section.information dt .box_title div.btn a {
	width:100%;
	height:auto;
	padding:10px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

section.information dt .box_title div.btn a:hover {
	width:100%;
	height:auto;
	padding:20px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	transform: scale(1.1);
}

section.information dd {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	float:none;
	display:block;
	overflow:hidden;
}

section.information dd ul {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section.information dd li {
	width:100%;
	height:auto;
	padding:5px 0;
	margin:0;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

section.information dd li span.data {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	font-style:italic;
	display:block;
	float:none;
}

section.information dd li span.title {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	float:none;
}

section.information dd li span.title a {
	text-decoration:none;
	color:#000;
}

section.information dd li span.title a:hover {
	text-decoration:underline;
}


/**/

section.contact h4 {
	font-size:x-large;
}

section.contact ul {
	width:80%;
	height:auto;
	padding:0;
	margin:50px auto 50px auto;
	display:block;
	overflow:hidden;
}

section.contact li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

section.contact li:nth-child(1) {
	padding-top:0;
}

section.contact li span {
	padding:10px 0;
}

section.contact li span.tel {
	font-size:120%;
	color:#1665be;
	font-weight:bold;
	text-align:center;
}
	
section.contact li span.tel img {
	width: auto;
	height: 25%;
}

section.contact li div.btn {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section.contact li div.btn a {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	text-align:center;
	transition: all .3s ease 0s;
}

section.contact li div.btn a:hover {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	display:block;
	overflow:hidden;
	background:linear-gradient(90deg, #0055b4, #1879e5);
	color:#fff;
	text-decoration:none;
	transform: scale(1.1);
}

/**/

footer .box_left {
	width:100%;
	height:auto;
	padding:45px 0 0 0;
	margin:0;
	float:none;
	display:block;
	overflow:hidden;
	text-align:left;
}

footer .box_left .logo {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left .address {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left .address span {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

footer .box_right {
	width:100%;
	height:auto;
	padding:45px 0 0 0;
	margin:0;
	float:none;
	display:block;
	overflow:hidden;
}

footer .box_right ul {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_right li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	margin-bottom:0;
	float:none;
	text-align:left;
}

footer .box_right li.menu-item-has-children {
	margin-bottom:0;
}

footer .box_right li a {
	text-decoration:none;
	color:#fff;
}

footer .box_right li a:hover {
	text-decoration:underline;
	color:#fff;
}

footer .box_right li ul.sub-menu {
	width:90%;
	height:auto;
	padding:0;
	margin:5px 0 5px 15px;
	display:block;
	overflow:hidden;
}

footer .box_right li ul.sub-menu li {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:none;
	display:block;
}

footer .box_left_sub {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:none;
	display:block;
	overflow:hidden;
}

footer .box_left_sub ul {
	width:80%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

footer .box_left_sub li {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	margin-right:10px;
	float:none;
	display: block;
	overflow: hidden;
	text-align: left;
}

footer .box_left_sub li a {
	color:#fff;
	text-decoration:none;
	font-size:small;
}

footer .box_left_sub li a:hover {
	text-decoration:underline;
}


footer .box_right_sub {
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	float:none;
	display:block;
	overflow:hidden;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* ヘッダー
********************************************************************/
header h1 {
	width:99%;
	height:auto;
	font-size:50%;
	font-weight:normal;
	padding:10px 1%
}

header .logo {
	width:30%;
	height:auto;
	float:left;
}

header .logo a {
	font-size:150%;
	margin:15px 15px 15px 20px;
	text-decoration:none;
}

header .logo .hd_logo {
	width:auto;
	height:40px;
}

.navToggle {
	display:none;
}

.globalMenuSp {
	display:none;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
 header .logo {
	 width:90%;
	 height:auto;
	 float:left;
 }
 
 header .logo a {
	 width:95%;
	 margin:10px;
	 display:block;
	 overflow:hidden;
 }

/* グルーバルメニュー */
 nav.globalMenuSp {
     position: fixed;
     z-index: 2;
     top: 0;
     left: 0;
     overflow: auto;
     background: #fff;
     color: #000;
     text-align: center;
	 transform: translateY(-100%);
     transition: all 0.6s;
     width: 100%;
     -webkit-overflow-scrolling: touch;
 	 display:block;
	 border-right:1px solid #efefef;
 }
 
 nav.globalMenuSp ul {
     background: #fff;
     margin: 0 auto;
     padding: 0;
     width: 100%;
 	 display:block;
 }
 
 nav.globalMenuSp ul li {
     font-size: 1.1em;
     list-style-type: none;
     padding: 0;
     width: 100%;
	 height: auto;
     border-bottom: 1px solid #efefef;
	 display: block !important;
	 overflow: hidden !important;
 }
  
 nav.globalMenuSp ul li a {
     display: block;
     color: #000;
     padding: 1em 0;
 }
 
 /*  */
 nav.nav_left {
	 transform: translateX(-100%);
 }
 
 nav.nav_right {
	 left:30%;
	 transform: translateX(150%);
	 border-right:0;
	 border-left:1px solid #efefef;
 }
 
 nav.nav_top {
	 width:100%;
	 transform: translateY(-100%);
 }
 
 nav.nav_bottom {
	 width:100%;
	 transform: translateY(100%);
 }
 
 /* このクラスを、jQueryで付与・削除する */
 nav.globalMenuSp.active {
     transform: translateX(0%);
 }
 
 /* メニューだけをスクロールさせる工夫 */
 .overflowHidden {
     overflow: hidden;
 }

 .navToggle {
     display: block;
     position: fixed;    /* bodyに対しての絶対位置指定 */
     right: 15px;
     top: 12px;
     width: 42px;
     height: 42px;
     cursor: pointer;
     z-index: 3;
     border: 0;
     text-align: center;
 }
 
 .navToggle span {
     display: block;
     position: absolute;    /* .navToggleに対して */
     width: 30px;
     border-bottom: solid 3px #000;
     -webkit-transition: .35s ease-in-out;
     -moz-transition: .35s ease-in-out;
     transition: .35s ease-in-out;
     left: 6px;
 }
 
 .navToggle span:nth-child(1) {
     top: 9px;
 }
 
 .navToggle span:nth-child(2) {
     top: 18px;
 }
 
 .navToggle span:nth-child(3) {
     top: 27px;
 }
 
 .navToggle span:nth-child(4) {
     border: none;
     color: #eee;
     font-size: 9px;
     font-weight: bold;
     top: 34px;
 }

 /* 最初のspanをマイナス45度に */
 .navToggle.active span:nth-child(1) {
     top: 18px;
     left: 6px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 
 /* 2番目と3番目のspanを45度に */
 .navToggle.active span:nth-child(2),
 .navToggle.active span:nth-child(3) {
     top: 18px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/
 header .logo {
	 width:20%;
	 height:auto;
	 float:left;
 }
	
 header .logo,
 header.cont_nav .logo {
	 width:20%;
 }
 
 header .logo a {
	 width:98%;
	 margin:15px auto;
	 padding-top: 50px !important;
	 display:block;
	 overflow:hidden;
	 background-size: contain;
 }
	
 header.cont_nav .logo a {
	 width:98%;
	 background-size: contain;
 }


 header nav,
 header.cont_nav nav {
	width:75%;
	height:auto;
	padding:0;
	margin:0;
	float:right;
}

/* グルーバルメニュー */
 nav.globalMenuSp {
     position: fixed;
     z-index: 2;
     top: 0;
     left: 0;
     height: 100%;
     overflow: auto;
     background: #fff;
     color: #000;
     text-align: center;
     transform: translateX(-100%);
     transition: all 0.6s;
     width: 70%;
     -webkit-overflow-scrolling: touch;
 	 display:block;
	 border-right:1px solid #efefef;
 }
 
 nav.globalMenuSp ul {
     background: #fff;
     margin: 0 auto;
     padding: 0;
     width: 100%;
 	 display:block;
 }
 
 nav.globalMenuSp ul li {
     font-size: 1.1em;
     list-style-type: none;
     padding: 0;
     width: 100%;
     border-bottom: 1px solid #efefef;
 }
  
 nav.globalMenuSp ul li a {
     display: block;
     color: #000;
     padding: 1em 0;
 }

 /*  */
 nav.nav_left {
	 transform: translateX(-100%);
 }
 
 nav.nav_right {
	 left:30%;
	 transform: translateX(150%);
	 border-right:0;
	 border-left:1px solid #efefef;
 }
 
 nav.nav_top {
	 width:100%;
	 transform: translateY(-100%);
 }
 
 nav.nav_bottom {
	 width:100%;
	 transform: translateY(100%);
 }
 
 /* このクラスを、jQueryで付与・削除する */
 nav.globalMenuSp.active {
     transform: translateX(0%);
 }
 
 /* メニューだけをスクロールさせる工夫 */
 .overflowHidden {
     overflow: hidden;
 }

 .navToggle {
     /*display: block;
     position: fixed;*/    /* bodyに対しての絶対位置指定 */
     /*right: 25px;
     top: 12px;
     width: 42px;
     height: 42px;
     cursor: pointer;
     z-index: 3;
     border: 0;
     text-align: center;*/
	 display: none;
 }
 
 .navToggle span {
     display: block;
     position: absolute;    /* .navToggleに対して */
     width: 30px;
     border-bottom: solid 3px #000;
     -webkit-transition: .35s ease-in-out;
     -moz-transition: .35s ease-in-out;
     transition: .35s ease-in-out;
     left: 6px;
 }
 
 .navToggle span:nth-child(1) {
     top: 9px;
 }
 
 .navToggle span:nth-child(2) {
     top: 18px;
 }
 
 .navToggle span:nth-child(3) {
     top: 27px;
 }
 
 .navToggle span:nth-child(4) {
     border: none;
     color: #eee;
     font-size: 9px;
     font-weight: bold;
     top: 34px;
 }

 /* 最初のspanをマイナス45度に */
 .navToggle.active span:nth-child(1) {
     top: 18px;
     left: 6px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 
 /* 2番目と3番目のspanを45度に */
 .navToggle.active span:nth-child(2),
 .navToggle.active span:nth-child(3) {
     top: 18px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
 }

}

/* ナビゲーション
********************************************************************/
header nav ul {
	width:70%;
	height:auto;
	float:right;
}

header nav li {
	width:12%;
	height:auto;
}

header nav li a {
	width:100%;
	height:auto;
	padding:10px 0 !important;
	margin:0;
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	display:block;
	overflow:hidden;
}

header nav .menu {
	display:flex;
	position: relative;
}


header.cont_nav nav li a {
	width:100%;
	height:auto;
	padding:10px 0 !important;
	margin:0;
	text-decoration:none;
	color:#000;
	display:block;
	overflow:hidden;
}

.menu-main_nav-container {
	margin:25px 0;
	/*display: block;
	overflow: hidden;*/
}

.menu-main_nav-container ul {
	margin-right:25px;
}

header nav li.nav_faq {
	width:8%;
}

header nav li.nav_example {
	width:15%;
}

header nav li.nav_contact a {
	width:100%;
	height:auto;
	padding:10px 20px !important;
	margin:0;
	border:1px solid #fff;
	display:block;
	overflow:hidden;
	text-align:right;
	background:url(images/icon_mail_s.png) 10% center no-repeat;
}

header.cont_nav nav li.nav_contact a {
	width:100%;
	height:auto;
	padding:10px 20px;
	margin:0;
	border:1px solid #1665be;
	color:#fff;
	display:block;
	overflow:hidden;
	text-align:right;
	background:url(images/icon_mail_s.png) 10% center no-repeat,linear-gradient(90deg, #0055b4, #1879e5);
}

header nav li ul.sub-menu {
	background: #fff;
	display: none;
	position: absolute;
	top: 120%;
	left: 0;
	width: 30%;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 0px rgba(10,10,10,0.02);
}

header nav li ul.sub-menu li {
	width:100%;
	height:auto;
}

header nav li ul.sub-menu li a{
    padding: 10px !important;
    margin: -5px 5px -5px 0;
    display: block;
	color:#000;
}

.menu>li{
}


@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
 header nav ul {
	 display:none;
 }
 
 #nav-content nav ul {
	 width:100%;
	 float:none;
	 display:block;
 }

 #nav-content nav li {
	 width:100%;
	 float:none;
 }

 #nav-content nav li a {
	 width:100%;
	 height:auto;
	 padding:10px 0;
	 margin:0;
	 text-align:center;
	 display:block;
	 overflow:hidden;
 }
 
 #nav-content nav li a:hover {
	 text-decoration:none;
 }

 header nav .menu {
	display: block;
	position: relative;
 }

 .menu-main_nav-container ul {
	margin-right:25px;
 }

 header nav li.nav_faq {
	width:100%;
 }

 header nav li.nav_example {
	width:100%;
 }

 header nav li.nav_contact a {
	width:100% !important;
	height:auto !important;
	padding:10px 0 !important;
	margin:0 !important;
	border:1px solid #fff !important;
	display:block !important;
	overflow:hidden !important;
	text-align:center !important;
	background: none !important;
	color: #000 !important;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/
 header nav ul {
	 width: 100%;
	 float: none;
 }
 
 #nav-content nav ul {
	 width:100%;
	 float:none;
	 display:block;
 }

 #nav-content nav li {
	 width:100%;
	 float:none;
 }

 #nav-content nav li a {
	 width:100%;
	 height:auto;
	 padding:10px 0;
	 margin:0;
	 text-align:center;
	 display:block;
	 overflow:hidden;
 }
 
 #nav-content nav li a:hover {
	 text-decoration:none;
 }
	
 .menu-main_nav-container {
	margin:15px 0;
 }
	
 header nav li a {
	font-size: 80%;
 }

 header nav li a:hover {
	font-size: 80%;
 }
	
 header nav li.nav_contact a {
	 padding:10px 10px !important;
	 font-size:50%;
 }

 header.cont_nav nav li.nav_contact a {
	 padding:10px 10px;
	 font-size:50%;
 }

}

/* トップ画像
********************************************************************/
section .topimg {
	width:100%;
	height:auto;
}

section .topimg img {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}

/* ショートカット
********************************************************************/
section .shortcut {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}

section .shortcut ul {
	width:100%;
	height:auto;
}

section .shortcut li {
	width:100%;
	height:auto;
	background-size:cover !important;
	padding:100px 0;
}

section .shortcut li span {
	width:1200px;
	height:auto;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section .shortcut li span.sh_box {
	background: rgba(255,255,255,0.3);
}

section .shortcut li span.title {
	font-size:120%;
	padding:15px 0;
	text-align:center;
}

section .shortcut li span.title a {
	text-decoration:none;
}

section .shortcut li span.text {
	width:1100px;
	padding:35px 0;
	margin:0 auto;
	font-size:80%;
}

section .shortcut li span.more {
	text-align:center;
	padding:15px 0;
}

section .shortcut li span.more a {
	width:30%;
	height:auto;
	padding:10px 0;
	margin:0 auto;
	background:#ccc;
	display:block;
	overflow:hidden;
	text-decoration:none;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* レイアウト変更用
-------------------------------------------------------------------*/
/* 2列 */
.sh_top_second {
}

.sh_top_second li {
	width:50%;
}

/* 3列 */
.sh_top_third {
}

.sh_top_third li {
	width:33%;
}

/* お知らせ
********************************************************************/
section .information {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:15px 0;
}

section .information h3 {
	width:1200px;
	height:auto;
	margin:10px auto;
	padding:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}

section .information ul {
	width:1200px;
	height:auto;
	margin:0 auto;
}

section .information li {
	width:100%;
	height:auto;
	padding:10px 0;
}

section .information li span {
	display:block;
	overflow:hidden;
}

section .information li span.data {
	font-size:80%;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* サイトマップ
********************************************************************/
section .textbox .menu-footer-container {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}

section .textbox .menu-footer-container ul {
	width:95%;
	height:auto;
	margin:0 auto;
}

section .textbox .menu-footer-container li {
	padding:15px 0;
	border-bottom:1px dotted #ccc;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1023px) {
/*tablet用のcssを記述*/

}

/* プライバシーポリシー
********************************************************************/
dl.dl_privacy {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

dl.dl_privacy dt {
	padding: 10px 0;
	font-weight: bold;
}

dl.dl_privacy dd {
	padding: 10px 0;
}

dl.dl_privacy dd dl {
	width: 90%;
	height: auto;
	padding: 0;
	margin: 15px auto 15px 15px;
	display: block;
	overflow: hidden;
}

dl.dl_privacy dd dt,
dl.dl_privacy dd dd {
	padding: 5px 0;
}

dl.dl_privacy dd dd ul {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 10px 0;
	display: block;
	overflow: hidden;
}

dl.dl_privacy dd dd li {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	float: none;
	display: block;
	overflow: hidden;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1023px) {
/*tablet用のcssを記述*/

}

/* テーブル
********************************************************************/
table {
	border-collapse:collapse;
	border-spacing:0;
}

table.tb_company {
	width:100%;
	height:auto;
	padding:0;
	margin:25px 0 100px 0;
	border-top:1px solid #ccc;
}

table.tb_company th {
	width:20%;
	height:auto;
	padding:20px 5%;
	text-align:left;
	border-bottom:1px solid #ccc;
	background:#F4F4F4;
}

table.tb_company td {
	width:60%;
	height:auto;
	padding:20px 5%;
	border-bottom:1px solid #ccc;
}

table.tb_company td p {
	margin:0;
}

table.tb_contact {
	width:100%;
	height:auto;
	padding:0;
	margin:25px 0;
}

table.tb_contact th {
	width:20%;
	height:auto;
	padding:15px 0;
	text-align:left;
	border-bottom:1px solid #ccc;
}

table.tb_contact th .required {
	font-size: small;
	color: #c00;
	font-weight: bold;
}

table.tb_contact td {
	width:80%;
	height:auto;
	padding:15px 0;
	border-bottom:1px solid #ccc;
}

table.tb_contact td p {
	margin:0;
}

table.tb_contact td .text-zip input {
	width: 10%;
}

table.tb_contact td textarea {
	width: 50%;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

table.tb_company th {
	width:90%;
	height:auto;
	padding:10px 5%;
	text-align:left;
	border-bottom:1px solid #ccc;
	background:#F4F4F4;
	display: block;
	overflow: hidden;
}

table.tb_company td {
	width:90%;
	height:auto;
	padding:10px 5%;
	border-bottom:1px solid #ccc;
	display: block;
	overflow: hidden;
}

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* リスト
********************************************************************/

ul.li_product {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

ul.li_product li {
	width:25%;
	height:auto;
	float:left;
}

ul.li_product li span {
	display:block;
	overflow:hidden;
}

ul.li_product li span.title {
	width:98%;
	height:auto;
	padding:5px 0;
	margin:0 auto;
}

ul.li_product li span.thumbnail {
	width:98%;
	height:auto;
	padding:5px 0;
	margin:0 auto;
}

ul.li_product li span.thumbnail img {
	width:100%;
	height:auto;
}

/* 画像・右寄せ */
ul.typeb li {
	width:100%;
	float:none;
	display:block;
	overflow:hidden;
}

ul.typeb li span.title {
	width:78%;
	float:right;
}

ul.typeb li span.thumbnail {
	width:20%;
	float:left;
}

/* 画像・右寄せ */
ul.typec li {
	width:100%;
	float:none;
	display:block;
	overflow:hidden;
}

ul.typec li span.title {
	width:80%;
	float:left;
}

ul.typec li span.thumbnail {
	width:20%;
	float:right;
}


/* 文字だけ */
ul.typed li {
	width:100%;
	float:none;
	display:block;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

ul.typed li span.title {
	padding:15px 0;
}

ul.typed li span.thumbnail {
	display:none;
}


@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* サイドバー
********************************************************************/

section .sidebar .side_section {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

section .sidebar .side_box {
	width:25%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

section .sidebar .side_box h3 {
	width:95%;
	height:auto;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	display:block;
	overflow:hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

section .sidebar .side_box ul {
	width:95%;
	height:auto;
	margin:0 auto;
	padding:0;
}

section .sidebar .side_box li {
	margin:10px 0;
}

section .sidebar ul.side_menu {
	width:1200px;
	height:auto;
	margin:25px auto;
	display:block;
	overflow:hidden;
}

section .sidebar ul.side_menu li {
	width:25%;
	height:auto;
	float:left;
}

section .sidebar ul.side_menu li a {
	width:95%;
	height:auto;
	padding:15px 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

section .sidebar ul.side_menu li a:hover {
	text-decoration:none;
	text-align:center;
}

section.side_left .sidebar ul.side_menu,
section.side_right .sidebar ul.side_menu,
section.side_left .sidebar .side_box,
section.side_right .sidebar .side_box {
	width:100%;
}

section.side_left .sidebar ul.side_menu li,
section.side_right .sidebar ul.side_menu li,
section.side_left .sidebar .side_box,
section.side_right .sidebar .side_box {
	width:100%;
	float:none;
	margin-bottom:15px;
	display:block;
	overflow:hidden;
}

section .sidebar .side_box #wp-calendar {
	width:100%;
	margin-top:15px;
}

section .sidebar .side_box #wp-calendar td {
	text-align:center;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}


/* 記事
********************************************************************/

section .contents h2 {
	font-size:150%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px 0;
	text-align:center;
}

section .contents h2 ul.post-categories {
	display:inline-block;
}

section .contents .textbox span.textbody p {
	margin:0;
}

section .contents .textbox ul.li_product_single {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

section .contents .textbox ul.li_product_single li {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}

section .contents .textbox ul.li_product_single li span {
	display:block;
	overflow:hidden;
}

section .contents .textbox ul.li_product_single li span.text {
	width:70%;
	height:auto;
	padding:5px 0;
	margin:0 auto;
	float:left;
}

section .contents .textbox ul.li_product_single li span.thumbnail {
	width:30%;
	height:auto;
	padding:5px 0;
	margin:0 auto;
	float:right;
}

section .contents .textbox ul.li_product_single li span.thumbnail img {
	width:100%;
	height:auto;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/

}

/* ボタン
********************************************************************/

.textbox .btn a {
	width:30%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	background:#ccc;
	text-decoration:none;
	text-align:center;
	display:block;
	overflow:hidden;
}

.textbox .btn a:hover {
	width:30%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	background:#ddd;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
}
   
@media only screen and (min-width:640px) and (max-width:1200px) {
/*tablet用のcssを記述*/
}