@charset "UTF-8";
/* CSS Document */

@media (max-width:1024px) {
.inner {max-width: 1000px !important;}

}
@media (max-width:770px) {

.inner  {max-width: 746px !important;}

#header > .inner {height: 65px}
#container {padding-top:125px;}
#containerE {padding-top:90px;}
}
@media (max-width:650px) {

#containerE {padding-top:55px;}
body#top #container  {padding-top:50px;}/*トップページのみ*/

#header {
	/* box-shadow */
box-shadow:0px 0px 6px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.2);
}

#header #img-head .inner {height:50px !important;}

#img-head .inner h2#content-title{font-size:120% !important;}

.inner  {max-width: 626px !important; padding:0 !important;}

#header > .inner {height: 60px !important;}
#container {padding-top:50px;}

#font_cont {display:none;}

/*積立その他サイドメニュー有り*/
#menu-title,
ul.pc-menu {display:none !important;} 
#container.tumitate #contents-inner {padding-top:0px !important;}/*積立保険*/
#container.iryou #contents-inner {padding-top:0px !important;}/*医療保険*/
#container.car #contents-inner {padding-top:0px !important;}/*自動車保険*/
#container.house #contents-inner {padding-top:0px !important;}/*住まいの保険*/
#container.house #contents-inner {padding-top:0px !important;}/*グループ保険*/
#container.house #contents-inner {padding-top:0px !important;}/*おまもり王子*/


#container.qa #contents-inner {padding-top:0px !important;}/*Q&A*/

#sp-menu-title,
ul.accordion { display:block !important;}
#two-column .left{ width:100% !important;}
#two-column .right{ display:none !important;}


#banner #telnum img {
	width:90%;
	max-width:184px;
	max-height:50px;
	margin:0 auto;
	display:block;
}

}

@media (max-width:500px) {
.sp-none { display:none;}/*スマホ非常寺*/
}

@media (max-width:414px) {

*{font-size:12px;}

.sp-none { display:none;}/*スマホ非常寺*/


#img-head .inner h2#content-title{
	width:230px;
	font-size:133% !important;
	}

#link-group .left,
#link-group .right {
	float:none;
	clear:both;
	width:100%;
}

#one-column {
	padding-top:20px;
}

#one-column .cell .icon,
#two-column .left .cell .icon {
	width:100%;
	min-height:170px;
	clear:both;
	position:relative;
	border:none;
}

#one-column .cell .detail,
#two-column .left .cell .detail {
	width:100%;
	min-height:100px;
	clear:both;
	position:relative;
	border:none;
	border-left: none;
	border-top: 1px solid #ccc;
}
}

@media (max-width:1000px) {

#footer .top .right .coution{
	margin-right:10px;
	}
#footer .top .left ul{
	margin-left:10px;
	}
}

@media (min-width:981px) {
.pc {display: block !important;}
.sp {display: none !important;}
.sp {display: none !important;}
.sp414 {display: none !important;}

.sp-clear { display: none !important;}

#header .inner {height:80px !important;}
#sya > .inner{ height:100px !important;}


#party {width:76% !important; float:left;}
#banner {width:22% !important; float:right;}

}

@media (max-width: 980px) and (min-width:771px) {

.pc {display: block !important;}
.sp {display: none !important;}
.sp {display: none !important;}
.sp414 {display: none !important;}

.sp-clear { display: none !important;}


#header .inner {height:80px !important;}

#party {width:76% !important; float:left;}
#banner {width:22% !important; float:right;}

#party2 div.box{
	width:46% !important;
}

.fontS #news-top {width:77% !important;}

}

@media (max-width: 770px) and (min-width:651px) {

.pc {display: none !important;}
.pd {display: block !important;}
.sp {display: none !important;}
.sp414 {display: none !important;}

.sp-clear { display: none !important;}

#sya > .inner{ height:40px !important;}

#party {width:76% !important; float:left;}
#banner {width:22% !important; float:right;}

#party2 div.box{
	float:none !important;
	width:auto !important;
	margin:0 0 15px !important;
	height:50px;
	line-height:50px;
	vertical-align:middle;
}

.sp414-clear{clear:none;}

}

@media (max-width: 650px) and (min-width:415px) {

.pc {display: none !important;}
.pd {display: none !important;}
.sp {display: block !important;}
.sp414 {display: none !important;}

.sp-clear { display: block !important; clear:both;}

#header > .inner {height:50px !important;}
#header #utility{width:20%;}

#party {width:100% !important; float:none; margin:0 0 15px;}
#banner {width:100% !important; float:none;}

#party {width:auto !important; height:auto; clear:both; float:none;}
#banner {width:auto !important; height:auto; clear:both; float:none;}

.fontS #news-top,
.fontM #news-top,
.fontL #news-top {
	float:none !important;
	width:auto !important;
}

.slider__arrows-item {
	height:40px;
	width:20px;
	line-height:40px;
	font-size:10px;
}

.slider__arrows-item--right {
  margin:0 0 -20px;
  right: 2px;
}
.slider__arrows-item--left {
  margin:0 0 -20px;
  left:2px;
}

.slider__nav {display:none;}


#bottom_banner ul li {
	width:100%;
	margin-bottom:5px;
	clear:both;
	display:block;
}

#footer .top .left{
	width:100%;
	overflow:hidden;
	position:relative;
}
#footer .top .right{
	width:100%;
	clear:both;
}

#footer .top .right .coution{
	margin:0 10px;
	}
	
#footer .top .left ul{
	margin:0 10px;
	}

#footer .top .right p,
#footer .bottom #copy{
	margin:0 10px;
	}
}


@media (max-width: 414px) and (min-width:1px) {

.pc {display: none !important;}
.pd {display: none !important;}
.sp {display: block !important;}
.sp414 {display: block !important;}

.sp-clear { display: block !important; clear:both;}


p.slogan {font-size:120% !important;}

#header .inner {height:50px !important;}
#header .inner #logo{width:70%;}
#header #utility{width:20%;}



.slider__nav { display:none;}


#party {width:100% !important; float:none; margin:0 0 15px;}
#banner {width:100% !important; float:none;}

/*社員向け保険*/
#party #ac .inner-box ul.icon li {
	width:30.5% !important;
}
#party #ac .inner-box  ul.icon li:nth-child(4) {
	margin:0 !important;
}

/*OB向け保険*/
#party #ob .inner-box ul.icon li {
	width:45% !important;
	text-align:center !important;
}
#party #ob .inner-box ul.icon li img {
	width:auto;
	max-height:25px !important;
	display:inline !important;
}
/*
#party #ob .inner-box {
	background: #445099 url(../img/common/arrow.png) center right no-repeat;
	background-size:25px auto;
}
*/
.fontS #news-top,
.fontM #news-top,
.fontL #news-top {
	float:none !important;
	width:auto !important;
}

#news-top ul {
	margin:0 !important;
}

#bottom_banner ul li {
	width:100%;
	margin-bottom:5px;
	clear:both;
	display:block;
}

#icon-link{display:none;}

#footer .top .left{
	width:100%;
	margin:0 0 10px;
	overflow:hidden;
	position:relative;
}
#footer .top .right{
	width:100%;
	clear:both;
}

#footer .top .right .coution{
	margin:0 10px 10px;
	}

#footer .top .left ul{
	margin:0 10px;
	}
#footer .top .right p,
#footer .bottom #copy{
	margin:0 10px;
	}

#footer .bottom #copy{
	padding-bottom:80px;
	}
}