@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

@media print, screen and (min-width: 1025px) {

.mov {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
}

.yotube {
	position: relative;
	padding-top: 56.25%; /* 16:9 アスペクト比 */
	height: 0;
}
.yotube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#tab {
	overflow: hidden;
	position: relative;
	display: flex;
    justify-content: center;
    z-index: 1;
    padding-top: 0px;
    min-width: 1000px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#tab li {
    position: relative;
    width: 49.5%;
	box-sizing: border-box;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    overflow: hidden;
}
#tab li span{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
}
#tab li a {
	display: block;
	color: #014099;
    background-color: #fff;
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 37pt;
    line-height: 1.9;
    font-weight: 600;
    position: relative;
	text-align: center;
	transition: all .3s;
	padding-top: 20px;
	padding-bottom: 20px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-right: 6px solid #014099;
    border-top: 6px solid #014099;
    border-left: 6px solid #014099;
}
#tab li a:hover {
	color: #fff;
	background-color: #014099;
}
#tab li.present a {
	color: #fff;
    background-color: #2ab0e7;
    transition: all .3s;
    border-right: 6px solid #2ab0e7;
    border-top: 6px solid #2ab0e7;
    border-left: 6px solid #2ab0e7;
}
#tab li:hover {
	color: #23265e;
    transition: all .3s;
    background-color: #2ab0e7;
    
}

.threes {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 85%;
}
.threes li img{
    width: 60%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.threes li{
    position: relative;
    width: 32%;
    padding-top: 50px;
    padding-bottom: 50px;
    box-sizing: border-box;
    z-index: 1;
    overflow: visible;
}

/* 白い本体 */
.threes li::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border: solid 8px #073c83;
    border-radius: 40px;
    z-index: -1;
}

.threes li::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translate(10px, 10px);
    background: #073c83;
    border-radius: 40px;
    z-index: -2;
}
.threes li h3{
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 22pt;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 35px;
	text-align: center;
}

.wrap-space {
    display: flex;
    justify-content: space-between;
}

.w47 {width: 47%;}
    
#ct01 {scroll-margin-top: 150px;} 
#ct02 {scroll-margin-top: 150px;} 
    

    
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10,#page11  {scroll-margin-top: 120px;}


.hed-lines {border-top: 1px solid #e8d8ac}
.recruit_table {
	border-collapse:collapse;
	width: 100%;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	box-sizing: border-box;
	font-size: 23px;
	margin-right: auto;
	margin-left: auto;
    padding-bottom: 30px;
}
.recruit_table th, .cp_table  td {width: 100%;}
.recruit_table th {
    font-size: 23px;
    line-height: 1.7;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 700;
    width: 350px!important;
    padding-bottom: 25px!important;
    padding-top: 25px!important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e8d8ac;
    box-sizing: border-box;
    color: #2ab0e7;
    vertical-align: top;
}
.recruit_table tr {
	/*display: block;*/
	width: 100%;
}
.recruit_table td {
	font-size: 23px;
	line-height: 1.7;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	width: 75%!important;
	padding-bottom: 25px!important;
	padding-top: 25px!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8d8ac;
	box-sizing: border-box;
}
.recruit_table td ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.recruit_table h3 {
	font-size: 21px;
	line-height: 35px;
    font-weight: 700;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk {
    box-sizing: border-box;
    padding: 50px;
    border: solid 2px #2ab0e7;
    border-radius: 20px;
}
.kome-mrk li {
    display: flex;
    color: #014099;
}
.kome-mrk li p {
    margin-right: 15px;
    font-size: 23px;
	line-height: 1.7;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk li h4{
    font-size: 23px;
	line-height: 1.7;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}

.tows-box {
    display: flex;
	justify-content: space-between;
    margin-bottom: 50px;
}
.tows-box div{padding-top: 30px; padding-bottom: 20px; box-sizing: border-box;}
.tows-box li:nth-child(1){
    width: 49%;
    background-color: #fff;
    color: #2ab0e7;
    text-align: center;
    border: solid 6px #2ab0e7;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
}
.tows-box li:nth-child(1) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23pt;
    line-height: 1.6;
    font-weight: 700;
    background-color: #2ab0e7;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.tows-box h4{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 27px;
    line-height: 1.9;
    font-weight: 700;
}
.tows-box li:nth-child(1) h4{margin-bottom: 20px;}
.tows-box li:nth-child(2) h4{margin-bottom: 20px;}

.tows-box li:nth-child(2){
    width: 49%;
    background-color: #fff;
    color: #014099;
    text-align: center;
    border: solid 6px #014099;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
}
.tows-box li:nth-child(2) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23pt;
    line-height: 1.6;
    font-weight: 700;
    background-color: #014099;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}



.tab-contents {position: relative;}

.flows {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.flows img {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
}
.flows li{
    width: 50%;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
}
.flows li:nth-child(1) {
    padding-top: 0px;
    box-sizing: border-box;
}
.flows li:nth-child(2) {
    padding-top: 0px;
    box-sizing: border-box;
    border-left: 1px dashed #014099;
}
.flows li:nth-child(3) {
    box-sizing: border-box;
    border-top: 1px dashed #014099;
    padding-bottom: 0px;
}
.flows li:nth-child(4) {
    border-top: 1px dashed #014099;
    box-sizing: border-box;
    border-left: 1px dashed #014099;
    padding-bottom: 0px;
}

.flows h4 span{font-size: 19px;font-weight: normal; margin-left: 15px;}
.flows h4 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
	margin-bottom: 15px;
    border-radius: 100px;
    background-color: #014099;
    color: #fff;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.flow-num {
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
	font-size: 75px;
	line-height: 1.5;
	font-weight: 600;
	display: block;
	color: #2ab0e7;
    text-align: center;
} 

.tows {
    display: flex;
	justify-content: space-between;
    padding-top: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.tows li {
    width: 49%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 50px;
    border-radius: 20px;
}
.tows li img{
    width: 85%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
}
.tows li h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 26pt;
    line-height: 1.6;
    font-weight: 600;
    text-align: center;
}
.tows li h3 span{font-size: 19px;font-weight: normal; margin-left: 10px;font-family: "source-han-sans-japanese", sans-serif;}

.kome-tittle {
    display: flex;
}
.kome-tittle h4{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23px;
	line-height: 1.7;
	font-weight: 700;
}
.kome-tittle h3{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23px;
	line-height: 1.7;
    font-weight: normal;
    margin-right: 20px;
}
.kome-tittle p{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23px;
	line-height: 1.7;
	font-weight: normal;
}
.kome-tittle:not(:last-child) {margin-bottom: 30px;}

.midashi1 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 25px;
	text-align: center;
}
.midashi2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 25pt;
	line-height: 1.5;
	font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 500px;
	margin-bottom: 45px;
    border-radius: 10px;
    background-color: #2ab0e7;
    color: #fff;
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
    
.yazi {position: relative;} 
.yazi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2ab0e7;
}
.yazi2 {position: relative;} 
.yazi2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #014099;
}
/*.midashi3 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}
.midashi4 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}*/

.comennt {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 14pt;
	line-height: 1.5;
	font-weight: normal;
}
.comennt1 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23px;
	line-height: 1.7;
	font-weight: normal;
}
.comennt2 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 23px;
	line-height: 1.7;
	font-weight: normal;
    text-align: center;
}

.to-right {
    padding-top: 30px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}
.to-right .points1{
    display: table;
    margin-left: auto;
    margin-right: 0;
}

ul.points1{
    position: relative;
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points1 li{padding-left: 0.7em;}
ul.points1 li:before {
	content: "※";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
    top: 0;
}
.points1 li {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
	font-weight: normal;
	position: relative;
	font-size: 23px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	text-align: left;
}
.points1:not(:last-child) {margin-bottom: 15px;}

ul.points2 {
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points2 li{margin-left: 10px;}
ul.points2 li:before {
	font-family: "Material Icons";
	content: "・";
	position: absolute;
	margin-left: -15px;
    top: 0;
	font-weight: 600;
    font-size: 14pt;
}
.points2 li {
	font-weight: normal;
	position: relative;
	font-size: 23px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points2 li:not(:last-child) {margin-bottom: 2px;}

ul.points3 {
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points3 li{padding-left: 0.7em;}
ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.points3 li {
	font-weight: normal;
	position: relative;
	font-size: 23px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points3 li:not(:last-child) {margin-bottom: 5px;}



ul.points4 {
	list-style-type: none;
	overflow: hidden;
}

.points4 li {
	font-weight: normal;
	position: relative;
	font-size: 23px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points4 li:not(:last-child) {margin-bottom: 5px;}

.nobk {background-color: #f8f7e3;}
.blbk {background: #fef0ca;}

.whbk {background-color: #FFFFFF;}

.centers .points3{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}


.topmaru {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}
.marutozi {position: relative;}
.marutozi::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 0, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left bottom;
    z-index: 2;
}

.textbox-top {
    position: relative;
    z-index: 3;
    padding-top: 20px;
    padding-bottom: 90px;
    width: 80%;
    min-width: 900px;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}
.textbox0 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space {
    margin-right: 5%;
    margin-left: 5%;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space1 {
    margin-right: 5%;
    margin-left: 5%;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 90px;
}

.to-space2 {
    margin-right: 10%;
    margin-left: 10%;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 90px;
   
}
.to-space3 {
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space4 {
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 90px;
}


.textbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative;	
}
.textbox1s {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	position: relative;		
}
.textbox1s2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 90px;
	position: relative;		
}
.hed-space {
	min-width: 1000px;
	padding-right: 3%;
	padding-left: 3%;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    transition: all .5s;
    padding-bottom: 0px;
    border-bottom: 0px solid #D4E6ED;
}
.change-color .hed-space {
	/*min-width: 1000px;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    transition: all .5s;
    background-color: #fff;
    padding-bottom: 5px;
    border-bottom: 4px solid #D4E6ED;*/
}
#logo {
	width: 400px;
	transition: all .5s;
}
#logo a {
    background-color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-right: 4px solid #D4E6ED;
    border-bottom: 4px solid #D4E6ED;
    border-left: 4px solid #D4E6ED;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s;
}

#logo a:hover {
	background-color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s;
}

/*.change-color #logo a {
    background-color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-right: 0px solid #D4E6ED;
    border-bottom: 0px solid #D4E6ED;
    border-left: 0px solid #D4E6ED;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}*/


/*.change-color #logo {
    width: 440px;
	margin-top: 0%;
	transition: all .5s;
}*/
#header {}
.header {   
    transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.header.change-color {
   
}


.hed-right li {width: 32%;}

/*.hed-right li:nth-child(1){margin-left: 5px;}
.hed-right li:nth-child(2){margin-left: 5px;}
.hed-right li:nth-child(3){margin-left: 5px;}*/


.hed-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 57%;
}

.hed-right li {
    width: calc((100% - 20px) / 3);
    margin-left: 5px;
}

.hed-right li:first-child {
    margin-left: 0;
}

.button2 {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.button2 div {
    min-height: 75px;
    padding: 0 30px 0 15px;
    display: flex;
    align-items: center;      /* ← 上下中央 */
    justify-content: flex-start;
    position: relative;
    box-sizing: border-box;
}

.button2 div h3 {
    margin: 0;
    line-height: 1.4;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: normal;
    font-size: 21px;
    position: static;         /* ← absoluteやめる */
    transform: none;
    
}

.button2 .mysvg,
.button2 .mysvg2 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.button2 .mysvg {
    width: 25px;
    color: #0096e0;
    fill: currentColor;
}

.button2 .mysvg2 {
    width: 17px;
    color: #fff;
    fill: currentColor;
}

.button2:hover .mysvg,
.button2:hover .mysvg2 {
    color: #FFF;
    fill: currentColor;
}

.button2,
.button2::before,
.button2::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.to-navy {
	color: #fff;
	background-color: #014099;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
}
.to-navy:hover {
	color: #fff;
    background-color: #00275d;
    border-right: 4px solid #00275d;
    border-bottom: 4px solid #00275d;
    border-left: 4px solid #00275d;
}

.to-blue .mysvg {
    width: 25px;
    color: #fff;
    fill: currentColor;
}

.to-blue {
	color: #fff;
	background-color: #2ab0e7;
    box-sizing: border-box;
    border-right: 4px solid #2ab0e7;
    border-bottom: 4px solid #2ab0e7;
    border-left: 4px solid #2ab0e7;
}
.to-blue:hover {
	color: #fff;
	background-color: #009ddd;
    box-sizing: border-box;
    border-right: 4px solid #009ddd;
    border-bottom: 4px solid #009ddd;
    border-left: 4px solid #009ddd;
}

.to-blue2 .mysvg {
    width: 25px;
    color: #014099;
    fill: currentColor;
}


.to-blue2 {
	color: #014099;
	background-color: #fff;
    box-sizing: border-box;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
}
.to-blue2:hover {
	color: #fff;
	background-color: #014099;
}




main {
    padding-top: 100px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
main::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;      /* 半分くらい隠す */
    transform: translateX(-50%);
    width: 2200px;
    height: 700px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
main::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 200px;
    background: #fff;
}


.main-space {
	min-width: 1000px;
	position: relative;
    z-index: 2;
}
.main-image {
    width: 100%;
    position: relative;
    height: 750px;
    background-size: 1350px;
    background-repeat: repeat-x;
    background-image: url(../img/body/machinami.webp);
    background-position: center 300px;
    z-index: 1;
    margin-right: 0;
    margin-left: auto;
}
.mains {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 85%;*/
    /*max-width: 1250px;*/
    min-width: 1100px;
    height: auto;
    z-index: 5;
    /*margin-top: 2%;*/
    
}


body {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
	font-family: "source-han-sans-japanese",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #014099;
	/*-webkit-text-size-adjust:100%;*/
}
.pankuzu-space {
	width: 94%;
	position: relative;
    z-index: 3;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
	min-width: 1000px;
}

.pankuzu {}
.pankuzu h2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 39pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
    color: #014099;
}
.pankuzu {
    z-index: 0;
    position: relative;
    padding-top: 170px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
.pankuzu::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -400px;      /* 半分くらい隠す */
    transform: translateX(-50%);
    width: 2200px;
    height: 600px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
}
.pankuzu::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 50px;
    z-index: -1;
}

.pages {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background-color: #3daee4;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    color: #fff;
}
.pages li {
	margin-right: 1px;
	margin-left: 1px;
}
.pages li a{
	color: #fff;
}
.pages li a:hover{
	color: #fff;
	text-decoration: underline;
}

.pages li i{
	font-size: 7pt;
	line-height: 18px;
	vertical-align:2%;
	display:inline-block;
}



.down10 {margin-bottom: 10px;}
.down20 {margin-bottom: 20px;}
.down30 {margin-bottom: 30px;}
.down40 {margin-bottom: 40px;}
.down50 {margin-bottom: 50px;}
.down60 {margin-bottom: 60px;}
.down70 {margin-bottom: 70px;}
.down80 {margin-bottom: 80px;}



.c-btm {
	display: table;
	padding-top:40px;
	margin-right: auto;
	margin-left: auto;
}

.button1 .mysvg {
	width: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button1:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button1 {
	text-decoration: none;
    line-height: 1.7;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 23px;
    display: table;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px;
    padding-left: 20px;
    box-sizing: border-box;
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
	color: #fff;
	background-color: #2ab0e7;
}
.button1:hover {
	color: #fff;
	background-color: #009ddd;
}

.btm-table .button3 {
	width: 300px;
}

.button3 .mysvg {
	width: 13px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button3:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button3 {
	text-decoration: none;
    line-height: 1.4;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 20px;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding: 15px 70px 15px 30px;
    box-sizing: border-box;
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	color: #fff;
	background-color: #2ab0e7;
}
.button3:hover {
	color: #fff;
	background-color: #009ddd;
}




.btms {
    display: flex;
    padding-top: 30px;
    padding-bottom: 60px;
}
.btms li:nth-child(2){margin-left: 10px;}


.to-white {
	color: #0096e0;
	background-color: #fff;
}
.to-white:hover {
	color: #fff;
	background-color: #014099;
}


footer {
    position: relative;
    background-size: cover;
    background-repeat: repeat-x;
    background-image: url("../img/body/footbk.webp");
    background-position: center center;
}
footer h3 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 25px;
	text-align: center;
}
.hanmaru2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}
.footlogo {
	width: 600px;
	line-height: 0px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.tels {
    padding-top: 0px;
    display: flex;
	justify-content: center;
	align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #014099;
}

.tels p {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 23px;
	line-height: 1.5;
    
    box-sizing: border-box;
    margin-right: 30px;
}
.tels h3 a{color: #014099;}
.tels h3 span{
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
    font-size: 30px;
    font-weight: 600;
	line-height: 1.3;
    margin-right: 2px;
}
.tels h3{
    font-feature-settings: "palt" 1;
    font-family: din-2014, sans-serif;
	font-size: 65px;
	line-height: 1.3;
	font-weight: 600;
    box-sizing: border-box;
}

.foot-text a{color: #fff;}
.topline {}
.foot-text {
    
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 23px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
}
.foot-text2 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 23px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
    margin-bottom: 30px;
    color: #014099;
}
a:link.footunder{color: #014099;text-decoration: underline;}
a:hover.footunder {color: #0096e0;}
a:visited.footunder {text-decoration: none;color: #014099;}
a:active.footunder{color: #014099}
.footcontena {
    color: #014099;
    
    position: relative;
	padding-top: 90px;
	padding-bottom: 60px;
}
.foot-space {
    width: 80%;
	min-width: 1000px;
    max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.copy {
	font-size: 9pt;
	line-height: 16px;
	padding-top: 15px;
	text-align: center;
}
.copy i{
	font-size: 9pt;
	line-height: 16px;
	vertical-align: -7%;
	display: inline-block;
	margin-left:3px;
}



}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.mov {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
}

.yotube {
	position: relative;
	padding-top: 56.25%; /* 16:9 アスペクト比 */
	height: 0;
}
.yotube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#tab {
	overflow: hidden;
	position: relative;
	display: flex;
    justify-content: center;
    z-index: 1;
    padding-top: 0px;
    
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#tab li {
    position: relative;
    width: 49.5%;
	box-sizing: border-box;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    overflow: hidden;
}
#tab li span{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
}
#tab li a {
	display: block;
	color: #014099;
    background-color: #fff;
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 30pt;
    line-height: 1.9;
    font-weight: 600;
    position: relative;
	text-align: center;
	transition: all .3s;
	padding-top: 10px;
	padding-bottom: 10px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-right: 6px solid #014099;
    border-top: 6px solid #014099;
    border-left: 6px solid #014099;
}
#tab li a:hover {
	color: #fff;
	background-color: #014099;
}
#tab li.present a {
	color: #fff;
    background-color: #2ab0e7;
    transition: all .3s;
    border-right: 6px solid #2ab0e7;
    border-top: 6px solid #2ab0e7;
    border-left: 6px solid #2ab0e7;
}
#tab li:hover {
	color: #23265e;
    transition: all .3s;
    background-color: #2ab0e7;
    
}

.threes {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 90%;
}
.threes li img{
    width: 60%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.threes li{
    position: relative;
    width: 32%;
    padding-top: 50px;
    padding-bottom: 50px;
    box-sizing: border-box;
    z-index: 1;
    overflow: visible;
}

/* 白い本体 */
.threes li::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border: solid 8px #073c83;
    border-radius: 40px;
    z-index: -1;
}

.threes li::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translate(10px, 10px);
    background: #073c83;
    border-radius: 40px;
    z-index: -2;
}
.threes li h3{
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 35px;
	text-align: center;
}

.wrap-space {
    display: flex;
    justify-content: space-between;
}

.w47 {width: 48%;}
    
#ct01 {scroll-margin-top: 110px;} 
#ct02 {scroll-margin-top: 110px;} 
    

    
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10,#page11  {scroll-margin-top: 110px;}


.hed-lines {border-top: 1px solid #e8d8ac}
.recruit_table {
	border-collapse:collapse;
	width: 100%;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	box-sizing: border-box;
	font-size: 23px;
	margin-right: auto;
	margin-left: auto;
    padding-bottom: 30px;
}
.recruit_table th, .cp_table  td {width: 100%;}
.recruit_table th {
    font-size: 20px;
	line-height: 1.6;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 700;
    width: 300px!important;
    padding-bottom: 25px!important;
    padding-top: 25px!important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e8d8ac;
    box-sizing: border-box;
    color: #2ab0e7;
    vertical-align: top;
}
.recruit_table tr {
	/*display: block;*/
	width: 100%;
}
.recruit_table td {
	font-size: 20px;
	line-height: 1.6;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	width: 80%!important;
	padding-bottom: 25px!important;
	padding-top: 25px!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8d8ac;
	box-sizing: border-box;
}
.recruit_table td ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.recruit_table h3 {
	font-size: 20px;
	line-height: 1.6;
    font-weight: 700;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk {
    box-sizing: border-box;
    padding: 30px;
    border: solid 2px #2ab0e7;
    border-radius: 20px;
}
.kome-mrk li {
    display: flex;
    color: #014099;
}
.kome-mrk li p {
    margin-right: 15px;
    font-size: 20px;
	line-height: 1.6;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk li h4{
    font-size: 20px;
	line-height: 1.6;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}

.tows-box {
    display: flex;
	justify-content: space-between;
    margin-bottom: 30px;
}
.tows-box div{padding-top: 20px; padding-bottom: 10px; box-sizing: border-box;}
.tows-box li:nth-child(1){
    width: 49%;
    background-color: #fff;
    color: #2ab0e7;
    text-align: center;
    border: solid 6px #2ab0e7;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
}
.tows-box li:nth-child(1) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
    font-weight: 700;
    background-color: #2ab0e7;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.tows-box h4{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 22px;
    line-height: 1.9;
    font-weight: 700;
}
.tows-box li:nth-child(1) h4{margin-bottom: 20px;}
.tows-box li:nth-child(2) h4{margin-bottom: 20px;}

.tows-box li:nth-child(2){
    width: 49%;
    background-color: #fff;
    color: #014099;
    text-align: center;
    border: solid 6px #014099;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
}
.tows-box li:nth-child(2) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
    font-weight: 700;
    background-color: #014099;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}



.tab-contents {position: relative;}

.flows {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
   
}
.flows img {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
}
.flows li{
    width: 50%;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.flows li:nth-child(1) {
    padding-top: 0px;
    box-sizing: border-box;
}
.flows li:nth-child(2) {
    padding-top: 0px;
    box-sizing: border-box;
    border-left: 1px dashed #014099;
}
.flows li:nth-child(3) {
    box-sizing: border-box;
    border-top: 1px dashed #014099;
    padding-bottom: 0px;
}
.flows li:nth-child(4) {
    border-top: 1px dashed #014099;
    box-sizing: border-box;
    border-left: 1px dashed #014099;
    padding-bottom: 0px;
}

.flows h4 span{font-size: 19px;font-weight: normal; margin-left: 15px;}
.flows h4 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
	margin-bottom: 15px;
    border-radius: 100px;
    background-color: #014099;
    color: #fff;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.flow-num {
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
	font-size: 75px;
	line-height: 1.5;
	font-weight: 600;
	display: block;
	color: #2ab0e7;
    text-align: center;
} 

.tows {
    display: flex;
	justify-content: space-between;
    padding-top: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.tows li {
    width: 49%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 22px;
    border-radius: 20px;
}
.tows li img{
    width: 85%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
}
.tows li h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 20pt;
    line-height: 1.6;
    font-weight: 600;
    text-align: center;
}
.tows li h3 span{font-size: 17px;font-weight: normal; margin-left: 5px;font-family: "source-han-sans-japanese", sans-serif;}

.kome-tittle {
    display: flex;
}
.kome-tittle h4{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
}
.kome-tittle h3{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
    font-weight: normal;
    margin-right: 20px;
}
.kome-tittle p{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
	font-weight: normal;
}
.kome-tittle:not(:last-child) {margin-bottom: 30px;}

.midashi1 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 27pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
.midashi2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 25pt;
	line-height: 1.5;
	font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 500px;
	margin-bottom: 35px;
    border-radius: 10px;
    background-color: #2ab0e7;
    color: #fff;
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
    
.yazi {position: relative;} 
.yazi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2ab0e7;
}
.yazi2 {position: relative;} 
.yazi2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #014099;
}
/*.midashi3 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}
.midashi4 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}*/

.comennt {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 14pt;
	line-height: 1.5;
	font-weight: normal;
}
.comennt1 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
	font-weight: normal;
}
.comennt2 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
	font-weight: normal;
    text-align: center;
}

.to-right {
    padding-top: 30px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}
.to-right .points1{
    display: table;
    margin-left: auto;
    margin-right: 0;
}

ul.points1{
    position: relative;
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points1 li{padding-left: 0.7em;}
ul.points1 li:before {
	content: "※";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
    top: 0;
}
.points1 li {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
	font-weight: normal;
	position: relative;
	font-size: 20px;
	line-height: 1.6;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	text-align: left;
}
.points1:not(:last-child) {margin-bottom: 15px;}

ul.points2 {
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points2 li{margin-left: 10px;}
ul.points2 li:before {
	font-family: "Material Icons";
	content: "・";
	position: absolute;
	margin-left: -15px;
    top: 0;
	font-weight: 600;
    font-size: 14pt;
}
.points2 li {
	font-weight: normal;
	position: relative;
	font-size: 20px;
	line-height: 1.6;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points2 li:not(:last-child) {margin-bottom: 2px;}

ul.points3 {
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points3 li{padding-left: 0.7em;}
ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.points3 li {
	font-weight: normal;
	position: relative;
	font-size: 20px;
	line-height: 1.6;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points3 li:not(:last-child) {margin-bottom: 5px;}



ul.points4 {
	list-style-type: none;
	overflow: hidden;
}

.points4 li {
	font-weight: normal;
	position: relative;
	font-size: 18px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points4 li:not(:last-child) {margin-bottom: 5px;}

.nobk {background-color: #f8f7e3;}
.blbk {background: #fef0ca;}

.whbk {background-color: #FFFFFF;}

.centers .points3{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}


.topmaru {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}
.marutozi {position: relative;}
.marutozi::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 0, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left bottom;
    z-index: 2;
}

.textbox-top {
    position: relative;
    z-index: 3;
    padding-top: 20px;
    padding-bottom: 90px;
    width: 90%;
    
    margin-right: auto;
    margin-left: auto;
}
.textbox0 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space {
    margin-right: 3%;
    margin-left: 3%;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space1 {
    margin-right: 3%;
    margin-left: 3%;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 90px;
}

.to-space2 {
    margin-right: 5%;
    margin-left: 5%;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 90px;
   
}
.to-space3 {
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 90px;
    padding-bottom: 90px;
}
.to-space4 {
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 90px;
}


.textbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative;	
}
.textbox1s {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	position: relative;		
}
.textbox1s2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 90px;
	position: relative;		
}
.hed-space {
	
	padding-right: 2%;
	padding-left: 2%;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    transition: all .5s;
    padding-bottom: 0px;
    border-bottom: 0px solid #D4E6ED;
}
.change-color .hed-space {
	/*min-width: 1000px;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    transition: all .5s;
    background-color: #fff;
    padding-bottom: 5px;
    border-bottom: 4px solid #D4E6ED;*/
}
#logo {
	width: 290px;
	transition: all .5s;
}
#logo a {
    background-color: #fff;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    border-right: 4px solid #D4E6ED;
    border-bottom: 4px solid #D4E6ED;
    border-left: 4px solid #D4E6ED;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s;
}

#logo a:hover {
	background-color: #fff;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s;
}

/*.change-color #logo a {
    background-color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-right: 0px solid #D4E6ED;
    border-bottom: 0px solid #D4E6ED;
    border-left: 0px solid #D4E6ED;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}*/


/*.change-color #logo {
    width: 440px;
	margin-top: 0%;
	transition: all .5s;
}*/
#header {}
.header {   
    transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.header.change-color {
   
}


.hed-right li {width: 32%;}

/*.hed-right li:nth-child(1){margin-left: 5px;}
.hed-right li:nth-child(2){margin-left: 5px;}
.hed-right li:nth-child(3){margin-left: 5px;}*/


.hed-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 60%;
}

.hed-right li {
    width: calc((100% - 20px) / 3);
    margin-left: 5px;
}

.hed-right li:first-child {
    margin-left: 0;
}

.button2 {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.button2 div {
    min-height: 65px;
    padding: 0 20px 0 15px;
    display: flex;
    align-items: center;      /* ← 上下中央 */
    justify-content: flex-start;
    position: relative;
    box-sizing: border-box;
}

.button2 div h3 {
    margin: 0;
    line-height: 1.4;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: normal;
    font-size: 17px;
    position: static;         /* ← absoluteやめる */
    transform: none;
    
}

.button2 .mysvg,
.button2 .mysvg2 {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.button2 .mysvg {
    width: 7px;
    color: #0096e0;
    fill: currentColor;
}

.button2 .mysvg2 {
    width: 15px;
    color: #fff;
    fill: currentColor;
}

.button2:hover .mysvg,
.button2:hover .mysvg2 {
    color: #FFF;
    fill: currentColor;
}

.button2,
.button2::before,
.button2::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.to-navy {
	color: #fff;
	background-color: #014099;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
}
.to-navy:hover {
	color: #fff;
    background-color: #00275d;
    border-right: 4px solid #00275d;
    border-bottom: 4px solid #00275d;
    border-left: 4px solid #00275d;
}

.to-blue .mysvg {
    width: 20px;
    color: #fff;
    fill: currentColor;
}

.to-blue {
	color: #fff;
	background-color: #2ab0e7;
    box-sizing: border-box;
    border-right: 4px solid #2ab0e7;
    border-bottom: 4px solid #2ab0e7;
    border-left: 4px solid #2ab0e7;
}
.to-blue:hover {
	color: #fff;
	background-color: #009ddd;
    box-sizing: border-box;
    border-right: 4px solid #009ddd;
    border-bottom: 4px solid #009ddd;
    border-left: 4px solid #009ddd;
}

.to-blue2 .mysvg {
    width: 25px;
    color: #014099;
    fill: currentColor;
}


.to-blue2 {
	color: #014099;
	background-color: #fff;
    box-sizing: border-box;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
}
.to-blue2:hover {
	color: #fff;
	background-color: #014099;
}



/*
main {
    padding-top: 60px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
main::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px; 
    transform: translateX(-50%);
    width: 1700px;
    height: 500px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
main::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 200px;
    background: #fff;
}


.main-space {
	position: relative;
    z-index: 2;
}*/
    
main {position: relative;}
    
.main-space {
    padding-top: 55px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
    
}
.main-space::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 900px;
    height: 400px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
.main-space::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 200px;
    background: #fff;
}
.main-image {
    width: 100%;
    position: relative;
    height: 540px;
    background-size: 900px;
    background-repeat: repeat-x;
    background-image: url(../img/body/machinami.webp);
    background-position: center 250px;
    z-index: 1;
    margin-right: 0;
    margin-left: auto;
    
}
.mains {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 85%;*/
    /*max-width: 1250px;*/
    width: 100%;
    margin-top: 40px;
    max-width: 850px;
    height: auto;
    z-index: 5;
    /*margin-top: 2%;*/
    
}
/*.main-image {
    width: 100%;
    position: relative;
    height: 550px;
    background-size: 800px;
    background-repeat: repeat-x;
    background-image: url(../img/body/machinami.webp);
    background-position: center 300px;
    z-index: 1;
    margin-right: 0;
    margin-left: auto;
}
.mains {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 850px;
    height: auto;
    z-index: 5;
}*/


body {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
	font-family: "source-han-sans-japanese",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #014099;
	-webkit-text-size-adjust:100%;
}
.pankuzu-space {
	width: 94%;
	position: relative;
    z-index: 3;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
	
}

.pankuzu {}
.pankuzu h2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 32pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
    color: #014099;
}
.pankuzu {
    z-index: 0;
    position: relative;
    padding-top: 170px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
.pankuzu::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -400px;      /* 半分くらい隠す */
    transform: translateX(-50%);
    width: 1200px;
    height: 600px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
}
.pankuzu::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 50px;
    z-index: -1;
}

.pages {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background-color: #3daee4;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    color: #fff;
}
.pages li {
	margin-right: 1px;
	margin-left: 1px;
}
.pages li a{
	color: #fff;
}
.pages li a:hover{
	color: #fff;
	text-decoration: underline;
}

.pages li i{
	font-size: 7pt;
	line-height: 18px;
	vertical-align:2%;
	display:inline-block;
}



.down10 {margin-bottom: 10px;}
.down20 {margin-bottom: 20px;}
.down30 {margin-bottom: 30px;}
.down40 {margin-bottom: 40px;}
.down50 {margin-bottom: 50px;}
.down60 {margin-bottom: 60px;}
.down70 {margin-bottom: 70px;}
.down80 {margin-bottom: 80px;}



.c-btm {
	display: table;
	padding-top:40px;
	margin-right: auto;
	margin-left: auto;
}

.button1 .mysvg {
	width: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button1:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button1 {
	text-decoration: none;
    line-height: 1.7;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 20px;
    display: table;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
    padding-left: 20px;
    box-sizing: border-box;
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
	color: #fff;
	background-color: #2ab0e7;
}
.button1:hover {
	color: #fff;
	background-color: #009ddd;
}

.btm-table .button3 {
	width: 300px;
}

.button3 .mysvg {
	width: 13px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button3:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button3 {
	text-decoration: none;
    line-height: 1.4;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 18px;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding: 15px 70px 15px 30px;
    box-sizing: border-box;
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	color: #fff;
	background-color: #2ab0e7;
}
.button3:hover {
	color: #fff;
	background-color: #009ddd;
}




.btms {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 60px;
}
.btms li:nth-child(2){margin-left: 10px;}


.to-white {
	color: #0096e0;
	background-color: #fff;
}
.to-white:hover {
	color: #fff;
	background-color: #014099;
}


footer {
    position: relative;
    background-size: cover;
    background-repeat: repeat-x;
    background-image: url("../img/body/footbk.webp");
    background-position: center center;
}
footer h3 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 25px;
	text-align: center;
}
.hanmaru2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}
.footlogo {
	width: 500px;
	line-height: 0px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.tels {
    padding-top: 0px;
    /*display: flex;
	justify-content: center;
	align-items: center;*/
    margin-bottom: 30px;
    border-bottom: 1px solid #014099;
}

.tels p {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 20px;
	line-height: 1.5;
    text-align: center;
    box-sizing: border-box;
    margin-right: 10px;
}
.tels h3 a{color: #014099;}
.tels h3 span{
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
    font-size: 25px;
    font-weight: 600;
	line-height: 1.3;
    margin-right: 2px;
}
.tels h3{
    font-feature-settings: "palt" 1;
    font-family: din-2014, sans-serif;
	font-size: 60px;
	line-height: 1.4;
	font-weight: 600;
    box-sizing: border-box;
}

.foot-text a{color: #fff;}
.topline {}
.foot-text {
    
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 20px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
}
.foot-text2 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 20px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
    margin-bottom: 30px;
    color: #014099;
}
a:link.footunder{color: #014099;text-decoration: underline;}
a:hover.footunder {color: #0096e0;}
a:visited.footunder {text-decoration: none;color: #014099;}
a:active.footunder{color: #014099}
.footcontena {
    color: #014099;
    
    position: relative;
	padding-top: 90px;
	padding-bottom: 60px;
}
.foot-space {
    width: 90%;
	
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.copy {
	font-size: 9pt;
	line-height: 16px;
	padding-top: 15px;
	text-align: center;
}
.copy i{
	font-size: 9pt;
	line-height: 16px;
	vertical-align: -7%;
	display: inline-block;
	margin-left:3px;
}



}



@media screen and (max-width: 767px) {
.mov {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
}

.yotube {
	position: relative;
	padding-top: 56.25%; /* 16:9 アスペクト比 */
	height: 0;
}
.yotube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#tab {
	overflow: hidden;
	position: relative;
	display: flex;
    justify-content: center;
    z-index: 1;
    padding-top: 0px;
    
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#tab li {
    position: relative;
    width: 48%;
	box-sizing: border-box;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    overflow: hidden;
}
#tab li span{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
}
#tab li a {
	display: block;
	color: #014099;
    background-color: #fff;
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
	text-align: center;
	transition: all .3s;
	padding-top: 10px;
	padding-bottom: 10px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-right: 6px solid #014099;
    border-top: 6px solid #014099;
    border-left: 6px solid #014099;
}
#tab li a:hover {
	color: #fff;
	background-color: #014099;
}
#tab li.present a {
	color: #fff;
    background-color: #2ab0e7;
    transition: all .3s;
    border-right: 6px solid #2ab0e7;
    border-top: 6px solid #2ab0e7;
    border-left: 6px solid #2ab0e7;
}
#tab li:hover {
	color: #23265e;
    transition: all .3s;
    background-color: #2ab0e7;
    
}

.threes {
    /*display: flex;
    justify-content: space-between;*/
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 94%;
}
.threes li img{
    width: 30%;
    display: block;
    /*margin-right: auto;
    margin-left: auto;*/
}
.threes li{
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    /*width: 32%;*/
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
}

/* 白い本体 */
.threes li::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border: solid 5px #073c83;
    border-radius: 20px;
    z-index: -1;
}

.threes li::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translate(8px, 8px);
    background: #073c83;
    border-radius: 20px;
    z-index: -2;
}
.threes li h3{
    width: 65%;
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: normal;
}

.wrap-space {
    /*display: flex;
    justify-content: space-between;*/
}

.w47 {margin-bottom: 10px;}
    
#ct01 {scroll-margin-top: 110px;} 
#ct02 {scroll-margin-top: 110px;} 
    

    
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10,#page11  {scroll-margin-top: 110px;}


.hed-lines {}
.recruit_table {
	border-collapse:collapse;
	width: 100%;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	box-sizing: border-box;
	font-size: 23px;
	margin-right: auto;
	margin-left: auto;
    padding-bottom: 0px;
}
.recruit_table th, .cp_table  td {width: 100%;}
.recruit_table th {
    font-size: 19px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 700;
    display: block;
    padding-bottom: 15px!important;
    padding-top: 15px!important;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    color: #2ab0e7;
    text-align: center;
}
.recruit_table tr {
	/*display: block;*/
	width: 100%;
}
.recruit_table td {
	font-size: 17px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: normal;
	display: block;
	padding-bottom: 15px!important;
	padding-top: 15px!important;
	
	box-sizing: border-box;
}
.recruit_table td ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.recruit_table h3 {
	font-size: 17px;
	line-height: 1.5;
    font-weight: 700;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk {
    box-sizing: border-box;
    padding: 30px;
    border: solid 2px #2ab0e7;
    border-radius: 20px;
}
.kome-mrk li {
    display: flex;
    color: #014099;
}
.kome-mrk li p {
    margin-right: 15px;
    font-size: 17px;
	line-height: 1.5;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.kome-mrk li h4{
    font-size: 17px;
	line-height: 1.5;
    font-weight: normal;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}

.tows-box {
    /*display: flex;
	justify-content: space-between;*/
    margin-bottom: 30px;
}
.tows-box div{padding-top: 20px; padding-bottom: 10px; box-sizing: border-box;}
.tows-box li:nth-child(1){
    
    background-color: #fff;
    color: #2ab0e7;
    text-align: center;
    border: solid 6px #2ab0e7;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.tows-box li:nth-child(1) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
    font-weight: 700;
    background-color: #2ab0e7;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.tows-box h4{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 18px;
	line-height: 1.5;
    font-weight: 700;
}
.tows-box li:nth-child(1) h4{margin-bottom: 14px;}
.tows-box li:nth-child(2) h4{margin-bottom: 14px;}

.tows-box li:nth-child(2){
    
    background-color: #fff;
    color: #014099;
    text-align: center;
    border: solid 6px #014099;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
}
.tows-box li:nth-child(2) h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 20px;
	line-height: 1.6;
    font-weight: 700;
    background-color: #014099;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}



.tab-contents {position: relative;}

.flows {
    /*display: flex;
	justify-content: space-between;
    flex-wrap: wrap;*/
    padding-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    /*width: 90%;*/
}
.flows img {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
}
.flows li{
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
    background-color: #fcf7e7;
}
.flows li:nth-child(1) {
    margin-bottom: 10px;
}
.flows li:nth-child(2) {
    margin-bottom: 10px;
}
.flows li:nth-child(3) {
    margin-bottom: 10px;
}
.flows li:nth-child(4) {
    
}

.flows h4 span{font-size: 17px;font-weight: normal; margin-left: 15px;}
.flows h4 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-bottom: 10px;
    border-radius: 100px;
    background-color: #014099;
    color: #fff;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.flow-num {
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
	font-size: 55px;
	line-height: 1.3;
	font-weight: 600;
	display: block;
	color: #2ab0e7;
    text-align: center;
} 

.tows {
    /*display: flex;
	justify-content: space-between;*/
    padding-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.tows li {
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}
.tows li img{
    width: 85%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}
.tows li h3{
    position: relative;
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 20pt;
    line-height: 1.6;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.tows li h3 span{
    font-size: 17px;
    line-height: 1.4;
    font-weight: normal; 
    font-family: "source-han-sans-japanese", sans-serif;
    display: block;
}

.kome-tittle {
    display: flex;
}
.kome-tittle h4{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 700;
}
.kome-tittle h3{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
    font-weight: normal;
    margin-right: 10px;
}
.kome-tittle p{
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	font-weight: normal;
}
.kome-tittle:not(:last-child) {margin-bottom: 30px;}

.midashi1 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: center;
}
.midashi2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19pt;
	line-height: 1.5;
	font-weight: 600;
    padding: 10px;
	margin-bottom: 15px;
    border-radius: 10px;
    background-color: #2ab0e7;
    color: #fff;
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
    
.yazi {position: relative;} 
.yazi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #2ab0e7;
}
.yazi2 {position: relative;} 
.yazi2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #014099;
}
/*.midashi3 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}
.midashi4 {
    font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 19pt;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}*/

.comennt {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 14pt;
	line-height: 1.5;
	font-weight: normal;
}
.comennt1 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	font-weight: normal;
}
.comennt2 {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 17px;
	line-height: 1.5;
	font-weight: normal;
    text-align: center;
}

.to-right {
    padding-top: 30px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}
.to-right .points1{
    display: table;
    margin-left: auto;
    margin-right: 0;
}

ul.points1{
    position: relative;
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points1 li{padding-left: 0.7em;}
ul.points1 li:before {
	content: "※";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
    top: 0;
}
.points1 li {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
	font-weight: normal;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	text-align: left;
}
.points1:not(:last-child) {margin-bottom: 15px;}

ul.points2 {
	list-style-type: none;
	
	overflow: hidden;
}
ul.points2 li{margin-left: 15px;}
ul.points2 li:before {
	font-family: "Material Icons";
	content: "・";
	position: absolute;
	margin-left: -15px;
    top: -2px;
    left: 0;
	font-weight: 600;
    font-size: 14pt;
}
.points2 li {
	font-weight: normal;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points2 li:not(:last-child) {margin-bottom: 2px;}

ul.points3 {
	list-style-type: none;
	padding-left: 10px;
	overflow: hidden;
}
ul.points3 li{padding-left: 0.7em;}
ul.points3 li:before {
	content: "●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #2ab0e7;
}
.points3 li {
	font-weight: normal;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points3 li:not(:last-child) {margin-bottom: 5px;}



ul.points4 {
	list-style-type: none;
	overflow: hidden;
}

.points4 li {
	font-weight: normal;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
}
.points4 li:not(:last-child) {margin-bottom: 5px;}

.nobk {background-color: #f8f7e3;}
.blbk {background: #fef0ca;}

.whbk {background-color: #FFFFFF;}

.centers .points3{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}


.topmaru {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.marutozi {position: relative;}
.marutozi::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 24px, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 2;
}
.marutozi-top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    background-image: radial-gradient(circle at 18px 0, #fff 18px, transparent 19px);
    background-size: 72px 24px;
    background-repeat: repeat-x;
    background-position: left bottom;
    z-index: 2;
}

.textbox-top {
    position: relative;
    z-index: 3;
    padding-top: 20px;
    padding-bottom: 60px;
    width: 90%;
    
    margin-right: auto;
    margin-left: auto;
}
.textbox0 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.to-space {
    margin-right: 3%;
    margin-left: 3%;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
}
.to-space1 {
    margin-right: 3%;
    margin-left: 3%;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
}

.to-space2 {
    margin-right: 5%;
    margin-left: 5%;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 60px;
   
}
.to-space3 {
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.to-space4 {
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 60px;
}


.textbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative;	
}
.textbox1s {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	position: relative;		
}
.textbox1s2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 90px;
	position: relative;		
}
.hed-space {
    box-sizing: border-box;
    transition: all .5s;
}

#logo {
	width: 80%;
	transition: all .5s;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
#logo a {
    background-color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80%;
    box-sizing: border-box;
    border-right: 4px solid #D4E6ED;
    border-bottom: 4px solid #D4E6ED;
    border-left: 4px solid #D4E6ED;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all .5s;
}

#header {}
.header {   
    transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.header.change-color {
   
}


.hed-right li {}

.hed-right {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 98%;
    margin: 1%;
    display: flex;
}

.hed-right li {
    width: 100%;
}

.hed-right li:nth-child(1) {display: none;}


.button2 {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.button2 div {
    /*min-height: 65px;*/
    padding: 12px;
    box-sizing: border-box;
}

.button2 div h3 {
    margin: 0;
    line-height: 1.4;
    font-feature-settings: "palt" 1;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: normal;
    font-size: 16px;
    position: static;         /* ← absoluteやめる */
    transform: none;
    text-align: center;
}

.button2 .mysvg,
.button2 .mysvg2 {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.button2 .mysvg {
    width: 7px;
    color: #0096e0;
    fill: currentColor;
}

.button2 .mysvg2 {
    width: 10px;
    color: #fff;
    fill: currentColor;
}

.button2:hover .mysvg,
.button2:hover .mysvg2 {
    color: #FFF;
    fill: currentColor;
}

.button2,
.button2::before,
.button2::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.to-navy {
	color: #fff;
	background-color: #014099;
    
}


.to-blue .mysvg {
    width: 20px;
    color: #fff;
    fill: currentColor;
}

.to-blue {
	color: #fff;
	background-color: #2ab0e7;
    box-sizing: border-box;
    border-right: 4px solid #2ab0e7;
    border-bottom: 4px solid #2ab0e7;
    border-left: 4px solid #2ab0e7;
}
.to-blue:hover {
	color: #fff;
	background-color: #009ddd;
    box-sizing: border-box;
    border-right: 4px solid #009ddd;
    border-bottom: 4px solid #009ddd;
    border-left: 4px solid #009ddd;
}

.to-blue2 .mysvg {
    width: 25px;
    color: #014099;
    fill: currentColor;
}


.to-blue2 {
	color: #014099;
	background-color: #fff;
    box-sizing: border-box;
    border-right: 4px solid #014099;
    border-bottom: 4px solid #014099;
    border-left: 4px solid #014099;
}
.to-blue2:hover {
	color: #fff;
	background-color: #014099;
}




/*main {
    padding-top: 35px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
main::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 900px;
    height: 500px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
main::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 200px;
    background: #fff;
}*/


/*.main-space {
	overflow: hidden;
	position: relative;
    z-index: 2;
}*/
    
    
main {position: relative;}
    
.main-space {
    padding-top: 55px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
    
}
.main-space::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 900px;
    height: 400px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
.main-space::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 200px;
    background: #fff;
}
.main-image {
    width: 100%;
    position: relative;
    height: 500px;
    background-size: 700px;
    background-repeat: repeat-x;
    background-image: url(../img/body/machinami.webp);
    background-position: center 250px;
    z-index: 1;
    margin-right: 0;
    margin-left: auto;
    
}
.mains {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 85%;*/
    /*max-width: 1250px;*/
    width: 100%;
    margin-top: 30px;
    max-width: 320px;
    height: auto;
    z-index: 5;
    /*margin-top: 2%;*/
    
}


body {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
	font-family: "source-han-sans-japanese",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #014099;
	-webkit-text-size-adjust:100%;
}
.pankuzu-space {
	width: 94%;
	position: relative;
    z-index: 3;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
	
}

.pankuzu {}
.pankuzu h2 {
	font-feature-settings: "palt" 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-size: 32px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
    color: #014099;
}
.pankuzu {
    z-index: 0;
    position: relative;
    padding-top: 100px;
    background-image: linear-gradient(
        90deg,
        #dbf4fe 0,
        #dbf4fe 45px,
        #edf9fd 45px,
        #edf9fd 90px
    );
    background-size: 90px 100%;
    background-repeat: repeat;
    background-position: center top;
}
.pankuzu::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -380px;      /* 半分くらい隠す */
    transform: translateX(-50%);
    width: 900px;
    height: 500px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
}
.pankuzu::before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    width: 100%;
    height: 50px;
    z-index: -1;
}

.pages {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    padding: 7px;
    box-sizing: border-box;
    background-color: #3daee4;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    color: #fff;
}
.pages li {
	margin-right: 1px;
	margin-left: 1px;
}
.pages li a{
	color: #fff;
}
.pages li a:hover{
	color: #fff;
	text-decoration: underline;
}

.pages li i{
	font-size: 7pt;
	line-height: 18px;
	vertical-align:2%;
	display:inline-block;
}



.down10 {margin-bottom: 10px;}
.down20 {margin-bottom: 20px;}
.down30 {margin-bottom: 30px;}
.down40 {margin-bottom: 40px;}
.down50 {margin-bottom: 0px;}
.down60 {margin-bottom: 60px;}
.down70 {margin-bottom: 70px;}
.down80 {margin-bottom: 80px;}



.c-btm {
	
	padding-top:20px;
	margin-right: auto;
	margin-left: auto;
}

.button1 .mysvg {
	width: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button1:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button1 {
	text-decoration: none;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 17px;
	line-height: 1.5;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
    padding-left: 20px;
    box-sizing: border-box;
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
	color: #fff;
	background-color: #2ab0e7;
}
.button1:hover {
	color: #fff;
	background-color: #009ddd;
}

.btm-table .button3 {
	
}

.button3 .mysvg {
	width: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: #fff;
    fill: currentColor;
}
.button3:hover .mysvg{
	color: #FFF;
	fill: currentColor;
}
.button3 {
	text-decoration: none;
    line-height: 1.4;
    outline: none;
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-size: 17px;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding: 15px 60px 15px 20px;
    box-sizing: border-box;
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	color: #fff;
	background-color: #2ab0e7;
}
.button3:hover {
	color: #fff;
	background-color: #009ddd;
}




.btms {
    
    padding-top: 30px;
    padding-bottom: 30px;
}
.btms li:nth-child(1){margin-bottom: 5px;}


.to-white {
	color: #0096e0;
	background-color: #fff;
}
.to-white:hover {
	color: #fff;
	background-color: #014099;
}


footer {
    position: relative;
    background-size: cover;
    background-repeat: repeat-x;
    background-image: url("../img/body/footbk.webp");
    background-position: center center;
}
footer h3 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
	font-size: 37pt;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 25px;
	text-align: center;
}
.hanmaru2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}
.footlogo {
	width: 90%;
	line-height: 0px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.tels {
    
    /*display: flex;
	justify-content: center;
	align-items: center;*/
    margin-bottom: 15px;
    border-bottom: 1px solid #014099;
}

.tels p {
    font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 17px;
	line-height: 1.2;
    text-align: center;
    box-sizing: border-box;
}
.tels h3 a{color: #014099;}
.tels h3 span{
    font-feature-settings: "palt" 1;
	font-family: din-2014, sans-serif;
    font-size: 20px;
    font-weight: 600;
	line-height: 1.5;
    margin-right: 2px;
}
.tels h3{
    font-feature-settings: "palt" 1;
    font-family: din-2014, sans-serif;
	font-size: 40px;
	line-height: 1.5;
	font-weight: 600;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.foot-text a{color: #fff;}
.topline {}
.foot-text {
    
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 14px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
}
.foot-text2 {
	font-feature-settings: "palt" 1;
	font-family: "source-han-sans-japanese", sans-serif;
    font-size: 16px;
	line-height: 1.5;
    text-align: center;
    font-weight: normal;
    
    color: #014099;
}
a:link.footunder{color: #014099;text-decoration: underline;}
a:hover.footunder {color: #0096e0;}
a:visited.footunder {text-decoration: none;color: #014099;}
a:active.footunder{color: #014099}
.footcontena {
    color: #014099;
    
    position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}
.foot-space {
    width: 96%;
	
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
}
.copy {
	font-size: 7pt;
	line-height: 16px;
	padding-top: 15px;
	text-align: center;
}
.copy i{
	font-size: 9pt;
	line-height: 16px;
	vertical-align: -7%;
	display: inline-block;
	margin-left:3px;
}



}


