/* CSS Document */

/* bootstrap を初期化 */
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}
h1, h2, h3, h4, h5, h6{
	clear:both;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
}
.entry-content li p{
	font-size:100%;
}
.entry-content p{
	margin-bottom:20px;
}
.entry-content a{
	text-decoration: underline;
}

/*
共通
*/
.mycontentbox{
	width:960px;
	margin:0 auto;
}
.cb{
	clear:both;
}

.bg{
	padding-bottom:50px;
}
.bg-gray{
	background-color:#F2F2F2;
}
.flexbox{
	display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	-webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	-webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
	height:3px;
}
.drawer-hamburger{
	width:2.8rem;
	padding: 18px 2rem 30px;
}
@media screen and (max-width: 768px) {
	.flexbox{
		display:block;
	}
}


/*
ヘッダー
*/
#header{
	border-bottom:1px solid #ddd;
	background:#fff;
}
#header .header_box{
	
}
#header .logo_box{
	width:120px;
	float:left;
}
#header .logo_box img{
	margin-top:15px;
	margin-bottom:15px;
}
#header .other_box{
	width:840px;
	padding:0;
	margin:0;
	float:left;
}
#header .other_box img{
	vertical-align:inherit;
	padding:0;
	margin:0;
}
#header .contact_box{
	text-align:right;
}
#header .contact_box a:hover{
	opacity:0.8;
}
#header .nav_box{
}
#header .pc-menu{
	margin:8px 0 0 65px;
	padding:0;
}
#header .pc-menu li{
	float:left;
	list-style:none;
}
#header .pc-menu li.sep{
	width:1px;	
}
#header .pc-menu li a:hover{
	opacity:0.8;
}
.current_nav1{
	border-bottom:5px solid #F57F9E;
}
.current_nav2{
	border-bottom:5px solid #529FD1;
}
.current_nav3{
	border-bottom:5px solid #4EC391;
}
.current_nav4{
	border-bottom:5px solid #FBB54B;
}
.current_nav6{
	border-bottom:5px solid #999999;
}

@media screen and (max-width: 768px) {
	.mycontentbox{
			width:94%;
	}
	#header .logo_box{
		width:94%;
	}
	#header .logo_box img{
		width:76px;
		height:53px;
		margin-top:5px;
		margin-bottom:2px;
		margin-left:5px;
	}
}


/*
トップ
*/
.top_main{
	background:url(../img/top/main.jpg) no-repeat 50% 50%;
	background-size:cover;
	min-width:975px;
}
.top_main .top_message{
	padding:60px 0 0px;
}
.top_message img{
	max-width:100%;
}
.top_main .news_area{
	margin-top:40px;
	padding:9px 0 4px;
	color:#fff;
	background-color: rgba(0,0,0,0.5);
}

.news_title{
	font-weight:700;
	padding-left:5px;
	padding-right:10px;
	-webkit-flex-grow: 1; /* Safari */
  flex-grow:         1;
}
.news_name{
	padding-right:5px;
	padding-left:5px;
	-webkit-flex-grow: 6; /* Safari */
  flex-grow:         6;
}
.news_link{
	text-align:right;
	padding-right:5px;
	-webkit-flex-grow: 1; /* Safari */
  flex-grow:         1;
}
.news_link a{
	color:#fff;
}
@media screen and (max-width: 768px) {
	.top_main{
		min-width:inherit;
	}
}

/* トップサービス */
h2{
	text-align:center;
	padding:30px 0 20px;
}
.top_service_box{
	border:6px solid #ddd;
	border-radius:10px;
}
.top_service_box--1{
		border-color:#FCD7E1;
}
.top_service_box--2{
		border-color:#D2E6F3;
}
.top_service_box--3{
		border-color:#C4EBDA;
}
.top_service_box--4{
		border-color:#FEEBCE;
}
.top_service_box .service_title{
	margin-top:10px;
	margin-left:-6px;
}
.top_service_box p{
	margin-top:0;
	margin-bottom:0;
}
.top_service_box h3{
	padding:0px 10px;
	font-size:95%;
	line-height:142%;
	font-weight:700;
}
.top_service_box .text{
	padding:5px 10px;
	line-height:170%;
	font-size:90%;
}
.service_btn{
	display:block;
	border:1px solid #ddd;
	border-radius:20px;
	text-align:center;
	width:100%;
	text-decoration:none;
	margin-bottom:10px;
	padding:4px 0;
}
a.service_btn:hover{
	text-decoration:none;
	color:#fff;
}
.top_service_box--1 .service_btn{
	border-color:#FCD7E1;
	color:#F57F9E;
}
.top_service_box--2 .service_btn{
	border-color:#D2E6F3;
	color:#529FD1;
}
.top_service_box--3 .service_btn{
	border-color:#C4EBDA;
	color:#4EC391;
}
.top_service_box--4 .service_btn{
	border-color:#FEEBCE;
	color:#FBB54B;
}
.top_service_box--1 a.service_btn:hover{
	background-color:#F57F9E;	
	border-color:#F57F9E;
}
.top_service_box--2 a.service_btn:hover{
	background-color:#529FD1;	
	border-color:#529FD1;
}
.top_service_box--3 a.service_btn:hover{
	background-color:#4EC391;	
	border-color:#4EC391;
}
.top_service_box--4 a.service_btn:hover{
	background-color:#FBB54B;	
	border-color:#FBB54B;
}
@media screen and (max-width: 768px){
	.service_btn{
		margin:0 auto 10px;
		width:70%;
	}
}




/* トップ ニュース */
.news_item{
	margin-top:-1px;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	padding:20px 0 15px;
}
.newicon_box{
	text-align:right;
	width:100px;
}
.news_new{
	padding:3px 6px;
	background-color:#5695DA;
	color:#fff;
	margin-right:0px;
}
.news_date{
	text-align:right;
	padding-left:5px;
	padding-right:15px;
	width:100px;
}
.news_content{
	padding-left:5px;
	padding-right:5px;
	-webkit-flex-grow: 5; /* Safari */
  flex-grow:         5;
}

@media screen and (max-width: 768px){
	.news_link{
		margin-top:-5px;
		margin-bottom:5px;
	}
	.news_item{
		padding-left:20px;
		padding-right:20px;
	}
	.newicon_box{
		text-align:left;
	}
	.top_service_box{
		width:94%;
		margin:0 3% 10px;
	}
	.news_date{
		text-align:left;
	}
}
/*
フッター
*/
#footer{
	background-color:#666666;
	color:#fff;
	padding:30px 0 0;
}
.footer_company{
	width:300px;
	float:left;
	text-align:center;
	padding-top:10px;	
	padding-bottom:0px;
	border-right:1px dashed #fff;
}
.footer_link{
	width:660px;
	float:left;
	line-height:200%;
	padding-top:30px;
}
.footer_link1{
	padding-left:30px;
	-webkit-flex-grow: 3; /* Safari */
  flex-grow:         3;
	font-size:16px
}
.footer_link2{
	-webkit-flex-grow: 2; /* Safari */
  flex-grow:         2;
	font-size:16px;
}
#footer .footer_link1 a{
	color:#fff;
	font-size:13px;
	margin-left:10px;
}
#footer .footer_link2 a{
	color:#fff;
	font-size:16px;
}
#footer .copyright{
	text-align:right;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
}
.sm-footer a{
	color:#fff;
	font-size:13px;
}
.sm-footer .large-text{
	font-size:16px;
	margin:0px 0 5px;
}
.sm-footer .large-text a{
	font-size:16px;
	display:inline-block;
	margin:0 5px;
}
.sm-footer-company{
	margin-top:30px;
}
.sm-footer{
	padding:20px 0;
}
#footer .sm-footer .copyright{
	text-align:center;
}
.address_text{
	font-size:13px;
}



/*
個別ページ共通
*/
#breadcrumb{
	padding:10px 0;	
	font-size:80%;
}
.lead{
	padding-top:20px;
	padding-bottom:40px;
	font-size:16px;
}
h1.pageH1{
	margin:30px 0 0;
}
.pagecontent h2{
	text-align:left;
	margin-top:30px;
	padding-top:0;
}
.pagecontent p{
	line-height:200%;
}
.pagecontent p strong{
	font-size:120%;
}
.pagecontent p:last-child{
	margin-bottom:30px;
}
.pagecontent .flow{
	text-align:right;
}
.pagecontent .circleimg{
	text-align:center;
}


.color_1{
	background-color:#FEF0F4;
}
.color_2{
	background-color:#FDE1E9;
}
.color_2white{
	background-color:#FDE1E9;
}
.color_3{
	background-color:#EBF4F9;
}
.color_4{
	background-color:#DAEBF7;
}
.color_4white{
	background-color:#DAEBF7;
}
.color_5{
	background-color:#EAF8F2;
}
.color_6{
	background-color:#FFF8ED;
}

.contact_message{
	font-size:110%;
	line-height:200%;
	margin-top:80px;
}
.contact_btn{
	background-color:#5695da;
	padding:15px;
	width:400px;
	color:#fff;
	border-radius:4px;
	display:block;
	margin:0 auto;
	font-size:130%;
	letter-spacing:0.2em;
	margin-bottom:50px;
}
.contact_btn:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.9;
}

/* PC用マージン */
.circle-margin1{
	margin:25px 0 25px;
}	
.circle-margin2{
	margin:25px 0 25px;
}
.circle-margin3{
	margin:65px 0 25px;
}
.pagecontent h2.h2--margin1{
	margin-top:60px;
}

.pagecontent h2.h2--margin2{
	margin-top:70px;
}


@media screen and (max-width: 768px){
	.pagecontent h2{
		text-align:left;
	}
	.pagecontent h2 img:last-child{
		margin-left:-18px;
	}
	.pagecontent .flow{
		display:none;
	}
	.color_2white{
		background-color:#fff;
	}
	.color_4white{
		background-color:#fff;
	}
	.circle-margin1{
		margin:-15px 0 20px;
	}	
	.circle-margin2{
		margin:25px 0 20px;
	}
	.circle-margin3{
		margin:-15px auto 20px;
		display: block;
		max-width: 100%;
		height: auto;
	}	
	.contact_btn{
		width:80%;
	}
	.pagecontent h2.h2--margin1{
		margin-top:30px;
	}
	.pagecontent h2.h2--margin2{
		margin-top:30px;
	}
}


.company_table{
	padding:0 0 50px;
}
.company_table table{
	border-collapse:collapse;
}
.company_table table th,.company_table table td{
	padding:20px;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.company_table table th{
	padding:20px 20px 20px 40px;
}
.company_table table td{
	padding:15px 20px 15px 40px;
}
.company_table table td p{
	border-left:1px solid #dcdcdc;
	padding:10px 0 10px 40px;
	margin-bottom:0;
}

@media screen and (max-width: 768px){
	.company_table table th{
		padding-left:10px;
	}
	.company_table table td{
		padding-left:10px;
	}
	.company_table table td p{
		padding-left:10px;
	}
}

/*ポリシーページ*/
.policy_content h3{	
	font-size:100%;
	border-bottom:1px solid #dcdcdc;
	padding-bottom:10px;
	margin-bottom:5px;
	margin-top:3em;
	font-weight:700;
}
.policy_content table{
	margin-bottom:80px;
	margin-top:30px;
}
.policy_content table th{
	border:1px solid #dcdcdc;
	padding:20px 2em 20px 2em;
	width:12em;
}
.policy_content table td{
	border:1px solid #dcdcdc;
	padding:15px 20px 15px 20px;
}
.policy_content table ul{
	margin:0;
	padding:0;
}
.policy_content table li{
	list-style:none;
	padding-left:20px;
}
.policy_content table li:before{
	content:'・';
	margin-left:-1em;
}

/* お問い合わせ */
.contact_content table{
	margin-bottom:20px;
}
.contact_content table th{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:20px;
	width:30%;
}
.contact_content table td{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
		padding:20px 0px 20px 20px;
}
.contact_content table th span{
	color:#f00;
	padding-left:1em;
}
.contact_flow{
	text-align:center;
	margin-bottom:50px;
}
.hissu_caution{
	text-align:right;	
	margin-top:30px;
	font-size:85%;
	margin-bottom:0px;
}
.hissu_caution span{
	color:#f00;
}
.submit_btn{
	display:block;
	border:none;
	background-color:#5695DA;
	color:#fff;
	font-weight:700;
	font-size:21px;
	letter-spacing:0.2em;
	padding:0.65em 0.5em;
	text-align:center;
	border-radius:5px;
	margin:0 auto;
	width:383px;
}
.submit_btn:hover{
	color:#fff;
	text-decoration:none;
	background-color:#448bda;
}
.back_btn{
	display:block;
	border:none;
	background-color:#666;
	color:#fff;
	font-weight:700;
	font-size:21px;
	letter-spacing:0.2em;
	padding:0.45em 0.5em;
	text-align:center;
	border-radius:5px;
	width:150px;
	margin:0 auto;
}
.mycontact_box{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:40px 20px 0px;
	margin-bottom:40px;
}
.mycontact_box p{
	margin-bottom:2em;
}
input.textbox{
	width:400px;
	border:1px solid #dcdcdc;
	padding:8px;
	color:#333;
	border-radius:5px;
}
textarea.textbox{	
	width:530px;
	min-height:200px;
	border:1px solid #dcdcdc;
	padding:8px;
	color:#333;
	border-radius:5px;
}
.contact_policy{
	font-size:80%;
}
@media screen and (max-width: 768px) {
	.contact_flow img{
		margin-bottom:2px;
	}
	.arrow{
		color:#999;
		padding-bottom:5px;
	}
	.submit_btn{
		width:80%;
	}
	input.textbox{
		width:95%;
	}
	textarea.textbox{
		width:95%;
	}
	.contact_content table th{			
		border-top:1px solid #dcdcdc;
		border-bottom:none;
		display:block;
		width:100%;
		margin-top:-1px;
	}
	.contact_content table td{		
		border-top:none;
		border-bottom:1px solid #dcdcdc;
		display:block;
		padding-top:0;
	}
}