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

/* 共通 
--------------------------------------------------------------*/
span.marker {
    background: linear-gradient(transparent 50%, rgba(242, 232, 32, 0.8) 50%);
    font-weight: 600;
}

.note {
    font-size: 14px;
    padding-left: 2em;
    text-indent: -2em;
}

/* FAQ 
--------------------------------------------------------------*/

/* FAQ_共通 */
.post_content .accordion-header {
    margin: 1em 0 0 2px;
    padding: 0 2em;
    height: 3em;
    line-height: 2.3em;
    font-size: 120%;
    font-weight: 600;
    border: #ddd solid 3px;
    border-radius: 50vh;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.accordion-header:hover{
    border: #067E8E solid 3px;
    background: rgba(6,126,142,0.1);    
}

.accordion-header::after{
    content: '+';
	color: #666;
    position: absolute;
    top: 45%;
    right: 4%;
    transform: translateY(-50%);
    transition: transform 0.3s;
    font-size: 40px;
}

.accordion-header.open{
    border: #067E8E solid 4px;
    background: rgba(6,126,142,0.1);
}

.accordion-header.open::after {
    transform: translateY(-50%) rotate(45deg);
}

.accordion-header span{
	display: inline-block;
	color: #067E8E;
	font-weight: 800;
	margin: 4px 1em 0 0;
    vertical-align: sub;
	font-size: 200%;
}

.accordion-content {
	display: flex;
    margin: 0 0 4em 2em;
    padding: 2em 0;
}

.accordion-content .answer {
	line-height: 1;
    display: inline-block;
	color: #f2e820;
	font-weight: 800;
	margin-right: 2%;
    font-size: 400%;
	transform: translateY(-10px);
}

/* FAQ_PTT */

.post_content .ptt7 .resources_h2 {
	margin: 0 0 50px 0;
}

.post_content .accordion-content.ptt1 h4 {
	font-size: 22px;
    font-weight: 800;
    position: relative;
}

.ptt_illust_wrap {
	display: flex;
	justify-content: space-between;
    align-items: flex-end;
}

.ptt_illust_wrap img {
	margin: 0 2em 10px;
	width: 200px;
    border: #067E8E solid 3px;
    border-radius: 10px;
}

.post_content .accordion-content.ptt1 ul {
	margin: 16px 0 0 1.3em;
}

.post_content .accordion-content.ptt1 li {
	list-style: none;
	margin: 0 0 16px 0;
}

.accordion-content.ptt1 li:not(:last-of-type) {
	padding: 0 0 20px 0;
	border-bottom: rgba(6, 126, 142, 0.4) dotted 4px;
}


.post_content .accordion-content.ptt1 h4::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    font-weight: 900;
    margin-right: 0.5em;
    display: inline-block;
}

.post_content .accordion-content.ptt1 li small {
	font-size: 14px;
}

.ptt_lock_wrap {
    display: flex;
}

.ptt_lock_inner {
	flex: 1;
	margin: 18px 14px;
	padding: 0 10px;
}

.ptt_lock_inner figure {
	border: 1px solid #ddd;
    padding: 24px 30px;
	margin: 0 0 10px 0;
	text-align: center;
}

.ptt_lock_inner figure img {
	width: 90%;
}

.ptt_lock_inner figcaption {
	font-size: 21px;
	font-weight: 600;
	color: #067E8E;
}

.ptt_lock_inner figure + p {
	padding: 0 14px;
	/*text-align: right;*/
}

.ptt_lock_inner figure + p + p {
	padding: 0 14px;
}

 /* 
FAQ_無線機の免許・登録申請
 */ 

.license_faq a:not(.license_info_btn){
	display: inline-block;
}

.license_support img{
	margin-top: 8px;
    transition: all 0.3s ease-out;
}

.license_support img:hover{
	filter: brightness(0.8);
}

.license_1 > div:not(.scroll-hint-shadow-wrap){ 
	display: flex;
	align-items: flex-start;
}

.license_1 > div > img{
	width: 35%;
    height: auto;
    margin: 1em 0 0 2em;
}

.license_1 > div div a img{
	margin: 2em 0 0 0;
    transition: all 0.3s ease-out;
}

.license_1 > div div a img:hover{
	filter: brightness(0.8);
}


.post_content .license_1 th{
	border: #fff solid 5px;
	line-height: 1.4;
}

.post_content .license_1 td{
	border: #fff solid 5px;
	vertical-align: middle;
	padding: 15px;
}

.post_content .license_1 th:first-child{
	background: #fff;
}

.post_content .license_1 th:not(:first-child){
	color: #fff;
	font-weight: 600;
}

.post_content .license_1 th:nth-child(2){
	background: #f4b016;
}

.post_content .license_1 th:nth-child(3),
.post_content .license_1 th:nth-child(4){
	background: #d9545c;
}

.post_content .license_1 th:nth-child(5){
	background: #585988;
}

.post_content .license_1 tr:nth-child(even){
	background: rgba(6, 126, 142, 0.1)
}

.post_content .license_1 tr td:not(:first-child){
	text-align: center;
	line-height: 1.2;
}

.post_content .license_1 tr:nth-child(2) td:not(:nth-child(2)){
	font-weight: 600;
}

.post_content .license_1 table .small{
	font-size: 80%;
}

.license_table1 a{
	font-weight: 600;
}

.license_info_btn{
	display: inline-flex;
    border: #0e7988 solid 2px;
	background: #fff;
	color: #067E8E;
	font-weight: 600;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
	margin-top: 1em;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-out;
}

.license_info_btn img{
	border-right: #0e7988 solid 2px;
}

.license_info_btn p{
	font-size: 20px;
	padding: 0 1em;
}

.license_info_btn:hover{
	filter: brightness(0.8);
}

.license_2 .license_methods_wrap{
	display: flex;
	margin: 0 0 5em;
}

.license_2 .license_methods_inner{
	background: rgba(75, 157, 163, 0.9);
	padding: 20px 4%;
}

.license_2 .license_methods_inner:first-child{
	margin-right: 20px;
	flex: 2;
}

.license_2 .license_methods_inner:last-child{
	flex: 3;
}

.license_2 .license_methods_inner h5{
	color: #fff;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
}

.license_2 .method_block_wrap{
	display: flex;
}

.license_2 .method_block_wrap .method_block:first-child{
	margin-right: 40px;
}

.license_2 .method_block .img_wrap{
	background: #fff;
	border-radius: 8px;
	text-align: center;
	padding: 16px 1px;
	margin: 0 0 1em 0;
	display: flex;
    flex-direction: column;
    align-items: center;
	height: 364px;
}

.license_2 .method_block h6{
	font-size: 20px;
	font-weight: 600;
}

.license_2 .method_block img{
	width: auto;
	max-height: 300px;
}

.post_content .license_2 td,
.post_content .license_2 th{
	border: none;
    border-bottom: 1px solid #bbb;
}

.post_content .license_2 tr td:first-of-type{
	font-weight: 600;
	font-size: 24px;
	color: #067e8e;
	padding-left: 52px;
	position: relative;
}

.post_content .license_2 tr td:first-of-type::before{
	content: '●';
	font-size: 30px;
	color: #067e8e;
	position: absolute;
	left: 24px;
    top: 2px;
}

.post_content .license_2 tr td:last-of-type{
	position: relative;
}

.post_content .license_2 tr td:last-of-type::before{
	content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('/wp-content/uploads/2024/10/arrow.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	left: -40px;
}

.license_3 .license-sample{
	display: flex;
	margin: 2em 0;
}

.license_3 .license-sample img{
	border: 1px solid #bbb;
	width: 40%;
}

license_3 .license-sample img:first-of-type{
	margin-right: 40px;
}

.license-requirement-wrap1,
.license-requirement-wrap2{
	display: flex;
	margin: 10px 0 30px;
}

.license-requirement-inner{
	background: rgba(6, 126, 142, 0.2);
	border-radius: 6px;
	padding: 18px 20px;
	
}

.license-requirement-wrap1 .license-requirement-inner{
	width: 32%;
}

.license-requirement-wrap2 .license-requirement-inner {
	width: 30%;
}

.license-requirement-wrap2 .license-requirement-inner:last-child {
	width: 68%;
}

.license-requirement-wrap2{
	margin-bottom: 5em;
}

.license-requirement-wrap2+p+a{
	transition: all 0.3s ease-out;
}

.license-requirement-wrap2+p+a:hover{
	filter: brightness(0.8);
}

.license-requirement-wrap2+p+a+p{
	margin-top: 3em;
}

.license-requirement-inner>div{
	display: flex;
	justify-content: space-around;
	margin: 0 0 14px 0;
}

.post_content .license-requirement-inner p{
	font-size: 15px;
	text-align: center;
}

.license-requirement-wrap2 .license-requirement-inner:last-child p{
	padding: 0 2em;
}

.license-requirement-inner:not(:last-child){
	margin-right: 16px;
}

.license-requirement-inner h4{
	font-weight: 600;
	color: #067E8E;
	font-size: 30px;
}

.license_5 dl{
	display: flex;
	justify-content: center;
}

.license_5 dt{
	background: #067E8E;
	color: #fff;
	font-size: 23px;
	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
  	height: 100px;
	padding: 0 40px;
}

.license_5 dd{
	border: #067E8E solid 4px;
	color: #067E8E;
	font-weight: 800;
	font-size: 32px;
	display: flex;
	align-items: center;
  	justify-content: center;
  	text-align: center;
  	height: 100px;
	box-sizing: border-box;
	padding: 0 40px;
}

.license_6 figure{
	margin: 2em 0 3em;
}

.license_6 figure figcaption{
	line-height: 1em;
}

.license_6 a:first-of-type{
	color: #222;
	transition: all 0.3s ease-out;
}

.license_6 a:first-of-type img:hover{
	filter: brightness(0.8);
}


/* TABLE 
--------------------------------------------------------------*/

/* TABLE_免許局と登録局の比較表 */
.post_content .l_or_r_table tr:nth-child(1) th,
.post_content .l_or_r_table tr:nth-child(3) th{
	padding: 20px 0;
}

.post_content .l_or_r_table thead th:first-child {
    visibility: hidden;
}

.post_content .l_or_r_table th,
.post_content .l_or_r_table td{
    border: none;
	border-bottom: 1px solid #bbb;
	text-align: center;
	padding: 8px 4px;
	vertical-align: middle;
	line-height: 1.4;
}

.post_content .l_or_r_table thead th{
	background: #d9545c;
	color: #fff;
    font-weight: 600;
	border: #fff solid 5px;
}

.post_content .l_or_r_table tr th:first-child{
	background: #fff;
	font-weight: 600;
}

.l_or_r_table .emphasis {
    background: #DBEBED;
    display: block;
	padding: 22px 0;
}

.l_or_r_table tr:nth-child(7) td:nth-child(2) {
	display: flex;
}

.l_or_r_table tr:nth-child(7) td:nth-child(2) .emphasis{
	flex: 1;
}

.l_or_r_table tr:nth-child(7) td:nth-child(2) .emphasis:first-child{
	margin-right: 8px;
}

.l_or_r_table tr:nth-child(7) td:nth-child(2) .emphasis:lastt-child{
	margin-left: 8px;
}

.l_or_r_table .small{
    font-size: 80%;
}

.license_support.l_or_r{
	margin: 0 0 12px 0;
	display: block;
}


/*--------------------------------------------------------------
スマートフォン
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	
/* FAQ 
--------------------------------------------------------------*/	

	/* FAQ_共通 */
	.post_content .accordion-header {
        height: auto;
        display: flex;
        align-items: center;
        padding: 1em 3.4em 1em 1em;
        line-height: 1.6em;
        margin: 1em -10px 0;
    }
	
	.accordion-header span{
    	margin: 0 17px 0 0;
		font-size: 170%;
	}
	
	.accordion-header::after{
		font-size: 30px;
	}
	
	.accordion-content {
	display: block;
        margin: 0;
    }
	
	.accordion-content .answer{
		margin: 0;
	}
	
	/* FAQ_PTT */
	
	.post_content .accordion-content.ptt1 ul {
		margin: 0;
	}

	.ptt_illust_wrap {
		flex-direction: column;
	}

	.ptt_illust_wrap img {
		width: 75%;
		margin: 0 auto;
	}

	.ptt_lock_wrap {
		flex-direction: column;
	}

	.ptt_lock_inner figure {
		padding: 20px 10px;
	}
	
	.ptt_lock_inner figcaption {
    	font-size: 18px;
	}

	.ptt_lock_inner {
		margin: 0 0 20px 0;
		padding: 0;
	}

	.s-ptt_wrap {
		flex-direction: column;
	}
	
	.s-ptt_wrap figure:first-of-type {
    	margin-bottom: 20px;
	}
	
	.s-ptt_wrap figure:first-of-type div img:first-child {
		transform: translateX(20px);
	}
	
	.s-ptt_inner div {
		flex-direction: column;
	}
	
	.s-ptt_wrap figure:last-of-type {
		padding: 0 20px 30px 20px;
		position: relative;
	}
	
	.s-ptt_wrap .EMC-16 {
		padding-bottom: 75px;
	}
	
	.s-ptt_wrap .HM-238 {
		position: absolute;
		right: 10px;
        top: 95px;
	}
	
	/*
FAQ_無線機の免許・登録申請について
*/	
	
	.post_content .faq_h4{
		font-size: 24px;
    	margin: 20px 0;
	}
	
	.faq_h4 img{
		width: 60px;
		height: 60px;
	}
	
	.license_1 > div:not(.scroll-hint-shadow-wrap){
		display: block;
		margin: 0 0 2em 0;
	}
	
	.license_1 > div > img:first-of-type{
		width: 80%;
	}
	
	.license_1 > div > img:last-of-type{
		width: 100%;
		margin: 0;
	}
	
	.license_table1_wrap{
		overflow-x: auto;
		white-space: nowrap;
		margin-bottom: 1em;
	}
	
	.license_table1{
		width: 800px;
	}
	
	.license_table1 .sticky{
		position: sticky;
		top: 0;
  		left: -3px;
		background: #ddd;
	}
	
	.license_info_btn{
		padding: 12px 5px;
	}
	
	.post_content .license_info_btn p{
    	font-size: 18px;
    	line-height: 1.2em;
		margin: 0;
	}
	
	.license_2 .license_methods_wrap{
    	flex-direction: column;
	}
	
	.license_2 .license_methods_inner:first-child{
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.license_2 .method_block_wrap{
		display: block;
	}
	
	.license_2 .license_methods_inner {
    	padding: 20px 18px;
	}
	
	.license_2 .method_block .img_wrap{
        padding: 8px 10% 12px;
        margin: 1em;
		height: auto;
		justify-content: flex-start;
	}
	
	.license_2 .method_block .img_wrap+div{
		text-align: center;
	}
	
	.license_2 .method_block_wrap .method_block:first-child{
		margin-right: 0;
		margin-bottom: 3em;
	}
	
	.license_2 .method_block img{
		max-height: none;
		width: 70%;
	}

	.license_2 .method_block h6{
    	font-size: 18px;
	}
	
	.license_2 table tr{
		display: flex;
    	flex-direction: column;
	}
	
	.post_content .license_2 td{
    	text-align: center;
	}
	
	.post_content .license_2 th{
		padding: 0;
	}
	
	.post_content .license_2 tr td:first-of-type{
		border-bottom: none;
		padding: 0;
		line-height: 1.6;
        margin: 14px 0 0 0;
	}
	
	.post_content .license_2 tr td:last-of-type{
    	padding: 0 0 10px 0;
	}
	
	.post_content .license_2 tr td:first-of-type::before{
		display: none;
	}
	
	.post_content .license_2 tr td:last-of-type::before{
		display: none;
	}
	
	.license_3 .license-sample{
		justify-content: space-between;
	}
	
	.license_3 .license-sample img:first-of-type{
		margin-right: 0;
	}
	
	.license_3 .license-sample img{
		width: 48%;
	}
	

	.license-requirement-wrap1,
	.license-requirement-wrap2{
    	flex-direction: column;
		margin-bottom: 0;
	}
	
	.license-requirement-wrap1 .license-requirement-inner,
	.license-requirement-wrap2 .license-requirement-inner,
	.license-requirement-wrap2 .license-requirement-inner:last-child{
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
		padding: 14px 10px 0 10px;
	}
	
	.license-requirement-inner>div img{
		width: 45%;
	}

	.post_content .license-requirement-inner p{
		font-size: 14px;
		line-height: 1.4em;
	}
	
	.license-requirement-wrap2 .license-requirement-inner:last-child p {
    	padding: 0;
	}
	
	.license-requirement-wrap2 .license-requirement-inner:last-child img{
		width: 28%;
	}
	
	.post_content .license-requirement-wrap2+p+a+p{
		margin: 3em 0 0 0;
	}
	
	.license_5 dt{
    	font-size: 16px;
		width: 50%;
		padding: 0;
	}
	
	.license_5 dd{
		padding: 0 10px;
    	font-size: 28px;
    	width: 50%;
	}
	
	.modal-container>div img{
		width: 90%;
	}
	
	/* TABLE 
--------------------------------------------------------------*/

/* TABLE_免許局と登録局の比較表 */
	
	.l_or_r_table_wrap{
		overflow-x: auto;
        white-space: nowrap;
		margin-bottom: 1em;
	}
	
	.l_or_r_table{
	    width: 600px;
	}
	
	.l_or_r_table tr:nth-child(2) td:nth-child(2){
    	flex-direction: column;
	}
	
	.l_or_r_table tr:nth-child(2) td:nth-child(2) .emphasis:first-child{
    	margin: 0 0 8px 0;
	}
	
	.l_or_r_table .emphasis2{
		height: 9.3em;
		display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
	}
	
	.l_or_r_table .small{
		font-size: 13.5px;
	}
	
	.post_content .l_or_r_table tr th.sticky{
        position: sticky;
        top: 0;
        left: -3px;
        background: #ddd;
    }
	
	
	
}

/*--------------------------------------------------------------
タブレット
--------------------------------------------------------------*/
@media all and (min-width: 768px) and (max-width: 1024px) {


}


/* --------------------------------------------------------------------------------
幅の狭いスマートフォン
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 378px) {

	/*
PTT
*/
	.s-ptt_wrap .EMC-16 {
		padding-bottom: 120px;
	}

	.s-ptt_wrap .HM-238 {

		top: 140px;
	}

}