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

body { font-family: YakuHanJP, 'Noto Sans JP', 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif!important; }



section.oversea { background-color: #F5F5F7; }
section.oversea .container { max-width: 1010px; padding: 10px 15px 15px; }
section.oversea h2 { margin: 0 0 30px; font-size: 19px; text-align: center; font-weight: 900; }
section.oversea h2+p { font-size: 15px; line-height: 1.5; }

section.oversea .note { margin-bottom: 50px; }
section.oversea .row .wrapper { position: relative; background-color: white; padding: 50px 40px 50px; border-radius: 18px; }

section.oversea .row .wrapper .countries { position: absolute; top: 20px; right: 0px; background-color: #F5F5F7; width: 200px; margin: 0 20px; text-align: center; border-radius: 10px; font-size: 16px; padding: 10px; }

section.oversea .row .wrapper .fee {  }
section.oversea .row .wrapper .fee table { border-top: 1px solid #ddd; }
section.oversea .row .wrapper .fee table td { padding: 10px 0; border-bottom: 1px solid #ddd; }
section.oversea .row .wrapper .fee table td small { display: block; font-size: 14px; }
section.oversea .row .wrapper .fee .price { line-height: 1; }
section.oversea .row .wrapper .fee .price b { font-size: 20px; font-weight: 900; padding-right: 3px;  }

section.oversea .device_list { margin-top: 30px; margin-bottom: 20px; }
section.oversea .row .wrapper .device { text-align: center; }
section.oversea .row .wrapper .device .img { margin-bottom: 20px; }
section.oversea .row .wrapper .device .img img { width: 150px; height: auto; }
section.oversea .row .wrapper .device .name { margin-bottom: 40px; font-size: 13px; font-weight: 900; line-height: 1.2; }
section.oversea .row .wrapper .device .name b { font-size: 17px; display: block; }
section.oversea .row .wrapper .device .in { padding: 0 }
section.oversea .row .wrapper .device a { color: black; text-decoration: none; }
section.oversea .row .wrapper .device a:hover { color: #0a58ca; text-decoration: underline; }

section.oversea .row .wrapper .device a:hover img { opacity: 0.7; }


@media screen and (max-width:768px) {
section.oversea .container { padding: 10px 15px 15px; }
section.oversea h2 { margin: 0 0 20px; font-size: 19px; }
section.oversea h2+p { font-size: 15px; line-height: 1.5; }
section.plan .row div[class*="col"]:first-of-type { padding-right: 30px; }
/*section.oversea .row.device_list div[class*="col"] { margin-bottom: 30px; } }*/
section.oversea .device_list { margin-top: 30px; margin-bottom: 20px; padding: 0 }
section.oversea .wrapper .row { gap: 30px; }
section.oversea .annotation { line-height: 1.4em; }
	
	
	

section.language_list { padding: 30px 20px 35px; }	
section.language_list .container .mb-4 { font-size: 19px; text-align: center; border-bottom: none; }
section.language_list .container .card .toggle-icon { border: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out; margin-left: 15px; position: absolute; right: 25px; }
section.language_list .btn-link[aria-expanded="true"] .toggle-icon {
            transform: rotate(-135deg);
            border-color: #555351;
        }

section.language_list .btn-link[aria-expanded="false"] .toggle-icon {
            transform: rotate(45deg);
            border-color: #555351;
        }

section.language_list .container .card { margin-bottom: 3px; }
section.language_list .card-header	{ padding: 0; background-color: #ffe83b; }
/*section.language_list .card-header .mb-0 { border-bottom: 1px solid #8e8e8e; }*/
section.language_list .card-header .mb-0 .btn-link{ color: #555351; font-weight: inherit; padding-left: 0; margin-top: 5px;}
section.language_list .card-header .mb-0 { padding: 0px; margin: -5px; }
section.language_list .card-header .mb-0  .p-4 { padding: 1.2rem !important; }
	
section.language_list .container .accordion .in_list { columns: 2; padding-left: 20px; line-height: 1.3em; }
section.language_list .container .accordion .in_list .note { color: black; padding: 0 3px; }
section.language_list .container .accordion .card-body p{ margin-top: 20px; }