@charset "UTF-8";
p#message-ttl {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    line-height: 2.2em;
    padding: 120px 0 50px;
    letter-spacing: 0.05em;
}

.b-line {
    width: 0.5px;
    height: 150px;
    background-color: #004ea2;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.b-line-story {
    margin-top: 200px;
}

.b-line-last {
    margin-top: 75px;
}

#message-bg {
    text-align: center;
    padding: 85px 0px;
    background-image: url(../image/message/bg1.jpg);
    background-position: center center;
    background-size: cover;
    margin-top: -60px;
}

#message-bg h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1.4em;
}

p#message-read {
    font-weight: 100;
    font-size: 15px;
    line-height: 2.4em;
    width: 900px;
    margin: 0 auto;
    padding: 75px 0px 125px;
}

#message-thought {
    background-image: url(../image/message/grd.jpg);
    background-size: 100%;
    background-position: center center;
    overflow: hidden;
}

#message-thought #cont {
    float: left;
    width: 65%;
    box-sizing: border-box;
    padding: 4% 10% 0% 10%;
    color: #fff;
}

#message-thought #cont h3 {
    font-size: 28px;
    line-height: 1.8em;
    font-weight: 400;
    letter-spacing: 0.1em;
}

#message-thought #cont p {
    font-size: 15px;
    line-height: 2.4em;
    padding-top: 40px;
}

#message-thought #pic {
    float: right;
    width: 35%;
}

.message-cont h3 {
    font-size: 28px;
    line-height: 1.4em;
    color: #004ea2;
    letter-spacing: 0.05em;
}

.message-cont01 #txt h3,
.message-cont02 #txt h3 {
    font-size: 28px;
    line-height: 1.4em;
    color: #004ea2;
    letter-spacing: 0.05em;
}

.message-cont p {
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 100;
    padding-top: 50px;
    letter-spacing: 0.05em;
}

.message-cont01 #txt p,
.message-cont02 #txt p {
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 100;
    padding-top: 50px;
    letter-spacing: 0.05em;
}

.message-even {
    width: 900px;
    margin: 0 auto;
    padding-top: 120px;
}

.message-even h3 {
    text-align: center;
}

#msg-line,
.recep-line {
    margin-left: 50%;
    width: 50%;
}

#story4-line {
    margin-left: 45%;
    width: 55%;
    position: relative;
}

#message-keyword {
    background-image: url(../image/message/bg2.jpg);
    background-size: cover;
    background-position: center bottom;
    padding-bottom: 195px;
    text-align: center;
    margin-top: -65px;
    padding-top: 65px;
}

#message-keyword #catchy {
    width: 570px;
    margin: 0 auto;
    background-image: url(../image/message/design.png);
    background-size: 80px 64px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 50px;
}

#message-keyword h3 {
    text-align: center;
    font-size: 28px;
    line-height: 1.2em;
    color: #004ea2;
    letter-spacing: 0.05em;
}

#message-keyword ul {
    text-align: center;
    padding-bottom: 120px;
}

#message-keyword ul li {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 15px -5px #277cc9;
    width: 440px;
    margin: 0px 13px 20px;
    min-height: 460px;
    padding: 0px 40px;
    box-sizing: border-box;
    position: relative;
}

#message-keyword ul li div {
    position: absolute;
    width: 70px;
    height: 100px;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#message-keyword ul li h4 {
    height: 160px;
    font-size: 26px;
    line-height: 1.4em;
    color: #004ea2;
    position: relative;
    letter-spacing: 0.1em;
    box-sizing: border-box;
}

#message-keyword ul li h4 span {
    font-size: 20px;
    display: block;
    letter-spacing: 0.05em;
}

#message-keyword ul li:first-child h4 {
    padding-top: 50px;
}

#message-keyword ul li:last-child h4 {
    padding-top: 70px;
}

#message-keyword ul li p {
    text-align: left;
    font-size: 15px;
    line-height: 2.2em;
    position: relative;
}

#message-keyword #img {
    padding-top: 100px;
}

.message-cont01,
.message-cont02 {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto;
}

.message-cont02 {
    padding-top: 75px;
}

.message-cont01 #pic {
    float: right;
}

.message-cont02 #pic {
    float: left;
}

.message-cont01 #txt {
    float: left;
    width: 620px;
    margin-left: 95px;
}

.message-cont02 #txt {
    float: right;
    width: 620px;
    margin-right: 95px;
}

#story-imgs {
    margin-top: -110px;
}

#story-links {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4e8beb+0,91e5fa+100 */
    background: #4e8beb;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4e8beb 0%, rgba(145, 229, 250, 0.5));
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4e8beb 0%, rgba(145, 229, 250, 0.5));
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4e8beb 0%, rgba(145, 229, 250, 0.5));
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4e8beb', endColorstr='#91e5fa', GradientType=1);
    /* IE6-9 */
    background-size: 100%;
    background-repeat: repeat-y;
    padding: 100px 0px 80px 45%;
    box-sizing: border-box;
    width: 85%;
    margin-left: 15%;
    color: #fff;
    margin-top: -27%;
}

#story-links h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 54px;
    line-height: 54px;
    letter-spacing: 0.1em;
    padding-bottom: 45px;
}

#story-links ul li {
    padding-bottom: 20px;
}

#story-links ul li span {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 30px;
    vertical-align: top;
}

#story-links ul li p {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding-left: 15px;
    vertical-align: top;
}

#story-links ul li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

#story-links ul li a::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}

#story-links ul li a:hover::after {
    transform: scale(1, 1);
}

#story-imgs img {
    width: 55%
}

.story-bx {
    vertical-align: top;
    background-color: #fff;
    box-shadow: 0 0 15px -5px #277cc9;
    width: 1100px;
    margin: 0px auto;
    padding: 1px 90px 85px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}

.story-bx h3 {
    margin-top: -25px;
    padding-bottom: 50px;
}

.story-bx h3 span {
    font-size: 32px;
    line-height: 1.4em;
    color: #004ea2;
    letter-spacing: 0.05em;
    padding: 70px 0px 0px 20px;
}

.story-bx h3 img,
.story-bx h3 span {
    vertical-align: top;
    display: inline-block;
}

.story-bx p {
    line-height: 2.2em;
    letter-spacing: 0.05em;
    font-size: 15px;
}

#story03-img {
    margin: -40px 0px 0px 60%;
    width: 40%;
    position: relative;
    z-index: 1;
}

#storylink3 {
    margin-top: -150px;
}

#story03-img img {
    width: 100%;
}

.story05 {
    min-height: 850px;
}

#story05main {
    position: relative;
}

.story05 {
    position: static;
}

.story05 #story05-img {
    position: absolute;
    width: 48%;
    top: 170px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    padding-right: 900px;
}

.story05 #story05-img img {
    width: 100%;
}

.story05 p {
    position: relative;
    z-index: 1;
    padding-left: 50%;
}

#storylink1 {
    margin-top: 170px;
    padding-top: 30px;
}

#story2-img {
    margin-top: 145px;
}

#storylink2 {
    padding-top: 30px;
    margin-top: -315px;
}

#storylink3 {
    padding-top: 30px;
}

#storylink4 {
    padding-top: 30px;
    margin-top: -240px;
}

#storylink5 {
    padding-top: 30px;
    margin-top: 150px;
}

.storylink4 {
    margin-top: -175px;
    margin-bottom: 185px;
    padding-bottom: 125px;
}

#story4-img {
    margin-top: -40px;
}

#story4-pic {
    position: absolute;
    bottom: 70px;
    right: 105px;
}

p#story4-txt {
    width: 515px;
}

.story04 {
    padding-bottom: 125px;
}

#story4-img img {
    width: 50%;
}

.i-line {
    margin-left: 50%;
    width: 50%;
}

#msg-line img,
#story4-line img,
#story2-img img,
#message-thought #pic img,
.recep-line img,
.i-line img {
    width: 100%;
}

p#reception-ttl {
    text-align: center;
    font-size: 15px;
    line-height: 2.2em;
    letter-spacing: 0.05em;
    padding: 75px 0 90px;
}

.recep-bx {
    vertical-align: top;
    background-color: #fff;
    box-shadow: 0 0 15px -5px #277cc9;
    width: 800px;
    margin: 0px auto;
    padding: 55px 0 50px;
    box-sizing: border-box;
    position: relative;
}

.recep-bxs {
    padding: 90px 0px;
}

#intern-bx {
    width: 850px;
}

.recep-bx h3 {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1em;
    padding-bottom: 30px;
    color: #4e8beb;
}

.recep-bx h3 span {
    display: inline-block;
    margin-right: 5px;
}

.recep-bx p {
    width: 560px;
    margin: 0 auto;
    line-height: 1.8em;
    text-align: left;
    letter-spacing: 0.05em;
    padding-bottom: 30px;
}

.recep-bx p#text {
    text-align: center;
}

.recep-bx p span {
    margin-left: 17px;
    display: inline-block;
}

.recep-bx a#tel {
    width: auto;
    line-height: inherit;
    border: none;
    background-color: inherit;
    color: #4E8BEB;
    font-weight: bold;
    font-size: 28px;
}

.recep-bx a {
    display: block;
    width: 396px;
    line-height: 56px;
    color: #fff;
    border: 2px solid #4e8beb;
    box-sizing: border-box;
    background-color: #4e8beb;
    letter-spacing: 0.1em;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
}

.recep-bx a:hover {
    background-color: #fff;
    color: #4e8beb;
}

.recep-bx a i,
.recep-bx a img {
    margin-right: 5px;
}

#recep-img {
    background-image: url(../image/reception/recep-img.jpg);
    height: 790px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#recep-cont {
    width: 1100px;
    margin: -235px auto 0;
    background-color: #fff;
    padding-top: 75px;
    padding-bottom: 150px;
    text-align: center;
}

.wht {
    background-color: #fff;
}

#recep-cont h3 {
    font-size: 32px;
    line-height: 1.4em;
    color: #4e8beb;
    letter-spacing: 0.1em;
}

p#guide-txt {
    text-align: center;
    font-size: 15px;
    line-height: 2.2em;
    letter-spacing: 0.05em;
    padding: 40px 0 50px;
}

p#obog-txt {
    text-align: center;
    color: #4e8beb;
    font-size: 19px;
    letter-spacing: 0.05em;
    padding-bottom: 150px;
}

p#obog-txt span {
    background: linear-gradient(transparent 70%, #ffff30 70%);
}

p#guide-online {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #f45e4e;
    padding: 25px 0px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #f45e4e;
}

p.obog-flow {
    width: 900px;
    margin: 0 auto;
    padding: 20px 0px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #277cc9;
    border-radius: 30px;
    box-shadow: 0 0 15px -5px #277cc9;
}

.obog-arrow1 {
    text-align: center;
    padding: 10px 0px;
}

.obog-arrow3 {
    text-align: center;
    padding: 10px 0px 20px;
}

.obog-arrow1 img,
.obog-arrow3 img {
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}

p.obog-flow-fast {
    margin-top: 75px;
}

.recep-link {
    padding: 25px 0px 0px;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url(../image/reception/bg.jpg);
}

.recep-link #links {
    width: 920px;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
}


/*.recep-link #links #pic1{
	position: absolute;
	top: 35px;
	left: 0px;
}

.recep-link #links #pic2{
	position: absolute;
	top: 165px;
	left: 320px;
}

.recep-link #links #pic3{
	position: absolute;
	top: 100px;
	right: 0px;
}

.recep-link #links #pic4{
	position: absolute;
	top: 520px;
	left: 0px;
}

.recep-link #links #pic5{
	position: absolute;
	top: 660px;
	left: 320px;
}

.recep-link #links #pic6{
	position: absolute;
	top: 780px;
	right: 0px;
}

.recep-link #links #pic7{
	position: absolute;
	top: 985px;
	left: 0px;
}

.recep-link #links #pic8{
	position: absolute;
	top: 1125px;
	left: 320px;
}*/

.recep-link #links li {
    display: inline-block;
    vertical-align: top;
}

.recep-link #links li:nth-child(4n+1) {
    padding-bottom: 70px;
}

.recep-link #links li:nth-child(3n+2) {
    padding: 135px 25px 70px;
}

.recep-link #links li:nth-child(3n+3) {
    padding: 80px 0px 70px 0px;
}

.recep-link #links li:nth-child(n+4) {
    margin-top: -100px;
}

.recep-link #links li {}

.info-cont {
    background-color: #4e8beb;
}

#footer-no {
    margin-top: 0px;
}

.topfooter {
    background-image: url(../image/top/footer-bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 150px 0px;
    text-align: center;
    font-size: 30px;
    line-height: 1.4em;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    letter-spacing: 0.1em;
}

#news-cont {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px 0px;
}

p#newsttl {
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 1.4em;
    width: 100px;
    /*padding-left: 15px;*/
    box-sizing: border-box;
    letter-spacing: 0.1em;
    color: #4e8beb;
}

p#newstxt {
    float: left;
    letter-spacing: 0.05em;
    color: #4e8beb;
    padding-top: 3px;
}

p#newstxt span {
    display: inline-block;
    margin-right: 20px;
}

p#newstxt a {
    color: #4e8beb;
    text-decoration: none;
}

p#newstxt a:hover {
    text-decoration: underline;
}

.top-recruit img {
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.top-recruit a:hover img {
    opacity: 0.6;
}

.top-recruit a.mouseover:hover img {
    opacity: 1;
}

.tr01 .left {
    width: 62.5%;
}

.tr01 .right {
    width: 37.5%;
}

.tr02 #nolink,
.tr02 a {
    display: block;
    float: left;
    width: 39.06%;
}

.tr02 .nolink {
    display: block;
    float: left;
    width: 21.88%;
}

.tr03 .left,
.tr03 .right {
    width: 50%;
}

.tr04 {
	display: flex;
}

.tr04-item {
	width: 25%;
}


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

.tr04 {
	flex-wrap: wrap;
}

.tr04-item {
	width: 50%;
}

}


#top-mainimg {
    background-image: url(../image/top/mainimg.jpg);
    height: 100vh;
    background-position: center center;
    background-size: cover;
    margin-top: -99px;
}

#top-mainimg h2 {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 17%;
}

#intern-box {
    margin-top: 115px;
    overflow: hidden;
    position: relative;
    background-image: url(../image/intern/side.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 27% 100%;
    background-attachment: fixed;
}

#intern-box #side {
    width: 27%;
    position: relative;
    float: left;
    padding-left: 5%;
    box-sizing: border-box;
}

#intern-box #side #side-cont {
    padding-top: 60px;
}

#intern-box #side #side-cont p {
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;
    padding-bottom: 40px;
}

#intern-box #side #side-cont p a {
    display: block;
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-left: 25px;
    text-decoration: none;
}

.js-header #side-cont p.nav1 a {
    color: #5EEDFF;
    text-decoration: none;
}

.js-header #side-cont p.nav2 a,
.js-header #side-cont p.nav3 a {
    color: #fff;
    text-decoration: none;
}

.headerColor-default #side-cont p.nav1 a {
    color: #fff;
}

.headerColor-default #side-cont p.nav2 a {
    color: #5EEDFF;
}
.headerColor-default2 #side-cont p.nav2 a {
    color: #fff;
}

.headerColor-default2 #side-cont p.nav3 a {
    color: #5EEDFF;
}

#intern-box #side div i {
    margin-right: 10px;
}

#intern-box #cont {
    float: right;
    padding: 0px 3em 0px 3em;
    width: 73%;
    box-sizing: border-box;
    background-color: #fff;
}

#intern-box #cont .inner {
    width: 100%;
    overflow: hidden;
    padding: 40px 0px 0px;
    box-sizing: border-box;
}

#intern-box #cont .inner-last {
    padding: 0px 0px 40px 0px;
}

p#i-text {
    color: #F45E4E;
    font-size: 18px;
    line-height: 1.4em;
    text-align: center;
    border: 1px solid #F45E4E;
    padding: 15px 0px;
    letter-spacing: 0.05em;
    margin-right: 5px;
}

.i-table {
    border-top: 1px solid #D2D2D2;
}

.i-table th {
    text-align: left;
    font-weight: bold;
    color: #4E8BEB;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding: 15px 0px;
    line-height: 1.8em;
    width: 280px;
    vertical-align: top;
    border-bottom: 1px solid #D2D2D2;
}

.i-table td {
    text-align: left;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding: 15px 0px;
    line-height: 1.8em;
    vertical-align: top;
    border-bottom: 1px solid #D2D2D2;
}

h3.i-ttl {
    font-size: 22px;
    color: #4E8BEB;
    letter-spacing: 0.05em;
    border-left: 4px solid #4E8BEB;
    padding-left: 15px;
    line-height: 1.2em;
    padding: 2px 0px 3px 15px;
    margin-bottom: 25px;
}

h3.i-ttl-spc {
    margin-top: 75px;
}

#i-pic {
    padding: 25px 0px 65px;
}

p.i-desc {
    font-size: 15px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    padding-top: 30px;
}

p.i-desc-bottoms {
    margin-bottom: 50px;
}

p.i-desc span {
    color: #4E8BEB;
}

p.internship {
    margin-top: 40px;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #4E8BEB;
    background-image: url(../image/intern/headline.jpg);
    background-size: 100% 100%;
}

p.internship-tops {
    margin-top: 100px;
}

h3#i-ttl {
    padding-top: 85px;
}

#i-info {
    padding-top: 80px;
    padding-bottom: 20px;
}

#i-info img {
    vertical-align: top;
}

#i-info p {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    letter-spacing: 0.05em;
    padding: 5px 0px 0px 10px;
}

.i-table2 {
    width: 100%;
    margin-bottom: 50px;
}

.i-table2 tr:first-child th,
.i-table2 tr:first-child td {
    background-color: #D2EEFF;
    color: #4E8BEB;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding: 10px 0px;
    text-align: center;
}

.i-table2 tr:nth-child(2) th,
.i-table2 tr:last-child th {
    font-size: 15px;
    color: #4E8BEB;
    padding: 15px 0px 15px 15px;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    width: 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #D2D2D2;
}

.i-table2 tr:nth-child(2) td,
.i-table2 tr:last-child td {
    text-align: center;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding: 10px 0px;
    border-bottom: 1px solid #D2D2D2;
}

footer#footernn {
    margin-top: 0px;
}


/*--追加--*/

#inner-main #innerpic2 {
    margin-left: 0px;
    width: 100%;
}

#inner-main #innerpic2 img {
    width: 100%;
}

#inner-main .innertext2 {
    bottom: 50px !important;
}

.is-fixed {
    position: fixed;
    top: 0;
    left: 5%;
    z-index: 2;
    width: 210px;
}

.is-fixed2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    z-index: -1;
}

.is-hide {
    transform: translateY(-100%);
}

p#recep-form {
    font-size: 15px;
    text-align: center;
    line-height: 2.2em;
    letter-spacing: 0.05em;
    padding: 50px 0px;
}

p#recep-form2 {
    font-size: 13px;
    text-align: center;
    line-height: 2.2em;
    letter-spacing: 0.05em;
    padding: 20px;
    margin: 0 auto 50px;
    border: 2px solid #eee;
    max-width: 510px;
}

p#recep-form span {
    display: block;
    color: #ff4f5a;
}

p#read-pp {
    font-size: 15px;
    text-align: center;
    line-height: 2.2em;
    letter-spacing: 0.05em;
    color: #000;
    padding: 100px 0px 50px;
}

p#read-pp a {
    color: #000;
}

p#read-pp a:hover {
    text-decoration: none;
}

#form {
    width: 744px;
    margin: 0 auto;
}

#form th {
    border-bottom: 1px solid #4e8beb;
    color: #4e8beb;
    font-size: 18px;
    line-height: 1.4em;
    padding: 15px 0px 5px 10px;
    vertical-align: top;
}

#form td {
    border-bottom: 1px solid #9b9d9c;
    padding: 15px 0px 5px 0px;
    vertical-align: top;
}

#form th p {
    display: inline-block;
    padding-left: 40px;
}

#form th span {
    font-size: 14px;
    display: inline-block;
    width: 46px;
    height: 24px;
    text-align: center;
    background-color: #9b9d9c;
    color: #fff;
    margin-left: 15px;
    border-radius: 20px;
}

#form td input,
#form td textarea {
    border: none;
}

#form td input,
#form td textarea {
    width: 100%;
    box-sizing: border-box;
}

#form td input {
    height: 30px;
    padding-left: 5px;
}

#submit {
    text-align: center;
    padding-top: 65px;
}

select,
option {
    outline: 0;
    border: 1px solid #fff;
}

.checkbox {
    text-align: center;
    font-size: 15px;
}

#submit input {
    width: 400px;
    line-height: 60px;
    box-sizing: border-box;
    border: 1px solid #4e8beb;
    background-color: #fff;
    font-size: 16px;
    color: #4e8beb;
    letter-spacing: 0.1em;
    cursor: pointer;
}

a#top_back {
    width: 400px;
    line-height: 60px;
    box-sizing: border-box;
    border: 1px solid #4e8beb;
    background-color: #fff;
    font-size: 16px;
    color: #4e8beb;
    letter-spacing: 0.1em;
    cursor: pointer;
    display: block;
}

#submit input:hover,
a#top_back:hover {
    background-color: #4e8beb;
    color: #fff;
}

#submit input.back {
    margin-top: 15px;
    padding: 20px 0px;
    border: none;
    text-decoration: underline;
    color: #000;
    line-height: 1.4em;
}

#submit input.back:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

#recep-line {
    margin-left: 55%;
    width: 45%;
    margin-bottom: 100px;
}

#recep-line img {
    width: 100%;
}

.error_messe {
    padding-bottom: 15px;
    color: #ff4f5a;
    font-weight: bold;
}

::placeholder {
    color: #b3b3b3;
}