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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
  width: 100%;
  height: 100%;
  background: white;
  overflow: auto;
	font-size: 10px;
}
body{
	margin: 0px;
	padding: 0px;
}
body main#meidai{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
  font-size: 10px;
	line-height: 1;
  line-height: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  font-family: 'Noto Sans JP',"Meiryo","メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  -webkit-text-size-adjust: 100%;
  color: #171717;
}
body main#meidai *{
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,li,dl,dt,dd{
  margin: 0px;
  padding: 0px;
  font-family: 'Noto Sans JP', "Meiryo","メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
li,dt,dd{
  list-style-type: none;
}
p {
  margin: 0;
}
img {
  border: 0;
  border: none;
}
#meidai a{
	text-decoration: none!important;
	color: black;
}
#meidai a:hover{
  text-decoration: none!important;
}
section{
	padding: 0 !important;
}
section:nth-of-type(odd){
	background-color: transparent !important;
}

/*pc/sp*/
.pc{
	display: inline-block!important;
}
.sp{
	display: none !important;
}
@media screen and (max-width:768px){
	.pc{
		display: none!important;
	}
	.sp{
		display: inline-block!important;
	}
}

.fb{
	font-weight: bold;
}
.mb10{
	margin-bottom: 10px;
}
/*main*/
main{
	overflow: hidden;
}
article{
	max-width: 1000px;
	width: 100%;
	margin: 40px auto 106px !important;
	/*background: #ffffff;*/
}
article section{
	/*background: #ffffff !important;*/
	padding: 0px !important;
}
/*cnt1*/
article section#cnt1 .cnt1_cnt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	/* height: 514px; */
}
article section#cnt1 .cnt1_cnt p{
	font-weight: bold;
}
article section#cnt1 .cnt1_txt{
	font-size: 1.8rem;
	line-height: 1.8;
	width: 45%;
}
article section#cnt1 .cnt1_txt img{
	margin-top: 0px;
    margin-bottom: 10px;
    width: 100%;
}
article section#cnt1 .cnt1_img{
  z-index: 0;
  width: 51.4%;
  height: 514px;
  margin-left: auto;
  position:relative;
  box-shadow: 0 0 18px #2FA4D2;
  border-radius: 22px;
}
article section#cnt1 .cnt1_img a{
	transition: none;
	-webkit-transition: none;
}
article section#cnt1 .cnt1_img a.on{
	display: block !important;
}
article section#cnt1 .cnt1_img img{
	position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit:cover;
}
article section#cnt1 .cnt1_img ul{
	position: absolute;
	bottom: -26px;
	right: -160px;
}
article section#cnt1 .cnt1_img ul li{
	position: relative;
	cursor: pointer;
}
/*article section#cnt1 .cnt1_img ul li::before{
	content: "";
	width: 14px;
	height: 14px;
	background: #D6D6D6;
	border-radius: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
}
article section#cnt1 .cnt1_img ul li.active::before{
	background: #0D5BAA;
}
article section#cnt1 .cnt1_img ul li:nth-child(1)::before{
	bottom: 0;
	right: 120px;
}
article section#cnt1 .cnt1_img ul li:nth-child(2)::before{
	bottom: 0;
	right: 90px;
}
article section#cnt1 .cnt1_img ul li:nth-child(3)::before{
	bottom: 0;
	right: 60px;
}
article section#cnt1 .cnt1_img ul li:nth-child(4)::before{
	bottom: 0;
	right: 30px;
}
article section#cnt1 .cnt1_img ul li:nth-child(5)::before{
	bottom: 0;
	right: 0px;
}*/
article section#cnt1 .cnt1_btn{
	margin-top: 55px;
	margin-bottom: 98px;
}
article section#cnt1 .cnt1_btn ul{
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: bold;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
article section#cnt1 .cnt1_btn ul a li{
	border: solid 1px #0D5BAA;
	border-radius: 20px;
	background: white;
	text-align: left;
	padding: 10px 30px 15px;
	min-width: 241px;
	width: auto;
	position: relative;
	margin-right: 12px;
	color: #0D5BAA;
}
article section#cnt1 .cnt1_btn ul a:hover li{
	border: solid 1px #2FA4D2;
	border-radius: 20px;
	background: #2FA4D2;
	text-align: left;
	padding: 10px 30px 15px;
	min-width: 241px;
	width: auto;
	position: relative;
	margin-right: 12px;
	color: #ffffff; 
}
article section#cnt1 .cnt1_btn ul a li::after{
	content: "";
    width: 24px;
    height: 24px;
    background: url(img/common/icon1.svg);
    position: absolute;
    top: 30px;
    right: 10px;
}
article section#cnt1 .cnt1_btn ul a:hover li::after{
	content: "";
    width: 24px;
    height: 24px;
    background: url("img/common/icon1_h.svg");
    position: absolute;
    top: 30px;
    right: 10px;
}
article section#cnt1 .cnt1_btn ul a:last-child li{
	margin-right: 0px;
}
article section#cnt1 .cnt1_btn ul li span{
	font-size: 1.6rem;
}

/*cnt2*/
article section#cnt2 .cnt2_cnt .cnt2_ttl{
	text-align: center;
	margin-bottom: 37px;
}
article section#cnt2 .cnt2_cnt .cnt2_ttl img{
	width: 42.1%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 76px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt{
	font-size: 1.8rem;
	line-height: 1.8;
	font-weight: bold;
	width: 55%;
	margin-right: 30px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt p.ttl{
	font-size: 3rem;
	color: #0D5BAA;
	margin-bottom: 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1{
	background: rgba(47,164,210,0.3);
	color: #0D5BAA;
	margin-top: 35px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 p{
	padding: 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 p.sns1_ttl{
	font-size: 2.2rem;
	font-weight: bold;
	color: #ffffff;
	background:linear-gradient(to left,#2FA4D2,#265CA4);
	padding: 10px 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 ul.sns_icon{
	display: flex;
    justify-content: flex-start;
	align-items: center;
	padding: 0px 20px 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 ul.sns_icon li{
	margin-right: 10px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_img{
	width: 50%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_img img{
	width: 100%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column{
	box-shadow: 0 0 8px grey;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    cursor: pointer;
	background: white;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column{
	margin-bottom: 0px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_no{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 3.2rem;
	line-height: 1;
	width: 90px;
    height: 66px;
    background:#0D5BAA;
    padding:15px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	top: -30px;
    left: 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_no::after{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#0D5BAA;
    top:100%;
    left:50%;
}
/*article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column::before{
	content: "コラムを開く";
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 400;
	color: #0D5BAA;
	position: absolute;
	top: 30%;
    right: 40px;
}*/
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column::after{
	content: "";
	width: 65px;
    height: 48px;
	background: url("img/common/arrow.svg");
	position: absolute;
	top: 50%;
    right: 50px;
	transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
	transition: all .3s;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column::after{
	transform: rotate(90deg);
	top: 40%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column:hover::after{
    right:30px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column:hover::after{
    top:50%;
	right: 50px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_tm{
	margin: 0;
	width: 40%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_tm img{
	width: 100%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_txt{
	font-size: 2.8rem;
	line-height: 1.4;
	padding: 40px;
	width: 60%;
	color: #0D5BAA;
	font-weight: bold;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_txt p.category{
	font-size: 2.2rem;
	margin-bottom: 20px;
}

/*cnt3*/
article.blog_list{
	position: relative;
	max-width: 100%;
}
article.blog_list .bg1{
	width: 54%;
    height: 183px;
    border-radius: 100px;
    background: linear-gradient(to left, #2FA4D2, #265CA4);
    position: absolute;
    top: 0;
    left: -90px;
}
article.blog_list .bg2{
	width: 54%;
    height: 183px;
    border-radius: 100px;
    background: linear-gradient(to left, #2D9898, #265CA4);
    position: absolute;
    top: 0;
    left: -90px;
}

article.blog_list section .cnt3_ttl{
	position: relative;
	z-index: 99;
	padding-top: 46px;
	padding-bottom: 46px;
}
article.blog_list section .cnt3_ttl p{
	font-size: 4.2rem;
	line-height: 1.4;
	color: #ffffff;
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 0px;
	font-weight: bold;
}
article.blog_list section .cnt3_ttl p.cnt3_ttl_sub{
	font-size: 2rem;
}
article.blog_list section .shop_blog{
	position: relative;
	margin-top: -41px;
}
article.blog_list section .shop_blog iframe{
	margin-top: 20px;
	display: block; 
	width:100%; 
	border:none;
	min-height:380px;
	padding: 0px 55px;
}
article.blog_list section .shop_blog .fd_lead{
	font-size: 1.6rem;
	line-height: 1;
	border:solid 1px;
	border-radius: 15px;
	max-width: 260px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
}
article.blog_list section .shop_blog .fd_lead p{
	padding: 30px 60px 30px 20px;
}
article.blog_list section .shop_blog .fd_lead::after{
	content: "";
    width: 24px;
    height: 24px;
    background: url(img/common/icon2.svg);
    position: absolute;
    top: 26px;
    right: 30px;
}
/*cnt5*/
article #cnt5{
	max-width: 750px;
	width: 100%;
	margin: 80px auto 60px;
}
article.sns_list{
	position: relative;
}
article.sns_list::after{
	content: "";
	position: absolute;
	bottom: -100px;
    left: 170px;
    background: url(img/common/sns_shadow.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 390px;
    z-index: 8;
}
article #cnt5 .sns_btn{
	font-size: 2.2rem;
	line-height: 1.8;
	color: #0D5BAA;
	text-align: center;
	font-weight: bold;
}
article #cnt5 .sns_btn p{
	margin-bottom: 43px;
}
article #cnt5 .sns_btn ul.sns2{
	position: relative;
	z-index: 9;
	height: 270px;
}
article #cnt5 .sns_btn ul a:nth-child(1){
	position: absolute;
    top: 10%;
    left: 19%;
    z-index: 99;
}
article #cnt5 .sns_btn ul a:nth-child(2){
	position: absolute;
    top: -14%;
    left: calc(50% - 10.4rem);
}
article #cnt5 .sns_btn ul a:nth-child(3){
	position: absolute;
    top: 10%;
    left: 53%;
    z-index: 99;
}
article #cnt5 .sns_btn ul a:nth-child(4){
	position: absolute;
    bottom: 0;
    left: calc(50% - 10.4rem);
    z-index: 99;
}
article #cnt5 .sns_btn ul li{
	margin-right: 15px;
}
article #cnt5 .sns_btn ul li img{
}
article #cnt5 .sns_btn ul a:last-child li{
	margin-right: 0px;
}
article #cnt5 .sns_btn ul a:hover{
	opacity: 0.8;
}

/*コラム*/
.column_answer{
	padding: 40px 40px;
	margin-bottom: 80px;
	box-shadow: 0 0 8px grey;
}
.column_answer{
	display: none;
}
.column_answer .question{
	border: solid 2px #0D5BAA;
	border-radius: 15px;
	margin-bottom: 20px;
	position: relative;
	margin-top: 45px;
}
.column_answer .question::before{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(13, 91, 170, 0);
    border-top-width: 30px;
    border-bottom-width: 20px;
    border-left-width: 20px;
    border-right-width: 20px;
    margin-left: -10px;
    border-top-color:#0D5BAA;
    top:100%;
    left:50%;
}
.column_answer .question::after{
	border: 2px solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(13, 91, 170, 0);
    border-top-width: 26px;
    border-bottom-width: 16px;
    border-left-width: 17px;
    border-right-width: 17px;
    margin-left: -7px;
    border-top-color: white;
    top: 100%;
    left: 50%;
}
.column_answer .question .q_cnt{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 30px 30px 15px;
	margin-bottom: 15px;
	position: relative;
}
.column_answer .question .q_cnt .q p.q_ttl{
	font-size: 3.6rem;
	line-height: 1.4;
	color: #0D5BAA;
	text-indent: -40px;
    margin-left: 40px;
	margin-bottom: 15px;
}
.column_answer .question .q_cnt .q p.q_ttl span{
	font-family: "A-OTF UD新ゴ Pro";
}
.column_answer .question .q_cnt .q p{
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
	color: #0D5BAA;
	margin-left: 40px;
}
.column_answer .question .q_cnt .q_icon{
	width: 13.9%;
}
.column_answer .question .q_cnt .q_icon2{
	width: 20%;
}
.column_answer .question .q_cnt .q_icon img{
	width: 100%;
}
.q_txt{
	font-size: 1.6rem;
	line-height: 1.8;
	padding: 15px 30px 15px;
	position: relative;
	
}
.column_answer .question .q_txt::after{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -46.5%;
    border-top: 1px dotted #D0DEEB;
    width: 93%;
}
.column_answer .answer{
	margin-top: 60px;
}
.column_answer .answer .teacher{
	padding: 30px;
	background: #E9EEF4;
}
.column_answer .answer .teacher p.tech_ttl{
	font-size: 2.8rem;
	line-height: 1;
	color: #0D5BAA;
	font-weight: bold;
	text-align: center;
	margin-top: -43px;
    margin-bottom: 20px;
}
.column_answer .answer .teacher .tech_cnt{
	display: flex;
    justify-content: center;
    align-items: center;
}
.column_answer .answer .teacher .tech_cnt .tech_img{
	width: 52%;
}
.column_answer .answer .teacher .tech_cnt .tech_img img{
	width: 100%;
}
.column_answer .answer .teacher .tech_cnt .tech_txt{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-left: 30px;
}
.column_answer .answer .teacher .tech_cnt .tech_txt p.tech_name{
	font-size: 2.2rem;
	color: #0D5BAA;
	font-weight: bold;
}
.column_answer .answer .teacher .tech_cnt .tech_txt p.tech_name span{
	font-size: 1.4rem;
}
.column_answer .answer .teacher .tech_cnt .tech_txt p.sub_name{
	color: #0D5BAA;
	margin-bottom: 15px;
	font-weight: bold;
}
.column_answer .answer .tech_cnt2{
	margin-top: 50px;
}
.column_answer .answer .tech_cnt2 p.tech_cnt_ttl{
	font-size: 3.8rem;
	line-height: 1;
	font-weight: bold;
	color: #0D5BAA;
	margin-bottom: 50px;
}
.column_answer .answer .tech_cnt2 .text_img_area{
	display: flex;
	margin-bottom: 50px;
}
.column_answer .answer .tech_cnt2 .text_img_area.reverse{
	flex-direction: row-reverse;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img{
	width: 49%;
    margin-right: 30px;
}
.column_answer .answer .tech_cnt2 .text_img_area.reverse .tech_cnt_img{
	width: 49%;
    margin-left: 30px;
	margin-right: 0px;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img p{
	font-size: 1.4rem;
	line-height: 1;
	margin-top: 7px;
	color: #666666;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img img{
	width: 100%;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img iframe{
	width: 100%;
	height: 250px;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_txt{
	width: 50%;
	font-size: 1.6rem;
	line-height: 1.8;
}
.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_txt p.tech_cnt_txt_ttl{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.column_answer .answer .tech_cnt2 .text_txt_area{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 50px;
}
.column_answer .answer .tech_cnt2 .text_txt_area p.text_txt_area_ttl{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 20px;
}
.column_answer .sns3{
	margin-bottom: 40px;
}
.column_answer .sns3 p.sns3_ttl{
	font-size: 2.2rem;
    background: rgba(47,164,210,0.3);	line-height: 1;
	color: #ffffff;
	background: linear-gradient(to left,#2FA4D2,#265CA4);
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.column_answer .sns3 .sns3_txt{
	font-size: 1.8rem;
	color: #0D5BAA;
	background: rgba(47,164,210,0.3);
	padding: 15px;
	text-align: center;
	line-height: 1.4;
}
.column_answer .sns3 .sns3_txt p{
	margin: 15px 0px 20px;
}
.column_answer .sns3 .sns3_txt ul{
	display: flex;
	justify-content: center;
    align-items: center;
}
.column_answer .sns3 .sns3_txt ul li{
	margin-right: 15px;
}
.column_answer .sns3 .sns3_txt ul a:last-child li{
	margin-right: 0px;
}
.column_answer .column_close{
	text-align: center;
	cursor: pointer;
}
.column_answer .column_close p{
	font-size: 1.6rem;
	font-weight: bold;
	color: #0D5BAA;
	margin-top: 15px;
}

/*nav*/
.nav{
	position: fixed;
	top: 40%;
	right: -15px;
	background: #ffffff !important;
	z-index: 9999;
	padding: 0 !important;
	display: none;
}
.nav ul{
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
}
.nav ul a li{
	padding: 15px;
	position: relative;
	border: solid 1px #0D5BAA;
	background: #ffffff;
	margin-bottom: 5px;
	border-radius: 15px;
	color: #0D5BAA;
	min-width: 160px;
	width: 100%;
}
.nav ul a li::after{
	content: "";
	width: 24px;
    height: 24px;
	background: url("img/common/icon1.svg");
	position: absolute;
	top: 25px;
    right: 27px;
}
.nav ul a:hover li{
	padding: 15px;
	position: relative;
	border: solid 1px #2FA4D2;
	background: #2FA4D2;
	margin-bottom: 5px;
	border-radius: 15px;
	color: #ffffff;
	min-width: 160px;
	width: 100%;
}
.nav ul a:hover li::after{
	content: "";
	width: 24px;
    height: 24px;
	background: url("img/common/icon1_h.svg");
	position: absolute;
	top: 25px;
    right: 27px;
}

/*sp*/
@media screen and (max-width:768px){
	/*nav*/
	.nav{
		top: auto;
		bottom: -33px;
		right:auto;
		left: 0;
		width: 100%;
		text-align: left;
	}
	.nav ul{
		/* display: flex; */
		text-align: center;
		/* justify-content: flex-start; */
		/* align-items: center; */
		width: 100%;
		font-size: 1.4rem;
	}
	.nav ul a{
		/* margin-right: 3px; */
	}
	.nav ul a:last-child{
		margin-right: 0px;
	}
	.nav ul a li{
		min-height: 90px;
		/* min-width: 123px; */
		width: 24.3%;
		padding: 20px 10px 10px;
		vertical-align: middle;
		display: inline-block;
	}
	.nav ul a:last-child li{
		/*padding: 10px 10px 10px;*/
	}
	.nav ul a li::after{
		display: none;
	}
	.nav ul a:hover li {
		position: relative;
		border: solid 1px #0D5BAA;
		background: #ffffff;
		margin-bottom: 5px;
		border-radius: 15px;
		color: #0D5BAA;
		width: 100%;
		min-height: 90px;
		min-width: 130px;
		padding: 20px 10px 10px;
		vertical-align: middle;
		min-height: 90px;
		min-width: auto;
		width: 24.3%;
		padding: 20px 10px 10px;
		vertical-align: middle;
		display: inline-block;
	}
	.nav ul a:hover:last-child li{
		/*padding: 10px 10px 10px;*/
	}
	/*cnt1*/
	article{
		padding: 0px 20px !important;
	}
	article section#cnt1 .cnt1_cnt{
		display: block;
		height: auto;
	}
	article section#cnt1 .cnt1_txt{
		width: 100%;
	}
	article section#cnt1 .cnt1_img{
		width: 100%;
		height: 335px;
		margin-top:20px;
	}
	article section#cnt1 .cnt1_img a img{
		width: 100%;
		position: absolute;
		top: auto;
		right: auto;
	}
	article section#cnt1 .cnt1_btn{
		margin-top: 90px;
		margin-bottom: 91px;
	}
	article section#cnt1 .cnt1_btn ul{
		display: block;
	}
	article section#cnt1 .cnt1_btn ul a li{
		margin-bottom: 20px;
		margin-right: 0px;
	}
	article section#cnt1 .cnt1_btn ul a:hover li {
		border: solid 1px #0D5BAA;
		border-radius: 20px;
		background: #ffffff;
		text-align: left;
		padding: 10px 30px 15px;
		min-width: 100%;
		width: auto;
		position: relative;
		margin-bottom: 20px;
		margin-right: 0px;
		color: #0D5BAA;
	}
	article section#cnt1 .cnt1_btn ul a:hover li::after {
		content: "";
		width: 24px;
		height: 24px;
		background: url(img/common/icon1.svg);
		position: absolute;
		top: 35px;
		right: 30px;
	}
	
	/*cnt2*/
	article section#cnt2 .cnt2_cnt .cnt2_ttl{
		margin-bottom: 27px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_ttl img {
		width: 80%;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1{
		display: block;
		margin-bottom: 60px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt{
		width: 100%;
		font-size: 1.4rem;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt p.ttl{
		font-size: 2rem;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 p.sns1_ttl{
		font-size: 1.6rem;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 p{
		font-size: 1.4rem;
		color: #333333;
		font-weight: normal;
		padding: 20px 15px 10px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 ul.sns_icon{
		padding: 0px 15px 10px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_txt .sns1 ul.sns_icon li{
		margin-right: 15px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt1 .cnt2_cnt1_img{
		width: 100%;
		margin-top: 28px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column{
		display: block;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_no{
		font-size: 2.6rem;
		width: 74px;
		height: 45px;
		padding: 8px 15px;
		top: -20px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_tm{
		width: 100%;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_txt{
		width: 100%;
		font-size: 1.6rem;
    	padding: 14px 20px 20px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column .column_txt{
		padding-bottom: 30px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_txt p.category{
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column::after{
		background: url(img/common/arrow_sp.svg);
		width: 40px;
    	height: 30px;
		top: auto;
    	bottom: 0px;
    	right: 20px;
	}
	/*article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column::before{
		content: "コラムを開く";
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 400;
		color: #0D5BAA;
		position: absolute;
		top: auto;
		bottom: 6%;
		right: 64px;
	}*/
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column:hover::after{
		right: 20px;
	}
	
	/*shopblog*/
	article.blog_list{
		margin-top: 140px !important;
		margin-bottom: 92px;
	}
	article.blog_list .bg1{
		width: 105%;
    	height: 150px;
    	left: -70px;
	}
	article.blog_list section .cnt3_ttl{
		padding-top: 30px;
		padding-bottom: 50px;
	}
	article.blog_list section .cnt3_ttl p{
		font-size: 2.8rem;
	}
	article.blog_list section .cnt3_ttl p.cnt3_ttl_sub{
		font-size: 1.6rem;
	}
	article.blog_list section .shop_blog iframe {
		margin-top: 20px;
		display: block;
		width: 100%;
		border: none;
		min-height: 620px;
		padding: 0;
	}
	article.blog_list section .shop_blog .fd_lead{
		margin-top: 4px;
	}
	article.blog_list section .shop_blog .fd_lead p{
		padding: 20px 54px 20px 20px;
	}
	article.blog_list section .shop_blog .fd_lead::after{
		top: 17px;
		right: 40px;
	}
	article.blog_list .bg2{
		width: 105%;
    	height: 150px;
    	left: -70px;
	}
	
	/*cnt5*/
	article.sns_list{
		margin-bottom: 20px !important;
	}
	article #cnt5{
		margin: 0px;
	}
	article #cnt5 .sns_btn{
		font-size: 1.6rem;
	}
	article #cnt5 .sns_btn ul li img{
		width: 100%;
	}
	
	/*column*/
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column::after{
		display: none;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .column::before{
		display: none;
	}
	.column_answer{
		padding: 20px 15px;
	}
	.column_answer .question .q_cnt{
		padding: 14px;
		display: block;
	}
	.column_answer .question .q_cnt .q p.q_ttl{
		font-size: 1.8rem;
		text-indent: -38px;
    	margin-left: 38px;
	}
	.column_answer .question .q_cnt .q p.q_ttl span{
		font-size: 3.2rem;
	}
	.column_answer .question .q_cnt .q p{
		font-size: 1.3rem;
		margin-left: 38px;
	}
	.column_answer .question .q_cnt .q_icon {
		width: 50%;
		margin: 20px auto 0px;
	}
	.column_answer .question .q_txt{
		font-size: 1.4rem;
		padding: 15px;
	}
	.column_answer .answer .teacher{
		padding: 20px;
	}
	.column_answer .answer .teacher p.tech_ttl{
		font-size: 2.2rem;
		margin-top: -30px;
	}
	.column_answer .answer .teacher .tech_cnt{
		display: block;
	}
	.column_answer .answer .teacher .tech_cnt .tech_img{
		width: 80%;
		margin:0 auto 13px;
	}
	.column_answer .answer .teacher .tech_cnt .tech_txt{
		margin-left: 0px;
		font-size: 1.4rem;
	}
	.column_answer .answer .teacher .tech_cnt .tech_txt p.tech_name{
		font-size: 1.8rem;
	}
	.column_answer .answer .teacher .tech_cnt .tech_txt p.tech_name span{
		font-size: 1.2rem;
	}
	.column_answer .answer .teacher .tech_cnt .tech_txt p.sub_name{
		font-size: 1.4rem;
	}
	.column_answer .answer .tech_cnt2{
		margin-top: 38px;
	}
	.column_answer .answer .tech_cnt2 p.tech_cnt_ttl{
		font-size: 2.2rem;
		margin-bottom: 28px;
	}
	.column_answer .answer .tech_cnt2 .text_img_area{
		display: block;
		margin-bottom: 30px;
	}
	.column_answer .answer .tech_cnt2 .text_img_area.reverse .tech_cnt_img{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_txt{
		width: 100%;
		font-size: 1.4rem;
	}
	.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_txt p.tech_cnt_txt_ttl{
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
	.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img p{
		font-size: 1.2rem;
	}
	.column_answer .answer .tech_cnt2 .text_img_area .tech_cnt_img iframe{
		width: 100%;
		height: 230px;
	}
	.column_answer .sns3 p.sns3_ttl{
		font-size: 1.6rem;
		text-align: left;
	}
	.column_answer .sns3 .sns3_txt{
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: left;	
	}
	.column_answer .sns3 .sns3_txt p{
		margin:0px 0px 10px; 
	}
	.column_answer .sns3 .sns3_txt ul{
		justify-content: flex-start;
	}
	.column_answer .sns3{
		margin-bottom: 20px;
	}
	.column_answer .column_close p{
		line-height: 1;
		font-size: 1.4rem;
	}
	article.sns_list::after {
		content: "";
		position: absolute;
		bottom: -12px;
		left: 0;
		background: url(img/common/sns_shadow.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 94px;
		z-index: 8;
	}
}

/*menu_column*/
.menu-column{
    background: #f5f5f5;
    padding: 40px 20px;
}
.menu-column .store_logo{
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5;
}
.menu-column .linkBtn{
    margin-top: 20px;
}
.menu-column .synthetic-list{
    margin-top: 30px;
}
.menu-column .menu-column_subcontents {
    margin-top: 5px;
}
.menu-column .menu-column_subcontents .subcontents-address,
.menu-column .menu-column_subcontents .subcontents-tel {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
	line-height: 1.8;
}
.menu-column .menu-column_subcontents .subcontents-tel {
    cursor: text;
}
.menu-column .menu-column_subcontents .subcontents-tel > a {
    pointer-events: none;
    color: #333;
    text-decoration: none;
}
@media screen and (max-width:768px){
	.menu-column{
		background: #f5f5f5;
		padding: 20px;
	}
	#meidai .menu-column .store_logo {
		width: 40%;
		margin: 0 auto;
	}
	.menu-column .store_logo{
    	text-align: center;
    	font-size: 18px;
    	font-size: 1.8rem;
   		line-height: 1.5;
	}
	.menu-column .linkBtn{
    	margin-top: 20px;
	}
	.menu-column .synthetic-list{
    	margin-top: 30px;
    	padding: 0;
	}
	.menu-column .synthetic-list li{
    	line-height: 1.1;
	}
	.menu-column .menu-column_subcontents {
    	margin-top: 5px;
	}
	.menu-column .menu-column_subcontents .subcontents-address,
	.menu-column .menu-column_subcontents .subcontents-tel {
		text-align: center;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/*スクロールアニメーション*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
#idx .cnt .fadeInDown:nth-child(even) {
    animation-delay: 0.4s;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.downup {transform: translateY(100px);}

/*背景*/
article section{
	position: relative;
}
.bgl{
	position: relative;
}
.bgl div:nth-child(1){
	position: absolute;
    top: 196px;
    left: 0px;
    background: url(img/bg/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 600px;
    height: 1010px;
}
.bgl div:nth-child(2){
	position: absolute;
	top: 770px;
	left: 90px;
	background: url(img/bg/anime1.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 160px;
	transform-origin: left;
	animation: wobbling_x1 3s ease-in-out infinite alternate,
    wobbling_y1 3s ease-in-out infinite alternate;
}
@keyframes wobbling_x1 {
 	0%{ transform:rotate(0);}
	100%{ transform:rotate(20deg); }
}

@keyframes wobbling_y1 {
  0% {
	  top: 770px;
  }

  100% {
    top: 830px;
  }
}

.bgr div:nth-child(1){
	position: absolute;
    top: 2000px;
    right: 0vh;
    background: url(img/bg/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 440px;
    height: 1200px;
}
.bgr div:nth-child(2){
	position: absolute;
    top: 3470px;
    right: 0;
    background: url(img/bg/bg3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 444px;
    height: 1000px;
    transform-origin: right;
}

.bg_img2 div:nth-child(1){
	position: absolute;
	top: 0;
    left: calc(50% + 540px);
	background: url(img/bg/anime2.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 160px;
	transform-origin: left;
	animation: wobbling_y2 3s ease-in-out infinite alternate;
}
@keyframes wobbling_y2 {
  0% {
	  top: 0px;
  }

  100% {
    top: -30px;
  }
}
.bg_img2 div:nth-child(2){
	position: absolute;
    top: calc(50% + 660px);
    left: calc(50% + 418px);
    background: url(img/bg/anime3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 220px;
    transform-origin: left;
	animation: wobbling_x3 3s ease-in-out infinite alternate;
}
@keyframes wobbling_x3 {
 	0%{ transform:rotate(0);}
	100%{ transform:rotate(10deg); }
}
.bg_img2 div:nth-child(3){
	position: absolute;
    top: calc(50% + 1410px);
    left: -310px;
    background: url(img/bg/anime4.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 220px;
    transform-origin: left;
	animation: wobbling_x4 3s ease-in-out infinite alternate,
    wobbling_y4 3s ease-in-out infinite alternate;
}
@keyframes wobbling_x4 {
 	0%{ transform:rotate(0);}
	100%{ transform:rotate(20deg); }
}
@keyframes wobbling_y4 {
  0% {
	  top: calc(50% + 1410px);
  }

  100% {
    top: calc(50% + 1300px);
  }
}

.bg_img3 div:nth-child(1){
	position: absolute;
    top: 0px;
    left: calc(50% + 440px);
    background: url(img/bg/anime5.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 220px;
    transform-origin: left;
	animation: wobbling_y5 3s ease-in-out infinite alternate;
}
@keyframes wobbling_y5 {
  0% {
	  top: 0;
  }

  100% {
    top: -30px;
  }
}
.bg_img3 div:nth-child(2){
	position: absolute;
    top: 400px;
    left: calc(50% + -690px);
    background: url(img/bg/anime6.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 220px;
    transform-origin: left;
	animation: wobbling_y6 3s ease-in-out infinite alternate;
}
@keyframes wobbling_y6 {
  0% {
	  top: 400px;
  }

  100% {
    top: 430px;
  }
}

@media screen and (max-width:768px){
	.bgr div:nth-child(1),.bg_img2 div:nth-child(1),.bg_img2 div:nth-child(2),.bg_img2 div:nth-child(3),.bg_img3 div:nth-child(2){
		display: none;
	}
	.bgl div:nth-child(1) {
		position: absolute;
		top: 726px;
		left: 0px;
		background: url(img/bg/bg1.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 250px;
		height: 500px;
	}
	.bgl div:nth-child(2) {
		position: absolute;
		top: 1170px;
		left: 7px;
		background: url(img/bg/anime1.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 100px;
		height: 80px;
		transform-origin: left;
		animation:none;
	}
	.bgr div:nth-child(2){
		position: absolute;
		top: 4600px;
		right: 0;
		background: url(img/bg/bg3.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 234px;
		height: 530px;
		transform-origin: right;
	}
	.bg_img3 div:nth-child(1) {
		position: absolute;
		top: -89px;
		left: calc(50% + 15px);
		background: url(img/bg/anime5.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 150px;
		height: 140px;
		transform-origin: left;
		animation:none;
		z-index: 9;
	}
}

.Pagetop{
	right: 550px;
}

.top_btn{
	width: 30%;
    border: solid 1px #3164A9;
    margin: 20px auto 0px;
}
.top_btn p{
	font-size: 1.6rem;
	line-height: 1;
	padding: 15px;
	text-align: center;
	color: #3164A9;
}
@media screen and (max-width:768px){
	.top_btn{
		width: 100%;
		border: solid 1px #3164A9;
		margin: 20px auto 0px;
	}
}


.slick-track{
	height: 514px;
}
.single-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 514px;
  background: #fff;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 76px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: -170px;
    width: 20px;
    height: 20px;
    content: '\2022';
    text-align: center;
    opacity: .25;
    color: #0D5BAA !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width:414px){
	.nav ul a li {
		min-height: 90px;
		min-width: auto;
		width: 24.1%;
		padding: 20px 10px 10px;
		vertical-align: middle;
		display: inline-block;
	}
	article section#cnt1 .cnt1_img {
		width: 100%;
		height: 374px;
		margin-top: 20px;
	}
	.slick-track{
		height:374px;
	}
	article section#cnt1 .cnt1_img ul{
		right: -100px;
		bottom: -40px;
	}
	
}
@media screen and (max-width:375px){
	article section#cnt1 .cnt1_img {
		width: 100%;
		height: 335px;
		margin-top: 20px;
	}
	.slick-track{
		height:335px;
	}
}

.scrollanime2{
	opacity: 0;
}
/*.scrollanime2.scrollanime2_show{
	opacity: 1;
	transition: 0.3s 0.7s;
}*/
.scrollanime2.scrollanime2_show {
	opacity: 1;
    -webkit-transform: translate(0,-45px);
    transform: translate(0,-45px);
    -webkit-transition: all 1s;
    transition: all 1s;
}
@media screen and (max-width:768px){
	.slick-dots li button:before {
		font-family: 'slick';
		font-size: 50px;
		line-height: 10px;
		position: absolute;
		top: 0;
		right: -170px;
		width: 20px;
		height: 20px;
		content: '\2022';
		text-align: center;
		opacity: .25;
		color: #0D5BAA !important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/*コラム予告*/
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com{
	box-shadow: 0 0 8px grey;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    cursor: default;
	background: white;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .col_com{
	margin-bottom: 0px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_no{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 3.2rem;
	line-height: 1;
	width: 90px;
    height: 66px;
    background:#0D5BAA;
    padding:15px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	top: -30px;
    left: 20px;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_no::after{
	border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#0D5BAA;
    top:100%;
    left:50%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_tm{
	margin: 0;
	width: 40%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_tm img{
	width: 100%;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_txt{
	font-size: 2.8rem;
	line-height: 1.4;
	padding: 40px;
	width: 60%;
	color: #0D5BAA;
	font-weight: bold;
}
article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_txt p.category{
	font-size: 2.2rem;
	margin-bottom: 20px;
}
/*sp*/
@media screen and (max-width:768px){
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com{
			display: block;
		}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_no{
		font-size: 2.6rem;
		width: 74px;
		height: 45px;
		padding: 8px 15px;
		top: -20px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_tm{
		width: 100%;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_txt{
		width: 100%;
		font-size: 2.2rem;
		padding: 14px 20px 60px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .on .col_com .column_txt{
		padding-bottom: 30px;
	}
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .col_com .column_txt p.category{
		font-size: 1.4rem;
	}
	
	article #cnt5 .sns_btn ul.sns2 {
		position: relative;
		z-index: 9;
		height: 150px;
	}
	article #cnt5 .sns_btn ul a:nth-child(1){
		position: absolute;
		top: 4%;
    	left: 0%;
		z-index: 99;
	}
	article #cnt5 .sns_btn ul a:nth-child(2){
		position: absolute;
		top: -19%;
		left: calc(50% - 10.4rem);
	}
	article #cnt5 .sns_btn ul a:nth-child(3){
		position: absolute;
		top: 5%;
    	left: 40%;
		z-index: 99;
	}
	article #cnt5 .sns_btn ul a:nth-child(4){
		position: absolute;
		bottom: 8%;
    	left: calc(50% - 10.4rem);
		z-index: 99;
	}
	article #cnt5 .sns_btn ul li img{
		width: 51.7%;
	}
	article.sns_list::after {
		content: "";
		position: absolute;
		bottom: 0%;
		left: 5%;
		background: url(img/common/sns_shadow.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 85%;
		height: 164px;
		z-index: 8;
	}
}
@media screen and (max-width:414px){
	article #cnt5 .sns_btn ul a:nth-child(1){
		position: absolute;
		top: 4%;
    	left: 4% !important;
		z-index: 99;
	}
}

button.slick-arrow{
	display: none !important;
}
@media screen and (max-width:390px){
	article section#cnt1 .cnt1_img {
		width: 100%;
		height: 349px;
		margin-top: 20px;
	}
	article section#cnt1 .cnt1_img a img {
		width: 100%;
		position: absolute;
		top: auto;
		right: auto;
		height: auto;
	}
}

/*2022012追記*/
.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2{
	display: block;
}
.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2 .tech_cnt_img{
	width: 80%;
	margin: 20px auto 0px;
}
.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2 .tech_cnt_img iframe{
	width: 100%;
    height: 420px;
}
.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2 .tech_cnt_txt{
	width: 100%;
}
@media screen and (max-width:768px){
	.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2 .tech_cnt_img{
		width: 100%;
	}
	.column_answer .answer .tech_cnt2 .text_img_area.text_img_area2 .tech_cnt_img iframe {
		width: 100%;
		height: 240px;
	}
}

/*more_btn*/
.colum_list>div {
    display: block;
    margin-top: 10px;
    transition: all 0.4s ease 0s;
}
.colum_list>div.is-hidden {
    display: none;
    height: 0;
    margin: 0;
}
.more {
  text-align: center;
  margin-top: 20px;
}
.more button {
    background-color: white;
    border: none;
    cursor: pointer;
    outline: none;
    color: #0D5BAA;
    padding: 0;
    line-height: 1.4;
    width: 100%;
    border-radius: 10px;
    border: solid 1px #0D5BAA;
    padding: 24px 0px;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
}
.more button::after{
	content: "";
	position: absolute;
	top: 31%;;
    right: 40%;
	width: 24px;
	height: 24px;
	background: url("img/common/icon3.png");
	background-size: 100%;
}

/*20220615*/
@media screen and (max-width:768px){
	.q_txt{
		font-size: 1.4rem;
	}
	.column_answer .answer .tech_cnt2 .text_txt_area{
		font-size: 1.4rem;
	}
	.more button {
		background-color: white;
		border: none;
		cursor: pointer;
		outline: none;
		color: #0D5BAA;
		padding: 0;
		line-height: 1.4;
		width: 100%;
		border-radius: 10px;
		border: solid 1px #0D5BAA;
		padding: 25px 0px;
		position: relative;
	}
	.more button::after {
		content: "";
		position: absolute;
		top: 31%;
		right: 20%;
		width: 24px;
		height: 24px;
		background: url(img/common/icon3.png);
		background-size: 100%;
	}
}

article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_no2{
	font-size: 2rem;
    padding-top: 22px;
}
@media screen and (max-width:768px){
	article section#cnt2 .cnt2_cnt .cnt2_cnt2 .column .column_no2{
		font-size: 1.4rem;
		padding-top: 15px;
	}
}

p.small{
	font-size: 2.6rem;
}
@media screen and (max-width:768px){
	p.small{
	font-size: 1.6rem;
	}
}

/*改修*/
article.blog_list .bg2.bg2_mirai{
	height: 175px;
    border-radius: 120px;
}
article.blog_list section#cnt6 .cnt3_ttl{
	padding-top: 19px;
    padding-bottom: 19px;
}
article.blog_list section#cnt6 .cnt3_ttl p.cnt3_ttl_sub{
	font-size: 1.6rem;
}
article.blog_list section#cnt6 .cnt3_ttl p.cnt3_ttl_sub.cnt3_ttl_sub2{
	font-size: 1.2rem;
}
article.blog_list #cnt6 p img{
	margin: 7px 0px 10px;
	max-width: 269px;
	width: 100%;
}
article.blog_list.mirai_ttl{
	margin-bottom: 43px;
}
article.mirai_txt{
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 73px !important;
	position: relative;
}
article.mirai_txt .mirai_txt_bg{
	position: absolute;
    right: 0;
    top: -250px;
}
article.mirai_txt .mirai_txt_bg img{
	max-width: 348px;
	width: 100%;
}
@media screen and (max-width:768px){
	article.blog_list #cnt6 p img {
		margin: 7px 0px 10px;
		width: 77%;
	}
	article.blog_list .bg2.bg2_mirai{
		left: -80px;
	}
	article.mirai_txt{
		font-size: 1.4rem;
		margin-bottom: 30px !important; 
	}
	article.blog_list.mirai_ttl{
		margin-bottom: 30px !important;
	}
	article.mirai_txt .mirai_txt_bg{
		display: none;
	}
}

/*みらいメッセージ*/
#message .message .mes_ttl{
	text-align: center;
	margin-bottom: 60px;
}
#message .message .mes_ttl .ttl_txt{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 45px;
	margin-bottom: 15px;
}
#message .message .mes_ttl .ttl_txt p.ttl_f{
	font-size: 2.6rem;
	font-weight: bold;
	color: #0D5BAA;
}
/*リスト*/
#message .message .mes_list{
	padding: 20px;
	background: url("img/pc/mes_col_bg.png");
	background-repeat: repeat-y;
	border-radius: 20px;
	position: relative;
	margin-bottom: 40px;
}
#message .message .mes_list::before{
	content: "";
	width: 78px;
	height: 78px;
	background: url("img/pc/mes_col_bg.png");
	background-repeat: repeat-y;
	border-radius: 50px;
	position: absolute;
	top: -30px;
    left: 23px;
}
#message .message .mes_list .no_icon{
	position: absolute;
	top: -12px;
    left: 38px;
}
#message .message .mes_list .cnt_ttl{
	display: flex;
	align-items: center;
	font-size: 3rem;
	line-height: 2;
	color: white;
	margin-bottom: 20px;
}
#message .message .mes_list .cnt_ttl p.ttl_sub{
	font-size: 2.2rem;
}
#message .message .mes_list .cnt_ttl img{
	margin-left: auto;
	max-width: 300px;
	width: 100%;
}
#message .message .mes_column{
	background: white;
	border-radius: 10px;
	font-size: 2.2rem;
	line-height: 1.4;
	margin-bottom: 15px;
}
#message .message .mes_column .m_ttl{
	padding: 12px 101px 12px 26px;
	cursor: pointer;
	position: relative;
}
#message .message .mes_column .m_ttl::before{
	content: "";
	position: absolute;
	top: 38%;
	right: 40px;
	width: 2px;
	height: 26px;
	background: #0D5BAA;
}
#message .message .mes_column.open .m_ttl::before{
	display: none;
}
#message .message .mes_column .m_ttl::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 28px;
	width: 26px;
	height: 2px;
	background: #0D5BAA;
}
#message .message .mes_column .mes_col_ttl{
	display: flex;
	align-items: center;
}
#message .message .mes_column .mes_col_ttl .ttl_cat{
	font-size: 1.3rem;
	color: #0D5BAA;
	position: relative;
	margin-right: 26px;
	width: 8%;
	font-weight: bold;
	text-align: center;
}
#message .message .mes_column .mes_col_ttl .ttl_txt{
	margin-left: 14px;
}
#message .message .mes_column .mes_col_ttl .day{
	margin-left: auto;
	font-size:1.4rem;
	color: #8B8B8B;
}
#message .message .mes_column .ms_cnt{
	padding: 0px 26px 22px 26px;
	display: none;
}
#message .message .mes_column .ms_cnt .ms_info{
	font-size: 1.6rem;
	padding: 18px 20px;
	background: #F2FAFD;
	border-radius: 8px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
#message .message .mes_column .ms_cnt .ms_info img{
	width: 68px;
}
#message .message .mes_column .ms_cnt .ms_info p{
	position: relative;
	padding-left: 15px;
	margin-left: 20px;
}
#message .message .mes_column .ms_cnt .ms_info p:first-child{
	margin-left: 0px;
}
#message .message .mes_column .ms_cnt .ms_info span::before{
	content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    top: 7px;
    left: 0;
    background: #0D5BAA;
}
#message .message .mes_column .ms_cnt .ms_youtube{
	margin-top: 25px;
	text-align: center;
	font-size: 1.6rem;	
	margin-bottom: 38px;
}
#message .message .mes_column .ms_cnt .ms_youtube p{
	position: relative;
}
#message .message .mes_column .ms_cnt .ms_youtube p span{
	color: #0D5BAA;
}
#message .message .mes_column .ms_cnt .ms_youtube img{
	max-width: 580px;
	margin-bottom: 10px;
	width: 100%;
}
#message .message .mes_column .ms_cnt .col{
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 35px 0px 2px;
}
#message .message .mes_column .ms_cnt .col .col_cnt{
	margin-bottom: 47px;
}
#message .message .mes_column .ms_cnt .col p.midashi{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 24px;
}
#message .message .mes_column .ms_cnt .col .col_img{
	text-align: center;
	max-width: 580px;
	margin: 20px auto 20px;
}
#message .message .mes_column .ms_cnt .col .col_img img{
	width: 100%;
}
#message .message .mes_column .ms_cnt .col .col_img .cap{
	font-size: 1.2rem;
	color: #666666;
	text-align: left;
	margin-top: 10px;
}
#message .message .mes_column .ms_cnt .ms_close{
	font-size: 1.6rem;
	color: #666666;
	text-align: center;
}
#message .message .mes_column .ms_cnt .ms_close p{
	cursor: pointer;
	position: relative;
	max-width: 100px;
	margin: 0 auto;
}
#message .message .mes_column .ms_cnt .ms_close p::before,#message .message .mes_column .ms_cnt .ms_close p::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 10%;
	width: 2px; /* 棒の幅（太さ） */
	height: 20px; /* 棒の高さ */
	background: #0D5BAA;
}
#message .message .mes_column .ms_cnt .ms_close p::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
#message .message .mes_column .ms_cnt .ms_close p::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

@media screen and (max-width:768px){
	#message .message .mes_ttl{
		text-align: left;
	}
	#message .message .mes_ttl .ttl_txt p.ttl_f{
		font-size: 2.2rem;
		margin-bottom: 25px;
	}
	#message .message .mes_ttl .ttl_txt{
		font-size: 1.4rem;
		margin-top: 30px;
		margin-bottom: 25px;
	}
	#message .message .mes_list{
		padding: 25px 15px 15px;
	}
	#message .message .mes_list .cnt_ttl{
		display: block;
		font-size: 2rem;
		position: relative;
    	z-index: 9;
	}
	#message .message .mes_list .cnt_ttl img{
		max-width: 100%;
		width: 100%;
	}
	#message .message .mes_list .cnt_ttl .cnt_ttl_txt{
		margin-bottom: 20px;
	}
	#message .message .mes_list .cnt_ttl p.ttl_sub{
		font-size: 1.4rem;
	}
	#message .message .mes_column .mes_col_ttl{
		display: block;
	}
	#message .message .mes_column .mes_col_ttl .ttl_cat{
		width: auto;
		text-align: left;
		font-size: 1.2rem;
	}
	#message .message .mes_column.m_event .mes_col_ttl .ttl_cat p{
		margin-left: 14px;
	}
	#message .message .mes_column .mes_col_ttl .ttl_cat p{
		margin-left: 7px;
	}
	#message .message .mes_column{
		font-size: 1.8rem;
	}
	#message .message .mes_column .m_ttl{
		padding: 14px 104px 14px 14px;
	}
	#message .message .mes_column .mes_col_ttl .ttl_txt{
		margin-left: 0px;
		margin-top: -5px;
		margin-bottom: 20px;
		line-height: 1.7;
    	font-weight: 500;
	}
	#message .message .mes_column .mes_col_ttl .day{
		font-size: 1.2rem;
	}
	#message .message .mes_column .m_ttl::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 39px;
		width: 2px;
		height: 26px;
		background: #0D5BAA;
		transform: translate(-50%,-50%);
	}
	#message .message .mes_column .ms_cnt{
		padding: 0px 15px 20px;
	}
	#message .message .mes_column .ms_cnt .ms_info{
		font-size: 1.4rem;
		padding: 14px;
		margin-bottom: 10px;
		display: block;
	}
	#message .message .mes_column .ms_cnt .ms_info span::before{
		top: 5px;
	}
	#message .message .mes_column .ms_cnt .ms_info p{
		margin-left: 0px;
	}
	#message .message .mes_column .ms_cnt .ms_youtube{
		font-size: 1.4rem;
		text-align: left;
	}
	
	#message .message .mes_column.m_column .ms_cnt .ms_info{
		display: flex;
	}
	#message .message .mes_column.m_column .ms_cnt .ms_info p{
		margin-left: 10px;
	}
	#message .message .mes_column .ms_cnt .col p.midashi{
		font-size: 1.6rem;
		margin-bottom: 24px;
	}
}

@media screen and (max-width:390px){
	article section#cnt1 .cnt1_img {
		width: 100%;
		height: 335px;
		margin-top: 20px;
	}
	.nav ul a li{
		width: 24%;
	}
}

/*アンカーリンク*/
.ms{
	height: 30px;
}