@charset "utf-8";

/* 【タブレット関連】 */
/* タブレット端末で閲覧した時のみ表示される要素 */
.tabletOnly {
	display: none;
}
@media only screen and (max-width: 1024px) and (min-width: 480px) {
	.tabletOnly {
		display: block;
	}
}
/* PC・タブレット閲覧時は中央寄せ、スマホ閲覧時は左寄せのテキスト */
@media only screen and (min-width: 768px){
	.pcCenter {
		text-align: center;
	}
}

/* [ medical ][ fullguard / group ] */
/* KV */
#comContent.comTop .comKV img {
	margin: 0;
}
/* ページタイトル */
#comContent.comTop .comKV + .comSecH1 {
	font-size: 225%;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
	margin-top: 1.8em;
}

/* 取扱保険会社 4/23 anna追加 */
.ins-comp-list ul {
	display: flex;
	justify-content: center;
}
@media only screen and (max-width: 991px) {
	.ins-comp-list ul {
		flex-flow: column wrap;
	}
	
}

.ins-comp-list ul li {
	width: auto;
}

.ins-comp-list ul li + li {
	margin-left: 60px;
}
@media only screen and (max-width: 1296px) {
	.ins-comp-list ul li + li {
		margin-left: 10px;
	}
}
@media only screen and (max-width: 1024px) {
	.ins-comp-list ul li + li {
		margin-left: 0;
	}
}

/* 背景色がグレーの区画 */
.comWrapper.comTopExpertise {
	padding-bottom: 4rem;
}

/* [ medical ] */
/* SP閲覧時も同じサイズの画像 */
.img_fixedSize a,
.img_fixedSize img {
	width: 200px;
	max-width: 100%;
	display: inline-block;
}

/* [ fullguard / group ] */
/* 左右に並んだブロックの高さをそろえる  */
.flexClms [class *= "comClm"] {
	display: flex;
	flex-flow: row wrap;
}
.flexClms .comCareersBox {
	height: 100%;
}
.flexClms .comCareersBox > [class *= "comClm"] {
	position: relative;
}
.flexClms .comCareersBox > [class *= "comClm"] > .inC1 {
	order: 2;
	position: absolute;
	right: 0;
}
	
/* [ demand ] */
/* 左にロゴ、右にテキストの見出し */
.indexLogo .indexText {
	padding-left: 15px;
}

/* [ office1 ] */
#ins-comp-list .add_Lst li {
    margin: 0;
    padding-left: 2em;
    position: relative;
}
#ins-comp-list .add_Lst li span {
    position: absolute;
    top: 0;
    left: 0;
}
#ins-comp-list .comp_DL {
    margin: 0;
}
#ins-comp-list .comp_DL dd {
    padding-left: 1em;
}
#ins-comp-list .comp_DL dd a {
    text-decoration: none;
}
.comMainConPosi .is-bold a {
    font-weight: bold;
}
.comMainConPosi span.is-bunline {
    font-weight: bold;
    text-decoration: underline;
}
.fullg_wrap {
    background: #9ed8f5;
    padding: 20px 15px 45px;
    margin-bottom: 50px;
}
.fullg_wrap .popup_flxin {
    margin: 0 auto;
}
.fullg_wrap .comTopAbout h2 {
    margin-bottom: 75px;
}
.fullg_wrap .txt {
    font-size: 18px;
    margin: 0 0 10px;
}
.fullg_wrap .fullg-btn {
    width: 100%;
    height: 55px;
    margin: 0 auto;
    display: table;
}
.fullg_wrap .fullg-btn a {
    background: #000 url(/common/images/txt_link_arrow_icn_white.svg) no-repeat center right 20px / 10px auto;
    width: 100%;
    display: table-cell;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}
@media only screen and (min-width: 991px){
	
	/* [ fullguard / group ] */
	/* 左右に並んだブロックの見出しの文字サイズ調整 */
	.flexClms .comCareersBox small {
		font-size: 72%;
	}
    .fullg_wrap .fullg-btn a:hover {
        background-color: #666;
    }
}

@media only screen and (max-width: 1024px) {
	
	/* [ medical ] */
	/* 背景色がグレーの区画　アイコンとテキストが横並びの場合に画像を上詰めに */
	.comWrapper.comTopExpertise .ins-merits-car.comClm2 > .inC1 > .inClmPosi {
		align-items: flex-start;
	}
}

@media only screen and (max-width: 991px) {
	
	/* [ fullguard / group ] */
	/* 左右に並んだブロック　画像の位置の調整  */
	.flexClms .comCareersBox > [class *= "comClm"] > .inC1 {
		position: relative;
	}
}

@media only screen and (max-width: 991px) and (min-width: 480px) {
	
	/* [ fullguard / group ] */
	/* 左右に並んだブロック　テキスト・画像の幅と位置の調整 */
	.flexClms .comCareersBox {
		padding-bottom: .5em;
	}
	.flexClms .comCareersBox > [class *= "comClm"] > * {
		width: 100%;
	}
	.flexClms .comCareersBox > .ord-reversed > .inC1 {
		order: -1;
	}
	.flexClms .comCareersBox > .ord-reversed > .inC1 figure {
		margin-top: 0;
		margin-bottom: 1.8rem;
	}
}

@media only screen and (max-width: 480px) {
	
	/* [ medical ][ fullguard / group ] */
	/* ページタイトルSP 4/7 anna追加 */
	#comContent.comTop .comKV + .comSecH1 {
		font-size: 175%;
	}
	/* 背景色がグレーの区画 */
	.comWrapper.comTopExpertise h2 {
		margin-bottom: 1.25rem;
	}
	.comWrapper.comTopExpertise img {
		max-width: 100%;
	}
	
	/* [ medical ] */
	/* 背景色がグレーの区画　アイコンとテキストが横並びの場合 */
	.comWrapper.comTopExpertise .ins-merits-car.comClm2 {
		margin-right: -19px;
	}
	.comWrapper.comTopExpertise .ins-merits-car.comClm2 > .inC1 {
		width: 50%;
	} 
	.comWrapper.comTopExpertise .ins-merits-car.comClm2 > .inC1 > .inClmPosi {
		margin-right: 19px;
		align-items: flex-start;
	}

	/* [ fullguard / group ] */
	/* ページタイトルの小さい文字 */
	#comContent.comTop .comKV + .comSecH1 small {
		font-size: 84.5%;
	}
	/* 左右に並んだブロック　高さの調整を解除 */
	.flexClms .comCareersBox {
		height: auto;
		position: relative;
	}
	.flexClms .comCareersBox > [class *= "comClm"] > .inC1 {
		margin-bottom: 1.5em;
	}
	.flexClms .comCareersBox .comLstLkNr {
		position: absolute;
		bottom: -.5em;
	}
	
	/* [ demand ] */
	/* 各幅100%タブメニュー */
	.comInSdLnkC3 ul.comLstLkSpC1 li {
		border-left:solid 1px #747474;
	}
	/* 左にロゴ、右にテキストの見出し */
	.indexLogo small {
		font-size: 80%;
	}
	.indexLogo .img_fixedSize {
		float: left;
		width: 33%;
	}
	.indexLogo .indexText {
		float: left;
		width: calc( 100% - 33% - 15px );
	}
	/* スクロールしないテーブル */
	.fixedTable .comTableWrap {
		clear: left;
		overflow-x: hidden;
	}
	.fixedTable .comTableWrap .comAcdInTable {
		width: calc( 100% - 1px );
	}
}
@media only screen and (max-width: 896px) {
    .fullg_wrap {
        margin-bottom: 30px;
    }
    .fullg_wrap .comTopAbout h2 {
        margin-bottom: 100px;
    }
    .fullg_wrap .txt,
    .fullg_wrap .fullg-btn a {
        font-size: 15px;
    }
}