@charset "UTF-8";
@import url("reset.css");


/* --------------------------------------------------
Init
-------------------------------------------------- */
@font-face {
	font-family: "YuGo";
	font-weight: normal;
	src: local("YuGo-Medium"), 
	local("Yu Gothic Medium"), 
	local("YuGo-Regular"), 
	local("游ゴシック Medium"), 
	local("游ゴシック体"); 
}

@font-face {
	font-family: "YuGo";
	font-weight: bold;
	src: local("YuGo-Bold"), 
	local("Yu Gothic"); 
}



html {
	overflow-y: scroll;
	font-family: "Yu Gothic", YuGo, YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN","メイリオ","Meiryo",arial, Myriad, sans-serif;
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 1;
	color:#3f3f3f;
	position: relative;
	font-feature-settings : "palt";
	text-align: justify;
	background-color:#fff;
}

img {
	vertical-align: bottom;
	outline: none;
}



/* --------------------------------------------------
共通
-------------------------------------------------- */

a:link,
a:visited {
	text-decoration: none;
	color:#3f3f3f;
}
a:hover,
a:active {
	text-decoration: underline;
	color:#3f3f3f;
}
a img {
	border: 0;
	transition: 0.3s;
}
a img:hover {
	opacity: 0.7 ;
}

.cf:after, .inner:after {
  display: block;
  clear: both;
  content: "";
}

.inner {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:97.333333333333%;/*LR10px*/
}

section {
	text-align:center;
}

br.sp{
	display:none;
}

p.small{
	font-size:14px !important;
}

@media screen and (max-width: 750px) {
	#wrapper{
		overflow:hidden;
	}
	img {
		width:100%;
		height:auto;
	}
	br.sp{
		display:block;
	}
	p.small{
	font-size:2vw !important;
	}
}
	



/* --------------------------------------------------
header
-------------------------------------------------- */
#g_header {
	background-color:rgba(255,255,255,0.85);
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}
#g_header .logo {
	float:left;
	height:80px;
	min-height:80px;
	display:table;
	max-width:121px;
	width:30%;
}
#g_header .logo a {
	display:table-cell;
	vertical-align:middle;
}
#g_header .btn {
	float:right;
	height:80px;
	min-height:80px;
	display:table;
	max-width:268px;
	width:56%;
}
#g_header .btn a {
	display:table-cell;
	vertical-align:middle;
}
#g_header .inner {
	max-width:1000px;
	height:80px;
	width:97.333333333333%;/*LR10px*/
}
@media screen and (max-width: 750px) {
	#g_header{
		padding:0 2%;
		height:60px;	
	}
	#g_header .logo {
		height:60px;
		min-height:60px;
	}
	#g_header .btn {
		height:60px;
		min-height:60px;
	}
	#g_header .inner {
		height:60px;
	}
}


/* --------------------------------------------------
firstview
-------------------------------------------------- */
#firstview {
	width:100%;
	height:570px;
	background:url(../img/mainImg_bg.jpg) no-repeat 50% 0;
	text-align:center;
	padding:0;
}
#firstview .catchcopy {
	display:inline-block;
	padding-top:0;
}
#firstview .catchcopy img.pc{
	display:inline-block;
}
#firstview .catchcopy img.sp{
	display:none;
}
@media screen and (max-width: 750px) {
	#firstview{
		height:auto;
		background:none;	
	}
	#firstview .catchcopy img.pc{
		display:none;
	}
	#firstview .catchcopy img.sp{
		display:inline-block;
	}
}



/* --------------------------------------------------
section01
-------------------------------------------------- */
#section01{
padding:30px 0 105px;
}
#section01 .title{
padding-bottom:95px;	
}
@media screen and (max-width: 750px) {
#section01{
padding:6vw 0 10vw;
}
#section01 .title{
padding:0 3% 6vw;
}
}


/* --------------------------------------------------
section02
-------------------------------------------------- */
#section02{
padding-bottom:40px;
}
#section02 .title{
padding-bottom:25px;
}
#section02 ul{
letter-spacing:-.40em;	
}
#section02 ul li{
width:440px;
background:#f0f0f0;
border-radius: 10px;  
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
display:inline-block;
letter-spacing:normal;
margin:0 25px 50px;
padding:30px 0;
vertical-align:top;
}
#section02 ul li p{
padding:10px 30px 0;
font-size:16px;
line-height:1.8;
text-align:left;	
}
@media screen and (max-width: 750px) {
#section02{
padding-bottom:7vw;
}
#section02 .title{
padding:0 3% 6vw;
}
#section02 ul li{
width:45%;
margin:0 2% 5vw;
padding:3vw 0;
min-height:70vw;	
}
#section02 ul li p{
padding:3vw 3% 0;
font-size:3vw;
line-height:1.4;	
}
}


/* --------------------------------------------------
section03
-------------------------------------------------- */
#section03 .title{
padding-bottom:25px;
}
#section03 h3{
margin-bottom:35px;	
}
#section03 .sec{
background:#f7f7f7 url(../img/bg01.jpg)	no-repeat 50% 0;
padding:60px 0 20px;
}
#section03 .box01,
#section03 .box02,
#section03 .box03,
#section03 .box04{
background:#fff;
padding:40px 0;
margin-bottom:50px;
}
#section03 .box01 ul{
letter-spacing:-.40em;		
}
#section03 .box01 ul li{
width:216px;
display:inline-block;
letter-spacing:normal;
margin:0 12px;
vertical-align:top;	
}
#section03 .box01 ul li p{
font-size:15px;
line-height:1.6;
text-align:left;	
}
#section03 .box01 ul li p.small{
padding-top:1em;	
}
#section03 .box02 .table-wp{
padding:0 28px;
}
#section03 .box02 table{
width:100%;
font-size:16px;
line-height:1.4;
border:#f0f0f0 solid 1px;
box-shadow:0px 0px 10px #f0f0f0;	
}
#section03 .box02 table th{
padding:1.5em 1em;
vertical-align:middle;
}
#section03 .box02 table td{
padding:1.5em 1em;
vertical-align:middle;
}
#section03 .box02 table th:last-child,
#section03 .box02 table td:last-child{
border-right:none;	
}
#section03 .box02 table thead th{
color:#fff;
background:#f7c5a9;
border-right:#fff solid 2px;
font-weight:bold;	
}
#section03 .box02 table tbody tr:nth-child(even){
background:#f0f0f0;	
}
#section03 .box02 table tbody th{
border-right:#b8b8b8 solid 2px;	
}
#section03 .box02 table tbody th.first{
border-bottom:#b8b8b8 solid 2px;
background:#fff;	
}
#section03 .box02 table tbody th:first-child,
#section03 .box02 table tbody th strong{
font-weight:bold;	
}
#section03 .box02 table tbody th strong{
color:#ec6e29;
display:block;
text-align:left;	
}
#section03 .box02 table tbody td{
font-size:14px;
border-right:#b8b8b8 solid 2px;
width:70%;
text-align:left;		
}
#section03 .box03 h3{
margin-bottom:0;	
}
#section03 .box04 p{
font-size:16px;
margin-bottom:20px;	
}
#section03 .box04 p.small{
margin-bottom:0;	
}
@media screen and (max-width: 750px) {
#section03 .title{
padding:0 3% 6vw;
}
#section03 h3{
margin-bottom:5vw;	
}
#section03 h3 img{
height:5vw;
max-height:27px;
width:auto;	
}
#section03 .sec{
padding:10vw 5% 5vw;
}
#section03 .box01,
#section03 .box02,
#section03 .box03,
#section03 .box04{
background:#fff;
padding:5vw 0;
margin-bottom:10vw;
}
#section03 .box01 ul li{
width:45%;
margin:0 2% 4%;	
}
#section03 .box01 ul li p{
font-size:3vw;	
}
#section03 .box02 .table-wp{ 
display: block; 
position: relative; 
width: 100%;
padding:0 3%; 
}
#section03 .box02 .table-wp table{ 
display: block; 
width: auto; 
position: relative; 
overflow-x: auto; 
white-space: nowrap;
font-size:3vw; 
}
#section03 .box02 table th{
padding:1em;
}
#section03 .box02 table td{
padding:1em;
}
#section03 .box02 table tbody td{
font-size:3vw;		
}
#section03 .box03 h3{
margin-bottom:4vw;	
}
#section03 .box03 p{
padding:0 3%; 	
}
#section03 .box04 p{
font-size:3vw;
line-height:1.4;
margin-bottom:4vw;	
}
}


/* --------------------------------------------------
section04
-------------------------------------------------- */
#section04{
padding:35px 0 0;
}
#section04 .title{
padding-bottom:30px;	
}
#section04 p{
margin-bottom:35px;	
font-size:16px;
line-height:1.6;
}
#section04 ul{
letter-spacing:-.40em;	
}
#section04 ul li{
width:440px;
background:#f0f0f0;
border-radius: 10px;  
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
display:inline-block;
letter-spacing:normal;
padding:30px;
margin:0 25px;
vertical-align:top;	
}
#section04 ul li h3{
margin-bottom:30px;	
}
#section04 ul li p{
margin:0;
line-height:1.4;
text-align:left;
}
#section04 ul li p.up{
float:left;
margin-right:15px;	
}
#section04 ul li p.low{
clear:both;
padding-top:30px;	
}
@media screen and (max-width: 750px) {
#section04{
padding:10vw 0 0;
}
#section04 .title{
padding:0 3% 6vw;
}
#section04 p{
margin-bottom:4vw;	
font-size:3vw;
padding:0 3%;
}
#section04 ul li{
width:94%;
padding:4vw 3%;
margin:0 0 5vw;
}
#section04 ul li h3{
margin-bottom:5vw;	
}
#section04 ul li h3 img{
height:5vw;
max-height:27px;
width:auto;	
}
#section04 ul li p.up{
width:40%;
max-width:190px;
margin-right:3%;	
}
#section04 ul li p.low{
padding-top:5vw;	
}
}


/* --------------------------------------------------
section05
-------------------------------------------------- */
#section05{
padding:80px 0 0;
}
#section05 .title{
padding-bottom:20px;	
}
#section05 .sec{
background:#f7f7f7 url(../img/bg01.jpg)	no-repeat 50% 0;
padding:70px 0 20px;
}
#section05 .box01{
padding-bottom:70px;	
}
#section05 .box01 ul{
letter-spacing:-.40em;
text-align:center;	
}
#section05 .box01 ul li{
display:inline-block;
letter-spacing:normal;
margin:0 17px 30px;	
}
#section05 .box01 p{
font-size:16px;
padding-top:10px;	
}
#section05 .box02,
#section05 .box03{
background:#fff;
padding:30px;
margin-bottom:50px;	
}
#section05 .box02 h3,
#section05 .box03 h3{
text-align:left;
margin-bottom:25px;	
}
#section05 .box02 ul,
#section05 .box03 ul{
letter-spacing:-.40em;
border:#f0f0f0 solid 1px;
box-shadow:0px 0px 10px #f0f0f0;
padding:20px 0;	
}
#section05 .box02 ul li,
#section05 .box03 ul li{
display:inline-block;
letter-spacing:normal;
margin:0 10px;	
}
#section05 .box02 dl,
#section05 .box03 dl{
padding-top:20px;
font-size:16px;
text-align:left;
line-height:1.6;	
}
#section05 .box02 dl dt,
#section05 .box03 dl dt{
background:url(../img/arrow01.png) no-repeat 30px 2em;
color:#ec6e29;
font-weight:bold;
padding:1.5em 45px;
border-bottom:#b8b8b8 dotted 2px;	
}
#section05 .box02 dl dd,
#section05 .box03 dl dd{
background:url(../img/arrow02.png) no-repeat 30px 2em;
padding:1.5em 45px;	
}
@media screen and (max-width: 750px) {
#section05{
padding:10vw 0 0;
}
#section05 .title{
padding:0 3% 6vw;
}
#section05 .sec{
padding:5vw 0 5vw;
}
#section05 .box01 ul{
	
}
#section05 .box01 ul li{
width:30%;
margin:0 1% 3.5vw;	
}
#section05 .box01{
padding-bottom:5vw;	
}
#section05 .box01 p{
font-size:3vw;
padding-top:5vw;
line-height:1.4;	
}
#section05 .box02,
#section05 .box03{
padding:5vw;
margin:0 5% 7vw;	
}
#section05 .box02 h3,
#section05 .box03 h3{
margin-bottom:5vw;	
}
#section05 .box02 h3 img,
#section05 .box03 h3 img{
height:5vw;
max-height:27px;
width:auto;		
}
#section05 .box02 ul,
#section05 .box03 ul{
padding:5vw 0 1vw;	
}
#section05 .box02 ul li,
#section05 .box03 ul li{
margin:0 3% 4vw;
display:block;	
}
#section05 .box02 dl,
#section05 .box03 dl{
padding-top:3vw;
font-size:3vw;	
}
#section05 .box02 dl dt,
#section05 .box03 dl dt{
background:url(../img/arrow01.png) no-repeat 5px 1.5em;
color:#ec6e29;
font-weight:bold;
padding:1.5em 18px;
border-bottom:#b8b8b8 dotted 2px;	
}
#section05 .box02 dl dd,
#section05 .box03 dl dd{
background:url(../img/arrow02.png) no-repeat 5px 1.5em;
padding:1.5em 18px;	
}
}


/* --------------------------------------------------
section06
-------------------------------------------------- */
#section06{
padding:70px 0 60px;
}
#section06 .title{
padding-bottom:20px;	
}
#section06 .conts{
border:#f0f0f0 solid 1px;
box-shadow:0px 0px 10px #f0f0f0;
padding:20px;
margin:0 28px;
}
#section06 .conts p{
margin-bottom:30px;	
line-height:1.6;
}
#section06 .conts p.small{
text-align:left;	
}
#section06 .box01{
border-bottom:#b8b8b8 dotted 2px;
margin-bottom:40px;	
}
@media screen and (max-width: 750px) {
#section06{
padding:10vw 0 8vw;
}
#section06 .title{
padding:0 3% 6vw;
}
#section06 .conts{
padding:5vw;
margin:0 3%;
}
#section06 .conts p{
margin-bottom:5vw;	
}
#section06 .box01{
margin-bottom:5vw;	
}
}


/* --------------------------------------------------
section07
-------------------------------------------------- */
#section07{
background:#f7f7f7;
padding:45px 0;
}
#section07 .title{
padding-bottom:35px;	
}
#section07 p{
margin-bottom:30px;	
line-height:1.6;
}
#section07 p.small{
text-align:left;
padding:0 4em;
}
@media screen and (max-width: 750px) {
#section07{
padding:6vw 0;
}
#section07 .title{
padding:0 3% 6vw;
}
#section07 .title img{
height:5vw;
max-height:27px;
width:auto;		
}
#section07 p{
margin-bottom:4vw;		
}
#section07 p.small{
padding:0 2em;
}
}


/* --------------------------------------------------
section08
-------------------------------------------------- */
#section08{
padding:65px 0;
}
#section08 h2{
margin-bottom:35px;	
}
#section08 .conts{
border:#f0f0f0 solid 1px;
box-shadow:0px 0px 10px #f0f0f0;
padding:40px 20px;
margin:0 28px;
}
#section08 .list{
border:#ddd solid 1px;
padding:8px 28px;
overflow-y:auto;	
}
#section08 .list dl{
border-bottom:#b8b8b8 dotted 2px;
padding:20px 0;	
text-align:left;
line-height:1.6;
}
#section08 .list dl:last-child{
border-bottom:0;
}
#section08 .list dl dt{
background:url(../img/sec08_icon-q.png) no-repeat 0 0;
padding:0 0 0 40px;	
color:#e95504;
font-size:18px;
font-weight:bold;
min-height:27px;
margin-bottom:10px;
}
#section08 .list dl dd{
background:url(../img/sec08_icon-a.png) no-repeat 0 0;
padding:0 0 0 40px;
font-size:16px;	
}
@media screen and (max-width: 750px) {
#section08{
padding:10vw 3%;
}
#section08 h2{
padding:0 3% 6vw;
margin:0;
}
#section08 h2 img{
height:5vw;
max-height:27px;
width:auto;		
}
#section08 .conts{
padding:5vw 3vw;
margin:0;
}
#section08 .list{
padding:2vw 4vw;
height:50vw;	
}
#section08 .list dl{
padding:5vw 0;
line-height:1.4;	
}
#section08 .list dl dt{
background:url(../img/sec08_icon-q.png) no-repeat 0 0;
padding:0 0 0 35px;	
color:#e95504;
font-size:4vw;
font-weight:bold;
min-height:27px;
margin-bottom:10px;
}
#section08 .list dl dd{
background:url(../img/sec08_icon-a.png) no-repeat 0 0;
padding:0 0 0 35px;
font-size:3vw;	
}
}


/* --------------------------------------------------
section09
-------------------------------------------------- */
#section09{
padding:0 0 85px;
}
#section09 h2{
margin-bottom:35px;	
}
#section09 ul{
padding:0 28px;
font-size:16px;
}
#section09 ul li{
border-bottom:#b8b8b8 dotted 2px;
padding:1.5em 0;	
}
#section09 ul li:first-child{
border-top:#b8b8b8 dotted 2px;
}
#section09 ul li span{
margin-right:1em;	
}
@media screen and (max-width: 750px) {
#section09{
padding:0 0 10vw;
}
#section09 h2{
padding:0 3% 6vw;
margin:0;
}
#section09 h2 img{
height:5vw;
max-height:27px;
width:auto;		
}
#section09 ul{
padding:0 5vw;
font-size:3vw;
}
}




/* --------------------------------------------------
footer
-------------------------------------------------- */
footer#g_footer {
	text-align:center;
	clear:both;
}

footer#g_footer .ft_upper{
	background:#f7f7f7 url(../img/ft_bg.jpg) no-repeat 50% 0;
	padding:90px 0 55px;
	color:#3f3f3f;
}
footer#g_footer .ft_upper .logo,
footer#g_footer .ft_upper .bnr{
	margin-bottom:25px;	
}
footer#g_footer .ft_upper .info p{
	font-size:12px;
	margin-bottom:1em;	
}
footer#g_footer .ft_upper .info .pc{
	display:inline-block;	
}
footer#g_footer .ft_upper .info .sp{
	display:none;	
}
footer#g_footer .ft_upper .copyright{
	font-size:10px;
	padding-top:35px;
}

footer#g_footer .ft_lower{
	background:#f1b290;
	color:#fff;
	padding:60px 0 40px;
}
footer#g_footer .ft_lower .logo{
	margin-bottom:40px;
}
footer#g_footer .ft_lower .link a{
	text-decoration:underline;
	color:#fff;
	font-size:12px;
}
footer#g_footer .ft_lower .link a:hover{
	text-decoration:none;
}
@media screen and (max-width: 750px) {
	footer#g_footer .ft_upper{
		padding:10vw 0 5vw;
	}
	footer#g_footer .ft_upper .logo,
	footer#g_footer .ft_upper .bnr{
		margin-bottom:5vw;	
	}
	footer#g_footer .ft_upper .logo img{
		width:40%;
		max-width:190px;	
	}
	footer#g_footer .ft_upper .bnr img{
		width:90%;
		max-width:405px;	
	}
	footer#g_footer .ft_upper .info .phone img{
		width:60%;
		max-width:285px;	
	}
	footer#g_footer .ft_upper .info p{
		font-size:4vw;
		line-height:1.4;	
	}
	footer#g_footer .ft_upper .info .pc{
		display:none;	
	}
	footer#g_footer .ft_upper .info .sp{
		display:inline-block;	
	}
	footer#g_footer .ft_upper .copyright{
		font-size:3vw;
		padding-top:5vw;
	}
	
	footer#g_footer .ft_lower{
		padding:7vw 0 4vw;
	}
	footer#g_footer .ft_lower .logo{
		margin-bottom:5vw;
	}
	footer#g_footer .ft_lower .logo img{
		width:30%;
		max-width:145px;
	}
	footer#g_footer .ft_lower .link a{
		font-size:4vw;
	}
}

/* 20190829 comment out */
/*
.animate-box {
  opacity: 0;
}
+/


/* --------------------------------------------------
page top
-------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    font-size: 100%;
}
#page-top a {
    background: #434343;
    text-decoration: none;
    color: #fff;
    width: 80px;
    text-align: center;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 30% 0 0;
    height: 80px;
    line-height: 1.2em;
}


@media screen and (max-width: 750px) {

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 100%;
}
	
}


/* --------------------------------------------------
form
-------------------------------------------------- */

#form .form {
	margin: 80px auto;
	width: 90%;
}

/* --------------------------------------------------
section Notice
-------------------------------------------------- */
/*
section#notice_area h2 {
  margin-bottom: 30px;
  font-size: 24px !important;
  font-weight: bold;
}
#notice_area p {
  margin-bottom: 13px;
  line-height: 1.8em;
}
#notice_area a {
  color: orange;
  text-decoration:underline;
}
*/

/* --------------------------------------------------
 footer address
-------------------------------------------------- */
#ft_address { line-height: 1.5em;  }
#ft_address strong { display: block; margin-bottom: 5px; letter-spacing: 3px; font-size: 34px; font-weight: bold; }
#ft_address span { letter-spacing: 0px; font-size: 18px; font-weight: bold; }