/*--- YUI RESET CSS ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
	margin:0;   
	padding:0;   
} 
table {  
	border-collapse:collapse;   
	border-spacing:0;   
} 
fieldset,img {    
	border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 
ol,ul {  
	list-style:none;   
} 
caption,th {  
	text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 
q:before,q:after {  
	content:'';   
} 
abbr,acronym {
	border:0;
}

/*--- font ---*/
body{
	font-family: Arial,'Helvetica Neue',Helvetica,Roboto,'Droid Sans','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo ,sans-serif;
/*font-family:"ＭＳ Ｐゴシック", sans-serif;*/
color:#000000;
font-size:12px;
line-height:150%;
letter-spacing:0px;/*文字間隔*/
word-spacing:0px;/*単語感覚*/
}
/*IE6 or sooner*/
* html body{
font-size:75%;
}

img{
vertical-align:bottom;
	max-width: 100%;
}
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    /*height: 0.1px;
    font-size: 0.1em;*/
    line-height: 0;
}

a{color: #0954AC;}

.str{
font-weight:bold;
}

/*.pcOnly{display: none;}*/
.spOnly{display: none;}


html,body{
width:100%;
height:100%;
}
#wrapp{
width:1000px;
height:100%;
margin:0 auto;
}
html>body #wrapp{
height:auto;
min-height:100%;
}


#header{
margin-bottom:30px;
border-bottom:solid 1px #dedede;
}
#header h1{
padding:17px 0 22px 0;
margin:0 0 12px 0;
border-bottom:solid 1px #dedede;
	text-align: center;
}
#header h1 a img{
	height: 45px;
}

.index--mvWrap{
	background: url("../img/top_mainimg.jpg") no-repeat center center;
	position: relative;
	height: 287px;
	margin-bottom: 13px;
}

.mvCopy{
	position: absolute;
	width: 640px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#header h1#top_h1{
border-bottom:none;
padding:0;
	position: absolute;
	left: 20px;
	top: 14px;
}
#header h1#top_h1 img{
	height: 43px;
}

#header #menuarea ul{
width:500px;
margin:0 auto 10px;
line-height:100%;
}
#header #menuarea ul:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#header #menuarea ul li{
float:left;
}
#header #menuarea ul li a:hover{
	opacity: .8;
}

#header #menuarea ul li.li1{
width:95px;
margin-right:54px;
}
#header #menuarea ul li.li2{
width:83px;
margin-right:58px;
}
#header #menuarea ul li.li3{
width:76px;
margin-right:56px;
}
#header #menuarea ul li.li4{
width:78px;
}

#footer{
border-top:solid 1px #dedede;
text-align:center;
padding:12px 0;
color:#0A4EA5;
}
#contents{
margin-bottom:60px;
}

#contents h2.pageTitle{
	margin-bottom: 30px;
}


/************   top page   *******************************************************************************/
#top_wrapp{
width:917px;
margin:0 auto; 
}
#top_wrapp #leftbox{
/*width:682px;
float:left;*/
}
#top_wrapp #rightbox{
width:227px;
float:right;
background:url(../img/top_side_w_body.jpg) left top repeat-y;
color:#0A4EA5;
}


#top_wrapp #leftbox{
color:#ccd4e3;
}
#top_wrapp #leftbox h2{
margin:0 0 30px 0;
	text-align: center;
}
#top_wrapp #leftbox h2 img{
		height: 28px;
}

#top_wrapp #leftbox #topboxarea{
/*width:682px;*/
	margin: 0 auto;
	width: 762px;
}
#top_wrapp #leftbox #topboxarea .topcell_line{
/*width:682px;
margin-bottom:2px;*/
	width: 762px;
	display: flex;
	margin: 0 auto 2px;
	justify-content: space-between;
	flex-wrap: wrap;
}

#top_wrapp #leftbox #topboxarea .topcell_line a{
	color: #ccd4e3;
}
#top_wrapp #leftbox #topboxarea .topcell_line a:hover{
	opacity: .8;
	transition: .3s;
}

#top_wrapp #leftbox #topboxarea .topcell{
/*width:329px;
padding:5px;
float:left;
margin:0 0 2px 0;*/
	width: 356px;
	padding: 12px;
	/*margin: 0 0 2px 0;*/
}
/*#top_wrapp #leftbox #topboxarea .cellbg1{background:url(../img/top_bg_1.jpg) left top repeat-y;}
#top_wrapp #leftbox #topboxarea .cellbg2{background:url(../img/top_bg_2.jpg) left top repeat-y;}*/

#top_wrapp #leftbox #topboxarea a .topcell li:nth-child(even){
	margin-left: 2px;
}
#top_wrapp #leftbox #topboxarea .cellbg1 a{
	display: block;
}
#top_wrapp #leftbox #topboxarea .cellbg1 li:nth-child(1){
	background:url(../img/top_bg1.jpg) center top no-repeat;
	background-size: cover;
	margin-bottom: 2px;
}
#top_wrapp #leftbox #topboxarea .cellbg1 li:nth-child(2){
	background:url(../img/top_bg2.jpg) center top no-repeat;
	background-size: cover;
	margin-left: 2px;
	margin-bottom: 2px;
}
#top_wrapp #leftbox #topboxarea .cellbg1 li:nth-child(3){
	background:url(../img/top_bg3.jpg) center top no-repeat;
	background-size: cover;
}
#top_wrapp #leftbox #topboxarea .cellbg1 li:nth-child(4){
	background:url(../img/top_bg4.jpg) center top no-repeat;
	background-size: cover;
	margin-left: 2px;
}


#top_wrapp #leftbox #topboxarea .topcell .left{
width:89px;
float:left;
}
#top_wrapp #leftbox #topboxarea .topcell .right{
width:250px;
float:right;
}
#top_wrapp #leftbox #topboxarea .topcell .right .p1{
margin:7px 0 8px;
}
#top_wrapp #leftbox #topboxarea .topcell .right p.p1 img{
	height: 16px;
	width: auto;
}

#top_wrapp #leftbox #topboxarea .topcell .right .p2{
letter-spacing:0px;
}


#top_wrapp #rightbox a{
color:#0A4EA5;
}
#top_wrapp #rightbox a:hover{
color:#6B98CD;
}

#top_wrapp #rightbox #top_st_wrapp{
width:227px;
background:url(../img/top_side_w_top.jpg) left top no-repeat;
padding-top:20px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st{
width:227px;
background:url(../img/top_side_w_bottom.jpg) left bottom no-repeat;
padding-bottom:20px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p1{
text-align:center;
margin-bottom:5px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p2{
width:200px;
margin:0 0 12px 16px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p3{
width:200px;
margin:0 0 0 16px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p3 img{
display:block;
margin-bottom:6px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p4{
width:200px;
margin:0 0 8px 16px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p4 a{
letter-spacing:0;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p5{
width:200px;
margin:0 0 8px 16px;
}
#top_wrapp #rightbox #top_st_wrapp #top_st .p6{
width:200px;
margin:0 0 0 16px;
}

#outlinebox table td p.maplink{
	padding-top: 1rem;
	font-size: 12px;
}

/*********************************************************************************************************/


/************   outline page   *******************************************************************************/
#outlinebox{
width:730px;
margin:0 auto;
}
#outlinebox h2 img{
	height: 58px;
}

#outlinebox h3{
margin:0 0 0;
}
#outlinebox table{
color:#0954AC;
font-size:14px;
	width: 730px;
}
#outlinebox table th,#outlinebox table td{
background:url(../img/dotline.gif) left top repeat-x;
}
#outlinebox table th{
background-color:#f7f7f7;
padding:15px 15px 20px;
width:167px;
}
#outlinebox table td{
width:385px;
padding:15px 0 15px 25px;
}
#outlinebox table td p{
margin-bottom:1em;
}
#outlinebox table td p a{
	padding-top: 8px;
	display: inline-block;
}

/*********************************************************************************************************/



/************   service page   *******************************************************************************/
#servicebox{
width:730px;
margin:0 auto;
}
#servicebox h2 img{
	height: 58px;
}

#servicebox h3{
margin:0 0 0;
}
.service_cell{
width:730px;
margin-bottom:60px;
font-size:14px;
}
.service_cell_last{
width:730px;
margin-bottom:75px;
}
.service_cell .left{
width:85px;
float:left;
}
.service_cell .right{
width:600px;
float:right;
}
.service_cell .right .p1{
margin:0 0 15px 0;
}
.service_cell .right .p1 img{
	height: 20px;
}

.service_cell .right .p2{
color:#4B76AD;
line-height:170%;
	margin-bottom: 1rem;
}

#service_w_wrapp{
width:687px;
	border: 1px solid #ccc;
	border-radius: 15px;
	box-shadow: 0px 3px 6px rgba(0,0,0,.3)
/*background:url(../img/service_w_body.jpg) left top repeat-y;*/
}
#service_w_wrapp #service_w_wrapp_in{
width:687px;
/*background:url(../img/service_w_top.jpg) left top no-repeat;*/
}
#service_w_wrapp #service_w_wrapp_in #service_w{
width:654px;
/*background:url(../img/service_w_bottom.jpg) left bottom no-repeat;*/
padding:22px 11px 30px 22px;
}
#service_w .left{
width:365px;
float:left;
}
#service_w .right{
width:260px;
float:right;
margin-top:17px;
}

#service_w .left .left_l{
width:71px;
float:left;
}
#service_w .left .left_r{
width:266px;
float:right;
margin:21px 0 0;
}
#service_w .left .left_r .p1{
margin-bottom:14px;
}
#service_w .left .left_r .p1 img{
display:block;
margin-bottom:8px;
}
#service_w .left .left_r .p3 img{
	height: 17px;
	width: auto;
}


#service_w .right p{
margin-bottom:6px;
}
#service_w .right .p1{
font-size:14px;
}
#service_w .right .p2{
font-size:12px;
color:#0A4EA5;
}
#service_w .right a{
color:#0A4EA5;
}
#service_w .right a:hover{
color:#6B98CD;
}

/*********************************************************************************************************/



/************   service page   *******************************************************************************/
#contactbox{
width:729px;
margin:0 auto;
}
#contactbox h2 img{
	height: 58px;
}


#contactbox h3{
margin:0 0 0;
}

#contactbox .caution{
	line-height			:	180%;
	text-align			:	center;
	margin-bottom		:	20px;
}

#contactbox span{
	color				:	#FF0000;
}

#contactbox table{
	margin				:	0 auto;
	width				:	729px;
	border-collapse		:	collapse;
	border				:	solid 1px #CCCCCC;
}

#contactbox table th {
	padding				:	10px 0 10px 15px;
	width				:	176px;
	border				:	solid 1px #CCCCCC;	
}

#contactbox table td {
	padding				:	10px 0 10px 10px;
	width				:	531px;
	border				:	solid 1px #CCCCCC;	
}

#contactbox .confirmation {
	text-align			:	center;
	font-size			:	12px;
	padding-top			:	45px;
}

#contactbox .confirmation p {
	margin				:	8px 0 0 0;
	line-height			:	150%;
}
#contactbox .confirmation p span{
		color: #000;
	}
#contactbox .confirmation  p span.confirmation--footTel::after{
	content: '/';
	margin-left: 8px;
}
	#contactbox .confirmation p span.confirmation--footTel a{
		text-decoration: none;
		color: #000;
	}


#contactbox .confirmation .confirmation_btn {
	margin-bottom		:	10px;
}

	#contactbox .confirmation input{
		height: 40px;
		width: auto;
	}

.confirmation input,select{
		border: none;
	}

	input,select{
		padding: 8px;
		width: auto;
		border: 1px solid #ccc;
	}
	textarea{
		width: 92%;
	}


/*********************************************************************************************************/


	/*電話発信抑制*/

@media(min-width: 768px){
 a[href^="tel:"]{
    pointer-events: none;
  }
}