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

body                  {-webkit-text-size-adjust: 100%;font-feature-settings: "palt";}
body *                {box-sizing: inherit;}
body,form,fieldset    {margin: 0px;padding: 0px;}
fieldset              {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
a{font-weight:bold;text-decoration: none;}
li                    {list-style:none;}
input,textarea        {font-size: 14px;}
img{ width: auto; max-width: 100%; border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
*, *:before, *:after  {    -webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;        -ms-box-sizing: border-box;            box-sizing: border-box;}
.center               { text-align:center;}
.bold                 { font-weight:bold;}
.error                {font-weight:bold; color:#C00;}

/*ヘッダー    ---------------------------------------------------------------------------------------*/
header                {width:  100%;height:120px;display:block;background-color:#0c3c7c;}
header .wrapper       {width:1155px;height:auto;display: flex;margin: 0 auto;padding:30px 75px 30px 75px;                  justify-content:space-between;align-items: center;				  background:url(../img/icon01.svg) no-repeat;				  background-position:left 0px top -20px;				  background-size:112px auto;}
#siteid a             {font-size:33px;line-height:33px;display:block;color:#fff;font-weight:bold;}
#siteid a span        {font-size:22px;line-height:33px;display:block;}
#tel    a             {width:auto;height:40px;padding: 7px 23px 0px 50px;                  font-size:22px;line-height:0px;letter-spacing: -1px;color:#000;				  display: flex;align-items: center; justify-content: center;border-radius: 30px;				  background:#fff url(../img/telicon.svg) no-repeat left 23px top 5px;				  background-size:19px 31px;}
/*ここまで    ---------------------------------------------------------------------------------------*/


/*フッター    ---------------------------------------------------------------------------------------*/
footer span           { font-size:1rem;}
footer .logo          { font-weight:bold;  font-size:1.3rem;display: flex;align-items: center; justify-content: center;  }
footer .center        { padding:40px 0;line-height: 1.8rem;}
footer                {background-color:#3a3b3d; color:#fff; width:100%; }
.foot_data            {color:#fff; text-align:center; height:150px;}
.foot_data02          {display:inline; margin:10px;}
#copy                 {background-color:#1e1e1e; color:#fff; text-align:center;}
/*ここまで    ---------------------------------------------------------------------------------------*/

/*トップ    ---------------------------------------------------------------------------------------*/
.main                 {position: relative;}
.main img             {width:100%;}
.main p               {white-space: nowrap; color:#fff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:40px; padding:0; margin:0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-shadow: 1px 2px 3px #000}
.container01          {display: flex; justify-content: center; align-items: center; margin:50px;}
.box01                {background:url(../img/icon02.svg) no-repeat; background-position:bottom; background-color:#0c3c7c; border-radius: 35px; width:700px; height:200px; color:#fff; text-align:center; position: relative; background-position-x: 585px; background-size:90px;}
.box01item            {margin:23px;}
.btn                  {display:flex; align-items: center; justify-content: center; margin:auto;}
.btn01                {color:#000; display:block; background-color:#fff; border-radius:100vh; width:220px; height:30px; font-size:15px; text-decoration:none; padding:5px 6px 6px 11px; margin-right:15px;}
.btn01::after         {content: ">"; margin-left: 0.5em;}
.btn02                {color:#000; display:block; background-color:#fff; border-radius:100vh; width:250px; height:30px; font-size:15px; text-decoration:none; padding:5px 6px 6px 11px; margin-left:15px;}
.box01layout          { font-size:2rem; margin-bottom:15px;}
.box01layout span     { display:block; font-size:1rem; margin-top:10px;}
.container02          {display: flex; justify-content: center; margin-bottom:100px;}
.box02                {width:320px; height:120px; margin-right:30px;}
.box02 h3             {border-bottom: solid 3px #2d96c7; font-size:25px;}
.box02 p              {margin-top:20px;}
.box03                {min-width:670px;}
.box03 h3             {border-bottom: solid 3px #24a15c; font-size:25px;}
.flex                 {display: flex; justify-content:space-between;}
.box03 dl             {width:310px;}
.box03 dt             {font-weight:bold; margin-top:20px; border-bottom: solid 1px #000;}
dt::before            {content:'●'; color:#24a15c;}
.box03 dd             {margin-top:10px;}
/*ここまで    ---------------------------------------------------------------------------------------*/


/*コンテンツ1    ---------------------------------------------------------------------------------------*/
#cont01 #mainimg      { background:url(../img/contents_01_main_02.jpg) no-repeat; background-position:right;background-size: cover; height: 25vh; display:flex;align-items: center;}
#cont01 #mainimg p    { color:#1a418c; font-weight:bold; font-size:1.5rem;    margin-left: 3%;}
#bage                 { text-align:center; background:#eaebdd; min-width:1200px;    max-width: 1100px; margin: 50px auto;padding: 40px;}
#bage h1              {   font-size: 2.8rem; margin-bottom:30px;}
#bage p               {   font-size: 1.6rem; margin-bottom:30px; font-weight:bold;}
#bage #pdfbtn a       { background:#fff; border:#000 1px solid;    max-width: 381px; text-align: left; padding: 9px; display:block;text-decoration: none; color: #000;display:flex; align-items: center;}
#bage #pdfbtn         { display:flex;   justify-content: center;}
#bage #pdfbtn img     { width:35px;}
#bage #pdfbtn li      { font-weight:300;}
#pass                 {  text-align: center;}
#pass .passbox        { background:#17438d; width: 660px; text-align: center; margin: 0 auto; padding: 20px; border-radius: 50px;}
#pass .passbox button { background:#fff; border:solid 3px #bcbbbb; font-size:1.3rem; padding:5px 10px; color:#17438d; font-weight:bold;}

#pass .passbox input[type="submit"]{background:#fff; border:solid 3px #bcbbbb; font-size:1.3rem; padding:5px 10px; color:#17438d; font-weight:bold;}


#pass .passbox input  {    padding: 10px; width: 260px; margin-right: 5px;}
.comment              { text-align:center; margin:20px 0 60px 0; }
/*ここまで    ---------------------------------------------------------------------------------------*/


/*コンテンツ2    ---------------------------------------------------------------------------------------*/
#cont02 #bage          { background:#eaebdd; min-width:1200px;    max-width: 1100px; margin: 50px auto;padding: 40px;}
#cont02 #bage h2       {   font-size: 2.3rem;     margin: 0 auto 30px auto; border-bottom:solid 3px #17438d;max-width: 630px;}
.TableBox              {    width: 100%;    height: auto;    background-color: #CCCCCC;    border-spacing: 1px;}
.TableBox td           {    background-color: #fff;}
.TableBox .Th03        {background-color: #dadcdb;    font-size: 16px;    display: flex;    justify-content: flex-start;    align-items: center;    padding: 10px;}
.TableBox .td1,.TableBox .td2             {    background-color: #FFFFFF;    font-size: 16px;    line-height: 180%; position:relative;}
.TableBox .td1 span,.TableBox .td2 span   {    background: #F00;    position: absolute;       top: 18px;    left: 263px;    border-radius: 6px;    padding: 0 5px;    color: #fff;}
.TableBox .Th03 span   {    background: #fff; margin-left: 3px; border-radius: 6px; font-size: 18px; padding: 0 5px;  display: inline;}
.TableBox td input     {     padding: 13px 9px; min-width: 260px; max-width: 500px;}
#cont02 #bage p        {   font-size: 1.5rem; margin-bottom:0; font-weight:bold; padding:5px;}
#endbtn a              {     text-align: center; background: #17438d; color: #fff; font-weight: bold; font-size: 1.5rem; text-decoration: none; display: block; width: 300px; margin: 0 auto 30px auto; padding: 10px 5px; letter-spacing: 0.1em;}
#endbtn a:hover        { opacity:0.8;}
#endbtn a              {  cursor: pointer;  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);}

#endbtn input[type="submit"]{text-align: center; background: #17438d; color: #fff; font-weight: bold; font-size: 1.5rem; text-decoration: none; display: block; width: 300px; margin: 0 auto 30px auto; padding: 10px 5px; letter-spacing: 0.1em;}

/*ここまで    ---------------------------------------------------------------------------------------*/


/*コンテンツ3    ---------------------------------------------------------------------------------------*/
#cont03 #bage h2       {   font-size: 2.3rem;     margin: 0 auto 30px auto;border-bottom: solid 3px #0c3c7c; max-width: 400px;}
.text-left             {display:flex; justify-content:center; text-align:left; margin-top:40px;}
#bage ul               {display:flex; flex-flow: column; font-size:20px;}
#bage li               {margin:20px 0;}
#bage .text_bold       { font-weight: bold; font-size: 20px;}
#flexbtn               { display:flex; align-items: center;justify-content: center;}
#modoru a              {  text-align: center; background: #fff; color: #17438d; font-weight: bold; font-size: 1.5rem; text-decoration: none; display: block; width: 300px; margin: 0 5px ; padding: 10px 5px; letter-spacing: 0.1em; border:solid 3px #17438d;/*height: 56px;*/    box-sizing: border-box;}
#modoru                { box-sizing:border-box;}
#zyukou input              {  text-align: center; background: #0ec52b; color: #fff; font-weight: bold; font-size: 1.5rem; text-decoration: none; display: block; width: 300px; margin: 0 5px ; padding: 10px 5px; letter-spacing: 0.1em; border: solid 3px #0ec52b; cursor: pointer;}
#zyukou a              {  text-align: center; background: #0ec52b; color: #fff; font-weight: bold; font-size: 1.5rem; text-decoration: none; display: block; width: 530px; margin: 0 5px ; padding: 10px 5px; letter-spacing: 0.1em; }
#modoru a:hover,#zyukou a:hover,#zyukou input:hover                  { opacity:0.8;}
#modoru a,#zyukou a    {  cursor: pointer;  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);}
/*ここまで    ---------------------------------------------------------------------------------------*/