@charset "utf-8";
/* ------------------------------------------------------------ Noto-Sans-JP */
/* ------------------------------------------------------------ 共通化 ------------------------------------------------------------ */
body,
.wrapper{min-width: 1000px; margin: 0 auto; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color: #000;}
.min_inner{width: 980px; margin: 0 auto; }
.flex{display: flex;}
#breadcrumbs ul li { font-size: 12px;}
.title{text-align: center;}
.title h3{color: #000; font-size: 20px; line-height: 210%;}
.title h3 span{color: #0099FF; font-size: 30px; line-height: 137%; display: inline-block; padding: 0px 0 10px; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}

.content_listbox{max-width: 1300px; padding: 0 50px; flex-wrap: wrap;margin: 0 auto;gap: 59px 67px;}
.content_listbox li{width: calc(100% / 3 - 45px); height: auto;}
.content_listbox li a{display: block;height: 100%; position: relative;padding: 0 0 106px;}
.content_listbox li a img{width: 100%; height: auto;}
.content_listbox li a .text_box{padding: 20px 0 0;}
.content_listbox li a .text_box p.text{font-size: 22px; line-height: 164%; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
.content_listbox li a .text_box p.name{font-size: 14px;line-height: 160%; position: absolute; bottom: 50px; left: 0px;}
.content_listbox li a .text_box p.name span{font-size: 16px;line-height: 130%; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold; padding: 0 0 6px; display: inline-block;}
.content_listbox li a .text_box .mini_text{display: block; margin: 0 0 0 auto; font-size: 14px; position: absolute; padding: 0px 40px 3px 0; right: 0px; bottom: 0px;}
.content_listbox li a .text_box .mini_text:before{content: ""; display: block; width: 30px; height: 30px; background: url(../images/top/icn_2.svg) no-repeat center center; background-size: 100%; position: absolute; bottom:0px; right: 0px;}

.language_list .box{background: #EAEAEA; border-radius: 100px; align-items: center;}
.language_list .box p{font-size: 22px; line-height: 160%; padding: 20px 123px 20px 89px; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold; color: #000;}
.language_list .box ul{ align-items: center;}
.language_list .box ul li:not(:last-child){padding: 0 161px 0 0;}
.language_list .box ul li a{display: block; padding: 22px 40px 23px 0; line-height: 160%;font-size: 19px; position: relative; color: #000;}
.language_list .box ul li a:before{content: ""; display: block; background: url(../images/top/icn_2.svg) no-repeat center center; background-size: 100%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 29px; height: 29px;} 

.PC{display: block;}
.SP{display: none;}

.view_btn{opacity: 1; transition: 0.5s;}
.view_btn.thumb-hover{opacity: 0.6; transition: 0.5s;}
#contents {padding: 0px; max-width: 100%;}

#footer .footer-inner p{ font-size: 1.4rem;}
#breadcrumbs a{color: #09f; text-decoration: underline; outline: none;}
/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */
#fv{padding: 66px 0 0;}
#fv h2{color: #0099FF; font-size: 30px; line-height: 137%; text-align: center;font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
#fv .fv_img{padding: 30px 0 0; margin: 0 auto; max-width: 1600px;}
#fv .fv_img img{width: 100%; height: auto;}
#fv .fv_box p.text{font-size: 20px; line-height: 210%; padding: 65px 0 0;}
#fv .fv_box .accordion{margin: 60px 0 0; background: #fff; border-radius: 10px; border: 1px solid #0099FF; overflow: hidden;}
#fv .fv_box .accordion .clos_btn{background: #0099FF; padding: 15px 19px; position: relative;}
#fv .fv_box .accordion .clos_btn img{position: absolute; top: 50%; transform: translateY(-50%); left: 19px;}
#fv .fv_box .accordion .clos_btn p{font-size: 20px; line-height: 160%; color: #fff; padding: 0 0 0 61px;font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;} 
#fv .fv_box .accordion .clos_btn .cross{display: block; width: 25px; height: 25px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
#fv .fv_box .accordion .clos_btn .cross:before{content: ""; display: block; transform: translate(-50%,-50%); top: 50%; left: 50%; background: #fff; height: 1px; width: 100%;position: absolute;}
#fv .fv_box .accordion .clos_btn .cross:after{content: ""; display: block; transform: translate(-50%,-50%) rotateZ(90deg); top: 50%; left: 50%; background: #fff; height: 1px; width: 100%;position: absolute; transition: 0.5s;}
#fv .fv_box .accordion .clos_btn.active .cross:after{transform: translate(-50%,-50%) rotateZ(0deg); transition: 0.5s;}

#fv .fv_box .accordion .content{padding: 31px 41px; line-height: 1.75; font-size: 18px; display: none;}
#fv .fv_box .accordion .content a{color: #0099FF; border-bottom: 1px solid #0099FF; line-height: 1.75; font-size: 18px;}
#fv .fv_box .link_box{flex-wrap: wrap; gap: 30px 19px; padding: 61px 0 0;}
#fv .fv_box .link_box a{width: 312px; height: 75px;border-radius: 1000px; display: flex; align-items: center; position: relative; color: #0099FF; padding: 0 63px 0 0; transition: 0.5s;}
#fv .fv_box .link_box a div{font-size: 14px;line-height: 160%;text-align: center;width: 100%; padding: 0 0 0 15px;}
#fv .fv_box .link_box a span{font-size: 19px;font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
#fv .fv_box .link_box a.link_1{border: 1px solid #C4C4C4;}
#fv .fv_box .link_box a.link_2{width: 480px; background: #EDEDED; border: 1px solid #EDEDED;}
#fv .fv_box .link_box a:before{content: ""; display: block; background: url(../images/top/icn_1.svg) no-repeat center center; background-size: 100%; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px;}
a.view_btn{ transition: 0.5s;}
a.view_btn.thumb-hover{opacity: 0.5; transition: 0.5s;}

/* ------------------------------------------------------------ #sec01 ------------------------------------------------------------ */
#sec01{padding: 156px 0 0;}
#sec01 .title h3 span{padding: 0px 0 15px;}
#sec01 .association_box{padding: 40px 0 0; margin: 0 auto; max-width: 1600px; align-items: center; min-width: 1000px; }
#sec01 .association_box .img_box{width: calc(100% - 591px); max-width: 946px; height:532px; overflow: hidden;}
#sec01 .association_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
#sec01 .association_box .text_box{width: auto; height: auto; padding: 0 0px 0 50px; margin: 0 auto 0 0;}
#sec01 .association_box .text_box h4{font-size: 30px; line-height: 160%; color: #000; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
#sec01 .association_box .text_box p.name{line-height: 160%; color: #0099FF; font-size: 19px; padding: 24px 0 0;}
#sec01 .association_box .text_box p.name span{font-size: 30px; line-height: 154%; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}

#sec01 .association_box .view_btn{width: 364px; height: auto; display: block; border-radius: 1000px; color: #0099FF; padding: 27px 63px 27px 0; border: 1px solid #C4C4C4; position: relative; font-size: 19px; text-align: center; margin: 32px 0 0;font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
#sec01 .association_box .view_btn:before{content: ""; display: block; background: url(../images/top/icn_2.svg) no-repeat center center; background-size: 100%; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px;}

#sec01 .language_list{margin: 71px auto 0;}

/* ------------------------------------------------------------ #sec02 ------------------------------------------------------------ */
#sec02{padding: 152px 0 0;}
#sec02 .content_listbox{margin: 50px auto 0;}
#sec02 .language_list{margin: 59px auto 0;}

/* ------------------------------------------------------------ #sec03 ------------------------------------------------------------ */
#sec03{padding: 148px 0 0;}
#sec03 .content_listbox{margin: 50px auto 0;}
#sec03 .content_listbox li a .text_box { padding: 0;}
#sec03 .language_list{margin: 95px auto 0;}

/* ------------------------------------------------------------ #sec04 ------------------------------------------------------------ */
#sec04{padding: 148px 0 0;}
#sec04 .content_listbox{margin: 50px auto 0;}
#sec04 .language_list{margin: 95px auto 0;}

#sec04 .tt_box{margin: 77px auto 0;}
#sec04 .tt_box p{background: #EAEAEA; border-radius: 15px; padding: 52px 39px 56px 40px; font-size: 20px; line-height: 210%; color: #000;}



/* ------------------------------------------------------------ #sec05 ------------------------------------------------------------ */
#sec05{padding: 86px 0 150px;}
#sec05 .support_box{max-width: 1300px; margin: 0 auto; padding: 38px 50px 0; text-align: center;}
#sec05 .support_box h4{display: inline-block; font-size: 20px; line-height: 160%; position: relative; padding: 0 0 0 52px; font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight: bold;}
#sec05 .support_box h4:before{content: ""; display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/top/support_icn_1.png) no-repeat center center; background-size: 100%; width: 40px; height: 40px;}
#sec05 .support_box .flex{flex-wrap: wrap; gap: 21px 22px; padding: 43px 0 0; width: 900px; margin: 0 auto;}
#sec05 .support_box .flex a{width: calc(100% / 5 - 18px); height: auto; display: block;}
#sec05 .support_box .flex a img{width: 100%; height: auto;}



/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */
@media only screen and (max-width: 639px) {
	#navbox {width: 100%;}
	.hd_global-nav {display: none;}
	/* ------------------------------------------------------------ 共通化 ------------------------------------------------------------ */
	body,
	.wrapper{min-width: 100%;}
	.min_inner{width: 90%; margin: 0 auto; }
	#breadcrumbs ul {width: 90%;margin: 0 auto; padding: 10px 0%;}
	
	.title h3{ font-size: 16px;line-height: 182%;}
	.title h3 span{ font-size: 24px; line-height: 138%; padding: 0px 0 10px;}
	
	.content_listbox{padding: 0; width: 90%; margin: 0 auto;gap: 0;}
	.content_listbox li{width: 100%; height: auto;}
	.content_listbox li:not(:last-child){margin: 0 0 48px;}
	.content_listbox li a { height: auto; padding: 0 0 31px;}
	.content_listbox li a img{width: 100%; height: auto;}
	.content_listbox li a .text_box{padding: 10px 0 0;}
	.content_listbox li a .text_box p.name {padding: 5px 0 0; position: relative; bottom: auto; left: auto;}
	.content_listbox li a .text_box p.text{font-size: 22px; line-height: 164%;}
	.content_listbox li a .text_box{padding: 8px 0 0;}
	.content_listbox li a .text_box .mini_text{ font-size: 14px; padding: 11px 30px 2px 0;}
	.content_listbox li a .text_box .mini_text:before{width: 22px; height: 22px; }
	
	.language_list .box{display: block; border-radius: 15px; padding: 17px 46px 41px 28px;}
	.language_list .box p{font-size: 18px; text-align: center; line-height: 160%; padding: 0 0 20px;}
	.language_list .box ul{ display: flex; justify-content: space-between;}
	.language_list .box ul li:not(:last-child){padding: 0 0 0;}
	.language_list .box ul li a{display: block; padding: 0 32px 0 0; line-height: 160%;font-size: 17px; position: relative;text-align: center;}
	.language_list .box ul li a:before{width: 22px; height: 22px;} 
	
	.PC{display: none;}
	.SP{display: block;}
	#footer .footer-inner .footer-nav ul li {text-align: left;}
	.view_btn{opacity: 1; transition: 0.5s;}
	.view_btn.thumb-hover{opacity: 0.6; transition: 0.5s;}
	/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */
	#fv{padding: 34px 0 0;}
	#fv h2{font-size: 24px; line-height: 137%;}
	#fv .fv_img{padding: 19px 0 0;}
	#fv .fv_img img{width: 100%; height: auto;}
	#fv .fv_box p.text{font-size: 16px; padding: 27px 0 0; line-height: 200%;}
	#fv .fv_box .accordion{margin: 31px 0 0; }
	#fv .fv_box .accordion .clos_btn{padding: 12px 45px 12px 10px;}
	#fv .fv_box .accordion .clos_btn img{ left: 10px; width: 29px; height: auto;}
	#fv .fv_box .accordion .clos_btn p{font-size: 17px; line-height: 148%; padding: 0 0 0 41px;} 
	#fv .fv_box .accordion .clos_btn .cross{width: 20px; height: 20px; right: 20px; }
	
	#fv .fv_box .accordion .content{padding:24px 15px 25px 18px; font-size: 16px;}
	#fv .fv_box .accordion .content a{line-height: 160%; font-size: 16px;}
	#fv .fv_box .link_box{display: block; gap: 0; padding: 34px 0 0;}
	#fv .fv_box .link_box a{width: 100%; height: 58px;padding: 0 50px 0 20px; }
	#fv .fv_box .link_box a:not(:last-child){margin: 0 0 11px;}
	#fv .fv_box .link_box a div{font-size: 14px;line-height: 160%; width: 100%; padding: 0 0 0 15px;}
	#fv .fv_box .link_box a span{font-size: 16px;line-height: 138%;}
	#fv .fv_box .link_box a.link_2{width: 100%; }
	#fv .fv_box .link_box a:before{right: 9px; width: 42px; height: 42px;}
	
	/* ------------------------------------------------------------ #sec01 ------------------------------------------------------------ */
	#sec01{padding: 71px 0 0;}
	#sec01 .association_box{padding: 20px 0 0; min-width: 100%; display: block;}
	#sec01 .association_box .img_box{width: 100%; height:auto; }
	#sec01 .association_box .img_box img{width: 100%; height: auto; }
	#sec01 .association_box .text_box{width: 90%; height: auto; padding: 20px 0 0; margin: 0 auto;}
	#sec01 .association_box .text_box h4{font-size: 20px; line-height: 160%;}
	#sec01 .association_box .text_box p.name{line-height: 160%;font-size: 14px; padding: 15px 0 0;}
	#sec01 .association_box .text_box p.name span{font-size: 18px; line-height: 154%;}
	
	#sec01 .association_box .view_btn{width: 100%; padding: 20px 54px 22px 26px; font-size: 16px; margin: 25px 0 0; text-align: left;}
	#sec01 .association_box .view_btn:before{right: 11px; width: 42px; height: 42px;}
	
	#sec01 .language_list{margin: 49px auto 0;}
	
	/* ------------------------------------------------------------ #sec02 ------------------------------------------------------------ */
	#sec02{padding: 45px 0 0;}
	#sec02 .content_listbox{margin: 35px auto 0;}
	#sec02 .language_list{margin: 59px auto 0;}
	
	/* ------------------------------------------------------------ #sec03 ------------------------------------------------------------ */
	#sec03{padding: 57px 0 0;}
	#sec03 .content_listbox{margin: 33px auto 0; gap: 38px 13px;}
	#sec03 .content_listbox li a .text_box p.name span{font-size: 14px;}
	#sec03 .content_listbox li{width: calc(100% / 2 - 7px); height: auto;}
	#sec03 .content_listbox li:not(:last-child){margin: 0;}
	#sec03 .language_list{margin: 45px auto 0;}
	
	/* ------------------------------------------------------------ #sec04 ------------------------------------------------------------ */
	#sec04{padding: 52px 0 0;}
	#sec04 .content_listbox{margin:25px auto 0; display: block;}
	#sec04 .content_listbox li a .text_box p.text {font-size: 18px; line-height: 164%;padding: 18px 0 0;}
	#sec04 .language_list{margin: 95px auto 0;}
	
	#sec04 .tt_box{margin: 49px auto 0;}
	#sec04 .tt_box p{padding: 28px 19px 32px 23px; font-size: 16px; border-radius: 5px;}
	
	/* ------------------------------------------------------------ #sec05 ------------------------------------------------------------ */
	#sec05{padding: 59px 0 0;}
	#sec05 .support_box{padding: 38px 0 0; text-align: center;}
	#sec05 .support_box h4{ font-size: 20px; padding: 0 0 0 52px; }
	#sec05 .support_box h4:before{width: 40px; height: 40px;}
	#sec05 .support_box .flex{gap: 0px; padding: 29px 0 0; width: 100%; margin: 0 auto;}
	#sec05 .support_box .flex a{width: calc(100% / 3); height: auto;}
	#sec05 .support_box .flex a.block_none{display: none;}
	#sec05 .support_box .clos_box{padding: 30px 0 50px; width: 80%; margin: 0 auto;}
	#sec05 .support_box .clos_btn{border: 1px solid #000; text-align: center; font-size: 16px; color: #000; border-radius: 1000px; padding: 14px 0 15px; line-height: 160%; position: relative;}
	#sec05 .support_box .clos_btn span{width: 18px; height: 18px; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
	#sec05 .support_box .clos_btn span:before{display: block; content: ""; width: 100%; height: 1px; background: #000; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%;}
	#sec05 .support_box .clos_btn span:after{display: block; content: ""; width: 100%; height: 1px; background: #000; position: absolute; transform: translate(-50%,-50%) rotateZ(90deg); left: 50%; top: 50%; transform: 0.5s;}
	#sec05 .support_box .is-active .clos_btn span:after{transform: translate(-50%,-50%) rotateZ(0deg); transform: 0.5s;}
}