@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: Lato, sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}



/***************************************************************
************ SETTING *******************************************
***************************************************************/

/* header */
header {width: 100%;height: 100px;background-color: #FFF;position: fixed;top:0;z-index: 100;}
header .in {width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
header .in .logo {width: 136px;height: auto;padding:12px 0 0 32px;}
header .in nav {}
header .in nav ul {display: flex;justify-content: space-between;}
header .in nav ul li {display: inline-block;margin: auto 0px auto 30px;}
header .in nav ul li a {font-weight: 700;}
header .in nav ul li.require {padding: 30px 32px 42px;background-color: #000;line-height:1em; text-align:center;}
header .in nav ul li.require a {color: #FFF;}
header .in nav ul li.require a span {font-size: 12px;}
header .in nav ul li.require a span:before {content:'\A';white-space: pre;}
header .in nav ul li a:hover {}

@media(max-width:942px) {
	header .in nav ul li.require {padding: 28px 40px 30px;}
}
@media(max-width:768px) {
	header {width: 100%;height: 60px;}
	header .in {width:100%;box-sizing: border-box;}
	header .in .logo {width: auto;height: auto;padding-top:9px;}
	header .in .logo img{width:auto;height:48px;}
	.drawer-nav {padding-top: 60px;}
	.drawer-nav ul {background-color: rgba(28,46,71,0.98);}
	.drawer-nav ul li {padding: 16px;font-size: 3.6vw;letter-spacing: 0.12rem;font-weight: 700;border-bottom: solid 1px #FFF;box-sizing: border-box;background-image: url(../img/arrow_b.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
	.drawer-nav ul li:last-child {border-bottom: none;}
	.drawer-nav ul li a {display: block;color: #FFF;}
}
@media (-ms-high-contrast: none) {
	header .in nav ul li {padding-top:35px;}
	/* header .in .logo img {width:150px;} */
	header .in .pc {margin-left:auto;}
}
@media (-ms-high-contrast: none),(max-width:927px)!important {
	 header .in nav ul li.require {padding: 30px 40px 42px;}
}
@media (max-width:768px),(-ms-high-contrast: none)!important {
	.contents #technique .inner .r_box .img_area img {object-fit: cover;font-family:'object-fit: cover; object-position: 100% 30%;'}
	header .in .logo img {width:auto;}
}

/* メインビジュアル */
.mv {width: 100%;min-width: 1050px;margin: 0 auto 0;position: fixed;top:0px;overflow: hidden;}
.mv .slide {width:100%;overflow: hidden;}
.mv .slide_cap {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);margin: 0; max-width: 330px;}
.mv .fifth_anv {position: absolute;right: 5%;top:120px;margin: 0; max-width: 134px;}
.mv .period {position: absolute;left: 0;bottom:0;width: 100%;height: 70px; background-color: rgba(0,0,0,0.85);display: flex;justify-content: center;align-items: center;}
.mv .period img {width: auto;height: 30px;}
.mv .ico_smartphone {position: absolute;right:8%;bottom:50px;max-width:237px; }
.scroll_down {width: 10px;position: absolute;right: 20px;bottom: 100px;}
.scroll_down a {display: block;}

@media(max-width:768px) {
	.mv {width:100%;min-width:100%;max-height:100vh; margin: 0 auto 0;position: relative;}
	.mv .slide {width:100%;overflow: hidden;}
	.mv .slide_cap {width: 40%;transform: translate(-50%,-56%);}
	.mv .fifth_anv {position: absolute;right: 5%;top:70px;margin: 0; max-width:25%;}
	.mv .period {position: absolute;left: 0;bottom:0;width: 100%;height: 70px; background-color: rgba(0,0,0,0.85);display: flex;justify-content: center;align-items: center;}
	.mv .period img {width: auto;width: 90%; height: auto;}
	.mv .ico_smartphone {position: absolute;left: 5%; right:auto;bottom:50px;max-width:30%; }
	.scroll_down {width: 10px;position: absolute;right: 20px;bottom: 100px;}
	.scroll_down a {display: block;}
}

/* イントロダクション */
.introduction {padding: 140px 0 90px;position: relative;margin-top: 100vh;background-image: url(../img/introduction_bk.jpg);background-position: center center;background-repeat: no-repeat;background-size:cover;}
.introduction .tit {width: 1006px;margin: 0 auto 72px;}
.introduction p {text-align: center;font-size: 20px;line-height: 1.8;font-weight: 500;margin: 0 0 80px;}
.introduction .ico_box {width: 976px;margin: 0 auto 0;display: flex;justify-content: space-between;align-items: flex-start;}
.introduction .ico_box .ico {width: 150px;}
.introduction .ico_box .ico a {display: block;}

@media(max-width:768px) {
	.introduction {width: 100%;margin: 0 auto;padding: 50px 5% 50px;box-sizing: border-box;background-position: left center;}
	.introduction .tit {width:100%;margin: 0 auto 40px;}
	.introduction p {text-align: left;font-size: 4.3vw;}
	.introduction .ico_box {width: 90%;margin: 0 auto 0;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: flex-start;}
	.introduction .ico_box .ico {width: 48%;margin-bottom: 5%;}
	.introduction .ico_box .ico a {display: block;}
}

/* コンテンツ */
.contents {background-color: #f2f2f2;padding-bottom: 0px;}
.contents .content_header {width: 100%;height: 600px;background-image: url(../img/content_heade.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;}
.contents .content_header .txt {max-width:560px;position: absolute;left:50%;top:50%;transform: translate(0,-50%);color: #FFF;font-size: 30px;font-weight: 500;}
.contents .content_header img.panel{width: 350px;height:600px;}
.contents .in {width:100%;margin: 0 auto 0;background-color: #FFF;position: relative;}

@media(max-width:768px) {
	.contents {background-color: #FFFFFF;padding-bottom: 0px;}
	.contents .content_header {width: 100%;height: 300px;background-image: url(../img/content_heade.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;}
	.contents .content_header .txt {max-width:90%;position: absolute;left:5%;top:50%;transform: translate(0,-50%);color: #FFF;font-size: 5.2vw;font-weight: 500;}
	.contents .content_header img.panel{width: 175px;height:300px;}
	.contents .in {max-width:100%;margin: 0px auto 0;background-color: #FFF;position: relative;}
}

.contents #thema {padding: 0 0 200px;}
.contents #thema .tit {width: 276px;margin: 0px auto 80px;}
.contents #thema .tit img {margin-top: -85px;}
.contents #thema .block_tit {margin: 0 auto 56px;text-align: center;}
.contents #thema .block_tit .theme_01 {width: 950px;margin: 0 auto;}
.contents #thema .block_tit .theme_02 {width: 950px;margin: 0 auto;}
.contents #thema .read {width: 950px;margin: 0 auto;font-size: 20px;font-weight: 500; line-height: 1.8;margin-bottom: 80px;}
.contents #thema .read span{font-size: 12px;text-align:right;}
.contents #thema .read span::before{content:'\A';white-space: pre;}
.col3 {width: 950px;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.col3 .col {width: 31.579%;margin-bottom: 72px;}
.col3 .col .ph {width: 100%;margin-bottom: 16px;}
.col3 .col p {font-size: 16px;text-align: center;line-height: 1.6;}
.col3 .col p .ph_tit {letter-spacing : -2px;}
.txt_c {text-align: center;}
.btn_archive {text-align: center;}
.btn_archive a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius: 0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
.contents #thema .fifthanv_box {width: 100%;display: flex;justify-content: space-between;margin: 0 0 104px;}
.contents #thema .fifthanv_box .left {width: 50%;}
.contents #thema .fifthanv_box .left .in {width: 475px;margin-left: calc(100% - 475px);background-color: inherit;box-sizing: border-box;padding: 0px 40px 20px 0px;}
.contents #thema .fifthanv_box .left .in img {width: 409px;margin-bottom: 48px;}
.contents #thema .fifthanv_box .left .in .btn {text-align: center;}
.contents #thema .fifthanv_box .left .in .btn a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius: 0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
.contents #thema .fifthanv_box .right {width: 50%;background-image: url(../img/fifthanv_box_bk.png);background-position: left center;background-size: cover;background-repeat: no-repeat;border-radius: 20px 0 0 20px;position: relative;}
.contents #thema .fifthanv_box .right .in {width: 475px;margin-right: calc(100% - 475px);background-color: inherit;box-sizing: border-box;padding: 50px 40px;}
.contents #thema .fifthanv_box .right .in .txt {font-size: 18px;font-weight: 500;line-height: 1.8; color: #FFF;margin-bottom: 24px;}
.contents #thema .fifthanv_box .right .in img {width: 470px;margin-right: -5px;}
.contents #thema .fifthanv_box .right .ico_smartphone {position: absolute;left: 420px;bottom: -100px;max-width: 237px;}

@media(max-width:768px) {
	.contents #thema {width: 90%;margin: 0px auto 16%;padding: 0px 10px 50px;position: relative;}
	.contents #thema .tit {width: 60%;margin: 0 auto 32px;position: relative;}
	.contents #thema .tit img {margin-top: -60px;}
	.contents #thema .block_tit {margin: 0 auto 40px;text-align: center;}
	.contents #thema .block_tit .theme_01 {width: 100%;margin: 0 auto;}
	.contents #thema .block_tit .theme_02 {width: 100%;margin: 0 auto;}
	.contents #thema .read {width: 100%;font-size: 4.0vw;line-height: 1.8;;margin-bottom: 32px;}
	.col3 {width: 100%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.col3 .col {width: 48%;margin-bottom: 5%;}
	.col3 .col p {font-size: 3.1vw;text-align: center;line-height: 1.6;white-space: nowrap;}
	.col3 .col p.wrap {white-space:normal;}

	.contents #thema .fifthanv_box {width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;margin: 0;}
	.contents #thema .fifthanv_box .left {width: 100%;}
	.contents #thema .fifthanv_box .left .in {width:100%;margin-left:0;background-color: inherit;box-sizing: border-box;padding: 0;}
	.contents #thema .fifthanv_box .left .in img {width: 100%;margin-bottom: 8%;}
	.contents #thema .fifthanv_box .left .in .btn {text-align: center;}
	.contents #thema .fifthanv_box .left .in .btn a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius: 0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
	.contents #thema .fifthanv_box .right {width: 100%;background-image: url(../img/fifthanv_box_bk.png);background-position: left center;background-size: cover;background-repeat: no-repeat;border-radius: 20px 20px 20px 20px;margin-bottom: 28%;position: relative;}
	.contents #thema .fifthanv_box .right .in {width: 100%;margin-right:0;background-color: inherit;box-sizing: border-box;padding: 5%;}
	.contents #thema .fifthanv_box .right .in .txt {font-size: 4vw;font-weight: 500;line-height: 1.8; color: #FFF;margin-bottom: 24px;}
	.contents #thema .fifthanv_box .right .in img {width: 100%;margin-right: 0;}
	.contents #thema .fifthanv_box .right .btn {text-align: center;}
	.contents #thema .fifthanv_box .right .btn a {width: auto;display: inline-block;height: 40px;position:absolute;left: 50%;bottom: -56px;transform: translate(-50%, 0px);white-space: nowrap;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius: 0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
}
@media (max-width:768px),(-ms-high-contrast: none)!important {
	.page_point .in .grid,.page_point .in .grid > div{width: 100%!important;}
	#sense_plus .sense_line{margin-left:5.9vw;!important;}
	#sense_plus .ie_none{display:none;!important;}
	#sense_plus .ie_display{display:block;!important;}
}
.contents #smartphone {padding: 0 0 100px;}
.contents #smartphone .in {background-color: #FFF9C4;display: flex;justify-content: space-between;margin-bottom: 200px;}
.contents #smartphone .in .l_box {width: calc(50% - 200px);height: 680px; background-image: url(../img/smartphone_img01.jpg);background-position: right center;background-size: cover;background-repeat: no-repeat;border-radius: 0 20px 20px 0;margin-top: -60px;}
.contents #smartphone .in .l_box img {margin-top: -60px;}
.contents #smartphone .in .r_box {width: calc(50% + 200px);position: relative;}
.contents #smartphone .in .r_box .tit_ico {width: 225px;margin-left: 87.5px;margin-bottom: 40px;}
.contents #smartphone .in .r_box .tit_ico img {margin-top: -30px;}
.contents #smartphone .in .r_box .tit {width: 551px;margin-bottom: 40px;margin-left: 100px;}
.contents #smartphone .in .r_box .txt {font-size: 18px;font-weight: 500;line-height: 1.8;margin:0 0 40px 100px;}
.contents #smartphone .in .r_box .img_area {width: 566px;margin: 0 0 -160px 100px;}

.contents #judge {background-image: url(../img/judge_bk.png);background-position: center top;background-size: 4778px auto;background-repeat: no-repeat;padding:0px 0px 0px; }
.contents #judge .in {width: 950px;margin: 0 auto;display:block;background-color: inherit;position: relative;}
.contents #judge .in .col_l {width: 550px;padding: 260px 0 110px;}
.contents #judge .in .col_l .name {font-size: 20px;}
.contents #judge .in .col_l .name span {font-size: 33px;}
.contents #judge .in .col_l p {font-size: 16px;}
.contents #judge .col2 .col_r {width: 250px;}
.contents #judge .in .ph {position: absolute;left: calc(50% + 100px);bottom: 0;}

@media(max-width:768px) {
	.contents #smartphone {padding: 0 0 16%;}
	.contents #smartphone .in {background-color: #FFF9C4;display: flex;flex-wrap: wrap; justify-content: space-between;margin-bottom: 130px;}
	.contents #smartphone .in .l_box {width: 90%;height: 200px; background-image: url(../img/smartphone_img01.jpg);background-position: right center;background-size: cover;background-repeat: no-repeat;border-radius: 0 20px 20px 0;margin-top: -60px;}
	.contents #smartphone .in .l_box img {margin-top: -60px;}
	.contents #smartphone .in .r_box {width: 90%;margin: 0 auto;}
	.contents #smartphone .in .r_box .tit_ico {width: 30%;margin-left:35%;margin-bottom: 40px;}
	.contents #smartphone .in .r_box .tit_ico img {margin-top: -30px;}
	.contents #smartphone .in .r_box .tit {width:100%;margin:0 auto 5%;}
	.contents #smartphone .in .r_box .txt {font-size: 4vw;font-weight: 500;line-height: 1.8;margin:0 0 5% 0;}
	.contents #smartphone .in .r_box .img_area {width:80%;margin: 0 auto -100px;}
	.contents #judge {padding:50px 5% 0%;background-size: 735vw auto;overflow: hidden;padding-bottom: 24.7vw; }
	.contents #judge .in {width: 100%;margin: 0 auto;display:block;background-color: inherit;position: relative;}
	.contents #judge .in .col_l {width: 100%;padding: 35% 0 24%;}
	.contents #judge .in .col_l .name {font-size: 4vw;}
	.contents #judge .in .col_l .name span {font-size: 5.2vw;}
	.contents #judge .in .col_l p {font-size: 3.2vw;margin: 0;width: 75%}
	.contents #judge .col2 .col_r {width: 100%;}
	.contents #judge .in .ph {width: 35%; position: absolute;left:auto;right: -8%;bottom: 0;}
}

.contents #technique {background-image: url(../img/technique_bk01.png);background-position: center top;background-repeat: no-repeat;background-size:100% auto;color: #ffffff;top: -120px;position: relative;box-sizing: border-box;padding-top:23vw;line-height: 1.6;}
.contents #technique .tit img,.contents #technique .tit2 img {margin-top: -120px;}
.contents #technique .tit2 img {width:100%;height:230px;}
.contents #technique .tit2 {position:relative;margin:15.5vw  auto;line-height: 1.6;}
.contents #technique .tit2 p {position:absolute;top:-13vw;left: 4.8vw;color:#20b14a;font-size:2vw;font-weight: 500;}
.contents #technique .block_tit {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom:50px;}
.contents #technique .block_tit img{width:7.7vw;height: 4.7vw;margin: 1.5vw;}
.contents #technique .block_tit .right{margin:0.3vw;line-height:2em;font-size:1.5vw;white-space: nowrap;font-weight: 500;}
.contents #technique .block_tit .right span{font-size:2.4vw;}
.contents #technique .block_tit .right span:before{white-space: pre;content:"\A";}
.contents #technique .read {text-align: center;line-height: 1.8;margin-bottom: 60px;}
.contents #technique .col5 {width: 95%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-around;}
.contents #technique .col5 .col {width: 45%;font-weight: 500;font-size:16px;}
.contents #technique .col5 .col .ph {margin-bottom: 16px;}
.contents #technique .col5 .left {width: 45%;margin-bottom: 72px;}
.contents #technique .col5 .left .ph {width: 100%;margin-bottom: 16px;}
.contents #technique .col5 .left .ph .ph_rem{text-align:center;margin: 20px auto;color:#20b14a;background-color:#ffffff;border-radius:10px;padding: 15px;font-size:1.2vw;}
.contents #technique .col5 .right {width: 47%;margin-bottom: 72px;}
.contents #technique .col5 .right p {font-size: 16px;text-align: center;white-space: nowrap;}
.contents #technique .col5 .right p.lines {text-align: left;font-size: 1.2vw;}
.contents #technique .bk {background-image: url(../img/technique_bk02.png);background-position: center top;background-repeat: no-repeat;}
.contents #technique .inner {width: 100%;margin: 0 auto 0;position: relative;display: flex;justify-content: space-between;}
.contents #technique .inner .l_box {margin:1.2vw 0px 4.2vw 4.8vw;width:50%;font-size: 1.3vw;white-space: nowrap;}
.contents #technique .inner .l_box p {font-size:2vw;margin-bottom: 0px;}
.contents #technique .inner .l_box p span{font-size:2.2vw;white-space: nowrap;}
.contents #technique .inner .r_box {position: absolute;top:-65%;right: 80px;width: 28%;}
.contents #technique .inner .r_box .img_area img{border-radius:10%;}
.btn_archive2 {text-align: center;z-index: 2;position: relative;padding-bottom: 120px;}
.btn_archive2 a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 16px;text-align: center;background-color: #999999;padding:5px 100px;border-radius: 0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
@media(max-width:768px) {
	.contents #technique {position: relative;box-sizing: border-box;background-size: 117.2vw auto;}
	.contents #technique .tit img {margin-top: -60px;}
	.contents #technique .tit2 {margin: 20vw auto;}
	.contents #technique .tit2 img {height:190px;}
	.contents #technique .tit2 p {top: -23.4vw;left: 2.8vw;font-size:3.4vw;}
	.contents #technique .block_tit {margin: 0 auto 3.1vw;}
	.contents #technique .block_tit img{width:13vw;height:7.9vw;margin-top: 5.2vw;}
	.contents #technique .block_tit .right{margin:0.7vw;line-height:2em;font-size:3.4vw;}
	.contents #technique .block_tit .right span{font-size:4.2vw;}
	.contents #technique .read {text-align:left;color:#ffffff; line-height: 1.8;margin-bottom:80px;padding: 0 5%;font-size: 4.0vw;}
	.contents #technique .col5 {width: 100%;}
	.contents #technique .col5 .col {width: 48%;margin-bottom: 5.2vw;}
	.contents #technique .col5 .col .ph {width: 95%;}
	.contents #technique .col5 .col .ph .ph_rem{font-size: 1.3vw;}
	.contents #technique .col5 .col p {font-size: 3.2vw;text-align: center;line-height: 1.6;white-space: nowrap;margin-bottom: 3.1vw;}
	.contents #technique .col5 .col p.wrap {white-space:normal;}
	.contents #technique .col5 .left {width:100%;margin-bottom:0px;}
	.contents #technique .col5 .left .ph .ph_rem {font-size:3.2vw;width:85%;padding: 2vw;}
	.contents #technique .col5 .right {margin-bottom: 0px;width:85%;}
	.contents #technique .col5 .right p.lines {font-size: 4vw;white-space: normal;}
	.contents #technique .inner {display:block;}
	.contents #technique .inner .l_box {margin: 0 1.3vw 0 2.6vw;font-size: 3.6vw;white-space: pre-wrap;width:60%;}
	.contents #technique .inner .l_box p {font-size: 3.3vw;}
	.contents #technique .inner .l_box p span {font-size: 3.9vw;}
	.contents #technique .inner .r_box {right: 0;width: 35%;top: -24.7vw;}
	.contents #technique .inner .r_box .img_area img {border-radius: 15px 0px 0px 15px;height: 52vw;object-fit: cover;object-position: 100% 30%;}
}
@media (max-width:768px),(-ms-high-contrast: none)!important {
	.contents #technique .bk {background-size: auto 100%;}
}

.contents #spot {padding: 0px 50px 120px;position: relative;}
.contents #spot .block_tit {width: 276px;margin: 0 auto 80px;}
.contents #spot .block_tit img {margin-top: -60px;}
.contents #spot .col4 {width: 950px;margin: 0 auto 80px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contents #spot .col4 .col {width:calc((100% - 90px) / 4);box-sizing: border-box;position: relative;padding-bottom: 40px;}
.contents #spot .col4 .col .ph {}
.contents #spot .col4 .col .ph img {}
.contents #spot .col4 .col p {font-size: 16px;text-align: center;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);margin: 0;padding: 0;white-space: nowrap;}
.contents #spot .read {width: 950px;margin: 0 auto 0;text-align:left;color:#000000; line-height: 1.8;font-weight: 500;}

@media(max-width:768px) {
	.contents #spot {padding: 0px 5% 100px;position: relative;}
	.contents #spot .block_tit {width:60%;margin: 0 auto 10%;}
	.contents #spot .block_tit img {margin-top: -60px;}
	.contents #spot .col4 {width: 100%;margin: 0 auto 0%;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.contents #spot .col4 .col {width:48%;box-sizing: border-box;position: relative;padding-bottom: 20px;margin-bottom: 0%}
	.contents #spot .col4 .col .ph {}
	.contents #spot .col4 .col .ph img {}
	.contents #spot .col4 .col p {font-size: 3.2vw;text-align: center;position:relative;margin: 0;padding: 0;white-space:inherit;}
	.contents #spot .read {width: 100%;margin: 0 auto 0;text-align:left;color:#000000; line-height: 1.8;font-size: 4vw;}
}

.contents #map {background-color: #D0DBEA;padding: 0px 50px 72px;}
.contents #map .block_tit {width: 276px;margin: 0 auto 40px;}
.contents #map .block_tit img {margin-top: -60px;}
.contents #map .read {width: 950px;margin: 0 auto 70px;text-align:left;color:#000000; line-height: 1.8;font-weight: 500;}
.contents #map .map_img {width: 989px;margin: 0 auto 0;}
.lb-container {padding: 24px!important;background-color: #D0DBEA;}

@media(max-width:768px) {
	.contents #map {background-color: #D0DBEA;padding: 0px 5% 40px;}
	.contents #map .block_tit {width: 60%;margin: 0 auto 5%;}
	.contents #map .block_tit img {margin-top: -60px;}
	.contents #map .read {width: 100%;margin: 0 auto 8%;font-size: 4vw; text-align:left;color:#000000; line-height: 1.8;}
	.contents #map .map_img {width: 100%;margin: 0 auto 0;}
	.lb-container {padding: 24px!important;background-color: #D0DBEA;}
}

.requirements {background-color: #f2f2f2;height: 800px;position: relative;padding-bottom: 40px;}
.requirements .l_box {position: absolute; width:50%;right: 60%;top:50%;height: 360px;background-color: #FFF;z-index: 2;transform: translate(0,-50%);}
.requirements .l_box .inner {width: 500px;height: 360px; position: absolute;right: calc(50% - 28vw);}
.requirements .l_box .inner img {width: 310px;position: absolute;top:-60px;left: 50%;transform: translate(-50%,0%);}
.requirements .l_box .inner .btn_detail {width: 100%; text-align: center;position: absolute;bottom: 50px;}
.requirements .l_box .inner .btn_detail a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius:0px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
.requirements .r_box {top:10%;position: absolute;left: 40%;border-radius: 20px;}
.requirements .r_box img {border-radius: 20px;}

@media(max-width:768px) {
	.requirements {background-color: #FFF;height:auto;position: relative;width: 100%;padding-bottom: 0%;}
	.requirements .l_box {position: relative; width:100%;right:0;top:0px;height:auto;background-color:inherit;z-index: 2;transform: translate(0,-20%);}
	.requirements .l_box .inner {width:90%;height:auto; position:relative;right:auto;margin: 0 auto 0;background-color: #FFF;}
	.requirements .l_box .inner img {width: 60%;position: relative;top: 0;left: auto;transform: translate(0,0%);margin: -40px 20% 14%;}
	.requirements .l_box .inner .btn_detail {width: 100%; text-align: center;position: relative;bottom:auto;}
	.requirements .l_box .inner .btn_detail a {width: auto;display: inline-block;height: 40px;position: relative;line-height: 40px;color: #FFF;font-size: 12.8px;text-align: center;background-color: #144b96;padding: 0 60px;border-radius: 20px;letter-spacing: 0.14rem;background-image: url(../img/arrow.png);background-position: right 20px center;background-repeat: no-repeat;background-size: 18px auto;}
	.requirements .r_box {width:100%;height:auto;position:relative;top:-16px;left: 0%;}
	.requirements .r_box img {border-radius: 10px;height: 91.1vw;}
}

/* Footer */
footer {width: 100%;height: 100px;position: relative; background-color: #FFF;padding: 32px 0 40px;}
footer .in {max-width: 1000px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
footer .in .logo {width: 145px;height: auto;padding-top: 12px;}
footer .in nav {}
footer .in nav ul {display: flex;justify-content: space-between;}
footer .in nav ul li {display: inline-block;padding:0 15px;border-left: solid 1px #000;}
footer .in nav ul li.bl_no {border-left: none;}
footer .in nav ul li a {font-weight: 700;}
footer .in nav ul li a:hover {}
#pagetop {position: fixed;width: 80px;height: 80px;right: 0px;bottom: 0px;}
#pagetop img {}

.camera {
	font-size: 100px;
	position: relative;
	width: 0.6em;
	height: 0.4em;
	background-color: #39a9d6;
	border-radius: 0.2em 0.2em 0 0 / 0.3em 0.3em 0 0;
}
/* 本体 */
.camera::before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: -0.5em;
	width: 1.6em;
	height: 1em;
	background-color: #39a9d6;
	border-radius: 0.2em;
}
/* レンズ */
.camera::after {
	content: "";
	position: absolute;
	top: 0.4em;
	left: -0.1em;
	width: 0.6em;
	height: 0.6em;
	border: 0.1em solid #fff;
	border-radius: 100%;
}
@media(max-width:768px) {
	footer {width: 100%;height:auto;padding-bottom: 50px;}
	footer .in {width:90%;margin: 0 auto;display:block;}
	footer .in .logo {width: auto;height: auto;padding:20px 0 40px;}
	footer .in .logo img{width:auto;height:48px;}
	footer .in nav {width: 100%;}
	footer .in nav ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
	footer .in nav ul li {width: 48%; display:block;padding:0 0 0 15px;border-left:none;box-sizing: border-box;position: relative;}
	footer .in nav ul li:before {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;left: 4px;box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #144b96;}
	footer .in nav ul li a {font-weight: 700;font-size: 4vw;}
	#pagetop {position: fixed;width: 50px;height: 50px;right: 0px;bottom: 0px;}
}

/*撮影のポイント*/
.p_header {width: 100%;height: 400px;}
.p_header.page_point {background-image: url(../img/point_p_header.jpg);background-repeat: no-repeat;background-position: center top;background-size:cover;position: relative;margin-top: 100px;}
.p_header .p_header_cap {width: 272px;position: absolute;left: 50%;top:calc(50% - 25px);transform: translate(-50%,-50%);margin: 0;}
.page_point {background-color: #ffffff; padding-top: 8.9vw;}
.page_point .in .tit img {transform: translate(0px, -60px);}
.page_point .in p {font-size: 16px;font-weight: 500;}
.page_point .in p.title {width:85%;margin:1.2vw auto 3.6vw;font-size: 1.2vw;line-height: 1.6em;}
.page_point .in .grid {position: relative;width:70%;margin:auto;}
.page_point .in .ph_rem {text-align: center;margin: 20px auto -0.6vw;color: #ffffff;background-color: #20b14a;border-radius: 10px;padding: 15px;font-size: 1.05vw;line-height:1.8em;}
.page_point .in .point {width:20%;display:block;}
.page_point .in .point_line {text-align: left;color: #20b14a;font-size: 1.2vw;line-height:1.6em;margin-bottom: 1.786vw;}
#tech {width: 950px;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0 64px;position: relative;}
#tech .col_l {width: 643px;color: #FFF;}
#tech .col_l .block_tit {margin-bottom: 32px;font-size: 30px;}
#tech .col_l .block_tit .sub_tit {font-size: 26px;margin-bottom: 16px;}
#tech .col_l .block_tit img {width: 543px;}
#tech .col_r {width: 454px;position: absolute;left: calc(50% + 270px);bottom: 0px;}
.wave_fixed {position:relative;min-width: 100%;z-index:12;}
.top_green {position:absolute;top: -10.7vw;}
.green_wave {background-image: url("../img/base_nami.png"); background-repeat: repeat-x;height: 24vw;width: 100%;overflow: hidden;background-size: cover;}
.green_wave .wave_con {position: relative;	color: #ffffff;text-align: center;height: 24vw;}
.green_wave .wave_con .wave_pic{position: absolute;width: 20%;left: 8%;top: 6vw;}
.green_wave .wave_con p{position: absolute;font-size:1.9vw;}
.green_wave .wave_con p.line_wave{left: 0;top:13vw;right: 0;font-size: 2.6vw;margin-bottom: 1.4vw;}
.green_wave .wave_con .wave_line{position: relative;width:85%;top: 50%;display: flex;margin: auto;}
#sense_plus {display: grid;grid-template-columns: 1fr 1fr;font-weight: 500;margin-top: 130px;margin-bottom: 72px;}
#sense_plus .sense_line{text-align: left;font-size: 1.2vw;margin:0 auto;line-height: 1.6em; }
#sense_plus .sense_pic3{margin:0 auto;}
#sense_plus .ie_display{display:none;}
.green_wave .wave_con .icon_tech{width: 26.8vw;top: 7vw;}
#tech_plus1 {margin-bottom: 72px;}
#tech_plus1 .tech_flex{display: flex;justify-content: space-between;font-weight: 500;width: 85%;margin: auto;}
#tech_plus1 .tech_pic1,#tech_plus1 .tech_pic2,#tech_plus1 .tech_pic3 {width: 49%;}
#tech_plus1 .tech_pic1 .wow .ph{margin-bottom: 3.6vw;}
#tech_plus1 .tech_line{position: relative;text-align: left;font-size: 1.2vw;width:49%;line-height: 1.6em;}
#tech_plus1 .tech_line .point {top:-12%;}
#tech_plus2 {display: flex;justify-content: space-between;font-weight: 500;width: 85%;margin: auto;margin-bottom: 72px;}
#tech_plus2 .tech_flex {position: relative;width: 49%;}
#tech_plus2 .tech_flex .point {bottom:25%;}
.page_point .in .icon_smapho {position: absolute;width:6%;left: 5%;top: 17%;}
.green_wave .wave_con .line_smapho{left: 12%; top: 6vw;}
.green_wave .wave_con .smapho_wave {width:75.5%;position: relative;top: 40%;}
.page_point .in p.slr_line {width:85%;margin:20px auto;font-size: 1.4vw;line-height: 2em;color: #20b14a;}
.page_point .in p.slr_line span{font-size: 1.9vw;}
.page_point .in p.slr_line span:before{content:'\A';white-space: pre;}
.page_point .in .icon_green {width:5%;top: 4.2vw;left: 2.8vw;}
#shutter_chance {position: relative;width: 85%;margin: auto;margin-bottom: 72px;}
#shutter_chance .function_section{position: relative;color: #20b14a;}
#shutter_chance .shutter_line {text-align: left;width:85%;font-size: 1.2vw;line-height: 1.6em; margin-bottom: 4vw;}
#shutter_chance .function_section .function_line{position: absolute;left: 7%;font-size:1.9vw;top:12%; margin-bottom: 1.4vw;}
#shutter_chance .shutter_grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom:30px;}
#shutter_chance .shutter_grid div{width:90%;}
#shutter_chance .shutter_grid .img_grid{height:17.9vw;object-fit: cover;object-position: 40% 30%;}
#shutter_chance .shutter_grid .choice_grid{height:20.8vw;object-fit: cover;object-position: 70% 30%;}
#shutter_chance .shutter_grid .dog4{transform: rotate(-8deg); box-shadow: -15px 5px 0px 0 rgb(32,177,74)}
#shutter_chance .shutter_grid .choice {position: absolute;top:-5.4vw;transform: rotate(5deg);}
#shutter_chance .shutter_flex{display: flex;justify-content: space-around;font-weight: 500;}
#shutter_chance .example_pic{width:65%;}
#shutter_chance .example_rem{text-align: center;margin-top:20px;font-size:18px;font-weight: 500;}

@media(max-width:768px) {
	.p_header {width: 100%;height:auto;}
	.p_header.page_point {background-image: url(../img/point_p_header.jpg);background-repeat: no-repeat;background-position: left top;background-size: cover;position: relative;margin-top: 60px;}
	.p_header:before {content:'';display: block;padding-top: 58.6%;}
	.p_header .p_header_cap {width: 35%;position: absolute;left: 50%;top:calc(50% - 0px);transform: translate(-50%,-50%);}
	.page_point .in {min-width: 100%;}
	.page_point .in .tit {width: 100%;margin: 0 auto 0;position: relative;grid-row: 2;}
	.page_point .in .tit img {transform: translate(0px, -40px);}
	.page_point .in .grid{width: 100%;}
	.page_point .in .point {width: 20vw;position: relative;margin: 0px 4.8vw -3.9vw;}
	.page_point .in .point_line {font-size: 4vw;margin: 3.9vw auto;width: 90%;}
	.page_point .in .ph_rem{color: #000000;background-color: #ffffff; padding: 0px;font-weight: 500;font-size: 3.1vw;margin: 20px auto;}
	.page_point .in .icon_smapho {width: 8%;left: 3%; top: 10%;}
	.page_point .in .icon_green {width: 6%;top: 8px;left: 20px;}
	.page_point .in p {font-size: 2.6vw;line-height: 1.2em;margin-bottom: 1.4vw;}
	.page_point .in p.title {margin: 20px auto 30px;font-size: 4vw;width:90%;}
	#tech {width: 90%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 5%;margin-bottom:10%;}
	#tech .col_l {width: 100%;padding-bottom: 0%;}
	#tech .col_l .block_tit {margin-top: 0; margin-bottom:24px;text-align: center;font-size: 5.6vw;}
	#tech .col_l .block_tit .sub_tit {font-size: 4.5vw;margin-bottom:8px;}
	#tech .col_l .block_tit img {width:90%;}
	#tech .col_l p .ph_alr{width: 40%;float: right;margin: 0 0 0 4%;}
	#tech .col_r {display: none;}
	.green_wave .wave_con .wave_line{width: 90%;}
	.green_wave .wave_con .wave_pic{left: 5%;}
	.green_wave .wave_con p.line_wave {top: 58%;font-size: 3.3vw;}
	.green_wave .wave_con .icon_tech {width: 42vw;top: 5vw;left:5%;}
	#sense_plus{grid-template-columns: 1fr;margin: 7.8vw auto 16px;}
	#sense_plus .sense_line {font-size: 4vw;margin: 0 auto 30px;width:90%;line-height: 1.2em;}
	#sense_plus .sense_pic2{grid-row: 4; }
	#sense_plus .sense_pic3{grid-row: 3; }
	#tech_plus1 {grid-template-columns: 1fr;font-weight: 500;margin-bottom: 32px;}
	#tech_plus1 .tech_flex{display: block;width: 100%;}
	#tech_plus1 .tech_pic1,#tech_plus1 .tech_pic2,#tech_plus1 .tech_pic3 {width: 100%;}
	#tech_plus1 .tech_line {font-size: 4vw;width: 90%;}
	#tech_plus1 .tech_line .point{left: 0%;display: block;margin: 0;}
	#tech_plus2{display: grid;width:100%;margin-bottom: 16px;}
	#tech_plus2 .tech_flex {width: 100%;}
	.green_wave .wave_con .smapho_wave {width: 78%;top: 8vw;left: 1%;}
	.green_wave .wave_con .line_smapho {top: 25%;}
	.page_point .in p.slr_line {margin: 2.6vw auto;font-size: 3.1vw;width:90%;}
	.page_point .in p.slr_line span {font-size: 4.2vw;}
	#shutter_chance {width:100%;margin-bottom: 16px;}
	#shutter_chance .shutter_line {font-size: 4vw;width:90%;margin:auto;}
	#shutter_chance .function_section {width: 90%;margin: auto;}
	#shutter_chance .shutter_flex{display: table;}
	#shutter_chance .function_section .function_line {left: 10%;font-size: 4.2vw;top: 15%;}
	#shutter_chance .shutter_grid {width: 90%; margin:4.2vw  auto;}
	#shutter_chance .shutter_grid .dog4 {box-shadow: -2vw 0.7vw 0px 0 rgb(32,177,74);}
	#shutter_chance .example_pic {width: 100%;margin-top: 5.8vw;}
	#shutter_chance .example_rem { margin-top: 2.6vw;font-size: 3.1vw;}
}
@media (-ms-high-contrast: none) {
	#sense_plus {display:table;width:100%;}
	#sense_plus > div {display: table-cell; float: left;width: 50%;}
	#sense_plus > div:nth-child(2n+1) {clear: both;}
	#sense_plus .sense_line {text-align:center;}
	#sense_plus .sense_line .ie_inline{display: inline-block;text-align:left;}
	.page_point .in .grid > div {width: 70%;margin:0 auto;}
	#shutter_chance .shutter_grid .img_grid {object-fit: cover;font-family:'object-fit: cover; object-position: 40% 30%;'}
	#shutter_chance .shutter_grid .choice_grid{object-fit: cover;font-family:'object-fit: cover;object-position: 70% 30%;'}
	#shutter_chance .shutter_grid{display: -ms-flexbox;justify-content:space-between;}
	#shutter_chance .shutter_grid div{width:23%;}
}
@media (max-width:768px),(-ms-high-contrast: none)!important {
	.page_point .in .grid,.page_point .in .grid > div{width: 100%!important;}
	#sense_plus .sense_line{margin-left:5.9vw;!important;}
	#sense_plus .ie_none{display:none;!important;}
	#sense_plus .ie_display{display:block;!important;}
}

/*応募要項*/
.p_header.page_requirement {background-image: url(../img/requirement_p_header.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;position: relative;margin-top: 100px;}
.page_requirement .in {box-sizing: border-box;padding: 0px 0 0px;}
.page_requirement .in .tit {width:276px;margin: 0 auto 30px;}
.page_requirement .in .tit img {transform: translate(0px, -60px);}
#requir {width: 950px;margin: 0 auto 0;}
#requir .requir_tb {width: 100%;font-size: 16px;font-weight: 500;}
#requir .requir_tb .tr {padding: 50px 0;border-bottom: solid 1px #144b96;display: flex;flex-wrap: wrap;justify-content: space-between;}
#requir .requir_tb .tr:last-child{border-bottom: none;}
#requir .requir_tb .tr .th {width: 150px;}
#requir .requir_tb .tr .td {width: 800px;}
#requir .requir_tb .tr .td a {color: #144b96;text-decoration: underline;}
#requir .requir_tb .tr .td .btn_box {margin: 0;padding: 16px 0 8px;display: flex;flex-wrap: wrap; align-items: center;}
#requir .requir_tb .tr .td .btn_box span {}
#requir .requir_tb .tr .td .btn_box a {}
#requir .requir_tb .tr .td .btn_box a img.link_btn {width: 245px;height: auto;margin-left: 1rem;}
#requir .requir_tb .tr .td .tits {}
#requir .requir_tb .tr .td ul.list01 {margin-bottom: 40px;padding-left: 1rem;}
#requir .requir_tb .tr .td ul.list02 {margin-bottom: 40px;padding-left: 1rem;}
#requir .requir_tb .tr .td ul.list03 {}
#requir .requir_tb .tr .td ul.list01 li {width: 60%; display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 1.5rem;position: relative;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list01 li:before {content:'●';font-size: 16px;color:#144b96;position: absolute;left: 0; }
#requir .requir_tb .tr .td ul.list01 li span {}
#requir .requir_tb .tr .td ul.list02 li {width: 60%; display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 1.5rem;position: relative;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list02 li:before {content:'●';font-size: 16px;color:#144b96;position: absolute;left: 0; }
#requir .requir_tb .tr .td ul.list02 li span {}
#requir .requir_tb .tr .td ul.list03 li {padding-left: 1.5rem;position: relative;margin-bottom:0.5rem;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list03 li:before {content:'●';font-size: 16px;color:#144b96;position: absolute;left: 0; }
#requir .requir_tb .tr .td ul.list03 li ul{margin-left: -1.5rem;}
#requir .requir_tb .tr .td ul.list03 li ul li{padding-left: 1.5rem;position: relative;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list03 li ul li:before {content:'●';font-size: 10px;color:#144b96;position: absolute;left: 0.2rem;top:0.4rem; }
#requir .requir_tb .tr .td ul.list_regulation {counter-reset: item;list-style-type: none;padding-left: 0;}
#requir .requir_tb .tr .td ul.list_regulation li {padding-left: 1.5rem;position: relative;margin-bottom:0.5rem;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list_regulation li:before {counter-increment: item;position: absolute;left: 0;content: counter(item)'.';padding-right: .5em;font-weight: bold;color: #2b2b2b;}
#requir .requir_tb .tr .td ul.list_regulation li ul {counter-reset: item;list-style-type: none;padding-left: 0;margin-left: 0;}
#requir .requir_tb .tr .td ul.list_regulation li ul li {padding-left: 1.5rem;position: relative;margin-bottom:0.5rem;box-sizing: border-box;}
#requir .requir_tb .tr .td ul.list_regulation li ul li:before {counter-increment: item;position: absolute;left: 0;content: '('counter(item)')';padding-right: .5em;font-weight: bold;color: #2b2b2b;}

#requir .requir_tb .tr .td .col2 {width: 61%; display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
#requir .requir_tb .tr .td .col2 span {}

@media(max-width:768px) {
	.p_header.page_requirement {background-image: url(../img/requirement_p_header_sp.jpg);background-repeat: no-repeat;background-position: left top;background-size: cover;position: relative;margin-top: 60px;}
	.page_requirement .in {box-sizing: border-box;padding: 0px 0 0px;position: relative;}
	.page_requirement .in .tit {width:50%;margin: 0 auto 0px;position: relative;}
	.page_requirement .in .tit img {transform: translate(0px, -40px);}
	#requir {width: 90%; padding: 0 5%;}
	#requir .requir_tb {width: 100%;font-size: 4vw;font-weight: 500;}
	#requir .requir_tb .tr {padding: 24px 0;}
	#requir .requir_tb .tr .th {width: 18%;font-size: 3.7vw;}
	#requir .requir_tb .tr .td {width: 80%;font-size: 3.7vw;}
	#requir .requir_tb .tr .td .btn_box a img.link_btn {width: 245px;max-width: 100%; height: auto;margin:0 0 0.5rem 0rem;box-sizing: border-box;}
	#requir .requir_tb .tr .td .tits {}
	#requir .requir_tb .tr .td ul.list01 {margin-bottom: 16px;padding-left: 1rem;}
	#requir .requir_tb .tr .td ul.list02 {margin-bottom: 16px;padding-left: 1rem;}
	#requir .requir_tb .tr .td ul.list03 {}
	#requir .requir_tb .tr .td ul.list01 li {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 1.5rem;position: relative;}
	#requir .requir_tb .tr .td ul.list01 li:before {content:'●';font-size: 3.7vw;color:#144b96;position: absolute;left: 0; }
	#requir .requir_tb .tr .td ul.list01 li span {}
	#requir .requir_tb .tr .td ul.list02 li {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 1.5rem;position: relative;}
	#requir .requir_tb .tr .td ul.list02 li:before {content:'●';font-size: 3.7vw;color:#144b96;position: absolute;left: 0; }
	#requir .requir_tb .tr .td ul.list02 li span {}
	#requir .requir_tb .tr .td ul.list03 li {padding-left: 1.5rem;position: relative;margin-bottom:0.5rem;}
	#requir .requir_tb .tr .td ul.list03 li:before {content:'●';font-size: 3.7vw;color:#144b96;position: absolute;left: 0; }
	#requir .requir_tb .tr .td ul.list03 li ul{margin-left: -1.5rem;}
	#requir .requir_tb .tr .td ul.list03 li ul li{padding-left: 1.5rem;position: relative;}
	#requir .requir_tb .tr .td ul.list03 li ul li:before {content:'●';font-size: 2.7vw;color:#144b96;position: absolute;left: 0.2rem;top:0.4rem; }
	#requir .requir_tb .tr .td .col2 {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
}

@media (-ms-high-contrast: none) {
	#requir .requir_tb .tr .td ul.list01 li span:first-of-type,#requir .requir_tb .tr .td ul.list02 li span:first-of-type{margin-right:auto;}
}

/*50周年*/
.p_header.page_anniversary {background-image: url(../img/anniversary_p_header.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;position: relative;margin-top: 100px;}
.page_anniversary {background-color: #FFF;}
.page_anniversary h2.tit {width:276px;margin: 0 auto 30px;}
.page_anniversary h2.tit img {transform: translate(0px, -60px);}
.page_anniversary #first {}
.page_anniversary #first .in {width: 950px;margin: 0 auto 100px;position: relative;}
.page_anniversary #first .in:before {position: absolute;left: 0;top: -30px;content:'';width:184px;height: 445px;background-image: url("../img/ann_img01.png");background-repeat: no-repeat;background-position: left top;background-size: contain;}
.page_anniversary #first .in:after {position: absolute;right: 0;top: -40px;content:'';width:214px;height: 460px;background-image: url("../img/ann_img02.png");background-repeat: no-repeat;background-position: left top;background-size: contain;}
.page_anniversary #first .in .anniversary_logo {width: 340px;margin: 0 auto 0;}
.page_anniversary #second {padding-bottom: 168px;}
.page_anniversary #second .in {width: 950px;margin: 0 auto 0;position: relative;}
.page_anniversary #second .in:before {position: absolute;left: 0;top: 100px;content:'';width:184px;height: 378px;background-image: url("../img/ann_img03.png");background-repeat: no-repeat;background-position: left top;background-size: contain;z-index: 10;}
.page_anniversary #second .in:after {position: absolute;right: 0;top: 100px;content:'';width:184px;height: 184px;background-image: url("../img/ann_img04.png");background-repeat: no-repeat;background-position: left top;background-size: contain;z-index: 10;}
.page_anniversary #second .in .txt {font-size: 16px;text-align: center;}
.page_anniversary #third {width: 100%; background-image: url(../img/third_bk.jpg);background-repeat: no-repeat;background-position: center center;background-size:cover;position: relative;padding: 80px 0;}
.page_anniversary #third .in {background-color: inherit;width: 950px;margin: 0 auto 0;}
.page_anniversary #third .in .ico_sp {position: absolute;right: -10px;top:-150px;width:225px; }
.page_anniversary #third .in .block_tit {width: 256px;margin: 0 auto 90px;}
.page_anniversary #third .in .block_tit img {margin-top: -22px;}
.page_anniversary #third .in .col_tit {font-size: 38px;font-weight: 700; text-align: center;color: #FFF;margin-bottom: 40px;}
.page_anniversary #third .in .img {width: 90%;margin: 0 auto 20px;}

@media(max-width:768px) {
	.p_header.page_anniversary {margin-top: 60px;}
	.page_anniversary h2.tit {width:50%;margin: 0 auto 0px;}
	.page_anniversary h2.tit img {transform: translate(0px, -40px);}
	.page_anniversary #first {}
	.page_anniversary #first .in {width: 90%;margin: 0 auto 10%;position: relative;}
	.page_anniversary #first .in:before {content:none;}
	.page_anniversary #first .in:after {content:none;}
	.page_anniversary #first .in .anniversary_logo {width:60%;margin: 0 auto 0;}
	.page_anniversary #second {padding-bottom: 72px;}
	.page_anniversary #second .in {width:90%;margin: 0 auto 0;position: relative;}
	.page_anniversary #second .in:before {content:none;}
	.page_anniversary #second .in:after {content:none;}
	.page_anniversary #second .in .txt {font-size: 4vw;text-align:left;}
	.page_anniversary #third {width: 100%; background-image: url(../img/third_bk.jpg);background-repeat: no-repeat;background-position: center center;background-size:cover;position: relative;padding-bottom: 80px;}
	.page_anniversary #third .in {background-color: inherit;width: 950px;margin: 0 auto 0;}
	.page_anniversary #third .in .ico_sp {position: absolute;right: 0px;top:-40%;width:30%; }
	.page_anniversary #third .in .block_tit {width: 50%;margin: 0 auto 7%;}
	.page_anniversary #third .in .block_tit img {margin-top: -22px;}
	.page_anniversary #third .in .col_tit {font-size: 5.6vw;font-weight: 700; text-align: center;color: #FFF;margin-bottom: 10%;}
	.page_anniversary #third .in .img {width: 90%;margin: 0 auto 20px;}
}

@-webkit-keyframes anime1{
	from{
		-webkit-transform: translateX(0%);
	}
	to{
		-webkit-transform: translateX(-33.33333%);
	}
}
@keyframes anime1{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-33.33333%);
	}
}
@-webkit-keyframes anime1_{
	from{
		-webkit-transform: translateX(0%);
	}
	to{
		-webkit-transform: translateX(-100%);
	}
}
@keyframes anime1_{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-100%);
	}
}
@-webkit-keyframes anime2{
	0%{
		-webkit-transform: translateX(-33.33333%);
	}
	100%{
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes anime2{
	0%{
		-moz-transform: translateX(-33.33333%);
	}
	100%{
		-moz-transform: translateX(0%);
	}
}
@-ms-keyframes anime2{
	0%{
		-ms-transform: translateX(-33.33333%);
	}
	100%{
		-ms-transform: translateX(0%);
	}
}
@-o-keyframes anime2{
	0%{
		-o-transform: translateX(-33.33333%);
	}
	100%{
		-o-transform: translateX(0%);
	}
}
@keyframes anime2{
	0%{
		transform: translateX(-33.33333%);
	}
	100%{
		transform: translateX(0%);
	}
}

.elementToFadeInAndOut {
    -webkit-animation: fadeinout 6s linear forwards;
    animation: fadeinout 6s linear forwards;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  55% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  55% { opacity: 1; }
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}