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

/*------------------------------------------
header
------------------------------------------*/
/*.p-header__langbtn.is-current, .p-header__langbtn:hover {
    color: #36749D;
}

@media screen and (min-width:768px){
.p-header {
    background: -webkit-gradient(linear,left top,right top,color-stop(65.9%,#fff),color-stop(66%,#36749D));
    background: linear-gradient(90deg,#fff 65.9%,#36749D 66%);

}	
.p-header__navr {
    background: #36749D;
}
}


@media screen and (max-width:768px){
.p-header-navspbtn {
    background: #36749D;
}
.p-header__navsp__li {
    border-left: 1px solid #36749D;
	}
.p-header__navsp__btn p {
    color: #36749D ;
}	
.p-header-spmenu__bnr {
    background: #36749D;
	}
}
*/
/*------------------------------------------
footer
------------------------------------------*/
.p-footer__navlower, .p-footer__navupper {
    background: #0a2d88;
}
.p-footer__sns__title {
    background: #fff;
    color: #0a2d88;
}



img {
    max-width: 100%;
    height: auto;
}
#hz-content {
    background:url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.cm_main_visual img {
    width: 100%;
    height: auto;
}

.cm_section.sec01 {
	max-width: 1000px;
    text-align: center;
	margin: 0 auto;
}

.media_pc{
	display: block;
}
.media_sp{
	display: none;
}


@media screen and (max-width:768px){
.media_pc{
	display: none;
}
.media_sp{
	display: block;
}	
}




/*------------------------------------------
section01
------------------------------------------*/
.cm_h1 {
    display: inline-block;
    margin-bottom: 80px;
}
.cm_section.sec01 {
    padding: 120px 0 80px 0;
	position: relative;
}
.cm_section.sec01 .inner_section{
	position: relative;
}
.cm_section.sec01 .inner_section:before{
	content: "";
	width: 423px;
	height: 74px;
	background-image: url("../img/img_sec_top.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	position: absolute;
	top: -74px;
	left: 0;
	right: 0;
	margin: auto;
}
.cm_section.sec01 .inner_section {
    background: rgba(255,255,255,0.85);
	padding: 0 0 60px 0;
}

@media screen and (max-width:768px){
.cm_section.sec01 .inner_section:before{
	content: "";
	width: 288px;
	height: 50px;
	background-image: url("../img/sp/img_sec_top.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
}	
.cm_section.sec01 {
    padding: 70px 20px 30px 20px;
	}
.cm_section.sec01 .inner_section {
    padding: 0 20px 20px 20px;
}	
.cm_h1 {
    margin-bottom: 40px;
	}
}

@media screen and (max-width:414px){
.cm_h1 {
    padding: 0 40px;
}
.cm_section.sec01 .inner_section::before {
    width: 144px;
    height: 25px;
    top: -25px;
	}
.cm_h1 img {
    width: 209px;
}	
}


/*------------------------------------------
section02
------------------------------------------*/
.cm_section.sec02 {
	background-color: #f6f6f6;
	padding: 80px 0 140px 0;
}
.cm_section.sec02 .inner_section {
	max-width: 1000px;
	margin: 0 auto;
    background-color: #fff;
    padding: 160px 0 0 0;
	background-image: url("../img/img_deco_sec01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 144px;
	text-align: center;
}
.title_cm_h2 {
    margin-bottom: 40px;
	display: inline-block;
}
.cm_section.sec02 .cm_list_li {
    margin-bottom: 100px;
	padding: 0 100px 40px 100px;
	position: relative;
	background-image: url("../img/img_bg_nami.jpg");
	background-repeat: no-repeat;
	background-size: 100% 40%;
	background-position: center bottom;
}
.cm_section.sec02 .cm_list_li:last-child {
    margin-bottom: 0;
}
.cm_dt {
    background: #71b2c9;
    padding: 20px 20px 12px 20px;
	text-align: left;
	border-radius: 0 0 8px 8px;
}
.cn_title_h3 {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
	margin-bottom: 8px;
}
.up_date {
    font-size: 18px;
	font-weight: bold;
	color: #fff;
}
iframe {
	width: 100%;
	height: 100%;
    position: absolute;
	top: 0;
	left: 0;
    border-radius: 8px 8px 0 0;
}

@media screen and (max-width:768px){
.cm_section.sec02 {
    padding: 60px 20px 120px 20px;
}
.cm_section.sec02 .inner_section {
    padding: 90px 0 0 0;
	margin-bottom: 0;
	background-image: url("../img/sp/img_deco_sec01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	text-align: center;
}
.cm_section.sec02 .cm_list_li {
    margin-bottom: 80px;
    padding: 0 20px 40px 20px;
    background-image: url("../img/img_bg_nami.jpg");
    background-repeat: no-repeat;
    background-size: contain;
	}
iframe {
    border-radius: 6px 6px 0 0;
}
.cn_title_h3 {
    font-size: 32px;	
	}	
.up_date {
    font-size: 24px;
	}
}
	
@media screen and (max-width:414px){	
.cm_section.sec02 .inner_section {
	padding: 45px 0 0 0;
	}
.title_cm_h2 {
    margin-bottom: 20px;
	}
.cm_section.sec02 .cm_list_li {
    margin-bottom: 50px;
    padding: 0 20px 20px 20px;
	}
.cm_section.sec02 {
    padding: 30px 20px 60px 20px;
}	
.cn_title_h3 {
    font-size: 16px;	
	margin-bottom: 4px;
	}
.up_date {
    font-size: 12px;
	}
.cm_dt {
    padding: 10px;
    text-align: left;
    border-radius: 0 0 6px 6px;
}	
.cm_section.sec02 .cm_list_ul li:nth-child(1) .title_cm_h2 img {
    width: 101px;
}
.cm_section.sec02 .cm_list_ul li:nth-child(2) .title_cm_h2 img {
    width: 127px;
}		
}

/*------------------------------------------
section03
------------------------------------------*/

.cm_section.sec03 {
    background-color: #fff;
	/*margin-bottom: 100px;*/
	padding: 0 0 80px 0;
	background-image: url("../img/img_deco_sec01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 144px;
}
.cm_section.sec03{
	background: #f6f6f6;
}
.cm_section.sec03 .inner_section {
	max-width: 1000px;
    padding: 100px 100px 120px 100px;
	margin: 0 auto;
    background: #fff;
	text-align: center;
	position: relative;
}
.cm_section.sec03 .inner_section:before{
	content: "";
	width: 100%;
	height: 65px;
	background-image: url("../img/img_deco_sec02.png");
	background-repeat: no-repeat;
	background-size: 100% 65px;
	background-position: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.cm_section.sec03 .inner_section:after{
	content: "";
	width: 100%;
	height: 65px;
	background-image: url("../img/img_deco_sec02.png");
	background-repeat: no-repeat;
	background-size: 100% 65px;
	background-position: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.cm_section.sec03 {
    position: relative;
}
.sec03 .inner_section {
    padding: 0 100px 40px 100px;
}


@media screen and (max-width:768px){	
.cm_section.sec03 {
    padding: 0 20px 100px 20px;
}	
.cm_section.sec03 .inner_section {
    padding: 64px 20px 70px 20px;
}
.cm_section.sec03 .inner_section:before{
	content: "";
	height: 40px;
	background-image: url("../img/sp/img_deco_sec02.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.cm_section.sec03 .inner_section:after{
	content: "";
	height: 40px;
	background-image: url("../img/sp/img_deco_sec02.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}	
}


@media screen and (max-width:414px){	
.cm_section.sec03 .cm_list_ul li:nth-child(1) .title_cm_h2 img {
    width: 103px;
}
.cm_section.sec03 .inner_section::before {
	height: 24px;
    background-size: contain;
}
.cm_section.sec03 .inner_section::after {
    height: 24px;
    background-size: contain;
	}	
.cm_section.sec03 .inner_section {
    padding: 35px 20px 40px 20px;
	}	
.cm_section.sec03 {
    margin-bottom: 0;
	padding: 0 20px 50px 20px;
	}	
}

/*------------------------------------------
section04
------------------------------------------*/
.cm_section.sec04 {
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding: 100px 0 80px;
}

@media screen and (max-width:768px){
.cm_section.sec04 {
    padding: 80px 20px 80px 20px;
}
.sec04 .inner_section {
    padding: 0 20px;
}	
}
@media screen and (max-width:414px){
.cm_section.sec04 .title_cm_h2 img {
    width: 150px;
}	
.cm_section.sec04 {
    padding: 40px 20px 40px 20px;
}	
}

.block_list_ul {
	max-width: 1000px;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.block_list_ul::after {
    content: "";
    width: calc((100% - 60px)/3);
}
.block_list_li {
    width: calc((100% - 60px)/3);
	margin-bottom: 20px;
}
.block_list_li .cn_title_h3 {
    font-size: 18px;
}
.block_list_li .up_date {
    font-size: 16px;
}
.block_list_li .cm_dt {
    background: #71b2c9;
    padding: 16px 20px 10px 20px;
}

@media screen and (max-width:768px){
.block_list_ul {
    display: block;	
}
.block_list_li {
    width: 100%;
    margin-bottom: 20px;
}	
.block_list_li .cn_title_h3 {
    font-size: 32px;
}	
.block_list_li .up_date {
    font-size: 24px;
}	
}

@media screen and (max-width:414px){
.block_list_li .cn_title_h3 {
    font-size: 16px;
    margin-bottom: 4px;
}
.block_list_li .up_date {
    font-size: 12px;
}
.block_list_li .cm_dt {
    padding: 10px;
    text-align: left;
    border-radius: 0 0 6px 6px;
}	
}




/*------------------------------------------
link
------------------------------------------*/
.link_btn.effect-fade.effect-scroll {
    padding: 40px 0 80px 0;
}
.link_btn {
    text-align: center;
	margin-top: 100px;
}
.link_btn a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
	display: inline-block;
    background: #022343;
    padding: 16px 130px 16px 18px;
	position: relative;
}
.link_btn a:after{
	content: "";
	width: 16px;
	height: 13px;
	background: url("../img/icn_arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 0;
	right: 24px;
	bottom: 0;
	margin: auto;
}
.link_btn a:hover{
	opacity: 0.8;
}

@media screen and (max-width:768px){	
.link_btn {
    padding: 0 20px;
	}
.link_btn a {
    font-size: 28px;
	padding: 40px 10px 40px 36px;
	display: block;
	text-align: left;
	}
.link_btn.effect-fade.effect-scroll {
    padding: 40px 20px 80px 20px;
	}	
}
@media screen and (max-width:414px){	
.link_btn a {
	width: 100%;
    font-size: 14px;
	padding: 20px 50px 20px 18px;
	}
.link_btn {
	margin-top: 50px;
}	
}

/*------------------------------------------
popup
------------------------------------------*/
.cm_video {
    position: relative;
	padding-bottom: 55.3%;
	height: 0;
	overflow: hidden;
}
.cm_video a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.cm_video a:hover {
    background: rgba(255,255,255,0.2);
    transition: 1.0s;
}


/*------------------------------------------
animation
------------------------------------------*/

.effect-fade{
	opacity: 0;
	transform:translate(0,45px);
	transition: all 500ms;
}
.effect-fade.effect-scroll{
	opacity: 1;
	transform:translate(0,0);
}

/*------------------------------------------
slider
------------------------------------------*/
.slider{
    margin: 0 auto;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}