/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-weight: 500;
    margin:0;
		font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
dl, dt, dd, ol, ul, li{ list-style: none;}
body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}


body{
	font-size: 62.5%;
	text-align: left;
	color: #333;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}

img{
	border:0;
	vertical-align:top;
}

a{ 
	color:#333;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a:link {
	color:#1571DA;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
	color: #1571DA;
}
a:hover {
	text-decoration: none;
	color: #1571DA;
}
a:active {
	text-decoration: none;
	color: #0458a9;
}

a::before,
a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a,
a::before,
a::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}
a img:hover,a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
em,strong{ font-style: normal; font-weight: bold;}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */
@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
html{
	font-size: 62.5%;
}
body{
	max-width: 100%;
	overflow-x: hidden;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	height: auto;
	width: auto;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.8em;
	color: #333B40;
	font-weight: 500;
	margin: 0;
	padding: 0;
}
img{ max-width: 100%; height: auto;}
.SP{ display: none;}
#container{
	overflow-x: hidden;
	width: 100%;
}
.wrap{
	width: 92%;
	max-width: 1200px;
	margin:0 auto;
}
.flex{
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
}
#header{
	position: relative;
	width: 100%;
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	padding:15px 3% 15px;
}

#hmenu{ display: none; }
#header #logo{
	text-align: left;
	width: 187px;
}
#gnav{
	width: calc(100% - 200px);	
}
#gnav,
#gnav ul{
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: flex-end;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
}
#gnav ul li{
	padding-left:1.5em;
	line-height: 1em;
}

#gnav ul li a{
	color:#000;
	font-weight: 700;
}
#gnav ul li:last-child{
	border-left:solid 1px #000;
	margin-left:1.5em;
}
#gnav .hsearch{
	position: relative;
	width: 180px;
	padding: 0;
	margin-left:1.5em;
}
#gnav .hsearch input[type="text"]{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border: solid 1px #707070;
	border-radius: 3px;
	width: 100%;
	font-size: 0.9em;
	padding:7px 40px 7px 10px;
	height: 50px;
	font-weight: 600;
}
#gnav .hsearch input[type="image"]{
	width: 33px;
	position: absolute;
	right:10px;
	top:8px;
}
@media screen and (max-width:1300px) {
	#gnav ul li{ font-size: 1.2vw; }
	#gnav .hsearch{width: 20%;}
}
/*--header end-------------------------------------------------------*/

/*--content-------------------------------------------------------*/
#content{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	clear: both;
}
#pankuzu{
	padding:0 3% 25px;
	text-align: left;
	font-size: 0.8em;
}
#pankuzu a{color:#2697AC;}
.two-colum{
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;	
	width: 92%;
	max-width: 1200px;
	margin:0 auto;
}
#main{
	width: calc(100% - 370px);
	text-align: left;
}
#side{
	width: 322px;
	text-align: left;
}
#side .sbana{
	padding-bottom:20px;
}
#side h3{
	border-top:solid 1px #2697AC;
	border-bottom:solid 1px #2697AC;
	padding:5px 0;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 1.1em;
}
#side ul li{
	width: 100%;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	border-bottom:solid 1px #2697AC;
	padding:1em 0;
}
#side ul li .pic{
		width: 30%;
	}
#side ul li .pic img{
		border-radius: 6px;
	}
#side ul li .txt{
		width: 68%;
		font-size: 0.8em;
		line-height: 1.6em;
		padding:0;
	}
#side ul li .txt .cats{
	padding-bottom:1em;
	font-size: 0.9em;
	margin-left:-0.5em;
}
#side ul li .txt .cats a{
	background: #2697AC;
	display: inline-block;
	margin-left:0.5em;
	color:#fff;
	border-radius: 3px;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 1.6em;
	min-width: 9em;
	text-align: center;
}
#side ul li .txt p{
	font-weight: bold;
	font-size: 1.2em;
}
#side ul li .txt p a{
	color:#333B40;
	display: inline;
	position: relative;
}
/*--main content end-------------------------------------------------------*/


/*--footer-------------------------------------------------------*/


#footer{
	width: 100%;
	padding:80px 0 60px;
	background: #313131;
	text-align: center;
	color:#fff;
}
#footer .flogo{
	width: 50%;
	text-align: left;
}
#footer .flogo h3{
	width: 137px;
	margin-bottom:1.5em;
}
#footer .fnav{
	width: 40%;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: flex-start;
}
#footer .fnav ul{
	text-align: left;
	padding-right:50px;
}
#footer .fnav ul li{
	padding-bottom:1.5em;
	line-height: 1em;
}
#footer .fnav ul li a{
	color:#fff;
	font-weight: 700;
}
#footer .fnav ul:nth-child(2) li a{
	background: url("../img/ico_farrow.svg") no-repeat right 0.25em;
	padding-right:20px;
}
#copy{
	padding-top:0.8em;
}
#copy address{
	font-style: normal;
	font-size: 0.9em;
}
/*--footer end-------------------------------------------------------*/

.red{
	color:#b11011 !important;
}
.orange{
	color:#FF6600 !important;
}
.green{
	color:#85be42 !important;
}
.pink{
	color:#FF557D !important;	
}
.blue{
	color:#002063 !important;	
}

.Left{
	float:left !important;
}
.Right{
	float:right !important;
}

.clear{
	clear:both;
}
.mp0{
	margin:0 !important;
	padding:0 !important;
}
.mR0{
	margin-right:0 !important;
}
.mL0{
	margin-left:0 !important;
}
.mL10{
	margin-left:10px !important;
}
.mL15{
	margin-left:15px !important;
}
.mB0{
	margin-bottom:0 !important;
}
.mB2{
	margin-bottom:2px !important;
}
.mB5{
	margin-bottom:5px !important;
}
.mB10{
	margin-bottom:10px !important;
}
.mB15{
	margin-bottom:15px !important;
}
.mB20{
	margin-bottom:20px !important;
}
.mB25{
	margin-bottom:25px !important;
}
.mB30{
	margin-bottom:30px !important;

}
.m0auto{
	margin:0 auto;
}
.mT-5{
	margin-top:-5px !important;
}
.mT-10{
	margin-top:-10px !important;
}
.mT-15{
	margin-top:-15px !important;
}
.mT5{
	margin-top:5px !important;
}
.mT10{
	margin-top:10px !important;
}
.mT15{
	margin-top:15px !important;
}
.mT20{
	margin-top:20px !important;
}
.mT30{
	margin-top:30px !important;
}
.mR10{
	margin-right:10px !important;
}
.mLR15{
	margin-left:15px !important;
	margin-right:15px !important;
}
.pB0{
	padding-bottom:0 !important;
}
.pB10{
	padding-bottom:10px !important;
}
.pB15{
	padding-bottom:15px !important;
}
.pB20{
	padding-bottom:20px !important;
}
.pB25{
	padding-bottom:25px !important;
}
.pB30{
	padding-bottom:30px !important;
}
.pB35{
	padding-bottom:35px !important;
}
.pB40{
	padding-bottom:40px !important;
}
.pT0{
	padding-top:0 !important;
}
.pT5{
	padding-top:5px !important;
}
.pT10{
	padding-top:10px !important;
}
.pT15{
	padding-top:15px !important;
}
.pT20{
	padding-top:20px !important;

}
.pT30{
	padding-top:30px !important;
}
.pT40{
	padding-top:40px !important;
}
.pTB10{
	padding-top:15px;
	padding-bottom:15px;
}
.pTB20{
	padding-top:20px;
	padding-bottom:20px;

}
.pL5{
	padding-left:5px !important;
}
.pL10{

	padding-left:10px !important;
}
.pL15{

	padding-left:15px !important;
}
.pL20{
	padding-left:20px !important;
}
.pL30{
	padding-left:30px !important;
}
.pR10{
	padding-right:10px !important;
}
.pR20{
	padding-right:20px !important;
}
.pmB0{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.pL1em{
	padding-left:1em !important;
}
.bordernone{
	border:0 !important;
}


.bold{
	font-weight:bold;	
}
.mini{
	font-size:0.9em !important;
}
.smoll{
	font-size:0.8em !important;
}

.alignC{
	text-align:center !important;
}
.alignL{
	text-align:left !important;
}
.alignR{
	text-align:right !important;
}
.big1{
	font-size:1.3em !important;	
}
.big2{
	font-size:1.4em !important;
	line-height:1.4em;
}
.big3{
	font-size:2em !important;
	line-height:1.4em;
}

.bgnone{
	background:none !important;	
}

.hs-pagination__link--active {
  background: rgba(38, 151, 172, 1.00);
  color: #fff!important;
  border-radius: 4px;
}
@charset "utf-8";
/* CSS Document */

/* TOP  */
#mv{
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/main_bg.png") no-repeat center top;
	background-size: cover;
	text-align: center;
	
}
#mv .wrap{
	padding:80px 0;
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/main.png") no-repeat 5% bottom;
	background-size: auto 250px;
}
#mv .txt{
	width: 50%;
	margin:0 0 0 auto;
	padding-right:10%;
	text-align: left;
}
#mv .txt h2{
	max-width: 424px;
	margin-bottom:10px;
}
#mv .txt p{
	font-size: 0.9em;
	letter-spacing: -1px;
}
.pickup{
	padding:60px 0;
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;	
}
.pickup .pic{
	width: 45%;
}
.pickup .pic img{
	border-radius: 10px;
	width: 100%;
	height: 20em;
	object-fit: cover;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
}
.pickup .txt{
	width: 50%;
	text-align: left;
	padding-top:1em;
}
.pickup .txt .cats{
	padding-bottom:1em;
}
.pickup .txt .cats a{
	background: #2697AC;
	display: inline-block;
	margin-right:1.5em;
	color:#fff;
	border-radius: 3px;
	font-size: 0.8em;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 2em;
	min-width: 116px;
	text-align: center;
}
.pickup .txt h2{
	border-left:solid 4px #2697AC;
	padding-left:15px;
	margin-bottom:1em;
	font-size: 1.4em;
	font-weight: 600;
}
.pickup .txt h2 a{color:#333B40;}
.pickup .txt p{
	font-size: 1.1em;
	padding-bottom:1em;
	line-height: 1.8em;
}

.postlist{
	padding:60px 0;
	background: #F1F1F1;
}
.postlist h2{
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	padding-bottom:10px;
	margin-bottom:30px;
}
.postlist h2::before{
    width: 100%;
    content: "";
    height: 4px;
    background-image: -webkit-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
	position: absolute;
	left:0;
	bottom:0;
}
.list1{
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin-left:-3%;
	padding-bottom:50px;
}
.list1 li{
	width: 30.333%;
	margin:0 0 30px 3%;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
}
.list1 li .pic img{
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.list1 li .txt{
	padding:1em 1.3em 1.5em;
}
.list1 li .txt .cats{
	padding-bottom:1em;
	margin-left:-0.8em;
}
.list1 li .txt .cats a{
	background: #2697AC;
	display: inline-block;
	margin-left:0.9em;
	color:#fff;
	border-radius: 3px;
	font-size: 0.8em;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 2em;
	min-width: 110px;
	text-align: center;
}
.list1 li .txt h3{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom:0.8em;
	min-height:4.5em;
}
.list1 li .txt h3 a{
	color:#333B40;
	display: inline;
	position: relative;
}
.list1 li .txt h3 a::after{
	content: ">";
	display: inline;
	position: relative;
	z-index: 2;
	padding-left:1em;
}
.list2{
	margin-left:-2%;
}
.list2 li{
	width: 23%;
	margin-left:2%;
	margin-bottom:25px;
}
.morebtn{
	max-width: 300px;
	margin:0 auto;
	padding-bottom:40px;
}
.morebtn a{
	display: block;
	background: #2697AC;
	color:#fff;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 5px;
	text-align: center;
	padding:1em;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
}
.fcta{
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/fhoken_bg.jpg") no-repeat center top;
	background-size: cover;
	padding:50px 0;
	color:#fff;
}
.fcta h3{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom:35px;
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/fttl_bg.svg") no-repeat center bottom;
}
.fcta p{
	margin:-10px 0 15px;
}
.fcta .btn{
	max-width: 500px;
	margin:0 auto;
}
.fcta .btn a{
    background-image: -webkit-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
	display: block;
	padding:1em;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	color:#fff;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
}

.postcont{
	font-size: 1.1em;
}
.postcont h1{
	font-weight: bold;
	font-size: 2.1em;
	line-height: 1.3em;
	border-left:solid 10px #2697AC;
	padding-left:15px;
	margin-bottom:15px;
}
.postcont .day{padding-bottom:15px;}
.postcont .cats{
	padding-bottom:40px;
	font-size: 0.75em;
	margin-left:-0.7em;
}
.postcont .cats a{
	background: #2697AC;
	display: inline-block;
	margin-left:0.7em;
	color:#fff;
	border-radius: 3px;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 1.8em;
	min-width: 110px;
	text-align: center;
}
.postcont .icatch{
	margin-bottom:40px;
}
.postcont .fixsns{
	padding:0 !important;
	position: fixed;
	left:3%;
	top:140px;
}
@media screen and (max-width:1300px) {
	.postcont .fixsns{ left:15px; }
}
.postcont .fixsns li{
	text-align: center;
	padding:0 0 25px !important;
}
.postcont p a{color:#2697AC; text-decoration: underline;}
.postcont .fixsns li::before{display: none !important;}
.postcont .icatch img{
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
  width: 100%;
}
#mokuji{
	background: #9BDCE7;
	border-radius: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
	margin-bottom:40px;
}
#mokuji .mtitle{
	padding:20px 25px 15px;
	border-bottom:solid 4px #fff;
	color:#fff;
	font-weight: bold;
	font-size: 1.5em;
}
#mokuji ol{
	padding:30px 60px 50px;
}
#mokuji ol li{
	list-style: none !important;
	margin:0 !important;
}
#mokuji ol li a{
	color:#333B40;
	text-decoration: none;
}
.postcont h2{
	background: #2697AC;
	color:#fff;
	font-weight: bold;
	font-size: 1.5em;
	padding:10px 15px;
	margin-bottom:20px;
}
.postcont p{
	padding-bottom:30px;
}
.postcont b{font-weight:bold;}
.postcont p em{background:linear-gradient(transparent 60%, #FFEB00 60%); font-weight:bold;}
.postcont h3{
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: solid 2px #2697AC;
	padding:10px 0 5px;
	margin-bottom:30px;
}
.postcont h4{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom:20px;
}
.postcont blockquote{
	background: #F1F1F1;
	padding:30px 50px;
	margin:20px 0 50px;
	box-shadow: 6px 6px 0 #ccc;
}
.postcont ol{
	padding:20px 0 30px;
	padding-left:1.5em;
}
.postcont ol li{
	list-style: decimal;
}
.postcont ol li ol{padding:30px 0 20px 1.5em;}
.postcont ul{
	padding:20px 0 30px;
}
.postcont ul li{
	position: relative;
	padding-left:1.5em;
}
.postcont ul li::before{
	position: absolute;
	left:0;
	content: "●";
	color:#2697AC;
}
.postcont table{
	width: 100%;
	border-collapse: separate;
border-spacing:7px;
	border:solid 25px #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
	margin-bottom:40px;
	text-align: center;
}
.none{
	border: none !important;
	background: none !important;
}
.postcont table th{
	background: #9BDCE7;
	padding:10px;
}
.postcont table tr:nth-child(even) th{
	background:rgba(155,220,231,0.35);
}
.postcont table td{
	background: #F1F1F1;
	padding:10px;
}
.postcont table tr:nth-child(even) td{
	background:#fff;
}
.postcont table thead th{
	border-bottom:solid 5px #2697AC;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
	background: none !important;
}
.postcont table thead th:nth-child(odd){
	border-bottom:solid 5px #5F3D92;
}
.postcont .pic{
	margin-bottom:40px;
	text-align: center;
}
.postcont .pic img{
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.16);
	margin-bottom:10px;
}
.postcont p strong{
	font-size: 1.5em;
	font-weight: bold;
	background:linear-gradient(transparent 60%, #FFEB00 60%);
}
.postcont p.bana{
	padding:40px 0;
}
.postcont .prof{
	padding:30px 40px 20px;
	background: #F1F1F1;
	border-radius: 10px;
}
.postcont .prof h3{
	display: inline-block;
	margin-left:-40px;
	font-size: 1.6em;
	font-weight: bold;
	padding:0 40px;
	color:#2697AC;
	margin-bottom:30px;
}
.postcont .prof h4{
	font-size: 1.3em;
	font-weight: bold;
	padding:0.2em 0;
}
.postcont .prof .img{
	float:right;
	width: 150px;
	position: relative;
	top:-15px;
}
.postcont .prof{
	margin-bottom:80px;
}
.osusume h2{
	font-weight: bold;
	font-size: 1.6em;
	padding:10px 0;
	border-top:solid 1px #2697AC;
	border-bottom:solid 1px #2697AC;
	margin-bottom:30px;
}
.osusume .list1{
	margin-left:-4%;
}
.osusume .list1 li{
	width: 46%;
	margin-left:4%;
}

#pagetitle{
	background-image: -webkit-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(38,151,172,1.00) 0%,rgba(95,61,146,1.00) 100%);
}
#pagetitle h1{
	color:#fff;
	padding:40px 0;
	text-align: center;
	font-size: 2.2em;
	line-height: 1.3em;
	font-weight: 700;
}
.pagenav{
	text-align: center;
	padding-bottom:40px;
}
.pagenav span,.pagenav a{
	
	margin:0 3px;
	font-size: 1.2em;
	min-width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	display: inline-block;
	vertical-align: bottom;
	padding:0 0.3em;
}
.pagenav a{
	border: solid 1px #707070;
	border-radius: 3px;
	color:#333B40;
}
.pagenav a.next,.pagenav a.prev{
	padding:0 1em;
}
.pagenav .current{
	font-weight:bold;
	border-radius: 3px;
}
.pagenav .current,.pagenav a:hover{
	border: solid 1px #2697AC;
	background: #2697AC;
	color:#fff;
}
.bgwhite{
	background: #fff;
}
@charset "utf-8";
.SP{ display: none !important;}
	.PC{ display: block;}
@media screen and (max-width:769px) {
	.SP{ display: block !important;}
	.PC{ display: none !important;}
	.wrap{ width:92%; }
	.wrap2{ width:92%; }
	body{
		width: 100%;
		max-width: 100%;
		font-size: 3.4vw;
		overflow-x: hidden;
	}
	#container{
		overflow-x: hidden;
}


	
#hmenu{
		display: block;
		width: 32px;
		height: 32px;
	text-align: center;
	z-index: 9999;
	position: absolute;
	right:4%;
	top:15px;
	border-radius: 100px;
}
	#hmenu.active{
		
	}
.menu1,
.menu1 span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
	width: 32px;
	
}
.menu1 {
  position: relative;
}
.menu1 span {
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #333B40;
}
.menu1 span:nth-of-type(1) {
  top: 4px;
}
.menu1 span:nth-of-type(2) {
  top: 12px;
}
.menu1 span:nth-of-type(3) {
  top: 20px;
}
.menu1.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
	background-color: #333B40;
}
.menu1.active span:nth-of-type(2) {
  opacity: 0;
}
.menu1.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
	background-color: #333B40;
}	

#header{
	position: relative;
	width: 100%;
	height: 60px;
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	padding:10px 4%;
	border-bottom:solid 1px #707070;
}

#header #logo{
	text-align: left;
	width: 60%;
}
	#header #logo img{
		height: 40px;
		width: auto;
	}
#gnav{
	position: fixed;
		display: none;
		width: 100%;
    height: 100vh;
    transition: all 0.2s;
    transform: translate(100%);
    top:60px;
    right: 0;	
	padding:50px 0;
	z-index: 9998;
	background:#fff;
	overflow-y: auto;
	}
#gnav.open {
		display: block;
    transform: translate(0); 
}
#gnav ul{
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
}
#gnav ul li{
	width: 100%;
	font-size: 1em;
	padding:1em 0;
	line-height: 1em;
}

#gnav ul li.g1{
	border: none;
	border-top:solid 1px #000;
	margin-left:0;
	width: 40%;
	margin:1.5em auto 0;
	padding-top:2.5em;
}
.search{
	position: relative;
	width: 92%;
	padding: 10px 0;
	margin:0 auto;
}
.search input[type="text"]{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border: solid 1px #707070;
	border-radius: 5px;
	width: 100%;
	font-size: 0.9em;
	padding:5px 30px 5px 10px;
	height: 37px;
	font-weight: 600;
}
.search input[type="image"]{
	width:23px;
	position: absolute;
	right:10px;
	top:15px;
}

/*--header end-------------------------------------------------------*/

/*--footer-------------------------------------------------------*/


#footer{
	width: 100%;
	font-size: 0.95em;
	padding:8vw 0 15vw;
	position: relative;
}
#footer .flogo{
	width: 50%;
	text-align: left;
}

#footer .fnav{
	width: 40%;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: flex-start;
}
#footer .fnav ul{
	text-align: left;
	padding-right:0;
}
#footer .fnav ul li{
	padding-bottom:1em;
	line-height: 1em;
}
	#footer .fnav ul:nth-child(2){
		border-top:solid 1px #fff;
		padding:1em 0 0;
	}
#footer .fnav ul:nth-child(2) li a{
	background: url("../img/ico_farrow.svg") no-repeat right 0.25em;
	padding-right:20px;
}
#copy{
	position: absolute;
	bottom:1em;
}
#copy address{
	font-style: normal;
	font-size: 0.8em;
}
/*--footer end-------------------------------------------------------*/
/* TOP  */
#mv{
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/main_bg_sp.png") no-repeat center top;
	background-size: cover;
	text-align: center;
}
#mv .wrap{
	padding:8vw 0;
	background: url("//9070287.fs1.hubspotusercontent-na1.net/hubfs/9070287/raw_assets/public/sumaho-hoken-blog/images/templates/blog/main_sp.png") no-repeat left bottom;
	background-size: 100% auto;
}
#mv .txt{
	width: 100%;
	margin:0;
	padding-right:0;
	text-align: left;
}
#mv .txt h2{
	max-width:70%;
	margin:0 auto 2em;
}
#mv .txt p{
	width: 50%;
	margin-left:auto;
	font-size: 0.95em;
	letter-spacing: 0;
}
.pickup{
	padding:6vw 0 4vw;
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;	
}
.pickup .pic{
	width: 46%;
}
.pickup .pic img{
	border-radius: 10px;
	width: 100%;
	height: 25vw;
	object-fit: cover;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
.pickup .txt{
	width: 50%;
	text-align: left;
	padding-top:0;
}
.pickup .txt .cats{
	padding-bottom:0.5em;
	margin-left:-0.3em;
}
.pickup .txt .cats a{
	margin:0;
	margin-left:0.5em;
	border-radius: 3px;
	font-size: 0.7em;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 2em;
	min-width: 9em;
	text-align: center;
}
.pickup .txt h2{
	border-left:solid 3px #2697AC;
	padding-left:0.8em;
	margin-bottom:1em;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
  min-height: 90px;
}
.pickup .txt h2 a{color:#333B40;}
.pickup .txt p{
	width: 88vw;
	margin-left:-44vw;
	font-size: 0.9em;
	padding-bottom:1em;
	line-height: 1.7em;
	height: 3em;
	overflow-y: hidden;
	margin-bottom:1.5em;
}
	.pickup .txt .day{
	width: 88vw;
	margin-left:-44vw;
	font-size: 0.8em;
		
	}

.postlist{
	padding:6vw 0;
}
.postlist h2{
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	position: relative;
	padding-bottom:10px;
	margin-bottom:20px;
}
.ninkilist{
	width: auto;
	margin:0 -4vw;
	padding-bottom:5vw;
  /*overflow-x: auto;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;*/
	margin-bottom:4vw;
}
	.ninkilist .list1{
		/*width: 200%;
		padding:0 4vw 0;*/
		padding:0;
		margin:0;
	}
.list1 li{
	text-align: left;
	white-space:normal;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
	/*.ninkilist .list1 li{margin-bottom:0;margin: 0 1.5% 0; font-size: 0.9em; line-height: 1.6em;}*/
	.spslick li{
		margin-bottom:3vw !important ;
	}
	.ninkilist .list1 li{margin-bottom:0;margin: 0 2vw 0; font-size: 0.9em; line-height: 1.6em;}
.list1 li .pic img{
	width: 100%;
	height: 25vw;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.list1 li .txt{
	padding:1em;
}
.list1 li .txt .cats{
	padding-bottom:1em;
	margin-left:-0.8em;
}
.list1 li .txt .cats a{
	background: #2697AC;
	display: inline-block;
	margin-left:0.9em;
	color:#fff;
	border-radius: 3px;
	font-size: 0.8em;
	letter-spacing: -1px;
	font-weight: 600;
	padding:0;
	line-height: 2em;
	min-width: 110px;
	text-align: center;
}
.list1 li .txt h3{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom:0.8em;
	min-height:4.5em;
}
	.spslick li .txt h3{min-height: auto;}
.list1 li .txt h3 a{
	color:#333B40;
	display: inline;
	position: relative;
}
.list1 li .txt h3 a::after{
	content: ">";
	display: inline;
	position: relative;
	z-index: 2;
	padding-left:1em;
}
.list2{
	margin-left:0;
	padding-bottom:2vw;
}
.list2 li{
	width: 100%;
	margin:0 0 1em;
	background: none;
	box-shadow: none;
	  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	border-bottom:solid 1px #707070;
	margin-bottom:1em;
	border-radius: 0;
	padding-bottom:1em;
}
	.list2 li .pic{
		width: 45%;
	}
	.list2 li .pic img{
		border-radius: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.16);
	}
	.list2 li .txt{
		width: 50%;
		font-size: 0.8em;
		line-height: 1.6em;
		padding:0;
	}
	.list2 li .txt .cats{
		margin-left:-0.5em;
	}
	.list2 li .txt .cats a{
		min-width: 9em;
		margin-left:0.5em;
	}
	.list2 li .txt h3{margin-bottom:0; min-height: auto;}
.morebtn{
	max-width: 60%;
	margin:0 auto;
	padding-bottom:0;
}
.morebtn a{
	font-size: 1.1em;
	border-radius: 5px;
	text-align: center;
	padding:0.6em;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
.fcta-sp{
	width: 92%;
	margin:0 auto;
	padding:5vw 0;
}
	
/* 詳細 */
#pankuzu{
	padding:0 3% 25px;
	text-align: left;
	font-size: 0.75em;
}
#pankuzu a{color:#2697AC;}

#main{
	width: 100%;
	text-align: left;
	padding-bottom:5vw;
}
#side{
	width: 100%;
	text-align: left;
	padding-bottom:8vw;
}
.postcont{
	font-size: 1em;
}
.postcont h1{
	font-weight: bold;
	font-size:1.3em;
	line-height: 1.3em;
	border-left:solid 5px #2697AC;
	padding-left:10px;
	margin-bottom:5px;
}
.postcont .day{padding-bottom:0; font-size: 0.8em;}
.postcont .cats{
	padding-bottom:4vw;
	font-size: 0.75em;
	margin-left:-0.7em;
}
.postcont .icatch{
	margin:0 -4vw 4vw;
}
.postcont .fixsns{
	padding:0 !important;
	position: relative;
	left:0;
	top:0;
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-around;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */	
}
@media screen and (max-width:1300px) {
	.postcont .fixsns{ left:0; }
}
.postcont .fixsns li{
	text-align: center;
	padding:0 0 25px !important;
}
.postcont .icatch img{
	border-radius: 0;
	box-shadow:none;
}
#mokuji{
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
	margin-bottom:7vw;
}
#mokuji .mtitle{
	padding:4vw 4vw 1vw;
	border-bottom:solid 2px #fff;
	font-size: 1.3em;
	line-height: 1.3em;
}
#mokuji ol{
	padding:3vw 4vw;
}
.postcont h2{
	font-size: 1.3em;
	padding:10px 15px;
	margin-bottom:20px;
}

.postcont h3{
	padding:10px 0 5px;
	margin-bottom:20px;
}
.postcont h4{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom:10px;
}
.postcont blockquote{
	background: #F1F1F1;
	padding:4vw 6vw;
	margin:3vw 0 5vw;
	box-shadow: 6px 6px 0 #ccc;
}
.postcont ol{
	padding:20px 0 20px;
	padding-left:1.5em;
}
.postcont ol li{
	list-style: decimal;
}
.postcont ol li ol{padding:30px 0 20px 1.5em;}
.postcont ul{
	padding:20px 0 20px;
}

.scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
  width:100%; /*今回の設置を分かりやすくするためワザと狭い幅を指定。本来は不必要な指定です。*/
	margin-bottom:30px;
}

/* 以下、スクロールバーを追加 */
.scroll::-webkit-scrollbar{　　
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #333;
}
.scroll::-webkit-scrollbar-thumb {
 background: #999;
}
.postcont table{
	min-width: 100%;
	width:inherit;
	max-width:600px;
	border-collapse: separate;
border-spacing:7px;
	border:none;
	border-radius: 0;
	box-shadow:none;
	margin-bottom:0;
	text-align: center;
}
.none{
	border: none !important;
	background: none !important;
}
.postcont table th{
	min-width:126px;
}
.postcont table td{
}

.postcont .pic img{
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
	margin-bottom:10px;
}

.postcont p.bana{
	padding:40px 0;
}
.postcont .prof{
	padding:7vw 5vw 5vw;
}
.postcont .prof h3{
	display: inline-block;
	margin-left:-5vw;
	font-size: 1.3em;
	font-weight: bold;
	padding:0 5vw;
	margin-bottom:10px;
}
.postcont .prof h4{
	font-size: 1.1em;
	font-weight: bold;
	padding:0.2em 0 0.4em;
}
	.postcont .prof p{
		padding-bottom:0;
	}
.postcont .prof .img{
	float:right;
	width: 27%;
	position: relative;
	top:0;
	margin-top:-25vw;
}
.postcont .prof{
	margin-bottom:8vw;
}
.osusume h2{
	font-weight: bold;
	font-size: 1.3em;
	padding:5px 0;
	margin-bottom:0.8em;
}
	.osusume .ninkilist{margin-bottom:0 !important; padding-bottom:2vw !important;}	
/*
.osusume .ninkilist .list1{
		width: 300%;
	margin:0;
		padding:0 4vw 0;
	}
.osusume .ninkilist .list1 li{margin-bottom:0;margin: 0 1% 0; width: 23%; font-size: 0.9em; line-height: 1.6em;}	*/


#pagetitle h1{
	padding:0.4em;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
}
.pagenav{
	text-align: center;
	padding-bottom:2vw;
}
.pagenav span,.pagenav a{
	
	margin:0 2px;
	font-size: 1em;
}
}