/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 全体のスタイル
===========================================*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 100;
	-webkit-text-size-adjust: none;
	top:0;
	left:0;
	height:100%;
}
#top::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	background: url(../images/back.jpg) center 0 no-repeat; 
	background-size: cover;
	-webkit-background-size cover;
	/*
	background-size: auto 100%;
	-webkit-background-size: auto 100%;*/
	width: 100%;
	height: 100%;
	/*padding-bottom: 108px;*/
	opacity: 0.7;
}
*{
	font-style: normal;
}

h1,h2,h3,h4,p,a,li,ol,dt,dd,tr,td,input,button,textarea,select,.fs_r{
	font-size: 1rem;
	line-height: 1.7rem;
	font-weight: 100;	
}
.fs_xl{
	font-size: 1.8rem;
	line-height: 3rem;
}
.fs_l{
	font-size: 1.4rem;
	line-height: 2rem;
}
.fs_m{
	font-size: 1.2rem;
	line-height: 2rem;
}
.fs_s{
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.fs_ss{
	font-size: 0.7rem;
	line-height: 1rem;
}
.fw_l{
	font-weight: 700;
}
.m_c_1{
	color: #036eb8;
}
/*==========================================
 headerのスタイル
===========================================*/
header{
	background-color: #fff;
	text-align: center;
}
header .logo{
	padding-top: 20px;
}
header .logo img{
	width: 150px;
	height: auto;
}

header .btn li{
	display: inline-block;
	margin: 0 5px;
	padding-bottom: 5px;
}
header .btn li a{
	text-decoration: none;
}
header .btn li img,
header .btn li a img{
	width: 25px;
	height: auto;
	vertical-align: -5px;
	margin-left: 5px;
}
header .top_title .line,
header .lower_title .line{
	background: -webkit-gradient(radial, 0% 46%, 0, 0% 46%, 236, color-stop(1.00, #ff2a20), color-stop(0.80, #f7a11d), color-stop(0.59, #e6ef15), color-stop(0.40, #27c421), color-stop(0.20, #25b9e4), color-stop(0.00, #1027cb));
	background: -webkit-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -moz-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -o-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -ms-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);

	width: 100%;
	height: 5px;

}
header .top_title,
header .lower_title{
	background: url(../images/title_back.jpg) no-repeat; 
	background-size: cover;
	height: auto;
}
header .top_title .inner{
	padding: 40px 0 40px 0;	
}
header .lower_title .inner{
	padding: 30px 0;
}
header .top_title h2{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 2.2rem;
	color: #fff;
	margin-bottom: 20px;
}
header .top_title h2 span{
	letter-spacing: -0.5rem;
}
header .lower_title h1{
	font-size: 1rem;
	color: #fff;
	letter-spacing: 0.2rem;
}
header .color_back{
	background: -webkit-gradient(radial, 0% 46%, 0, 0% 46%, 236, color-stop(1.00, #ff2a20), color-stop(0.80, #f7a11d), color-stop(0.59, #e6ef15), color-stop(0.40, #27c421), color-stop(0.20, #25b9e4), color-stop(0.00, #1027cb));
	background: -webkit-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -moz-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -o-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: -ms-radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);
	background: radial-gradient(0% 46%, circle, #1027cb 0%, #25b9e4 20%, #27c421 40%, #e6ef15 59%, #f7a11d 80%, #ff2a20 100%);


	width: 230px;
	margin: 0 auto;
	color: #fff;
	position: relative;

	letter-spacing: 0.2rem;
}
header .color_back img{
	position: absolute;
	right: -40px;
	top: -6px;
	width: 46px;
	height: auto;
}
header .lower_title .color_back{
	width: 200px;
	margin: 0 auto;
}
.win header .color_back img{
	position: absolute;
	right: -35px;
	top: -5px;
	width: 40px;
	height: auto;
}
.win header .lower_title .color_back img{
	position: absolute;
	right: -35px;
	top: -5px;
	width: 40px;
	height: auto;
}
nav ul{
	z-index: 300;
	width: 100%;
	position: absolute;
	margin-left: -100%;
	transition-property: all;
    transition-duration: 0.3s;
    top: 121px;
    padding: 5px 0;
   	background-color: #036eb8;
   	opacity: 0.9;
   	text-align: center;
}
nav ul li{
	border-bottom: 2px solid #005bac;
}
nav ul li:last-child{
	border:none;
}
nav ul li a{
	/*
	background: url(../images/arrow_line.png) 70% 50% no-repeat
	,url(../images/arrow_line.png) 30% 50% no-repeat;
	background-size: 15px 15px,15px 15px;*/
	
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px;
}
nav ul li a br{
	display: none;
}
nav ul li a span{
	margin-left: 20px;
}
nav ul .tel{
	display: none;
}
#drawer .showMenue{
  margin-left: 0%;
}

.breadcrumb{
	width: 90%;
	margin: 0 auto;
	text-align: left
}
.breadcrumb li{
	display: inline-block;
	/*margin-right: 3px;*/
}
.breadcrumb li a,.breadcrumb li{
	color: #888;
	font-size: 0.7rem;
}
/*==========================================
 コンテンツ全体のスタイル
===========================================*/
.top .section_1 .inner,
.top .section_2 .inner,
.top .section_3 .inner,
footer .inner{
	width: 90%;
	margin: 0 auto;
}
.lower_content_wrap{
	background-color: #fff;
	padding-bottom: 50px;
}
.lower_content_wrap section{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.lower_content_wrap section h2{
	/*margin-bottom: 50px;*/
}
/*==========================================
 topのスタイル
===========================================*/
.top .section_1,
.top .section_2{
 	background-color: #fff;
 	padding-bottom: 30px;
}
.top .section_1 h3{
	text-align: center;
	line-height: 2.5rem;
}
.top .section_1 ul li{
	overflow: hidden;
	/*width: 80%;*/
	margin: 0 auto;
	padding: 20px;
	background: 
	url(../images/top/dot.png) 0 100% repeat-x,
	url(../images/top/dot.png) 0 0 repeat-x,
	url(../images/top/dot.png) 0 0 repeat-y,
	url(../images/top/dot.png) 100% 0 repeat-y;
	background-size: 
	8px auto,8px auto,8px auto,8px auto;
	margin-bottom: 15px;
}
.top .section_1 ul li p{
	letter-spacing: 0.3rem;
}
.top .section_1 ul li img{
	width: 80px;
	margin-left: 5px;
	height: auto;
	float: right;

}
.top .section_1 .bottom{
	background-color: #036eb8;
	color: #fff;
	padding: 10px;
	position: relative;
}
.top .section_1 .bottom:after{
	content:"";/*空の要素を挿入*/
	border: 20px solid transparent;/*三角部分の大きさを制御。まずはボーダーすべてを透明に*/
	border-top-color: #036eb8;/*ボーダーの下にだけ色を付けて三角を出現*/
	position:absolute;/*三角部分の位置を絶対値で指定*/
	bottom: -35px;/*三角の上下の位置*/
	left: 50%;/*三角の左右の位置*/
	margin-left: -20px;
}
.top .section_2 h3{
	text-align: center;
} 
.top .section_2 .txt{
	margin: 20px 0;
}
.top .section_2 ul{
	text-align: center;
}
.top .section_2 ul li{
	display: inline-block;
	text-align: center;
	width: 40%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.top .section_2 ul li a{
	text-decoration: none;
}
.top .section_2 ul li a span{
	vertical-align: 1px;
}
.top .section_2 ul li a:hover{
	opacity: 0.7;
}
.top .section_2 ul li img{
	width: 90%;
	height: auto;
	vertical-align: bottom;
}
.top .section_3{
	padding: 50px 0;
}
.top .section_3 h3{
	text-align: center;
}
.top .section_3 ul{
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
}
.top .section_3 ul li{
	padding: 20px 13px;
	border: 2px solid #036eb8;
	width: 40px;
	border-radius: 40px;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.top .section_3 ul li:nth-child(-n+3){
	margin-right: 25px;
}
.top .section_3 ul li:nth-child(-n+3):after{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 17px;
	right: -30px;
}
.top .section_3 ul li:nth-child(n+4){
	margin-left: 25px;
}
.top .section_3 ul li:nth-child(n+4):before{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 17px;
	left: -30px;
}
.top .section_3 .txt{
	margin-bottom: 20px;
}
/*==========================================
 serviceのスタイル
===========================================*/
.service .section_1 h2{
	margin-bottom: 50px;
}
.service .section_1 h2 br{
	display: none;
}
.service .section_1 ul li{
	margin-bottom: 100px;
}
.service .section_1 ul li:last-child{
	margin-bottom: 0;
}
.service .section_1 .img{
	width: 120px;
	margin: 0 auto;
}
.service .section_1 p img{
	width: 100%;
	height: auto;

}
.service .section_1 h3{
	text-align: center;
}
.service .section_1 h3 br{
	/*display: none;*/
}

/*==========================================
 companyのスタイル
===========================================*/
.company h2{
	text-align: center;
	margin-bottom: 20px;
}
.company .section_1 .map_box{
	width: 100%;
	margin: 0 auto;
	
}
.company .section_1 .ggmap{
	width: 100%;
	height: 300px;
}
.company .map_txt{
	margin-bottom: 30px;
}
.company table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px 2px;
	/*padding: 10px;*/
}
.company table .td_1{
	width: 30%;
	text-align: center;
	font-size: 0.9rem;
	background-color: #dff1fc;
}
.company table .td_2{
	width: 70%;
	line-height: 1.5rem;
}
.company table th,
.company table td{
	vertical-align: middle;
	font-weight: 100;
	padding: 10px;
	line-height: 1.2rem;	
}
.company table {

}
.company table td{
	background-color: #eeefef;
}
/*==========================================
 contact,entry,completeのスタイル
===========================================*/
form input, 
form button, 
form textarea, 
form select{
	margin: 0;
	padding: 2px 5px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(220,220,221,0.4);
	width: 96%;
	padding: 5px;
	color: #000;
	border-radius: 0;
}
form textarea{
	height: 300px;
}
.contact h2,
.entry h2{
	text-align: center;
	margin-bottom: 20px;
}
.contact .tel,
.contact .mail{
	background-color: #eaf6fd;
	padding: 20px;
	margin-bottom:20px;
	border-radius: 10px;
}
.contact .mail{
	position: relative;
}
.contact .mail:after{
	content:"";/*空の要素を挿入*/
	border: 20px solid transparent;/*三角部分の大きさを制御。まずはボーダーすべてを透明に*/
	border-top-color: #eaf6fd;/*ボーダーの下にだけ色を付けて三角を出現*/
	position:absolute;/*三角部分の位置を絶対値で指定*/
	bottom: -35px;/*三角の上下の位置*/
	left: 50%;/*三角の左右の位置*/
	margin-left: -20px;
}
.contact .tel_inner,
.contact .mail_inner{
	padding-top: 80px;
}
.contact .tel_inner{
	background: url(../images/tel.png) 50% 0 no-repeat;
	background-size: 70px auto;
}
.contact .mail_inner{
	background: url(../images/mail.png) 50% 0 no-repeat;
	background-size: 70px auto;
}

.contact .tel,
.contact .mail,
.contact .tel_inner,
.contact .mail_inner{
	text-align: center;
}
.contact .tel_txt{
	margin-bottom: 20px;
}
.contact .tel_no{
	letter-spacing: 0.2rem;
	line-height: 1rem;	
	margin-bottom: 5px;
}
.contact .tel_time{
	margin-bottom: 20px;
}
.contact .tel_no span{
	letter-spacing: 0.2rem;	
}
.contact .tel_btn a{
	padding: 5px 50px;
	text-decoration: none;
	background-color: #036eb8;
	/*width: 100%;
	margin: 0 auto;*/
	letter-spacing: 0.2rem;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 0px #005693;
	-moz-box-shadow: 0px 2px 0px #005693;　/* Firefox用 */  
	-webkit-box-shadow: 0px 2px 0px #005693;　/* Safari,Google Chrome用 */ 
}
.contact .tel_btn a:hover{
	background-color: #005693;	
}
.contact h2{
	/*margin-bottom: 20px;*/
}
.contact h3,
.entry h3{
	margin: 40px 0 20px 0;
	text-align: center;
}
.entry .caution{
	text-align: center;
}
.contact form ul li,
.entry ul li{
	margin-bottom: 20px;
}
.contact form ul li:last-child{
	margin-bottom: 0;
}
.contact .item,
.entry .item{
	letter-spacing: 0.1rem;
}
.contact .error{
	color: #e50011;
	letter-spacing: 0.1rem;	
}
.contact .name{
	width: 96%;
}
.contact .form_btn,
.entry .form_btn{
	background-color: #036eb8;
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-top: 20px;
	letter-spacing: 0.2rem;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #005693;
	-moz-box-shadow: 0px 3px 0px #005693;　/* Firefox用 */  
	-webkit-box-shadow: 0px 3px 0px #005693;　/* Safari,Google Chrome用 */ 

}
.contact .form_btn:hover,
.entry .form_btn:hover,
.entry .back_btn a:hover,
.complete .back_btn a:hover,
.entry .back_btn a:hover,
.complete .back_btn a:hover{
	background-color: #005693;
}
.entry .caution{
	margin-bottom: 20px;
}
.entry ul{
	margin: 20px 0;
}
.entry .input{
	background-color: rgba(220,220,221,0.4);
	padding: 5px;
	color: #000;
	letter-spacing: 0rem;
}
.entry .back_btn,
.complete .back_btn{
	margin-top: 50px;
	letter-spacing: 0.2rem;
}
.entry .back_btn a,
.complete .back_btn a{
	background-color: #036eb8;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #005693;
	-moz-box-shadow: 0px 3px 0px #005693;　/* Firefox用 */  
	-webkit-box-shadow: 0px 3px 0px #005693;　/* Safari,Google Chrome用 */ 
}
.complete section{
	text-align: center;
}
.complete h2{
	margin-bottom: 50px;
}
.complete h3{
	margin-bottom: 20px;
}
.complete .txt{
	text-align: left;
}
.complete .com{
	margin-top: 50px;
}
.complete .com,
.complete .tel_no{
	letter-spacing: 0.2rem;
}
.complete .tel_time{
	letter-spacing: 0;
}
/*==========================================
 footer の全ページ共通スタイル
===========================================*/
footer .inner{
 	background: none;
 	padding-top: 50px;
}

footer .top{
	background-color: #036eb8;
	color: #fff;
	padding: 10px;
	position: relative;
	margin-bottom: 50px;
}
footer .top:after{
	content:"";/*空の要素を挿入*/
	border: 20px solid transparent;/*三角部分の大きさを制御。まずはボーダーすべてを透明に*/
	border-top-color: #036eb8;/*ボーダーの下にだけ色を付けて三角を出現*/
	position:absolute;/*三角部分の位置を絶対値で指定*/
	bottom: -35px;/*三角の上下の位置*/
	left: 50%;/*三角の左右の位置*/
	margin-left: -20px;
}
footer .end{
	text-align: center;
	background-color: #c9e8fa;
	padding: 20px 0 50px 0; 
}
footer .tel,
footer .mail{
	text-align: center;
}
footer .tel,
footer .mail{
	margin-bottom: 50px;
}
footer .tel img,
footer .mail img{
	width: 80px;
	height: auto;
}
footer .mail_txt a{
	text-decoration: none;
	color: #000;
}
footer .mail_txt a:hover{
	color: #036eb8;
}
footer ul{
	margin-bottom: 30px;
}
footer ul li{
	margin: 10px 0;
}
footer ul li a{
	color: #444;
	text-decoration: none;
}
footer ul li a:hover{
	opacity: 0.7;
}
footer .page_top img{
	width: 40px;
	height: auto;

	z-index: 20000;
	position: fixed;
	bottom: 5%;
	right: 4%;
}
/*
footer .page_top img:hover{
	opacity: 0.5;
}*/
footer .logo img{
	width: 150px;
	height: auto;
}
footer .logo{
	margin-bottom: 20px;
}
footer .copy{
	text-align: center;
	background-color: #036eb8;
	color: #fff;
	line-height: 1.2rem;

}
@media only screen and (min-width: 500px) {
	.contact .tel_btn a{
		display: none;
	}
}
/************************************************************/
/* iphone_6以上のレイアウトの指定：375px～ */
@media only screen and (min-width: 375px) {
header .top_title h2{
	font-family: 'Sawarabi Mincho';
	font-size: 2.8rem;
	color: #fff;
	margin-bottom: 20px;
}
header .top_title h2 span{
	letter-spacing: -0.8rem;
}
header .lower_title h1{
	font-size: 16px;
	color: #fff;
}
header .color_back{
	width: 290px;
	margin: 0 auto;
	color: #fff;
	position: relative;
}
header .lower_title .color_back{
	width: 230px;
	margin: 0 auto;
}	
}
/************************************************************/
/* PC向けおよび大型タブレット向けのレイアウトの指定：768px～960px */
@media only screen and (min-width: 768px){
/*==========================================
 bodyのレイアウト
===========================================*/
/*==========================================
 全体のスタイル
===========================================*/
h1{
	/*font-size: 20px;*/
}
h2{
	font-size: 20px;
}
h3{
	font-size: 16px;	
}
p,a,li,ol,dt,dd,tr,td,input, button, textarea, select,.fs_r{
	font-size: 16px;
	line-height: 28px;
}
.fs_xl{
	font-size: 35px;
	line-height: 50px;
}
.fs_l{
	font-size: 28px;
	line-height: 40px;
}
.fs_m{
	font-size: 20px;
	line-height: 30px;
}
.fs_s{
	font-size: 15px;
	line-height: 20px;	
}
.fs_ss{
	font-size: 12px;
	line-height: 20px;	
}
/*==========================================
 headerのスタイル
===========================================*/
header .color_back{
	width: 600px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	font-size: 25px;
	padding: 3px 0;
	letter-spacing: 10px;
}
header .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}

.win header .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}
header .top_title .inner{
	padding: 80px 0 60px 0;	
}
header .lower_title .inner{
	padding: 40px 0;
}
header .top_title h2{
	font-family: 'Sawarabi Mincho';
	font-size: 80px;
	color: #fff;
	margin-bottom: 50px;

}
header .top_title h2 span{
	letter-spacing: -0.5rem;
}
header .lower_title .color_back{
	width: 300px;
	letter-spacing: 10px;
}
header .lower_title .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}
header .lower_title h1{
	font-size: 25px;
	color: #fff;
}
.win header .lower_title .color_back{
	width: 300px;
	letter-spacing: 10px;
	padding: 6px 0 3px 0 ;
}
/*
.win header .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}*/
.win header .lower_title .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}
header .btn{
	display: none;
}
header nav ul{
	display: block;
	position: static;
	background: none;
	margin: 0;
	text-align: center;
	margin-top: 20px;

	transition-property: none;
}

header nav ul li{
	display: inline-block;
	margin: 0 20px;
	border-bottom: none;

}
header nav ul li a{
	background: none;
	color: #036eb8;
	padding: 0;
	font-size: 16px;
	line-height: 1;
}
header nav ul li a span{
	margin: 0;
	color: #000;
}
header nav ul li a .arrow{
	display: none;
}
header nav ul li a br{
	display: block;
}
header nav ul li a:hover{
	opacity: 0.7;
}



.breadcrumb{
	width: 87%;
	margin: 0 auto;
	text-align: left
}
.breadcrumb li a,.breadcrumb li{
	color: #888;
	font-size: 13px;
}
/*==========================================
 コンテンツ全体のスタイル
===========================================*/
.top .section_1 .inner,
.top .section_2 .inner,
.top .section_3 .inner,
footer .inner{
	width: 87%;
	margin: 0 auto;
}
.lower_content_wrap{
	background-color: #fff;
	padding-top: 20px;
}
.lower_content_wrap section{
	width: 87%;
	margin: 0 auto;
	padding-bottom: 20px;
}
/*==========================================
 topのスタイル
===========================================*/
.top .section_1 h3{
	margin-bottom: 20px;
}
.top .section_1 h3 br{
	display: none;
}
.top .section_1 ul{
	overflow: hidden;
}
.top .section_1 ul li{
	width: 43%;
}
.top .section_1 ul li:nth-child(odd){
	float: left;
}
.top .section_1 ul li:nth-child(even){
	float: right;
}
.top .section_1 ul li p{
	letter-spacing: 0;
}
.top .section_1 .bottom{
	text-align: center;
	margin-top: 10px;
}
.top .section_2 h3{
	padding: 20px 0;
}
.top .section_2 h3 .br_1{
	display: none;
}
.top .section_2 ul{
	padding: 20px 0;
}
.top .section_2 ul li{
	width: 14%;
	margin: 0 1%;
	margin-bottom: 20px;

}
.top .section_2 .txt,
.top .section_3 .txt{
	letter-spacing: 3px;
}
.top .section_3 h3{

}
.top .section_3 h3 br{
	display: none;

}
.top .section_3 ul{
	width: 700px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
.top .section_3 ul li:nth-child(4){
	margin-left: 0;
}
.top .section_3 ul li:nth-child(4):before{
	background: none;

}

/*==========================================
 serviceのスタイル
===========================================*/
.service .section_1 h2 {
	text-align: center;	
}
.service .section_1 h2 br{
	display: block;
}
.service .section_1 ul li{
	display: table;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 100px;
}
.service .section_1 ul li .img,
.service .section_1 ul li .inner{
	display: table-cell;
	vertical-align: middle;
}
.service .section_1 ul li .img{
	/*width: 100px;*/
	width: ;
}
.service .section_1 ul li .img img{
	width: 140px;
}
.service .section_1 ul li .inner{
	padding-left: 50px;
	width: 85%;
}
.service .section_1 h3{
	text-align: left;
	margin-bottom: 20px;
}
/*==========================================
 companyのスタイル
===========================================*/
.company .section_1 .ggmap{
	width: 100%;
	height:400px;
}
.company table .td_1{
	width: 30%;
	text-align: center;
	font-size: 16px;
	background-color: #dff1fc;
}
/*==========================================
 contact,entry,completeのスタイル
===========================================*/
.contact .tel,
.contact .mail{
	padding: 30px;
}
.contact .tel{
	margin-top: 50px;
	margin-bottom: 50px;
}
.contact .tel_inner{
	/*margin-bottom: 100px;*/
}
.contact .mail_inner{
	/*margin-bottom: 50px;*/
}
.contact .tel_inner{
	background: url(../images/tel.png) 0 12px no-repeat;
	background-size: 70px auto;
	margin-bottom: 70px;
	width: 400px;
	margin: 0 auto;
	padding-top: 0;
}
.contact .tel_inner .tel_no{
	padding-left: 70px;
}
.contact .mail_inner{
	background: url(../images/mail.png) 0 7px no-repeat;
	background-size: 70px auto;
	width: 400px;
	margin: 0 auto;
	padding: 20px 0;
}
.contact .mail_inner p{
	padding-left: 70px;
}
.contact .tel_txt br,
.contact .mail_txt br{
	display: none;
}
.contact .tel_no{
	font-size: 32px;
}
.contact .tel_time{
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 0;
}
.contact .mail_caution br{
	display: none;
}
.contact h3{
	font-size: 25px;
}
form input, 
form button, 
form textarea, 
form select,
.entry .input{
	font-size: 16px;
	padding: 7px 0 7px 10px;
}
.entry .caution{
	text-align: center;
}
.contact .form_btn,
.entry .form_btn,
.entry .back_btn a,
.complete .back_btn a{
	/*font-size: 16px;*/
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 10px 0; 
	margin-top: 50px;
}
.complete .txt{
	text-align: center;
}
/*==========================================
 footer の全ページ共通スタイル
===========================================*/
footer .page_top img{
	width: 50px;
	height: auto;

	z-index: 20000;
	position: fixed;
	bottom: 5%;
	right: 2%;
}
footer .page_top img:hover{
	opacity: 0.5;
}
footer .inner{
	padding-bottom: 50px;
}
footer .inner .top{
	text-align: center;
	width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
}
footer .tel,
footer .mail{
	width: 400px;
	margin: 0 auto;
	margin-bottom: 50px;
}
footer .tel img,
footer .mail img{
	float: left;
}
footer .tel img{
	margin-top: 0px;
}
footer .mail img{
	margin-top: -20px;
}
footer .tel_time,
footer .tel_txt{
	padding-left: 80px;
}
footer ul li{
	display: inline-block;
}
footer .nav li a{
	margin: 0 20px;
	font-size: 16px;
}
footer address br{
	display: none;
}
footer .copy{
	/*margin-top: 30px;*/
}
}
/************************************************************/
/* PC向けレイアウトの指定：961px〜1200px */
@media only screen and (min-width: 961px) {
/*==========================================
 全体のレイアウト
===========================================*/

/*
header .inner{
	width: 961px;
	margin: 0 auto;
}
.content_wrap{
	width: 961px;
	margin: 0 auto;
}*/
/*==========================================
 bodyのレイアウト
===========================================*/
/*==========================================
 headerのスタイル
===========================================*/
header .inner{
	/*width: 900px;
	margin: 0 auto;*/
	padding: 30px 0 10px 0;
	overflow: hidden;
}
header .logo{
	float: left;
	padding-top: 0;
	margin-left: 50px;
}
header nav{
	float: right;
	margin-right: 50px;
}

header .color_back{
	width: 750px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	font-size: 25px;
	padding: 3px 0;
}
header .color_back img{
	position: absolute;
	right: -50px;
	top: -9px;
	width: 60px;
	height: auto;
}
header .top_title .inner{
	padding: 100px 0 80px 0;	
}
header .lower_title .inner{
	padding: 60px 0;
}
header .top_title h2{
	font-family: 'Sawarabi Mincho';
	font-size: 100px;
	color: #fff;
	margin-bottom: 50px;

}
header .top_title h2 span{
	letter-spacing: -0.5rem;
}
header .lower_title h1{
	font-size: 30px;
	padding: 7px 0;
	color: #fff;

}
header .lower_title .color_back{
	width: 300px;
	padding: 6px 0;
}
header .lower_title .color_back img{
	position: absolute;
	right: -60px;
	top: -11px;
	width: 73px;
	height: auto;
}
.win header .lower_title .color_back{
	width: 300px;
	letter-spacing: 10px;
	padding: 8px 0 4px 0;
}
.win header .lower_title .color_back img{
	position: absolute;
	right: -55px;
	top: -9px;
	width: 65px;
	height: auto;
}
/*==========================================
 コンテンツ全体のスタイル
===========================================*/
.lower_content_wrap .contact section,
.lower_content_wrap .entry section,
.lower_content_wrap .complete section{
	width: 840px;
	margin: 0 auto;
	padding-bottom: 20px;
}
/*==========================================
 topのスタイル
===========================================*/
/*
.top .section_1 p{
	margin-bottom: 100px;
}
*/
.top .section_1 ul li{
	width: 42%;
	padding: 25px;
	margin-bottom: 4%;
}
.top .section_1 ul li p{
	/*font-size: 19px;
	line-height: 40px;*/
	/*font-weight: 700;*/
	letter-spacing: 8px;
}
.top .section_1 ul li img{
	margin-left: 2%;
	width: 100px;
	margin-top: -5px;
}
.top .section_3 h3 .br{
	display: block;
}
/*==========================================
 mainのスタイル
===========================================*/
/*
.top .section_1 p{
	margin-bottom: 80px;
}
*/
/*==========================================
 serviceのスタイル
===========================================*/


/*==========================================
 companyのスタイル
===========================================*/
.company .section_1 .ggmap{
	height: 500px;
}
.company .td_2 br{
	display: none;
}
.company .td_1,
.company .td_2{
	padding: 15px;
}
/*==========================================
 aboutusのスタイル
===========================================*/


/*==========================================
 contact,entry,completeのスタイル
===========================================*/
/*
.contact .tel,
.contact .mail{
	width: 776px;
	margin: 0 auto;
}*/
.contact .tel{
	margin-bottom: 50px;
}
.contact h3{
	margin-bottom: 30px;
}
.contact ul{
	margin-bottom: 50px;
}
.contact ul li,
.entry ul li{
	display: table;
	width: 100%;
}
.contact ul li p,
.entry ul li p{
	display: table-cell;
}
.contact ul li .item,
.entry ul li .item{
	width: 35%;

}
.contact ul li .input,
.entry ul li .input{
	width: 65%;
}
.contact .textarea li .item{
	vertical-align: top;
}
}
/************************************************************/
/* PC向けレイアウトの指定：1201px以上では固定レイアウト */
@media only screen and (min-width: 1100px) {
/*==========================================
 全体のレイアウト
===========================================*/
.fs_xl{
	font-size: 40px;
	line-height: 60px;
}
.fs_l{
	font-size: 35px;
	line-height: 50px;
}
.fs_m{
	font-size: 25px;
	line-height: 40px;
}
.fs_s{
	font-size: 13px;
	line-height: 20px;	
}
header .inner{
	width: 1100px;
	margin: 0 auto;

}
/*==========================================
 headerのレイアウト
===========================================*/
header .inner{
	/*padding: 30px 0;*/
}
header .top_title .inner{
	padding: 140px 0 100px 0;	
}
header .color_back{
	width: 900px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	font-size: 30px;
	padding: 5px 0;
}
header .color_back img{
	position: absolute;
	right: -60px;
	top: -9px;
	width: 67px;
	height: auto;
}
.win header .color_back img{
	position: absolute;
	right: -60px;
	top: -10px;
	width: 70px;
	height: auto;
}
/*
header .top_title .inner{
	padding: 140px 0 100px 0;	
}
header .lower_title .inner{
	padding: 60px 0;
}
*/

header .top_title h2{
	font-family: 'Sawarabi Mincho';
	font-size: 120px;
	color: #fff;
	margin-bottom: 60px;

}
header .top_title h2 span{
	/*letter-spacing: -0.5rem;*/
}
header .lower_title .color_back{
	/*width: 300px;*/
}
header .lower_title h1{


}

/*
.content_wrap{
	width: 1100px;
	margin: 0 auto;
}*/
header nav ul{
	margin-top: 14px;
}
header nav ul .tel{
	display: inline-block;
	line-height: 1;
	background: url(../images/tel.png) 0 0 no-repeat;
	background-size: 30px 30px;
	padding-left: 35px;
	padding-top: 7px;
	margin-left: 50px;
	font-size: 20px;
	line-height: 15px;
}
header nav ul .tel span{
	font-weight: 100;
	font-size: 13px;
}
.breadcrumb{
	width: 957px;
	margin: 0 auto;
	text-align: left
}
/*==========================================
 コンテンツ全体のスタイル
===========================================*/
.top .section_1 .inner,
.top .section_2 .inner,
.top .section_3 .inner,
footer .inner{
	width: 957px;
	margin: 0 auto;
	padding-top: 30px;
}
.lower_content_wrap{
	background-color: #fff;
	padding-top: 20px;
}
.lower_content_wrap section{
	width: 957px;
	margin: 0 auto;
	padding-bottom: 20px;
}
/*==========================================
 topのスタイル
===========================================*/
.top .section_1 h3 .fs_xl{
	font-size: 45px;
}
.top .section_1 h3{
	margin-bottom: 50px;	
}
.top .section_1 .bottom{
	text-align: center;
	margin-top: 30px;
}
.top .section_3 ul{
	width: 100%;
	margin-bottom: 50px;
}
.top .section_3 ul li{
	font-size: 20px;

	padding: 30px 17px;
	border: 2px solid #036eb8;
	width: 50px;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	/*margin-right: 50px;*/

}
.top .section_3 ul li:nth-child(-n+3){
	margin-right: 50px;
}
.top .section_3 ul li:nth-child(-n+3):after{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 25px;
	right: -42px;
}
.top .section_3 ul li:nth-child(n+5){
	margin-left: 50px;
}
.top .section_3 ul li:nth-child(n+5):before{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 25px;
	left: -45px;
}
/*
.top .section_3 ul li{
	padding: 20px 13px;
	border: 2px solid #036eb8;
	width: 40px;
	border-radius: 40px;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}*/
/*
.top .section_3 ul li:nth-child(-n+3),
.top .section_3 ul li:nth-child(n+5){
	margin-right: 40px;
}
*/
/*
.top .section_3 ul li:nth-child(-n+3):after{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 17px;
	right: -30px;
}
.top .section_3 ul li:nth-child(n+4){
	margin-left: 25px;
}
.top .section_3 ul li:nth-child(n+4):before{
	content: "";
	display: block;
	background: url(../images/top/arrow.png) no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 17px;
	left: -30px;
}
*/
/*
.top .section_1 h3 br{
	display: none;
}
.top .section_1 ul{
	overflow: hidden;
}
.top .section_1 ul li{
	width: 43%;
}
.top .section_1 ul li:nth-child(odd){
	float: left;
}
.top .section_1 ul li:nth-child(even){
	float: right;
}
.top .section_1 ul li p{
	letter-spacing: 0;
}
.top .section_1 .bottom{
	text-align: center;
	margin-top: 10px;
}
.top .section_2 h3{
	padding: 20px 0;
}
.top .section_2 h3 .br_1{
	display: none;
}
.top .section_2 ul{
	padding: 20px 0;
}
.top .section_2 ul li{
	width: 14%;
	margin: 0 1%;
	margin-bottom: 20px;

}
.top .section_2 .txt,
.top .section_3 .txt{
	letter-spacing: 3px;
}
.top .section_3 h3{

}
.top .section_3 h3 br{
	display: none;

}
.top .section_3 ul{
	width: 700px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
.top .section_3 ul li:nth-child(4){
	margin-left: 0;
}
.top .section_3 ul li:nth-child(4):before{
	background: none;

}
*/
/*==========================================
 footer の全ページ共通スタイル
===========================================*/
/*
footer .inner{
	width: 1100px;
	margin: 0 auto;
}
*/
footer .inner{
 	background: none;
 	padding-top: 80px;
}
footer .inner .top{
	text-align: center;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 50px;
}
footer .tel,
footer .mail{
	width: 450px;
}
footer .tel img{
	/*margin-top: -10px;*/
}
footer .mail img{
	/*margin-right: 30px;*/
	margin-top: -10px;
}
}
/* PC向けレイアウトの指定：1201px以上では固定レイアウト */
@media only screen and (min-width: 1300px) {
/*==========================================
 全体のレイアウト
===========================================*/
footer .page_top img{
	width: 60px;
	height: auto;

	z-index: 20000;
	position: fixed;
	bottom: 5%;
	right: 5%;
}
}
/* PC向けレイアウトの指定：1201px以上では固定レイアウト */
@media only screen and (min-width: 1500px) {
/*==========================================
 全体のレイアウト
===========================================*/
footer .page_top img{
	width: 60px;
	height: auto;

	z-index: 20000;
	position: fixed;
	bottom: 5%;
	right: 8%;
}
}