@charset;
/* CSS Document */
body {
	font-family:"kozuka-gothic-pr6n","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: antialiased;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.w100per{
	width: 100%;
}
article{
	padding-bottom: 40px;
}
.en{
	font-family: 'Ubuntu Condensed';
}
/*ヒーローイメージ*/
.scale-bg {
    background: url(../img/main.jpg) no-repeat top center;
    background-size: 100%;
    position: fixed;
    width: 100%;
		z-index: -1;
    padding-bottom:630px;
}
.top-wrap{
	text-align: center;
	background: url("../img/top-surcle.png") no-repeat top center;
	background-size: contain;
}
/**/
.is-fixed{
	position: fixed;
	top:0;
	width: 100%;
}
.top-wrap img{
	width: 200px;
	padding-bottom: 20px;
	height: auto;
}
.h1{
		font-size: 12px;
		font-weight: bold;
}
.contents {
    position: relative;
    top: 450px;
}
.top-doc{
	position: absolute;
	top:430px;
	right:40px;
}
.header-add{
	position: absolute;
	top:10px;
	right:40px;
}
.header-add p{
	display: inline-block;
}
.header-add p a{
	display: block;
	width: 140px;
	margin-right: 20px;
}
.header-add p a img{
	width: 100%;
}
.top-word{
	position: absolute;
	font-size: 46px;
	text-align: center;
	top:260px;
	right: 0;
	left: 0;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	text-shadow: -1px 1px 3px #000;
}
@media screen and (max-width: 749px) {
	.h1{
		font-size: 10px;
	}
	.contents {
	    position: relative;
	    top: 100px;
	}
	.top-doc{
		display: none;
	}
	.header-add{
		position: absolute;
		top:150px;
		right:10px;
	}
	.header-add p{
		display: inline-block;
	}
	.top-word{
		display: none;
	}
}
/*ナビゲーションＴＯＰ*/
#main-nav{
	background: rgba(255,255,255,0.7);
}
#main-nav ul{
	display: flex;
	justify-content: space-around;
}
#main-nav ul li{
	width: 17%;
	text-align: center;
}
#main-nav ul li a{
	padding: 14px 0;
	display: block;
	font-size: 18px;
	font-weight: bold;
	border-right:2px solid #000;
}
#main-nav ul li:first-child a{
	border-left:2px solid #000;
}
/*TOP*/
.top .policy{
	background: -moz-linear-gradient(top, #386dbb, #6da6cc);
  background: -webkit-linear-gradient(top, #386dbb, #6da6cc);
  background: linear-gradient(to bottom, #386dbb, #6da6cc);
	text-align: center;
	color: #fff;
	padding: 40px 0 30px 0;
}
.policy h2{
	font-size: 28px;
	line-height: 1.3em;
	padding-bottom: 20px;
}
h2.midashi{
	text-align: center;
	padding: 4px 0 8px 0;
}
h2.midashi::before,h2.midashi::after{
	content: url("../img/icon2.png");
	margin-left: 10px;
	margin-right: 10px;
}
@media screen and (max-width: 749px) {
	.top .policy{
		font-size: 14px;
		padding: 20px 0;
	}
	.policy h2{
		font-size: 20px;
		padding: 10px;
	}
}
.flex3,.flex2{
	display: flex;
	justify-content: space-around;
}
.flex2 img{
	width: 45%;
	height: 100%;
}
.flex3 li{
	width: 28%;
}
.flex3 li img{
	width: 100%;
}
.flex3 li h3{
	text-align: center;
}
.flex3 li p{
	padding: 10px;
	line-height: 1.5em;
}
@media screen and (max-width: 749px) {
	img{
		max-width: 100%;
	}
	.flex3,.flex2{
		display: block;
}
	.flex3 li,.flex2 li{
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		box-shadow: 1px 1px 2px #ccc;
	}
.flex2 img{
	width: 100%;
}
.bk-blue{
	background-color:#f2f7f9;
}
h3.midashi-blue{
	width: 52%;
	display: inline-block;
	color: #fff;
	background: -moz-linear-gradient(left, #386dbb, #6da6cc);
  background: -webkit-linear-gradient(left, #386dbb, #6da6cc);
  background: linear-gradient(to right, #386dbb, #6da6cc);
	padding: 2px 0 4px 20px;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 749px) {
	h3.midashi-blue{
		width: 100%;
	}
}
.bk-blue .f-right{
	margin-left: 60px;
}
.bk-blue .f-left{
	margin-right: 60px;
}
.bk-blue p{
	margin: 10px;
}
.bk-blue p span{
	color: #3476d6;
	font-size: 20px;
	font-weight: bold;
}
.link-btn{
	display:inline-block;
	float: right;
}
.link-btn a{
	display: block;
	background-color: #fff;
	color: #3476d6;
	padding: 6px 20px;
	font-weight: bold;
	border: 2px solid #3476d6;
}
.link-btn a::before{
	content: "＞";
	display: inline-block;
	margin-right: 10px;
}
.btn-wrap{
	display: flex;
	justify-content: space-around;
	margin: 30px 0;
}
/*アクセス*/
.map-wrap{
	margin: 20px 10px;
	border: 2px solid #3476d6;
	box-shadow: -1px 1px 4px  #3476d6;
	padding: 20px 30px;
}
.map-top img{
	width: 200px;
	margin: 0 auto;
	display: block;
}
.map-top ul{
	display: inline-block;
	padding: 10px 20px;
}
.map-top ul li span{
	display: inline-block;
	color: #3476d6;
	font-weight: bold;
	width: 120px;
}
@media screen and (max-width: 749px) {
	.map-wrap{
		margin:10px;
		border: none;
		box-shadow:none;
		padding:10px;
	}

	.map-top ul{
		padding:20px 0;
	}
	.map-top ul li span{
		display: inline-block;
		color: #3476d6;
		font-weight: bold;
		width:100%;
	}
	.btn-wrap{
		display:block;
		margin: 10px 0;
	}
	.btn-wrap p{
		width: 100%;
	}
}
/*プライバシーポリシー*/
dl.privacy{
	width: 90%;
	margin: 0 auto;
	padding-top: 40px;
}
dl.privacy dt{
	font-weight: bold;
	color: #3476d6;
	margin-top: 20px;
}
dl.privacy dd{
	padding-left: 10px;
	font-size: 15px;
}
/*footer*/
footer{
	border-top: 1px solid #3476d6;
	padding-top: 20px;
}
footer ul {
	text-align: right;
}
footer ul li{
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
}
footer ul li::before{
	content: "＞";
}
#copy{
	text-align: center;
}
@media screen and (max-width: 749px) {
	footer ul {
		text-align:center;
	}
	footer ul li{
		display: block;
		margin-right:0;
		font-weight: bold;
		margin-bottom: 4px;

	}
	footer ul li a{
		color: #fff;
		background-color: #3476d6;
		display: block;
		padding: 20px 0;
	}
	footer ul li::before{
		content: none;
	}
	#copy{
		font-size: 12px;
	}
}
/*各ページ*/
.current{
	box-shadow:0 0 14px #3476d6 inset;
}
.page header{
	padding-top: 4px;
}
.page-top-wrap{
	display: inline-block;
	width: 30%;
	max-width: 250px;
	text-align: center;
}
.page-top-wrap p.logo a{
	display: block;
	padding: 0 20px;
}
.page-top-wrap p.logo a img{
	width: 100%;
}
.page-header-add{
	display: inline-block;
	text-align: right;
	width: 69%;
	float: right;
	vertical-align: top;
}
.page-header-add p{
	display: inline-block;
	vertical-align: top;
}
.page-header-add p a{
	display: block;
	padding: 0 4px;
}
.page-header-add p a img{
	width: 100%;
}
.page-top h1{
	font-size: 24px;
	padding: 4px 0 10px 10px;
	border-bottom: 2px solid #f2f2f2;
	margin-bottom: 10px;
}
.page-top h1:before,.page-top h1:after{
	content: url("../img/icon2.png");
	margin-left: 20px;
	margin-right: 20px;
}
@media screen and (max-width: 749px) {
	.page-top-wrap{
		display: block;
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}
	.page-header-add{
		display: block;
		float:none;
		width: 100%;
	}
	.page-header-add p{
		display: inline-block;
		vertical-align: top;
		width: 48%;
	}
	.page-header-add p:last-child{
		display: none;
	}
	.page-header-add p a{
		display: block;
		padding: 0 4px;
		width: 100%;
	}
	.page-top h1{
		text-align:left;
		font-size: 18px;
		padding: 6px;
		border-bottom: 2px solid #f2f2f2;
		margin-bottom: 10px;
	}
	.page-top h1:before{
		content: url("../img/icon2.png");
		margin-left: 6px;
		margin-right: 6px;
	}
}
/*ページ構成*/
.page main{
	padding-bottom: 30px;
}
.page .side{
	width: 240px;
	display: inline-block;
	vertical-align: top;
	float: right;
}
.page .side li a img{
	box-shadow: -1px 1px 3px #666;
}
.textmenu a{
	display: block;
	padding: 10px;
	border: 1px solid #386dbb;
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.textmenu a::before{
	content: ">";
	padding-right: 10px;
}
.textmenu a span{
	display: block;
	font-size: 10px;
	color: #386dbb;
}
/**/
.page article{
	width: 1000px;
	display: inline-block;
	vertical-align: top;
}
.page h2{
	color: #386dbb;
	font-size: 18px;
	padding:4px 30px;
	border-left: 10px solid #386dbb;
	border-bottom: 1px solid #386dbb;
	margin-left: 30px;
	margin-top: 20px;
}
.page h3{
	color: #6da6cc;
	font-size: 16px;
	padding:4px 30px;
	margin-top: 20px;
}
.page h3:before{
		content: url("../img/icon2.png");
		vertical-align: -6px;
		margin-right: 10px;
		float: left;
}
.page-p{
	padding: 20px 30px 0 30px;
}
@media screen and (max-width: 749px) {
.page .side{
display: none;
}
.page article{
	width: 100%;
	display:block;
}
.page h2{
	font-size: 16px;
	padding:4px 10px;
	margin-left: 10px;
	margin-top: 10px;
}
.page h3{
	padding:4px 10px;
	margin-top: 10px;
}
.page-p{
	font-size: 15px;
	padding:10px;
}
}
/*事業内容の表*/
.big-ul{
	padding: 20px 30px;
}
.big-li{
	font-weight: bold;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.big-li span{
	font-weight: 100;
	color: #386dbb;
	font-size: 16px;
	display: inline-block;
	padding-left: 10px;
}
.big-li::before{
	content: url("../img/icon3.png");
	margin-right: 10px;
	vertical-align: -4px;
}
.mid-ul{
	padding-left: 30px;
}
.mid-li{
	font-weight: bold;
	font-size: 18px;
	color: #386dbb;
	margin-top: 20px;
}
.mid-li span{
	display:block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4em;
	padding: 10px 20px 10px 20px;
	color: #000;
}
.small-ul{
	padding:0 30px;
}
.small-ul{
		font-weight: bold;
		color: #000;
		font-size: 14px;
}
.small-li{
	margin-bottom: 4px;
}
.small-li:before{
	content: "●　";
	display: inline-block;
	padding-bottom: 4px;
	float: left;
}
.w400{
	width: 400px;
}
em{
	font-weight: bold;
	color: #a51111;
}
.page-ul{
	margin: 10px 40px;
	border-radius: 14px;
	padding: 20px 30px;
	border: 2px solid #386dbb;
	display: inline-block;
}
.page-ul li{
	list-style-type: disc;
	list-style-position: inside;
}
.listnone li{
	list-style-type: none;
}
.merit{
	text-align: center;
	margin: 20px 0 20px 0;
}
.merit li{
	display: inline-block;
	width: 30%;
	border: 2px solid #fcb17e;
	border-radius:20px;
	background-color: #fffff1;
	vertical-align: top;
	padding: 10px;
	margin: 10px;
	text-align: left;
	font-weight: bold;
}
.doc-wrap{
	margin: 20px 40px;
	background-color: #fff;
	box-shadow: -1px 1px 5px #666;
}
@media screen and (max-width: 749px) {
	/*事業内容の表*/
	.big-ul{
		padding: 10px;
	}
	.big-li{
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.big-li span{
		padding-left: 0px;
	}
	.big-li::before{
		content: url("../img/icon3.png");
		margin-right: 10px;
		vertical-align: -4px;
	}
	.mid-ul{
		padding-left: 10px;
	}
	.mid-li{
		font-size: 15px;
		margin-top: 10px;
	}
	.mid-li span{
		font-size: 15px;
		line-height: 1.4em;
		padding: 10px;
	}
	.small-ul{
		padding:0 10px;
	}
	.small-ul{
			font-weight: bold;
			color: #000;
			font-size: 14px;
	}

	.w400{
		width: 100%;
	}
	.page-ul{
		margin: 10px ;
		border-radius: 14px;
		padding: 10px;
		display: block;
		font-size: 14px;
	}
	.merit{
		text-align: center;
		padding: 10px;
	}
	.merit li{
		display: block;
		width: 100%;
	}
	.doc-wrap{
		margin: 4px;
		box-shadow: none;
	}
}
/*事業内容*/
.company-table{
	width: 85%;
	margin: 0 auto;
	border-collapse: collapse;
}
.company-table caption{
	text-align: center;
		background-color: #386dbb;
	color: #fff;
	margin: 20px;
	padding: 4px 30px 6px 30px;
}
.company-table th,.company-table td{
	border: 1px solid #386dbb;
}
.company-table th{
	padding: 10px;
	text-align: center;
}
.company-table td{
	padding: 10px;
}
.jigyo-cont li{
	margin-left: 40px;
	list-style-type: decimal;
	list-style-position: outside;
}

	.company-table{
		width:100%;
		margin: 0;
	}
	.company-table caption{
		margin: 10px;
		padding: 4px;
	}
	.company-table th,.company-table td{
		border: 1px solid #386dbb;
	}
	.company-table th{
	font-size: 14px
	}
	.company-table td{
	font-size: 14px
	}
	.jigyo-cont li{
		margin-left: 40px;
		list-style-type: decimal;
		list-style-position: outside;
	}
}
/***********フォーム************/
div.mail{
	margin-top: 30px;
}
div.mail form table.formtable{
	width: 780px;
	margin: 0 auto;
	border-collapse: collapse;
	border-color: #cccccc;
	margin-bottom: 10px;
}
div.mail form table.formtable th{
	width: 200px;
	background-color: #6da6cc;
	border: 1px solid #fff;
	color: #ffffff;
	font-size: 16px;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
}
div.mail form table.formtable th span{
	color: #000;
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 6px;
	margin-left: 20px;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.mail form table.formtable td{
	border: 1px solid #cccccc;
	color: #dcdcdc;
	padding: 20px;
}
div.mail form table.formtable td p{
	padding-top: 10px;
	color: #000;
}
input.area,select{
	width: 500px;
	margin: 0 auto;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2em;
}
select{
	padding: 10px;
	font-size: 14px;
}
input.post,input.area2{
	width: 100px;
	display: inline-block;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2em;
    padding-left: 30px;
}
textarea{
	width: 500px;
	height: 300px;
	margin: 0 auto;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2em;
}
input.area,textarea{
	font-size: 16px;
	padding-left: 30px;
	font-family:"kozuka-gothic-pr6n","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
p.submit{
	text-align: center;
}
p.submit input{
	background-color: #6da6cc;
	border: 0px;
	text-align: center;
	margin: 10px;
	font-family:"kozuka-gothic-pr6n","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	 color: #ffffff;
	 font-size: 17px;
	 font-weight: bold;
	 padding: 10px 0;
	 width: 180px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

@media screen and (max-width: 749px) {
	div.mail{
		margin-top: 30px;
	}
	div.mail form table.formtable{
		width:100%;
	}
	div.mail form table.formtable th{
		width: 100%;
		display: block;
		font-size: 14px;
		padding: 6px;
	}
	div.mail form table.formtable td{
		width: 100%;
		display: block;
	}
	div.mail form table.formtable td p{
		padding-top: 10px;
		color: #000;
	}
	input.area,select{
		width: 95%;
		margin: 0 auto;
			-webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    line-height: 1.4em;
	}
	select{
		padding: 6px;
	}
	textarea{
		width: 95%;
		height: 100px;
	}
	input.area,textarea{
		font-size: 14px;
		padding-left: 10px;
	}
}
input:hover{
	opacity:0.7;
}
@media screen and (min-width: 749px) and (max-width: 1290px) {
	body{
		min-width: 1290px;
	}
}
@media screen and (min-width: 749px) {
.pure-container{
		display: none;
	}
}


@media screen and (max-width: 749px) {
	#main-nav{
		display: none;
	}
	.pure-drawer ul li a{
		display: block;
		border-bottom: 1px dotted #888;
		text-align: center;
		padding: 10px;
		font-weight: bold;
		font-size: 18px;
	}
}