@charset "utf-8";

/* |||||||||||||||共通||||||||||||||| */
html{scroll-behavior:smooth;}
body{font-family: 'Noto Sans JP', sans-serif;font-size: 18px;font-weight: 400;line-height: 1.2;position: relative;}

/* 各項目の枠 */
section{padding:70px 10px;box-sizing: border-box;text-align: center;font-size:18px;}

/* 各項目のタイトル（背景白） */
h2{border-bottom:2px solid #000;padding:0 0 7px 0;font-size:26px;display: inline-block;font-weight:500;margin-bottom:60px;}
h2 span{font-size:45px;line-height: 0.1;}

/* 各項目のタイトル（背景青） */
.bk_blue{background: #367ab7;color:#fff;}
.bk_blue h2{border-bottom:2px solid #fff;padding:0 0 7px 0;font-size:26px;display: inline-block;font-weight:500;margin-bottom:60px;}

/* 幅 */
.wrap{max-width:1024px;margin:0 auto;}


@media only screen and (max-width: 1024px) {
.spbr{display: none;}
}

@media only screen and (max-width: 768px) {
.spbr{display: none;}

/* 各項目の枠 */
section{padding:45px 10px;font-size:16px;}

/* 各項目のタイトル（背景白） */
h2{padding:0 0 4px 0;font-size:22px;margin-bottom:40px;}
h2 span{font-size:38px;}

/* 各項目のタイトル（背景青） */
.bk_blue h2{font-size:22px;margin-bottom:40px;}
}


/* |||||||||||||||ヘッダー||||||||||||||| */
header{max-width:1024px;margin:0 auto;position: relative;}
header h1{font-size:24px;font-weight: 400;color:#0D62AA;text-align: center;line-height: 1.2;margin:10px 0;}
header h1 span{font-size:50px;font-weight: 700;}
header img{width:42px;}
header .saisei img{width:81px;}
header .logo{position: absolute;display: inline-block;right:0;top:25px;}

@media only screen and (max-width: 768px) {
header h1{font-size:18px;}
header h1 span{font-size:35px;}
header img{width:30px;}
header .saisei img{width:58px;}
header .logo{top:0;}
header .saisei{display:block;}
}

/* |||||||||||||||メインイメージ||||||||||||||| */
ul.main_image{height:680px;overflow: hidden;position: relative;}
/*ul.main_image li{max-width: 1024px;margin:0 auto;text-align: right;}*/
ul.main_image li{max-width: 1024px;margin:0 auto;text-align: left;}
ul.main_image li img.main_bk{position: absolute;bottom:0;transform: translateX(-50%);left:50%;width:100%;min-height:680px;min-width:1442px;z-index: -20;}
ul.main_image li img.catch_copy{position: absolute;z-index: -15;top:180px;right:38%;max-width: 630px;}
ul.main_image li img.catch_copy2{position: absolute;z-index: -15;top:180px;right:5%;max-width: 630px;}
/*ul.main_image li .main_name{z-index: -10;background: rgba(255,255,255,0.8);position: absolute;left:0;bottom:45px;width:65%;font-size:30px;font-weight: 700;padding:20px 10% 20px 20px;color:#0D62AA;line-height: 1.2;box-sizing: border-box;}*/
ul.main_image li .main_name{z-index: -10;background: rgba(255,255,255,0.8);position: absolute;right:0;bottom:45px;width:65%;font-size:30px;font-weight: 700;padding:20px 10% 20px 20px;color:#0D62AA;line-height: 1.2;box-sizing: border-box;text-align:right;}
ul.main_image li .main_name span{font-size:80px;font-weight: 900;opacity:1 !important;}
ul.main_image li img.main_photo{margin:65px -150px 0 0;}
ul.main_image li img.main_photo2{margin:65px 0 0 -180px;}

@media only screen and (max-width: 1024px) {
ul.main_image{height:68vw;}
ul.main_image li img.catch_copy{width:60%;}
ul.main_image li img.catch_copy2{width:60%;}
ul.main_image li img.main_photo{width:60%;}
ul.main_image li img.main_photo2{width:60%;}
ul.main_image li .main_name{font-size:25px;width:80%;padding:20px 23% 20px 0;}
ul.main_image li .main_name span{font-size:70px;}
}

@media only screen and (max-width: 768px) {
ul.main_image{height:500px;}
ul.main_image li img.main_bk{bottom:-150px;width:100%;}
ul.main_image li img.catch_copy{top:20px;width: 80%;left:5px;}
ul.main_image li img.catch_copy2{top:20px;width: 80%;left:5px;}
ul.main_image li .main_name{font-size:5.5vw;padding:10px 0;bottom:25px;width:100%;z-index: 20;text-align: center;}
ul.main_image li .main_name span{font-size:12vw;}
ul.main_image li img.main_photo{position: absolute;right:0;bottom:0;width: inherit; height:440px; margin:0 -80px 0 0;z-index: 10;}
ul.main_image li img.main_photo2{position: absolute;left:0;bottom:0;width: inherit; height:440px; margin:0 -80px 0 0;z-index: 10;}
}


/* |||||||||||||||メニュー||||||||||||||| */
nav#menu{background:#0D62AA;width:100%;}
nav#menu ul{display: table;max-width:1124px;margin:0 auto;}
nav#menu li{display: table-cell;width:204px;padding:25px 0;text-align: center;}
nav#menu li a{color:#fff;text-decoration: none;font-size:20px;}
nav#menu .menubtn{display:none;}

@media only screen and (max-width: 768px) {
nav#menu{background:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 100;}
nav#menu .menubtn{display: block;width: 40px;height: 40px;background: rgba(13,98,170,0.8);overflow: hidden;position: absolute;left: 0;}
nav#menu .menubtn a{box-sizing: border-box;text-align: center;text-decoration: none;color:#fff;font-size: 22px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;pointer-events: auto;font-weight: bold;}
nav#menu .menuopen{padding-top:7px;line-height: 0.35;display: block;}
nav#menu .menuclose{padding-top:5px;display: none;}
nav#menu ul{background: rgba(13,98,170,0.8);width: 200px;position: absolute;top: 40px;left: 0;display: none;}
nav#menu li{display: block;width:100%;padding: 10px;color: rgba(0,0,0,1);border-bottom: 1px #fff solid;pointer-events: auto;box-sizing: border-box;}
nav#menu ul li a{display: block;}
nav#menu:target .menuopen{display: none;}
nav#menu:target .menuclose{display: block;}
nav#menu:target ul{display: block;}
}

/* |||||||||||||||プロフィール||||||||||||||| */
#profile ul li{display: inline-block;}
#profile ul .keireki{text-align: left;display: inline-block;line-height: 1.4;margin-left:80px;}
#profile .photo{width: 265px;}
#profile .name{font-size:38px;}
#profile .seinen{letter-spacing: 1px;margin-bottom:25px;}
#profile .keireki_m{background: #C6C6C6;position: relative;display: inline-block;letter-spacing: 20px;padding:3px 0 3px 10px;margin-bottom:7px; margin-top:100px;}
#profile .keireki_m::after {content: "";position: absolute;top: 0;left: 100%;width: 0;height: 0;border-width: 0 50px 31px 0;border-style: solid;border-color: transparent;border-bottom-color: #C6C6C6;}
#profile .keireki_c{line-height: 1.7;letter-spacing: 1px;}
#profile .keireki_c .nengo{color:#1D2088;font-weight:500;}
#profile .keireki_c .nengo .keireki_white{color:#fff;}
#profile .profphoto{display: flex;flex-wrap: wrap;align-items: stretch;justify-content:space-between;}
#profile .profphoto .photo{width:240px;}


@media only screen and (max-width: 768px) {
#profile ul .keireki{margin-left:0;}
#profile .photo{width: 45%;}
#profile .name{font-size:28px;text-align: center}
#profile .seinen{letter-spacing: 0px;margin-bottom:20px;text-align: center}
#profile .keireki_m::after {border-width: 0 50px 28px 0;}
#profile .profphoto{display: block;}
}



/* |||||||||||||||3つの公約||||||||||||||| */
#koyaku .wrap .koyaku_con{width:100%;padding:18px 22px;box-sizing: border-box;border-radius: 10px;background: #fff798;text-align: left;box-shadow:2px 2px 1px #393939;margin-bottom:20px;}
#koyaku .wrap .koyaku_num{text-indent: 0 !important;width:38px;display: inline-block; box-sizing: border-box;padding:1px;text-align: center;color: #fff;border-radius: 5px;background: #0e6eb8;font-size: 31px;font-weight: 900;box-shadow:1px 1px 2px #9c989b;}
#koyaku .wrap .koyaku_con h3{font-size: 40px; text-shadow:1px 1px 2px #6e6e6e;font-weight: 500;color:#1D2088;margin-bottom:5px;text-indent: -1.2em;padding-left:1.2em;}
#koyaku .wrap .koyaku_copy{padding-left:55px;line-height: 1.4;color:#000;}
#koyaku .wrap .koyaku_copy .blue{color:#28a7e1;}
#koyaku .wrap .koyaku_copy p{text-indent: -1em;padding-left:1em;}
#koyaku .wrap .koyaku_con:last-child{margin-bottom:0;}


@media only screen and (max-width: 768px) {
#koyaku .wrap .koyaku_con{padding:10px 15px;border-radius: 9px;margin-bottom:15px;}
#koyaku .wrap .koyaku_num{text-indent: 0 !important;width:30px;font-size: 24px;}
#koyaku .wrap .koyaku_con h3{font-size: 30px;text-indent: -1.25em;padding-left:1.25em;}
#koyaku .wrap .koyaku_copy{padding-left:0;}
}



/* |||||||||||||||10の約束||||||||||||||| */
#yakusoku ul.yakusoku_con{display: flex;flex-wrap: wrap;align-items: stretch;justify-content:space-between;}
#yakusoku ul.yakusoku_con li{width:49%;background: #fff;border-radius: 10px;text-align: left;box-shadow:2px 2px 1px #ECECEC;margin-bottom:15px;border:1px solid #DDDDDD;padding:18px 22px;box-sizing: border-box;}
#yakusoku ul.yakusoku_con li .yakusoku_num{text-indent: 0 !important;width:32px;display: inline-block; box-sizing: border-box;padding:1px;text-align: center;color: #fff;border-radius: 5px;background: #23ac38;font-size: 25px;font-weight: 900;box-shadow:1px 1px 2px #9c989b;}
#yakusoku ul.yakusoku_con li h3{font-size: 28px;font-weight: 500;color:#ea5413;margin-bottom:10px;text-indent: -1.4em;padding-left:1.4em;}
#yakusoku ul.yakusoku_con li .orange{color:#f39800}
#yakusoku ul.yakusoku_con li p{text-indent: -1em;padding-left:1em;margin-top:3px;}


@media only screen and (max-width: 768px) {
#yakusoku ul.yakusoku_con{display: block;}
#yakusoku ul.yakusoku_con li{width:100%;border-radius: 9px;margin-bottom:10px;padding:8px 12px;}
#yakusoku ul.yakusoku_con li .yakusoku_num{width:26px;font-size: 20px;}
#yakusoku ul.yakusoku_con li h3{font-size: 25px;margin-bottom:5px;text-indent: -1.25em;padding-left:1.25em;}
}



/* |||||||||||||||SNS||||||||||||||| */
#SNS ul.sns_con{display: flex;flex-wrap: wrap;justify-content:space-between;}
#SNS ul.sns_con li{text-align: left;width:480px;}
#SNS ul.sns_con li:nth-of-type(n+3){margin-top:45px;}
#SNS ul.sns_con li h3{font-size:23px;margin-bottom:5px;float:left;display: inline-block;}
#SNS ul.sns_con li a{text-decoration: none;float:right;color:#fff;display: inline-block;margin-top:5px;}
#SNS ul.sns_con li a:visited{color:#fff;}
#SNS ul.sns_con li .sns_wiget{clear: both;}

@media only screen and (max-width: 1000px) {
#SNS ul.sns_con{display: block;margin: 0 auto;width:480px;}
#SNS ul.sns_con li .sns_wiget{width:100%;}
#SNS ul.sns_con li .sns_wiget img{width:100%;}
#SNS ul.sns_con li:nth-of-type(n+2){margin-top:45px;}
}

@media only screen and (max-width: 768px) {
#SNS ul.sns_con{width:100%;}
#SNS ul.sns_con li{width:100%;}
#SNS ul.sns_con li h3{font-size:20px;}
#SNS ul.sns_con li a{font-size:15px;margin-top:4px;} 
}



/* |||||||||||||||事務所||||||||||||||| */
#map{padding:40px 10px;}
#map ul.map_con{display: flex;}
#map ul.map_con li.g_address{margin-left: 30px;line-height: 1.5;font-size: 20px;}
#map ul.map_con li.g_address h3{font-size: 23px;font-weight: 700;margin-bottom: 7px;}

@media only screen and (max-width: 1024px) {
#map ul.map_con li.g_map iframe{width:450px;}
#map ul.map_con li.g_address{margin-left: 10px;}
}

@media only screen and (max-width: 768px) {
#map ul.map_con{display: flex;flex-direction:column-reverse;}
#map ul.map_con li.g_map iframe{width:100%;}
#map ul.map_con li.g_address{margin: 0 0 7px 0;font-size: 16px;}
#map ul.map_con li.g_address h3{font-size: 20px;margin-bottom: 5px;}
}



/* |||||||||||||||フッター||||||||||||||| */
footer{background: #367ab7;color:#fff;text-align: center;padding:8px;font-size:14px;}

@media only screen and (max-width: 768px) {
footer{padding:6px;font-size:12px;}
}


/* |||||||||||||||トップへ戻るボタン||||||||||||||| */
#page_top{width: 60px;height: 60px;position: fixed;right: 0;bottom: 10px; opacity: 0.8;}
#page_top a{width: 60px;height: 60px;text-decoration: none;}
#page_top a::before{font-family: FontAwesome;content: '\f139';font-size: 50px;color: #999;}

@media only screen and (max-width: 768px) {

}