html  { 
	font-family: "游ゴシック", YuGothic,"Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 113%;
    letter-spacing: 0.03em;
    scroll-behavior: smooth;
}

body {
    background:none;
    color: #000;
	}

#body {
    max-width: 1900px;
    margin: 0 auto;}
    
#a_totop {
	position: fixed;
	bottom:20px;
	right: 20px;
}

.sp_view,
.sp_footnav,
#vk-mobile-nav-menu-btn { display: none !important;}
.pc_view { }

#headmenu { position: fixed;}

@media screen and (max-width: 959px) {
#body { max-width: 100%; margin: 0 auto;}
.sp_view,
.sp_footnav { display: inherit !important;}
.pc_view,
.tab_view{ display: none !important;}

#a_totop {
	position: fixed;
	bottom:75px;
	right: 10px;}
	
#a_totop img {height:100px;}

}

@media screen and (max-width: 820px) {
.tab_view{ display: inherit !important;}
}

@media screen and (max-width: 519px) {
.tab_view{ display:  none !important;}
}

.tC { text-align: center ;}
main p { line-height: 1.8; }
.entry-body p { margin-bottom: 15px;}


/*============
 TEXT STYLE
=============*/

.txt_acc_y { color: #fcfe43 !important; font-weight:bold !important; }
.txt_acc_p { color: #e91052 !important; font-weight:bold !important; }
.txt_acc_o { color: #d8551d !important; font-weight:bold !important; }
.txt_mark_y { background:#fff600; padding: 0 2px; }
.txt_mark_o { background:#d8551d; padding: 2px 2px;color: #fff; }
.txt_mark_bl { background:#000; padding: 0 2px; color: #fff; }
.txt_mark_blue { background:#ccd8f0; padding: 0 2px; }
.txt_mark_w { background:#fff; padding: 0 2px; color: #000; }

.txt_acc_sr {  color: #e91052 !important; font-weight:bold !important; font-size: 80%; }

.inner800 { width: 800px; margin: 0 auto;}


@media screen and (max-width: 900px) {
.inner800 { width: 100%; margin: 0 auto;}
}



/* ----------------------------------------
* Font
---------------------------------------- */
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 100;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 200;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 400;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 500;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 600;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 700;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format(‘opentype’);
}
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 900;
src: url(/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format(‘opentype’);
}


/*============
 nav
=============*/

header {
    display: flex;
    padding: 15px 20px;
    box-sizing: border-box;
    justify-content: space-between;
   align-items: baseline;
}

header #logo { width: 250px;}

#pc_gnav {
    width: 80%;
}

#pc_gnav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#pc_gnav ul li {
    color: #000;
    font-size: 85%;
    padding: 0 15px;
    }
    
#pc_gnav ul li a {
    padding: 0;
  position: relative;
  display: inline-block;
  transition : all 0.5s ease 0s;
}

#pc_gnav ul li a::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #e35717;
  transition: .3s;
}

#pc_gnav ul li a:hover::after {
  width: 100%;
}

#pc_gnav ul li a:hover{
  color: #e35717;
}

#btn_contact_nav {
    background: #e35717 url("../img/img_mail.png")  no-repeat 30px 50%;
    background-size: 20px 15px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: bold;
    font-size: 85% !important;
    margin-left: 20px;
    transition : all 0.5s ease 0s;
}


#btn_contact_nav a { padding: 10px 25px 10px 50px !important;}
#btn_contact_nav a::after  { display: none;}

#btn_contact_nav a:hover { color: #fff !important}
#btn_contact_nav:hover{
  color: #fff !important;
  background: #000 url("../img/img_mail.png")  no-repeat 30px 50%;
  background-size: 20px 15px;
}

@media (max-width: 1240px) {
#pc_gnav { display: none; }
}



@media (max-width: 959px) {
    
/* SP */
header #logo {
    width: 190px;
}
.l-header {
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background: #fff;
}
.l-drawer {
display: block;
  position: relative;
}
.l-drawer__checkbox {
  display: none;
}
.l-drawer__icon {
  cursor: pointer;
  display: block;
  width: 56px;
  height: 60px;
  position: fixed;
  right: 10px;
  top: 10px;
}
.l-drawer__icon-parts,
.l-drawer__icon-parts:before,
.l-drawer__icon-parts:after {
  background-color: #000;
  display: block;
  width: 26px;
  height: 3px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.l-drawer__icon-parts:before,
.l-drawer__icon-parts:after {
  content: " ";
}
.l-drawer__icon-parts:before {
  top: 16px;
}
.l-drawer__icon-parts:after {
  top: -16px;
}
.l-drawer__overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}
.l-drawer__menu {
  background: #000;
  padding: 30px 50px;
  color: #fff;
  max-width: 100%;
  width: 80%;
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: -80%;
}
.l-drawer__icon {
  z-index: 4;
}
.l-drawer__menu {
  z-index: 3;
}
.l-drawer__overlay {
  z-index: 2;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
  background: #000;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
  background: #fff;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  background: #fff;
}
.l-drawer__checkbox:checked ~ .l-drawer__overlay {
  opacity: 0.3;
  pointer-events: auto;
}
.l-drawer__checkbox:checked ~ .l-drawer__menu {
  right: 0;
}
.l-drawer__icon-parts,
.l-drawer__icon-parts:after,
.l-drawer__icon-parts:before,
.l-drawer__overlay,
.l-drawer__menu {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.l-drawer__item { padding: 15px 0;transition : all 0.5s ease 0s;  font-size: 100% !important;}
.l-drawer__item:hover { transform: translate(10px,0);}


}





/*============
  SECOND PAGE Gnavi
=============*/

#sec_gnav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#sec_logo { margin: 20px 0 0 20px; transition : all 0.5s ease 0s; }
#sec_logo:hover { opacity: 0.7;}
#gnav_inner li {
	display: inline-block;
	margin-bottom:0 !important;
}

#gnav_inner li a {
	display: inline-block;
	width: 100%;
	padding: 30px 20px;
	text-align: center;
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	transition : all 0.5s ease 0s;
}

#gnav_inner li a:before {
  content: ""; 
  position: absolute;
  left: 35%;
  right: 0; 
  bottom:20px; 
  width: 30%; 
  height: 2px;
  background-color: #e5024d;
  transform: scale(0, 1); 
  transform-origin: center;
  transition: transform .2s;
}

#gnav_inner li a:hover { color: #e5024d; }
#gnav_inner li a:hover:before { transform: scale(1); }

/* 無料相談ボタン */
#gnav_inner #contact { background: #e5024d; color: #fff; transition : all 0.5s ease 0s; }
#gnav_inner #contact a { padding: 30px 50px; }
#gnav_inner #contact:hover { background: #a10035; }
#gnav_inner #contact a:hover { color: #fff !important; }

#gnav_inner li#contact a:hover:before { transform: scale(0); }


/*============
  SECOND
=============*/

/* 下層ページタイトル */
.page_title { 
	background: url("../img/bg_sec_title.jpg") no-repeat 100% 0;
	background-size: cover;
	padding: 120px 0;
}

.page_title h1 { 
	width: 80%;
	margin: 0 auto;
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 200%;
	}
	
/* メインコンテンツエリア */
.main_contents {
	background: url("../img/bg_sec_contents.jpg") no-repeat 0 0;
	background-size: 100%;
	display: block;
}

.contents_inner { 
	width: 850px;
	margin: 0 auto;
	padding: 80px 0;
	}

.contents_inner2 { 
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	}

.contents_inner .sideSection-col-two { float: none !important;}
.contents_inner .mainSection-col-two {
    width:100%;
    float: none;
}

.contents_inner2 .sideSection-col-two {
    width:30%;
    float: none !important;
}

.contents_inner .col,
.contents_inner2 .col {
	flex-basis: unset !important;
    flex-grow: 0 !important;
    min-width: auto !important;
    max-width:  auto !important;
}

.entry-meta_items_term_button {
    font-size: .7rem !important;
    line-height: 1;
    padding: 4px 1em 2px;
}

.postList .media {
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 0 0 1rem !important;
    margin-top: 0;
}

.siteContent { padding: 1rem 0 2rem;}

.subSection-title {
    padding-bottom: 8px;
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,.1);
}

.subSection-title:after {
    content: ".";
    line-height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -2px;
    width: 30%;
    border-bottom: 2px solid #e5024d;;
}

.sec_col2 { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.sec_col2 div:nth-child(1) { width: 54%;}
.sec_col2 div:nth-child(2) { width: 44%;}


@media screen and (max-width: 1200px) {
.contents_inner { 
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	}

.contents_inner2 { 
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	}
	
.sec_col2 div:nth-child(1) { width: 100%;}
.sec_col2 div:nth-child(2) { width: 100%; margin-bottom: 20px;}
}
	
@media screen and (max-width: 900px) {
.contents_inner2 { display: block;	}
	
.contents_inner2 .sideSection-col-two {
    width: 100%;
    float: none !important;
}

table tbody tr td .form-control,
table td .form-contro l{
	max-width: 100%;
}

.mwform-tel-field .form-control{
	padding: .375rem 0.5rem;
	width: 29% !important;
}


}
	
	
	
/*============
  パンくず 
=============*/
#breadcrumb {
	padding: 20px 20px 20px 0;
	font-size: 85%;
	display: flex;
	width: 80%;
	margin: 0 auto;
}

.breadcrumb_outer {
	padding: 20px 20px 20px 0;
	width: 80%;
	margin: 0 auto;
}

.breadSection .breadcrumb a:hover { color:#e5024d; text-decoration: none !important; }
/*#breadcrumb li:before { content: "　 〉"; }
#breadcrumb li:first-child::before { content: "";}
#breadcrumb a:hover { color: #e5024d; }*/

.breadSection .breadcrumb>li+li:before {
    content: "  〉";
    margin-left: .5em;
    margin-right: .2em;
    font-size: 12px;
}



/*============
  TITLE
=============*/
h2 {
    padding:0;
    border-top: none;
    border-bottom:none;
}

h3:after {
	content: none; 
}

h3 {
    padding-bottom: 8px;
    position: relative;
    border-bottom:0;
}

.lv2 {
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 200%;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-bottom: 30px;
}

.lv2::before {
  content: ""; 
  position: absolute;
  left: 0%;
  bottom:0px; 
  width: 100px; 
  height: 4px;
  background-color: #e5024d;
}

.lv3 { 
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 130%;
	border-bottom: 1px solid #000;
	padding: 20px 0;
	margin: 30px 0;
}

.lv4 { font-size: 130%; margin: 15px 0 25px; font-weight: bold;}
.lv4:before { content: "■"; margin-right: 10px; }

.lv4_num,
.lv4_num_nega{ 
	font-weight: bold;
	font-size: 110%;
	margin:60px 0 30px;
}

.lv4_num span,
.lv4_num_nega span {
	font-size: 90%;
	background: #e5024d;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin-right: 10px;
}

.lv4_num_nega span {
	background: #496aad !important;
	}

.lv4_border {
	font-weight: bold;
	font-size: 120%;
	margin: 50px 0 20px;
}

.lv4_border:before,
.lv4_border_noM:before{
	content: "━";
	color: #e8194e;
	margin-right: 10px;
}

.lv4_border_noM {
    font-weight: bold;
    font-size: 120%;
    margin: 20px 0 20px;
}

.title_sub_black {
	background: #000;
	color: #fff;
	display: block;
	width: fit-content;
	margin: 40px auto !important;
	padding: 15px 40px;
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 110%;
	font-weight: bold;
	border-radius: 100px;
	}
	
.lv2 { line-height: 1.3; }



@media screen and (max-width: 900px) {

.lv4_num,
.lv4_num_nega { text-align: center; }

.lv4_num span,
.lv4_num_nega span {
	font-size: 90%;
	background: #e5024d;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 10px;
	display: block;
	width: fit-content;
}
}



/*============
  LIST
=============*/




/*============
  LINK
=============*/

a.t_link{
  position: relative;
  display: inline-block;
  transition: .3s;
  color:#616161;
  padding:0 5px;
}

a.t_link::after {
  position: absolute;
  bottom: 0;
  left: 0%;
  content: '';
  width: 50%;
  height: 1px;
  background-color:#C6C6C6;
  transition: .3s;
  transform: translateX(0%);
}

a.t_link:hover{ color:#e5024d; text-decoration: none !important; }
a.t_link:hover::after{ width: 100%;}

.link_btn {
    display: block;
    margin: 20px auto;
    border-top:#bababa 2px solid;
    border-right:#bababa 2px solid;
    border-bottom:#bababa 2px solid;
    border-left:#4d4d4d 6px solid;
    padding: 20px 60px 20px 40px;
    width: fit-content;
    width: -moz-fit-content;
    background:#fff url("../img/icon_arrow_gray.png") no-repeat 95% 50%;
    font-weight: bold;
    font-size: 1.3vw;
    line-height: 1.3;
    transition : all 0.5s ease 0s;
}

.link_btn:hover {   
    background:#000 url("../img/icon_arrow_gray.png") no-repeat 95% 50%;
    color: #fff;
    border-top:#000 2px solid;
    border-right:#000 2px solid;
    border-bottom:#000 2px solid;
}

	

/*============
  IMG
=============*/
.img100 { width: 100%; }
.bd_g { border: 1px solid #E1E1E1;}



/*============
  TABLE
=============*/
.table_normal,
.table_gray{
	border-collapse: collapse;
	margin-bottom: 40px;
}
.table_normal th {
	background:#084e76;
	color: #fff;
	text-align: center;
	border-top: #084e76 1px solid;
	border-bottom: #fff 1px solid;
	width: 30%;
}

.table_normal th,
.table_normal td {
	padding: 20px;
}

.table_normal td {
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
}


.table_gray th {
	background: #E4E4E4;
	text-align: left;
	border-top: #084e76 1px solid;
	border-bottom: #fff 1px solid;
	width: 30%;
	border: #9A9A9A 1px solid;
}

.table_gray th,
.table_gray td {
	padding: 20px;
}

.table_gray td {
	border: #9A9A9A 1px solid;
}



@media screen and (max-width: 900px) {
.table_normal th,
.table_normal td,
.table_gray th,
.table_gray td{
	text-align: left;
	padding: 10px 0;
	display: block;
	width: 100%;
	border: none !important;
}

.table_normal th,
.table_gray th {
padding: 10px 20px;
}

}



/*============
  FOOTER
=============*/

footer{
	font-size: 80%;
	padding: 20px;
    text-align: center;
}



@media screen and (max-width: 1200px) {
#sec_logo {
    margin: 20px 0 15px 21px;
    transition: all 0.5s ease 0s;
	width: 60%;
}

.page_title {
    background: url(../img/bg_sec_title.jpg) no-repeat 100% 0;
    background-size: cover;
    padding: 40px 0;
}

.page_title h1 {
    width: 80%;
    margin: 0 auto;
    font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 140%;
}


}


@media screen and (max-width: 900px) {
.table_gray th,
.table_gray td{
	width: 100%;
	display: block;
	border: none;
}


footer{
	text-align: center;
	font-size: 80%;
	padding: 20px;
	margin-bottom:70px;
}

.foot_link {
    position: fixed;
    bottom: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.foot_link a {
	display: block;
	padding: 20px 15px;
	box-sizing: border-box;
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:14px !important;
}

.foot_link a:nth-child(1) {
    background: #e91052 url(../img/icon_mail_w.png) no-repeat 10px 50%;
    color: #fff;
    padding-left: 47px;
	width: 53%;
}

.foot_link a:nth-child(2) {
	background:#000 url(../img/icon_tel_bottom.png) no-repeat 15px 50%;
	background-size: 25px;
    color: #fff;
    padding-left: 50px;
	width: 47%;
	}

.foot_link a:hover { text-decoration: none; }

}



/*============
  申し込みフォーム
=============*/

.form_box {
	margin:30px auto 20px;
    width: 70%;
     font-size: 90%;
}

.form-group {
	margin-bottom:10px;
	border-bottom:#CCCCCC 1px dashed;
    display: flex;
	flex-wrap: wrap;
}

label.entry {
	width:30%;
	text-align:right;
	padding:15px 20px 4px 5px;
}

input,select,textarea {
	border-radius:5px;
	border:#ddd 1px solid;
	padding:5px;
	margin-top:10px;
}

.form-control { width:50%;}

.input_box {
	width:70%;
	margin-bottom:10px;
}

#input-course,
#input-sex {

}

.control-label span { background:#e35d18; color: #fff; padding: 2px 5px; font-size: 80%; border-radius: 4px;}

.small_txt {
	font-size:80%;
	line-height:1.4 !important;
	margin-top:5px;
	}
	
.mfp {margin-top:5px; }

.btn_orange {
	border:#e35d18 4px solid;
    background: #e35d18;
	border-radius:25px;
	padding:10px 20px;
	font-size:90%;
	color:#fff !important;
	display:inline-block;
	margin:20px 0 30px ;
	cursor:pointer;
    transition : all 0.5s ease 0s;
	}

.btn_orange:hover {
	text-decoration:none;
	background:#c24d11;
	border:#c24d11 4px solid;
	color:#fff;
}


@media (max-width: 959px) {
.form_box {
	margin:30px auto 20px;
    width: 90%;
     font-size: 90%;
}

.form-group { border-bottom:none;}

label.entry {
	width:100%;
	text-align:left;
	padding:15px 20px 10px 5px;
    border-bottom:#CCCCCC 1px dashed;
    font-weight: bold;
}

.input_box {
	width:100%;
	margin-bottom:10px;
}
.form-control { width:100%;}




}



/*============
  ANIMATION
=============*/


/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}



/*============
  KEY
=============*/
#key,
#key_sec{
	background: url("../img/bg_main.jpg") no-repeat 0 100%;
	background-size:cover;
}


#key h1 {
	text-align: center;
	font-size: 240%;
	font-weight: bold;
    padding: 130px 50px 140px;
}

#key_sec h1 {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
    padding: 50px 20px 50px;
}

#key h1 p {
    display: inline;
    line-height: 1.4;
    background: url("../img/img_underline.png") repeat-x 0 100%;
    background-size: contain;
    padding-bottom: 5px;
}

#key h1 span { font-size:130%; }


@media (max-width: 959px) {
#key h1 {
    font-size: 150%;
    font-weight: bold;
    padding: 130px 30px 100px;
}
    
#key_sec h1 {
    font-size: 130%;
    font-weight: bold;
    padding: 80px 30px 30px;
}

}



/*認知症になると…（block02）*/
#block02 {
	position: relative;
    background: #000;
    display: flex;
    align-items: center;
}

#block02 article { width: 50%; padding:20px;}
#block02 img {  width: 100%; height: auto; }

#block02 article div {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
 }

#block02 p { color: #fff; font-weight: bold; line-height: 1.4; }
#block02 article p:nth-child(1) { font-size: 2vw;}
#block02 article p:nth-child(2) { font-size: 3.5vw; padding-bottom: 20px;}
#block02 article p:nth-child(2) span {
    background: url("../img/img_underline.png") repeat-x 0 100%;
    background-size:100% 13%;
    padding-bottom: 5px;
    font-size: 4.5vw;
}

#block02 article p:nth-child(3) { font-size: 3vw; padding-bottom: 20px;}


@media (max-width: 959px) {
#block02 { display: block; }
#block02 article { width: 100%; padding:20px;}
#block02 article div { width: fit-content; width:-moz-fit-content; }
#block02 article p:nth-child(1) { font-size: 6vw;}
#block02 article p:nth-child(2) { font-size: 8vw; padding-bottom: 20px;}
#block02 article p:nth-child(2) span { font-size: 8vw;}
#block02 article p:nth-child(3) { font-size: 6vw; padding-bottom: 20px;}
}

    
    


/* 新しい常識（block03）*/

#block03 {
    background:url("../img/bg_bl02_sakai.jpg") no-repeat;
    padding:150px 100px 270px;
    background-size: cover;
    position: relative;
}

#block03 div {
    width: 70vw;
    margin-left: 11%;
    margin-right: auto;
    font-weight: bold;
}

#block03 div p { font-size: 2.1vw;}
#block03 div h2 { font-size: 3.8vw; letter-spacing: 0.05em; }
.bl-fo { color: #e35717; }
#block03 div h2 .bl-fb { font-size: 4.7vw;}

#block03 article{
    position: absolute;
    bottom:-220px;
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    margin: 100px auto 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
 }

#block03 article a { 
    border-radius: 10px;
    width: 23%;
    display: block;
    margin: 0 auto 0;
    border: 2px solid #777777;
    background: #fff url(../img/icon_arrow__under_o.png) no-repeat 50% 90%;
    text-align: center;
    font-size: 1.7vw;
    font-weight: bold;
    padding: 18px 20px 100px 20px;
    transition: all 0.5s ease 0s;
    line-height: 1.3;
}

#block03 article a:nth-child(1) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon01.png") no-repeat center;
    background-size: 40%;
    padding: 115px 0 20px;
} 

#block03 article a:nth-child(2) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon02.png") no-repeat center;
    background-size: 36%;
    padding: 115px 0 20px;
} 

#block03 article a:nth-child(3) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon03.png") no-repeat center;
    background-size: 75%;
    padding: 115px 0 20px;
} 

#block03 article a:nth-child(4) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon04.png") no-repeat center;
    background-size: 30%;
    padding: 115px 0 20px;
} 

#block03 article a:hover { 
    border:2px solid #e35717;
    background:#ffeae3 url("../img/icon_arrow__under_o.png") no-repeat 50% 93%;
    }


/* delayをかける */
#block03 article a:nth-child(2) {
	-moz-transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-o-transition-delay:100ms;
	-ms-transition-delay:100ms;
	}
    
#block03 article a:nth-child(3) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
    
#block03 article a:nth-child(4) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	} 


/*1300px以上*/
@media (min-width: 1300px) {
#block03 article a { font-size: 1.3vw;}
#block03 article a:nth-child(1) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon01.png") no-repeat center;
    background-size: 40%;
    padding: 180px 0 20px;
} 

#block03 article a:nth-child(2) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon02.png") no-repeat center;
    background-size: 36%;
    padding: 180px 0 20px;
} 

#block03 article a:nth-child(3) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon03.png") no-repeat center;
    background-size: 75%;
    padding: 180px 0 20px;
} 

#block03 article a:nth-child(4) span {
    height: 13vh;
    display: block;
    background: url("../img/img_bl02_icon04.png") no-repeat center;
    background-size: 30%;
    padding: 180px 0 20px;
}  
}


@media (max-width: 959px) {
#block03 {
    background: #e7ecf6 url(../img/bg_bl02_sakai_sp.jpg) no-repeat 0 0;
    padding: 50px 20px 20px;
    background-size: 110%;
    position: inherit;
}
    
#block03 div p { font-size: 4vw; line-height: 1.4; }
#block03 div h2 {
    font-size: 6.5vw;
    letter-spacing: 0.05em;
}
#block03 div h2 .bl-fb { font-size: 5.7vw;}
    
#block03 div {
    width: fit-content;
    width: -moz-fit-content;
    margin-left: 5%;
    margin-right: auto;
    margin-bottom: 0px;
    font-weight: bold;
}
    
#block03 article {
    width: 90vw;
    margin: 30px auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: stretch;
    position: inherit;
    bottom:auto; 
    left: auto;
    transform: translateX(0%);
}
    
#block03 article a {
    border-radius: 10px;
    width: 48%;
    font-size: 3vw;
    padding: 5px 20px 60px 20px;
    margin-bottom: 30px;
}
    
#block03 article a:nth-child(1) span,
#block03 article a:nth-child(2) span,
#block03 article a:nth-child(3) span,
#block03 article a:nth-child(4) span { 
    padding: 100px 0 20px;
    }
    
}






/* 聞いたことがありますか？（block04）*/

#block04 {
	text-align: center;
    font-size: 2vw;
    font-weight: bold;
    margin-top: 220px;
    margin-bottom: 100px;
}

#block04 h2 { 
    background: #000;
    padding: 10px 15px;
    font-size: 3vw;
    color: #fff;
    display: inline-block;
}

#block04 h2 span { color: #ffdd3d; }

@media (max-width: 959px) {
#block04 {
    font-size: 6vw;
    margin-top: 100px;
}
#block04 h2 { font-size: 7vw; margin: 10px 0; }
#block04 p { line-height: 1.3; }
}




/*預金の引き出し…（block05）*/
#block05 {
	position: relative;
    background: #efefef;
    display: flex;
    align-items: center;
}

#block05 article { width: 50%; padding:20px;}
#block05 img {  width: 100%; height: auto; }

#block05 article div {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
 }

#block05 p {
    color: #000; 
    font-weight: bold;
    line-height: 1.4;
    }

#block05 p.bl05_taboo { 
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 4px solid #292929;
}
    
#block05 p.bl05_taboo span {
    background: url(../img/icon_taboo.png) no-repeat 0% 50%;
    background-size: 10%;
    display: block;
    padding-left: 60px;
    margin: 0 5px;
    font-size: 3.6vw;
}

.bl05_taboo_txt {font-size: 1.9vw; padding-left: 10px; }

@media (max-width: 959px) {
#block05 { display: block; padding: 40px 0;}
#block05 article { width:100%; padding:20px;}
#block05 article div {width: 80vw;}
#block05 p.bl05_taboo span { font-size: 6vw;}
.bl05_taboo_txt {font-size: 4vw; padding-left: 10px; }
    
}



/* 諭吉爆弾（block06）*/
#block06 {
	background: url("../img/bg_bl04.jpg") no-repeat;
    background-size:100%;
}

#block06 h2 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 3vw;
    padding: 100px 50px;
}

#block06 h2 span { font-size:4vw;  }


.bl06_risk {
    width: 85vw;
    display: flex;
    margin: 32vw auto 100px;
    justify-content: space-around;
    align-items: center;
    }
    
.bl06_risk img  { width: 30%; }
.bl06_risk img:nth-child(2)  { margin-top: 150px;}
.bl06_risk img:nth-child(3)  { margin-top: 280px;}



/* delayをかける */
.bl06_risk img:nth-child(2) {
	-moz-transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-o-transition-delay:100ms;
	-ms-transition-delay:100ms;
	}
    
.bl06_risk img:nth-child(3) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}

    

/*そこで*/
.bl06_sokode {
     width: 85vw;
     background: #fff;
     padding: 100px 30px 30px;
     border: 5px solid #dcdcdc; 
     position: relative;
     margin: 50px auto;
}

.bl06_sokode_title { 
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #8a8a8a;
    border-radius: 100px;
    text-align: center;
    width: 30vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 20px;
}

.bl06_sokode div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size: 1.3vw;
}

.bl06_sokode div h3 { width:30%; line-height: 1.3;}
.bl06_sokode div h3 span { color: #e35717; font-size: 1.8vw; }
span.bl-fs { font-size: 1vw!important; color: #000 !important; ;}

.bl06_sokode div h3:nth-child(1) {
    background: url( "../img/img_bl04_icon01.jpg") no-repeat 50% 0;
    background-size: 30%;
    padding-top: 120px;
}

.bl06_sokode div h3:nth-child(2) {
    background: url( "../img/img_bl04_icon02.jpg") no-repeat 50% 0;
    background-size: 30%;
    padding-top: 140px;
}

.bl06_sokode div h3:nth-child(3) {
    background: url( "../img/img_bl04_icon03.jpg") no-repeat 50% 10%;
    background-size: 50%;
    padding-top: 140px;
}

.bl06_bottom {
    text-align: center;
    font-weight: bold;   
    font-size: 2vw;
    padding-bottom: 50px;}



/*1300px以上*/
@media (min-width: 1300px) {
.bl06_sokode div h3:nth-child(1) { padding-top: 140px;}
.bl06_sokode div h3:nth-child(2) { padding-top: 170px;}
.bl06_sokode div h3:nth-child(3) { padding-top: 170px;}
}

/*認知症になると…（block07）*/
#block07 {
	position: relative;
    background: #e7ecf6;
    display: flex;
    align-items: center;
}

#block07 article { width: 50%; padding:20px;}
#block07 img {  width: 100%; height: auto; }

#block07 article div {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
 }

#block07 p { color: #000; font-weight: bold; line-height: 1.4; }
#block07 article p:nth-child(1) { font-size: 2vw;  line-height: 1;}
#block07 article p:nth-child(2) { font-size: 3.5vw; padding-bottom: 0px; margin-bottom: 10px;}
#block07 article .o_line {
    display: inline-block;
    background: url("../img/img_underline2.png") repeat-x 0 100%;
    background-size:100%;
    padding-bottom: 0px;
    width: fit-content;
    width: -moz-fit-content;
}

#block07 article .o_line span {font-size: 4.5vw; }

#block07 article p:nth-child(3) { font-size: 3vw; padding-bottom: 20px; line-height: 1.3; }



/*認知症資産凍結アドバイザー（block08）*/
#block08 {
    background: url( "../img/bg_bl08_sakai.jpg") no-repeat 90% 100%;
    background-size: contain;
    box-sizing: border-box;
    margin: 100px 0 0;
}

#block08 article { 
    padding: 100px 0 100px 10%;
    font-weight: bold;
    line-height: 1.4;
}

#block08 article h2 {
    display: inline-block;
    font-size: 5.5vw;
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 4px solid #000;
    line-height: 1.2;
}

#block08 article img {
    width: 38vw;
}

#block08 article p {
    font-size: 4.8vw;
    line-height: 1.3;
    margin-top: 100px;
}

#block08 article p .o_line {
    display: inline-block;
    background: url("../img/img_underline2.png") repeat-x 0 100%;
    background-size:100%;
    padding-bottom: 0px;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 10px;
}



/*このページを読み対策することで（block09）*/
#block09 {
    background:#e35d18;
    padding: 100px 0;
}

#block09 article {
    display: flex;
    margin: 60px auto;
    width: 80vw;
    justify-content: space-around;
}

#block09 article img { width: 23%; }

#block09 p {
    color: #fff;
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
}


/* delayをかける */
#block09 img:nth-child(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}

#block09 img:nth-child(3) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}

#block09 img:nth-child(4) {
	-moz-transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-o-transition-delay:700ms;
	-ms-transition-delay:700ms;
	}


/*あなたは知っていますか？（block10）*/
#block10 {
    padding: 100px 0;
    text-align: center;
    font-size: 2.3vw;
    font-weight: bold;
}
#block10 p {
    background: url("../img/img_bl02_icon01.png") no-repeat 50% 0;
    padding-top: 100px;
}

#block10 h2 { font-size: 4vw; }


/*認知症になると…（block11）*/
#block11 {
	position: relative;
    background: #000;
    display: flex;
    align-items: center;
}

#block11 article { width: 50%; padding:20px;}
#block11 img {  width: 100%; height: auto; }

#block11 article div {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
 }

#block11 p { color: #fff; font-weight: bold; line-height: 1.4; font-size: 2vw;}
#block11 article p:nth-child(1) {font-size: 2vw; margin-bottom: 20px;}
#block11 article p:nth-child(2) span {font-size: 3vw;}
#block11 article  .o_line {
    background: url("../img/img_underline.png") repeat-x 0 100%;
    background-size:100% 13%;
    padding-bottom: 5px;
    font-size: 4.5vw;
}

#block11 article p:nth-child(3) { font-size: 3vw; padding-bottom: 20px;}


/*そうなると、たとえ家族や本人が（block12）*/
#block12 {
    background:#000 url("../img/bg_bl012.jpg") no-repeat 0 0;
    background-size: 100%;
    color: #fff;
    text-align: center;
    padding: 100px 0;
}

#block12 div {
    display: flex;
    align-items: center;
    margin: 60px auto;
    width: 80vw;
    justify-content: space-around;
    margin-top: 650px;
}


#block12 div img { width: 23%; }

#block12 p {
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.4;
}

/* delayをかける */
#block12 img:nth-child(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}

#block12 img:nth-child(3) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}

#block12 img:nth-child(4) {
	-moz-transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-o-transition-delay:700ms;
	-ms-transition-delay:700ms;
	}


/*代理ができない（block13）*/
#block13 {
    background: #646464;
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 50px 0;
}




/*代理ができない（block14）*/
#block14 {
	position: relative;
    display: flex;
    align-items: center;
}

#block14 article { width: 50%; padding:20px;}
#block14 img { width:100%; height: auto; }

#block14 article div {
    width: 37vw;
    margin-left: auto;
    margin-right: auto;
 }


/*代理ができない（block15）*/
#block15 {
	text-align: center;
    background: #f1f1f1;
    padding: 100px;
}

#block15 img { width: 60vw;}


/*代理ができない（block16）*/
#block16 {
	position: relative;
    display: flex;
    align-items: center;
}

#block16 article { width: 50%; padding:20px;}
#block16 img { width:100%; height: auto; }

#block16 article div {
    width: 37vw;
    margin-left: auto;
    margin-right: auto;
 }



/*代理ができない（block17）*/
#block17 {
    text-align: center;
    font-size: 2.5vw;
    font-weight: bold;
    padding: 100px;
}

#block17 .bgb {
    background: #000;
    font-size: 2.5vw;
    color: #fff;
    padding: 10px;
    margin:30px auto 30px;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
}

#block17 p {line-height: 1.5; }



/*代理ができない（block18）*/

#block18 {
    background:#f1f1f1;
    position: relative;
    text-align: center;
    padding: 140px 0 80px;
    margin: 50px 0;
}

#block18 p {
    width: 35vw;
    background: #e35717;
    font-size: 2.5vw;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    padding: 20px;
    position: absolute;
    top:-50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


/*あなたの自由です（block19）*/

#block19 {
    background: url("../img/bg_bl19.jpg") no-repeat 90% 100%;
    background-size: contain;
    padding: 140px 0 140px 10%;
    font-size: 2vw;
    font-weight: bold;
}

#block19 div {
    margin-bottom: 40px;}

#block19 div p {
    font-size: 3.3vw;
    font-weight: bold;
    display: inline;
    line-height: 1.2;
}

#block19 div p span { color: #e35d18;  }
    
    
/*あなたは知っていますか？（block10）*/
#block20 {
    background:#e7e7e7;
    padding: 100px 0;
    text-align: center;
    font-size: 2.3vw;
    font-weight: bold;
}
#block20 p {
    background:  url("../img/img_bl02_icon02.png") no-repeat 50% 0;
    padding-top: 100px;
}

#block20 h2 { font-size: 4vw; }
    
/*成年後見制度（block21）*/
#block21 {
	position: relative;
    display: flex;
    align-items: center;
}

#block21 article { width: 50%; padding:20px;}
#block21 img { width:100%; height: auto; }

#block21 article div {
    width: 28vw;
    margin-left: auto;
    margin-right: auto;
 }



/*成年後見制度とは（block22）*/
#block22 article  {
     width: 85vw;
     background: #fff;
     padding: 80px 30px 30px;
     border: 5px solid #dcdcdc; 
     position: relative;
     margin: 120px auto;
}

#block22 h2 { 
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #8a8a8a;
    border-radius: 100px;
    text-align: center;
    width: 40vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 20px;
}

#block22 p {
    font-weight: bold;
    font-size: 1.5vw;
    background: url(../img/img_bl22.gif) no-repeat 0 50%;
    background-size: auto;
    width: 55vw;
    margin: 0 0 0 15%;
    padding: 20px 0 20px 17%;
    line-height: 1.6;
}


/*認知症を発症した場合、…（block23）*/
#block23   {
    text-align: center;
    font-weight: bold;
    margin-bottom: 70px;
}
#block23 p {
    font-size: 2vw;
    line-height: 1.4;
    margin-bottom: 100px;
}
#block23 span { font-size: 2.8vw;}



/*逆に言えば（block24）*/
#block24 {
    background: #646464;
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 50px 0;
}




/*認知症になると…（block11）*/
#block25 {
	position: relative;
    background: #000;
    display: flex;
    align-items: center;
}

#block25 article { width: 50%; padding:20px;}
#block25 img {  width: 100%; height: auto; }

#block25 article div {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
 }

#block25 p { color: #fff; font-weight: bold; line-height: 1.4; font-size: 2.4vw;}
#block25 article p:nth-child(1) {font-size: 2.3vw; margin-bottom: 20px;}
#block25 article p:nth-child(2) span {font-size: 3vw;}
#block25 article  .o_line {
    background: url("../img/img_underline.png") repeat-x 0 100%;
    background-size:100% 13%;
    padding-bottom: 5px;
    font-size: 4.5vw;
}

#block25 article p:nth-child(3) { font-size: 3vw; padding-bottom: 20px;}


/*たとえば、（block26）*/
#block26 {
    background:#000 url("../img/bg_bl26.jpg") no-repeat 0 100%;
    background-size: 100%;
    color: #fff;
    text-align: center;
    padding: 100px 0;
}

#block26 div {
    display: flex;
    align-items: center;
    margin: 60px auto;
    width: 80vw;
    justify-content: space-around;
}

#block26 div img { width: 23%; }

#block26 p.tatoeba {
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.4;
}

#block26 article {
    font-size: 2.5vw;
    font-weight: bold;
    width: 40vw;
    margin: 150px auto 100px 10%;
    text-align: left;
    letter-spacing: 0.1em;
}

#block26 article p {
    background: #fff;
    color: #000;
    font-size: 3.5vw;
    line-height: 1.3;
    display: inline-block;
    width: fit-content;
    width: -moz-fit-content;
    padding: 8px;
}

#block26 article p:nth-of-type(1){ margin-top: 20px;}
#block26 article p:nth-of-type(2) { margin-top: 10px; margin-bottom: 20px; }


/* delayをかける */
#block26 img:nth-child(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}

#block26 img:nth-child(3) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}

#block26 img:nth-child(4) {
	-moz-transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-o-transition-delay:700ms;
	-ms-transition-delay:700ms;
	}



/*さらに大きな問題（block27）*/
#block27 {
    background: #f0f0f0;
    font-size: 2.5vw;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 60px 0;
}

#block27 p { line-height: 1;}
#block27 span {
    background:#e35717; 
    font-size: 3.5vw;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    margin-top: 10px;
}


/*たったの…（block28）*/
#block28 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 60px 0;
}

#block28 p { line-height: 1.2;}

#block28 .o_line {
    display: inline-block;
    background: url("../img/img_underline.png") repeat-x 0 100%;
    background-size:100% 15%;
    padding-bottom: 15px;
    width: fit-content;
    width: -moz-fit-content;
}

#block28 img {
    width: 45vw;
    margin: 100px 0;}


/*成年後見制度（block29）*/
#block29 {
	position: relative;
    display: flex;
    align-items: center;
    background: #000;
}

#block29 article { width: 50%; padding:20px;}
#block29 img { width:100%; height: auto; }

#block29 article div {
    width: 35vw;
    margin-left: auto;
    margin-right: auto;
 }



/*成年後見制度（block30）*/
#block30 {
	text-align: center;
    padding: 80px 0;
}

#block30 img  { width: 50vw;}


/*成年後見制度（block31）*/
#block31 {
	position: relative;
    display: flex;
    align-items: center;
    background: #efefef;
}

#block31 article { width: 50%; padding:20px;}
#block31 img { width:100%; height: auto; }

#block31 article div {
    width: 35vw;
    margin-left: auto;
    margin-right: auto;
 }



/*あなたの自由です（block19）*/

#block32 {
    background:#e8ecf7 url("../img/bg_bl32_sakai.jpg") no-repeat 100% 100%;
    background-size: 100%;
    padding: 180px 0 180px 10%;
    font-size: 2vw;
    font-weight: bold;
}

#block32 img  {width: 45vw;}



/*あなたの自由です（block19）*/

#block33 {
    background:#e35717; padding: 100px;
}

#block33 h2 {
    background: url("../img/icon_bl33.png") no-repeat 0 50%;
    background-size: contain;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
    margin: 0 auto;
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
    padding-left: 100px;}


#block33 h2 span { font-size: 4vw; }
.bl33_img  {
    display: block;
    width: 60vw;
    margin: 80px auto;}


/*成年後見制度（block31）*/
#block34 {
	position: relative;
    display: flex;
    align-items: center;
}

#block34 article { width: 50%; padding:20px;}
#block34 img { width:100%; height: auto; }

#block34 article div {
    width: 30vw;
    margin-left: auto;
    margin-right: auto;
 }

/*成年後見制度とは（block35）*/

#block35 { background: #f0f0f0;}
#block35 article  {
     padding: 80px 30px 30px;
     position: relative;
     margin: 120px auto 10px;
}

#block35 h2 { 
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #8a8a8a;
    border-radius: 100px;
    text-align: center;
    width: 40vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 20px;
}

#block35 p {
    font-weight: bold;
    font-size: 1.5vw;
    width: fit-content;
    width: -moz-fit-content;
    margin:0 auto;
    padding: 20px 0 40px 0;
    line-height: 1.6;
}


/*あなたの自由です（block19）*/

#block36 {
    background:#e8ecf7 url("../img/bg_bl36_sakai.jpg") no-repeat 120% 100%;
    background-size: 97%;
    padding: 200px 0 180px 10%;
    font-size: 2vw;
    font-weight: bold;
}

#block36 img  { width: 45vw;}





/*あなたの自由です（block19）*/

#block37 { background:#e35717; padding: 100px; }

#block37 h2 {
    background: url("../img/icon_bl33.png") no-repeat 0 50%;
    background-size: contain;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
    margin: 0 auto;
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
    padding-left: 100px;}

#block37 h2 span { font-size: 4vw; }



/*成年後見制度（block38）*/
#block38 {
	text-align: center;
    padding: 80px 0;
}

#block38 img  { width: 50vw;}


/*成年後見制度（block39）*/
#block39 {
	position: relative;
    display: flex;
    align-items: center;
    background: #efefef;
}

#block39 article { width: 50%; padding:20px;}
#block39 img { width:100%; height: auto; }

#block39 article div {
    width: 35vw;
    margin-left: auto;
    margin-right: auto;
 }


/*成年後見制度（block40）*/
#block40 {
	text-align: center;
    padding: 100px 0;
}

#block40 p {
    font-size: 2vw;
    font-weight: bold;
}

#block40 img  { width: 60vw; margin-top: 50px; }



/*あなたの自由です（block19）*/

#block41 {
    background: url("../img/bg_bl41_sakai.jpg") no-repeat 10% 100%;
    background-size: 38%;
    padding: 200px 10% 180px 0;
    font-size: 2vw;
    font-weight: bold;
}

#block41 img {
    width: 43vw;
    margin: 0 auto 0 55%;
}


/*たとえば、（block26）*/
#block42 {
    background:url("../img/bg_bl42.jpg") no-repeat 0 0%;
    background-size: 100%;
    text-align: center;
    padding: 130px 0 30px;
}

#block42 div {
    display: flex;
    align-items: center;
    margin: 35vh auto 30px;
    width: 80vw;
    justify-content: space-around;
}

#block42 div img { width: 30%; }

#block42 article {
    font-size: 2.5vw;
    font-weight: bold;
    width: 40vw;
    margin: 180px auto 100px 10%;
    text-align: left;
    letter-spacing: 0.1em;
}

#block42 article p {
    background: #fff;
    color: #000;
    font-size: 3.5vw;
    line-height: 1.3;
    display: inline-block;
    width: fit-content;
    width: -moz-fit-content;
    padding: 8px;
}

#block42 article p:nth-of-type(1){ margin-top: 20px;}
#block42 article p:nth-of-type(2) { margin-top: 10px; margin-bottom: 20px; }


/* delayをかける */
#block42 img:nth-of-type(2){
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}

#block42 img:nth-of-type(3){
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}

#block42 img:nth-of-type(4){
	-moz-transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-o-transition-delay:700ms;
	-ms-transition-delay:700ms;
	}


/*成年後見制度とは（block35）*/

#block43 { background: #f0f0f0;}
#block43 article  {
     padding: 80px 30px 30px;
     position: relative;
     margin: 120px auto 10px;
}

#block43 h2 { 
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #8a8a8a;
    border-radius: 100px;
    text-align: center; 
    width: 40vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 20px;
}

#block43 p {
    font-weight: bold;
    font-size: 1.5vw;
    width: fit-content;
    width: -moz-fit-content;
    margin:0 auto;
    padding: 20px 0 40px 0;
    line-height: 1.6;
}

 
/*たとえば、（block26）*/
#block44 {
    background-size: 100%;
    text-align: center;
    padding: 130px 0 30px;
}

.block44_read {
    font-weight: bold;
    font-size: 1.7vw;
    line-height: 1.5;
    margin-bottom: 50px;
}

.block44_bottom { 
    font-weight: bold;
    font-size: 4vw;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 1.4;
}


/*オレンジ*/
#block45 {
    background:#e35d18;
    padding: 100px 0;
}

#block45 article {
    display: flex;
    margin: 60px auto;
    width: 80vw;
    justify-content: space-around;
}

#block45 article img { width: 23%; }

#block45 p {
    color: #fff;
    text-align: center;
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 1.3;
}

/*オレンジ*/
#block46 {
    background: #e8ecf7 url(../img/bg_bl46_sakai.jpg) no-repeat 120% 100%;
    background-size: 97%;
    padding: 120px 0 125px 10%;
    font-size: 2vw;
    font-weight: bold;
}

#block46 img  { width: 45vw;}


/*そこで*/
#block47{
    position: relative;
    text-align: center;
    padding: 140px 0 80px;
    margin: 50px 0;
}

.block47_read {
    width: 35vw;
    background: #e35717;
    font-size: 2.5vw;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    padding: 20px;
    position: absolute;
    top: -111px;
    left: 33%;
    transform: translateX(-33%);
    -webkit-transform: translateX(-33%);
    -ms-transform: translateX(-33%);
}

.block47_read2 {
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    line-height: 1.3;
}

#block47 div {
    display: flex;
    align-items: center;
    margin: 10vh auto 60px;
    width: 80vw;
    justify-content: space-around;
}

#block47 div img { width: 30%; }
/* delayをかける */
#block47 img:nth-of-type(2){
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}

#block47 img:nth-of-type(3){
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}

#block47 img:nth-of-type(4){
	-moz-transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-o-transition-delay:700ms;
	-ms-transition-delay:700ms;
	}

.block47_bottom {
    text-align: center;
    font-size: 1.6vw;
    font-weight: bold;
    line-height: 1.8;
    margin-top: 40px;
}




#block48 {
    background: url("../img/bg_bl48_sakai.jpg") no-repeat 10% 100%;
    background-size: cover;
    padding: 160px 10% 200px 0;
    font-size: 2vw;
    font-weight: bold;
}

#block48 img {
    width: 43vw;
    margin: 0 auto 0 55%;
}


/*そこで*/
#block49{
    position: relative;
    text-align: center;
    padding: 70px 0 30px;
    margin: 50px 0;
}

.block49_read {
    width: 35vw;
    background: #e35717;
    font-size: 2.5vw;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    padding: 20px;
    position: absolute;
    top: -111px;
    left: 33%;
    transform: translateX(-33%);
    -webkit-transform: translateX(-33%);
    -ms-transform: translateX(-33%);
}

.block49_read2 {
    text-align: center;
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 60px;
}
.block49_read2 span {font-size: 1.9vw; }

.block49_read3 {
    text-align: center;
    font-size: 1.6vw;
    font-weight: bold;
    line-height: 1.3;
}

#block49 div {
    background:#fcfbf6;
    border: 10px solid #f3f2e9;
    padding: 40px;
    width: 60%;
    margin: 50px auto;
}

.block49_read4 {
    font-size: 1.9vw;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 30px;
}

.block49_read5 {
    font-size: 1.3vw;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 0px;
}

.block49_read4 span {
    background: url(../img/img_underline.png) repeat-x 0 100%;
    background-size: 100% 13%;
    padding-bottom: 5px;
}


/*オレンジ*/
#block50 {
    background:#e35d18;
    padding: 100px 0;
}

#block50 article {
    display: flex;
    margin: 60px auto;
    width: 80vw;
    justify-content: space-around;
}

#block50 p {
    color: #fff;
    text-align: center;
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 1.3;
}



/*濃いオレンジ*/
#block51 {
    background:#b43e08;
    padding: 50px 0;
}

#block51 p {
    color: #fff;
    text-align: center;
    font-size: 1.7vw;
    font-weight: bold;
    line-height: 1.3;
}



/*モヤモヤ*/

#block52 {
    background: url(../img/bg_bl51.jpg) repeat-x 0 100%;
    padding: 50px 0;
    text-align: center;
}

#block52 div {
    background: hsla(0,0%,100%,0.8);
    width: 60%;
    padding: 30px 40px 220px 40px;
    margin: 40px auto;
    font-weight: bold;
    position: relative;
}

.orange_arrow {
position: absolute;
bottom:-40px;
left: 47%;
}


/*last*/

#last {
    background: url(../img/bg_last.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
    position:relative;
}

#last  div {
    width: 50%;
    padding: 50px 0px 0px 100px;
    margin: 0 40% 0 auto;
}

#last  div .last_read {
    font-size: 2.3vw;
    font-weight: bold;
    line-height: 1.3;
    margin: 30px 0;}

#last  div .last_read span { font-size: 70%;}
#last  div a { transition : all 0.5s ease 0s; display: block; margin-top: 10px; }
#last  div a:hover { opacity: 0.8;}

.last_sakai {
position: absolute;
bottom:0;
right: 15%;
width: 25%;
}



/* iPad air*/
@media (max-width: 820px) {
#block03 {
    background: #e7ecf6 url(../img/bg_bl02_sakai_sp.jpg) no-repeat 80% -7%;
    padding: 50px 20px 20px;
    background-size: 77%;
}
#block03 article a {
    border-radius: 10px;
    width: 48%;
    font-size: 3vw;
    padding: 20px 20px 80px 20px;
    margin-bottom: 30px;
    background: #fff url(../img/icon_arrow__under_o.png) no-repeat 50% 94%;
}
#block03 .bl-fo { display: block;}

#block03 article a:nth-child(1) span { background: url(../img/img_bl02_icon01.png) no-repeat 50% 20%;  }
#block03 article a:nth-child(2) span { background: url(../img/img_bl02_icon02.png) no-repeat 50% 20%;  }
#block03 article a:nth-child(3) span {
    background: url(../img/img_bl02_icon03.png) no-repeat 50% 20%;
    background-size: 64%;}
#block03 article a:nth-child(4) span {
    background: url(../img/img_bl02_icon04.png) no-repeat 50% 20%;
    background-size: 23%;
    }
    
#block03 article a:nth-child(1) span,
#block03 article a:nth-child(2) span,
#block03 article a:nth-child(3) span,
#block03 article a:nth-child(4) span {
    padding: 130px 0 20px;
}

#block04 {  padding: 0 40px;}
#block05 p.bl05_taboo span {
    background: url(../img/icon_taboo.png) no-repeat 0% 50%;
    background-size: 9%;
    padding-left: 77px;
}

#block06 h2 {
    font-size: 6vw;
    padding: 80px 50px;
}

.bl06_risk {
    width: 95vw;
    margin: 7vw auto 100px;
}

.bl06_sokode {
    width: 93vw;
    padding: 100px 16px 30px;
    }
    
.bl06_sokode_title {
    width: 50vw;
    font-size: 3vw;
    }

.bl06_sokode div {  align-items: flex-start;}
.bl06_sokode div h3 {
    width: 30%;
    line-height: 1.3;
    font-size: 2.8vw;
}

.bl06_sokode div h3:nth-child(1) {
    background: url(../img/img_bl04_icon01.jpg) no-repeat 50% 0;
    background-size: 47%;
    padding-top: 120px;
}
.bl06_sokode div h3 span {  font-size: 2.8vw;}
.bl06_sokode div h3:nth-child(2) { background-size: 41%;}
.bl06_sokode div h3:nth-child(3) { background-size: 69%;}
span.bl-fs {
    font-size: 1.6vw!important;
}
.bl06_bottom {  font-size: 4vw;}

#block07 {  display: block;}
#block07 article { width: 100%;}
#block07 article div {
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
}

#block07 article p:nth-child(1) { font-size: 5vw;}
#block07 article p:nth-child(2) { font-size: 5.5vw;}
#block07 article .o_line span { font-size: 8.5vw;}
#block07 article p:nth-child(3) {  font-size: 5vw;}
#block08 {
    background: url(../img/bg_bl08_sakai.jpg) no-repeat 90% 100%;
    background-size: 45%;
    margin: 26px 0 0;
}
#block08 article { padding: 50px 0 100px 10%;}
#block08 article p {
    font-size: 4.8vw;
    margin-top: 49px;
}

#block09 {
    background: #e35d18;
    padding: 70px 0;
}

#block09 p { font-size: 4vw;}
#block09 article {
    display: flex;
    margin: 60px auto;
    width: 75vw;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
}
#block09 article img {
    width: 45%;
    margin-bottom: 20px;
}

#block10 {
    padding: 47px 0;
    font-size: 3.3vw;
}

#block10 h2 { font-size: 7vw;}
#block10  p{ font-size: 4vw;}
#block11 {  display: block;}
#block11 article {
    width: 100%;
    padding: 20px;
}
#block11 article div { width: fit-content;  width: -moz-fit-content;}
#block11 p { font-size: 4vw;}
#block11 article p:nth-child(1) { font-size: 4vw;}
#block11 article p:nth-child(2) span { font-size: 5vw;}

#block12 { padding: 100px 0 20px;}
#block12 p { font-size: 4vw;}
#block12 div { width: 92vw; margin-top: 300px;}

#block17 { font-size: 3vw;}

#block19 {
    background: url(../img/bg_bl19.jpg) no-repeat 90% 8%;
    background-size: 37%;
    padding: 40px 0 80px 10%;
    font-size: 2.4vw;
    font-weight: bold;
}

#block19 div p { font-size: 3.7vw;}

#block22 article {
    width: 85vw;
    padding: 45px 30px 30px;
    margin: 120px auto;
}
#block22 p {
    font-weight: bold;
    font-size: 2vw;
    background: url(../img/img_bl22.gif) no-repeat 0 50%;
    background-size: auto;
    width: 75vw;
    margin: 0px 0 0 0%;
    padding: 20px 0 20px 30%;
    line-height: 1.6;
}

#block23 p { font-size: 4vw;}
#block23 span {font-size: 5.8vw;}
#block24 {  font-size: 4vw;}

#block25 article p:nth-child(1) { font-size: 2.8vw;}
#block25 p { font-size: 2.8vw; }

#block26 { padding: 80px 0 30px;}
#block26 p.tatoeba { font-size: 4vw;}
#block26 div { width: 90vw;}
#block26 article {  margin: 110px auto 56px 10%;}
#block27 p { font-size: 3vw;}
#block28 { font-size: 3.5vw;}
#block28 img {
    width: 68vw;
    margin: 100px 0 50px;;
}

#block30 img {  width: 65vw;}
#block31 article div { width: 40vw; }
#block32 {
    background: #e8ecf7 url(../img/bg_bl32_sakai.jpg) no-repeat 9% 100%;
    background-size: 107%;
    padding: 100px 0 100px 10%;
    font-weight: bold;
}

#block33 { padding: 50px; }
#block33 h2 { font-size: 3vw; }
#block33 h2 span { font-size: 5vw;}
.bl33_img {
    display: block;
    width: 78vw;
    margin: 80px auto;
}

#block34 article div { width: 37vw;}
#block35 article {padding: 57px 30px 25px;}
#block35 h2 { font-size: 2.8vw;}
#block35 p { font-size: 2.5vw;}
#block36 {
    background: #E8ECF7 url(../img/bg_bl36_sakai.jpg) no-repeat 346% 100%;
    background-size: 98%;
    padding: 93px 0 113px 10%;
}

#block36 img { width: 52vw;}

#block37 { padding: 50px; }
#block37 h2 { font-size: 3vw; }
#block37 h2 span { font-size: 5vw;}

#block38 { padding: 59px 0;}
#block38 img { width: 66vw; }

#block39 article div { width: 40vw;}
#block41 {
    background: url(../img/bg_bl41_sakai.jpg) no-repeat 10% 290%;
    background-size: 36%;
    padding: 85px 10% 110px 0;
}

#block41 img {
    width: 45vw;
    margin: 0 auto 0 51%;
}

#block42 div {
    display: flex;
    align-items: center;
    margin: 5vh auto 0px;
    width: 90vw;
    justify-content: space-around;
}

#block43 article { margin: 77px auto 10px; }

#block43 h2 {
    width: 44vw;
    font-size: 2.8vw;
}

#block43 p {
    font-size: 2vw;
    padding: 0px 0 40px 0;
}

.link_btn {font-size: 2vw; }


#block44 {  padding: 60px 0 30px;}
.block44_read { font-size: 3.2vw;}
#block44 img { width: 60%; }
.block44_bottom {
    font-size: 5vw;
    line-height: 1.2;}

#block45 {padding: 50px 0;}
#block45 p { font-size: 3.2vw;}
#block46 {
    background: #e8ecf7 url(../img/bg_bl46_sakai.jpg) no-repeat 52% 100%;
    background-size: 135%;
    padding: 78px 0 125px 7%;
}

#block46 img { width: 52vw; }
.block47_read {
    width: 40vw;
    font-size: 3.5vw;
    padding: 11px;
    top: -86px;
    }
    
#block47 {
    padding: 40px 0 80px;
    margin: 50px 0 0;
}
    
.block47_read2 {  font-size: 3vw;}
 #block47 div {
    margin: 3vh auto 60px;
    width: 90vw;
    }

.block47_bottom {
    font-size: 2.4vw;
    line-height: 1.4;
    margin-top: 40px;
    padding: 0 50px;
}
    
#block48 {
    background: #e7ecf6 url(../img/bg_bl48_sakai.jpg) no-repeat 101% 55%;
    background-size: 104%;
    padding: 86px 10% 111px 0;
    font-size: 2vw;
    font-weight: bold;
}

 .block49_read {
    width: 40vw;
    font-size: 3.5vw;
    padding: 14px;
    top: -88px;
    }

.block49_read2 { font-size: 3vw; }
.block49_read2 span { font-size: 3.5vw; }
.block49_read3 { font-size: 2.5vw;}
    
#block49 { margin: 50px 0 0;}
#block49 div { width: 82%;}
.block49_read4 {font-size: 2.9vw;}
.block49_read5 { font-size: 2.2vw;}
    
 #block50 { padding: 50px 0;}
 #block50 p {font-size: 3vw;}
 #block51 p {font-size: 2.7vw;}
 
 
 #block52 div {
    background: hsla(0,0%,100%,0.8);
    width: 84%;
    padding: 60px 50px 220px 50px;
}

#last div {
    width: 50%;
    padding: 50px 0px 0px 0px;
    margin: 0px 44% 0 auto;
}


#last {
    background: url(../img/bg_last.jpg) no-repeat 100% 0;
    background-size: cover;
    padding: 20px 0 50px;
    position: relative;
}
.last_sakai {
    position: absolute;
    bottom: 0px;
    right: 4%;
    width: 30%;
}
#last div {
    width: 50%;
    padding: 50px 0px 0px 0px;
    margin: 0px 42% 0 auto;
}
#last div img { width: 100%;}
footer { margin-bottom: 0px;}

}




@media screen and (max-width:519px) {
#key h1 span { font-size: 111%;}

#block03 {
    background: #e7ecf6 url(../img/bg_bl02_sakai_sp.jpg) no-repeat 80% 4%;
    padding: 40px 20px 20px;
    background-size: 67%;
}
#block03 article a {
    border-radius: 10px;
    width: 48%;
    font-size: 3.4vw;
    padding: 20px 20px 47px 20px;
    margin-bottom: 20px;
    background: #fff url(../img/icon_arrow__under_o.png) no-repeat 50% 94%;
    background-size: 10%;
}

#block03 article a:nth-child(1) span, #block03 article a:nth-child(2) span, #block03 article a:nth-child(3) span, #block03 article a:nth-child(4) span {
    padding: 99px 0 20px;
}
#block03 article a:nth-child(1) span {
    background: url(../img/img_bl02_icon01.png) no-repeat 50% 20%;
    background-size: 60%;
}

#block03 article a:nth-child(2) span {
    background: url(../img/img_bl02_icon02.png) no-repeat 50% 10%;
    background-size: 60%;
}

#block03 article a:nth-child(3) span {
    background: url(../img/img_bl02_icon03.png) no-repeat 50% 20%;
    background-size: 96%;
}

#block03 article a:nth-child(4) span {
    background: url(../img/img_bl02_icon04.png) no-repeat 50% 20%;
    background-size: 38%;
}

#block04 {
    font-size: 5.5vw;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 30px;
}

#block05 p.bl05_taboo span { padding-left: 43px;}

#block06 h2 {
    font-size: 6vw;
    padding: 30px 20px;
}

#block06 h2 span {  font-size: 7vw;}

.bl06_risk {
    margin:31vw auto 100px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;}
.bl06_risk img { width: 70%;}
.bl06_risk img:nth-child(2) {margin-top: 20px;}
.bl06_risk img:nth-child(3) {margin-top: 20px;}


.bl06_sokode_title {
    top: -24px;
    width: 66vw;
    font-size: 4vw;
    padding: 10px;
    }


.bl06_sokode {
    width: 93vw;
    padding: 55px 16px 30px;
    margin: 50px auto 30px;
}

.bl06_sokode div {    display: block;}

.bl06_sokode div h3 {
    width: 100%;
    line-height: 1.3;
    font-size: 6vw;
    margin-bottom: 30px;
}

.bl06_sokode div h3 span {  font-size: 6vw; }
.bl06_sokode div h3:nth-child(1) { padding-top: 162px;}
.bl06_sokode div h3:nth-child(2) { padding-top: 162px;}
.bl06_sokode div h3:nth-child(3) { padding-top: 162px;}
.bl06_bottom { font-size: 7vw;padding-bottom: 30px;}

#block07 article p:nth-child(1),
#block07 article p:nth-child(3) { font-size: 6vw;}

#block08 {
    background: url(../img/bg_bl08_sakai.jpg) no-repeat 93% 159%;
    background-size: 45%;
    margin: 26px 0 0;
}
#block08 article h2 {
    display: inline-block;
    font-size: 5.7vw;
    padding-bottom: 15px;
    margin-bottom: 23px;
    border-bottom: 4px solid #000;
    line-height: 1.2;
}

#block08 article {
    padding: 20px 0 50px 10%;
}

#block08 article img {  width: 72vw; }
#block08 article p { font-size: 6vw;}

#block09 { padding: 40px 0;}
#block09 article {
    margin: 30px auto;
    width: 95vw;
    }

#block12 { padding: 50px 0 20px;}
#block12 div { margin-top: 150px; margin-bottom:10px;    flex-wrap: wrap; }
#block12 div img {width: 48%; margin-bottom: 20px;}


#block13 { font-size: 5vw;     padding: 30px 0;}

#block14 {
    position: relative;
    display: block;
    align-items: center;
    flex-direction: row-reverse;
}
#block14 article { width: 100%;}
#block14 article div { width: 60vw;margin-top: 30px;}

#block15 { padding: 40px;}
#block15 img { width: 80vw;}

#block16 {display: block;}
#block16 article { width: 100%;}
#block16 article div { width: 58vw;}

#block17 { font-size: 5vw; padding: 50px;}
#block17 .bgb { font-size: 6vw;}

#block18 {
    padding: 80px 0 60px;
    margin: 50px 0 0;
}
#block18 p {
    width: 45vw;
    font-size: 6.5vw;
    padding: 10px;
    top: -37px;
    }

#block18 img { width: 80%;}

#block19 {
    background: url(../img/bg_bl19.jpg) no-repeat 109% 100%;
    background-size: 45%;
    padding: 40px 0 35px 10%;
    font-size: 4vw;
}

#block19 div p { font-size: 7vw;}
#block19 p  {line-height: 1.5;}

#block20 {
    padding: 50px 0;
    font-size: 5vw;
}

#block20 h2 { font-size: 8vw;}
#block20 p {
    background: url(../img/img_bl02_icon02.png) no-repeat 50% 0;
    padding-top: 110px;
    line-height: 1.2;
}


#block21 {
    display: block;
    flex-direction: row-reverse;
}

#block21 article {
    width: 100%;
    padding: 20px;
}

#block21 article div {
    width: 50vw;
    margin-top: 30px;
}

#block22 article {
    width: 90vw;
    padding: 45px 30px 30px;
    margin: 60px auto;
}

#block22 h2 {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #8a8a8a;
    border-radius: 100px;
    text-align: center;
    width: 76vw;
    margin: 0 auto;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
    padding: 14px;
}

#block22 p {
    font-weight: bold;
    font-size: 4vw;
    background: url(../img/img_bl22.gif) no-repeat 50% 50%;
    background-size: 50%;
    width: 100%;
    margin: 0 auto 0;
    padding: 0px;
    }

#block23 p {font-size: 5vw;    margin-bottom: 52px }
#block23 span {  font-size: 6.8vw; }
#block23 img {width: 70%;}
#block24 {  font-size: 7vw;padding: 25px 0;}

#block25 { display: block;}
#block25 article {width: 100%;}
#block25 article div { width: fit-content;width: -moz-fit-content;}
#block25 article p:nth-child(1) { font-size: 6vw;}
#block25 p {font-size: 5.8vw;}
#block25 article p:nth-child(2) span { font-size: 7vw;}

#block26 {
    background: #000 url(../img/bg_bl26.jpg) no-repeat 152% 100%;
    background-size: 121%;
    }
    
#block26 p.tatoeba { font-size: 7vw; }

#block26 div {
    display: flex;
    align-items: center;
    margin: 60px auto 30px;
    width: 80vw;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;}
#block26 div img {  width: 48%; margin-bottom: 10px;}
#block26 article {
    margin: 50px auto 150px;
    font-size: 6.5vw;
    font-weight: bold;
    width: 80%;
    text-align: center;
    }
#block26 article p {  font-size: 6.5vw;}
#block27 p { font-size: 5vw;}
#block27 span {  font-size: 5.5vw;  margin-bottom: 15px;}
#block28 {  font-size: 6vw;}
#block28 img {
    width: 80vw;
    margin: 50px 0 0px;
}

#block29 { display: block; }
#block29 article {
    width: 100%;
    padding: 20px;
}

#block29 article div {
    width: 65vw;
    margin-top: 25px;
}

#block30 {  padding: 40px 0;}
#block30 img { width: 80vw;}

#block31 {
    position: relative;
    display: block;
    }
    
#block31 article {
    width: 100%;
    padding: 20px;
}

#block31 article div {
    width: 77vw;
    margin-top: 20px;
}

#block32 {
    background: #e8ecf7 url(../img/bg_bl32_sakai.jpg) no-repeat -122% 45%;
    background-size: 108%;
    padding: 44px 0 45px 7%;
    font-weight: bold;
}

#block32 img { width: 64vw; }
#block33 { padding: 35px;}
#block33 h2 { font-size: 4vw;padding-left: 50px;}
#block33 h2 span { font-size: 7vw;}
.bl33_img {
    width: 80vw;
    margin: 30px auto;
}


#block34 {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

#block34 article { width: 100%;}
#block34 article div {width: 54vw;}

#block35 article {
    padding: 40px 30px 0px;
    margin: 53px auto 10px;
}
#block35 h2 {
    top: -26px;
    width: 50vw;
    margin: 0 auto;
    padding: 15px;
    font-size: 4.8vw;
}

#block35 p {  font-size: 4vw;}
#block36 img { width: 80vw;}
#block36 { background: #e8ecf7 url(../img/) no-repeat 120% 100%; padding: 50px 0 50px 10%;}

#block37 { padding: 35px;}
#block37 h2 { font-size: 4vw;padding-left: 50px;}
#block37 h2 span { font-size: 7vw;}
#block38 { padding: 35px 0;}
#block38 img {width: 85vw;}


#block39 {
    flex-direction: row;
    flex-wrap: wrap;
}

#block39 article {width: 100%;}
#block39 article div { width: 66vw;}


#block41 {
    background: url(../img/bg_bl41_sakai.jpg) no-repeat -9% 120%;
    background-size: 40%;
    padding: 36px 10% 50px 0;
}
#block41 img {
    width: 56vw;
    margin: 9px auto 0 39%;
}

#block42 {
    padding: 180px 0 30px;
}

#block42 img { width:80%;}
#block42 div {
    margin: 5vh auto 0px;
    width: 90vw;
    justify-content: space-around;
    flex-wrap: wrap;
}
#block42 div img {
    width: 70%;
    margin-bottom: 15px;
}

#block43 h2 {
    width: 76vw;
    font-size: 4.8vw;
    top: -30px;}

#block43 article {  margin: 37px auto 10px;}

#block43 p {
    font-size: 4vw;
    padding: 0px 0 20px 0;
}

.link_btn {font-size: 3vw; margin: 20px auto;padding: 15px 40px 15px 20px; }
.block44_read { font-size: 4vw;}
.block44_bottom { font-size: 7vw;}
#block45 p {font-size: 4vw;}

#block46 {
    background: #e8ecf7 url(../img/bg_bl46_sakai.jpg) no-repeat 46% 100%;
    background-size: 137%;
    padding: 40px 0 57px 7%;
}

#block46 img { width: 60vw;}
.block47_read { top: -72px;}
#block47 {padding: 0px 0 20px;}
#block47 div {
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 3vh auto 30px;
}
#block47 div img {  width: 70%; margin-bottom: 20px;}
.block47_read2 {font-size: 5vw;}
.block47_bottom { font-size: 4vw; text-align: left;}

#block48 {
    background: #e7ecf6 url(../img/bg_bl48_sakai.jpg) no-repeat 110% 100%;
    background-size: 117%;
    padding: 43px 10% 67px 0;
    font-size: 2vw;
    font-weight: bold;
}

#block48 img {
    width: 60vw;
    margin: 0px auto 0 39%;
}

.block49_read {
    width: 48vw;
    font-size: 3.5vw;
    padding: 11px;
    top: -73px;
    left: 27%;
}

#block49 div { padding: 30px; }
.block49_read2 { font-size: 4vw;} 
.block49_read2 span { font-size: 5vw;}
#block49 { padding: 0px 0 30px; }
.block49_read3 { font-size: 4vw;}
.block49_read4 { font-size: 5vw;}
.block49_read5 {
    font-size: 3.5vw;
    text-align: left;
}
#block50 p {  font-size: 5vw;}


#block51 {
    background: #b43e08;
     padding: 29px 0;
}
#block51 p {font-size: 4vw;}

#block52 {
    background: url(../img/bg_bl51.jpg) repeat-x 0 100%;
    padding: 50px 0;
    background-size: cover;
}
#block52 img { width: 80%;}
#block52 div {
    background: hsla(0,0%,100%,0.8);
    width: 90%;
    padding: 35px 25px 90px 25px;
}

#block52 div p {
    text-align: left;
    font-size: 3.5vw;
    line-height: 1.5;
}

.orange_arrow {
    width: 12% !important;
    bottom: -52px;
    left: 44%;
}

#last {
    padding: 20px 0 25px;
}
#last div {
    width: 60%;
    padding: 5px 0px 0px 0px;
    margin: 0px 32% 0 auto;
}

#last div .last_read {
    font-size: 2.3vw;
    margin: 10px 0;
}
.last_sakai {
    bottom: 0px;
    right: 0%;
    width: 30%;
}

footer { font-size: 70%;}
span.bl-fs { font-size: 4.6vw!important;}


}