html,body {width: 100%; box-sizing:border-box;}
* {font-family:'Noto Sans JP';}
html { color:#222222; font-weight:400;font-family:'Noto Sans JP';}
/*font-family: "Roboto";*/
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:16px; line-height:28px;}
.txt-l {font-size:18px; line-height:36px;}
.txt-l2 {font-size:20px; line-height:40px;}
.txt-l3 {font-size:24px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pctar {text-align:right!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#00589f; text-decoration:none;}
a:hover {color:#3988c8; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 20px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.main_contents h1 {display:block; font-size:34px; line-height:40px; font-weight:700; margin:10px 0px 20px 0px; color:#266ebd; text-align:center;}
.main_contents h2 {display:block; font-size:34px; line-height:40px; font-weight:700; margin:10px 0px 20px 0px; color:#266ebd;}
.main_contents h3 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:30px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:24px; line-height:30px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h6 {display:block; font-size:20px; line-height:28px; font-weight:500; margin:30px 0px 20px 0px;}
.main_contents h1 {padding:30px 25px 30px 25px;}
.main_contents h2 {padding:30px 25px 30px 25px;}
.main_contents h3 {padding:20px 20px 20px 25px;border:1px solid #eeeeee; border-top:2px solid #00589f; }
.main_contents h4 {padding:20px 20px 20px 25px; border-left:2px solid #00589f;}
.main_contents h5 {padding:18px 20px 18px 25px; background-color:#f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h6 {padding:10px 20px 10px 25px; border-bottom:1px solid #e7e7e7;}
.main_contents h2 span {display:block; font-size:16px; font-family:"Roboto"; font-weight:600;}
/* ----- MainBox ----- */
.base {padding:50px 0px 50px 0px;}
.base2 {padding:30px 0px 30px 0px;}
.base3 {padding:0px 0px 30px 0px;}
.container {width:1200px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
.container_in2 {padding:40px 40px 40px 40px;}
/* ----- Main ----- */
body {background-color:#ffffff; min-width:1260px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
.content_pt {padding-top:100px;}
#spbase {max-width:1920px; width:100%; margin:0px auto;}
/* ----- Header ----- */
#header_basic {display:block; width:1200px; margin:0px auto;}
#header_basic h1 {display:block; margin:0px; padding:0px; font-size:13px; line-height:16px; font-weight:400; color:#999999;}
#header_basic_in {display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_basic_in h2 {display:block; width:25%; margin:0px; padding:0px;}
#header_basic_in h2 a img {width:100%; height:auto;}
#header_basic_menu {width:55%; }
#header_basic_menu ul {margin:0px; padding:23px 0px 0px 0px; display:block; text-align:right;}
#header_basic_menu ul li {display:inline; padding:0px 10px 0px 10px; list-style:none; font-size:16px; line-height:18px; font-weight:600; padding-top:24px;}
#header_basic_menu ul li a {color:#222222;}
#header_basic_menu ul li a:hover {color:#222222; text-decoration:none;}
#header_basic_tel {width:10%; margin-right:5%; }
#header_basic_tel a {display:block; color:#111111; font-size:28px; font-family:"Roboto"; font-weight:600; padding-top:13px; padding-bottom:20px;}
#header_basic_tel_prefix {font-size:18px;}
#header_basic_audio {display:block; width:1200px; margin:0px auto;padding-top:10px; padding-bottom:20px;}
/* ----- Footer ----- */
footer {text-align:center; padding-top:50px; padding-bottom:80px; background-color:#ffffff;}
footer h2 {display:block; width:240px; margin:0px auto; padding:0px;}
footer h2 img {width:100%; height:auto;}
footer ul {width:700px; margin:0px auto; padding-bottom:20px; display:flex; justify-content:space-between; flex-wrap: wrap; padding-top:22px;}
footer ul li {display:inline; margin:0px 4px 0px 4px; list-style:none; font-size:16px; line-height:15px; font-weight:400;}
footer address {display:block; font-style:normal;font-size:16px; line-height:15px; }
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.pctar {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:16px; line-height:28px;}
.txt-l2 {font-size:18px; line-height:32px;}
.txt-l3 {font-size:20px; line-height:36px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.main_contents h1 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h2 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:20px; line-height:30px; font-weight:700; margin:20px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:20px; line-height:30px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:18px; line-height:24px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h6 {display:block; font-size:18px; line-height:24px; font-weight:500; margin:10px 0px 20px 0px;}
.main_contents h1 {padding:15px 15px 15px 15px; }
.main_contents h2 {padding:15px 15px 15px 15px; }
.main_contents h3 {padding:15px 15px 15px 15px; border:1px solid #eeeeee; border-top:2px solid #00589f; }
.main_contents h4 {padding:10px 15px 10px 15px; border-left:2px solid #00589f;}
.main_contents h5 {padding:10px 15px 10px 15px; background-color:#f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h6 {padding:10px 20px 10px 10px; border-bottom:1px solid #e7e7e7;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.base2 {padding:20px 0px 20px 0px;}
.base3 {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
.container1140 {width:100%; margin:0px auto; }
/* ----- Main ----- */
body {padding-top:0px; min-width:320px;}/*スマホ版メニュー分下げる*/
.apptop {padding-top:0px!important;}/*アプリの場合は余白を消す*/
#spbase {width:100%; min-width:320px;}
/* ----- Header ----- */
#header_basic {display:block; width:100%;}
#header_basic_in {display:block;}
#header_basic_in h2 {display:block; width:70%; margin:0px; padding:0px;}
#header_basic_in h2 a img {width:100%; height:auto;}
#header_basic_menu {display:none;}
#header_basic_tel {width:100%; margin-right:0%; padding-left:10px; }
#header_basic_tel a {display:block; color:#111111; font-size:18px; font-family:"Roboto"; font-weight:600; padding-top:0px; padding-bottom:10px;}
#header_basic_tel_prefix {font-size:14px;}
#header_basic_audio {display:block; width:100%; margin:0px auto; padding-top:10px; padding-bottom:20px;}
/* ----- Footer ----- */
footer {text-align:center; padding-top:20px; padding-bottom:30px;}
footer h2 {display:block; width:240px; margin:0px auto; padding:0px;}
footer h2 img {width:100%; height:auto;}
footer ul {width:96%; margin:0px auto; padding:0px; padding-bottom:20px; display:block; padding-top:20px;}
footer ul li {display:block; margin:0px 0px 2px 0px; list-style:none; font-size:16px; line-height:15px; font-weight:400; padding-top:0px;}
footer ul li a {display:block; background-color:#f9f9f9; padding:15px 10px 15px 10px;}
footer address {display:block; font-style:normal;font-size:14px; line-height:22px; }
}