@charset "UTF-8";
/* ボディ全体 */
html{
    position: relative;
    height: 100%;
    width: 100%;
    font-size: 62.5%;
}

body{
	/*margin : 0px;
	font-size : 3.5rem;
	line-height : 1.5em;
	color : #4d4c4c;
	text-align : center;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3","Meiryo", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	width: 100%;
	position : relative;*/
	}

#wrapper{
    display: flex;
    flex-direction: column;
    width : 100%;
    margin : 0 auto;
    font-size: 1.8rem;
}

@media screen and (max-width: 896px){
#wrapper{
    font-size: 1.2rem;
 }
}

/*
#wrapper a:link{
	color : #4d4d4d;
}
*/

/*--------------------------- ALLcommon START -----------------------------------*/

/*
@media screen and (min-width: 769px){
    #wrapper .pc { display:block;}
    #wrapper .pc-inline { display:inline-block;}
    #wrapper .sp { display:none;}
    #wrapper .sp-inline { display:none;}
}
@media screen and (max-width: 768px){
    #wrapper .pc { display:none;}
    #wrapper .pc-inline { display:none;}
    #wrapper .sp { display:block;}
    #wrapper .sp-inline { display:inline-block;}
}
*/

@media screen and (min-width: 897px){
    #wrapper .pc { display:block;}
    #wrapper .pc-inline { display:inline-block;}
    #wrapper .sp { display:none;}
    #wrapper .sp-inline { display:none;}
}
@media screen and (max-width: 896px){
    #wrapper .pc { display:none;}
    #wrapper .pc-inline { display:none;}
    #wrapper .sp { display:block;}
    #wrapper .sp-inline { display:inline-block;}
}

/* 画像ボーダーなし、下揃え */
#wrapper img{border : 0px;vertical-align : bottom;}


/* テーブル */
#wrapper table{font-size : 100%;}

/* 文字の縦位置（中） */
.vm{vertical-align : middle;}
/* 文字の縦位置（上） */
.vt{vertical-align : top;}
/* 文字の縦位置（下） */
.vb{vertical-align : bottom;}


/*
#wrapper p{
    margin : auto;
}
*/

/* 黒文字 */
.black{color : #000;}
/* 赤文字 */
.red{color : #da0000;}
/* 青文字 */
.blue{color : #009bc2;}
/* 白文字 */
.white{color : white;}
/* グリーン */
.green{color : #6f8b5f;}
/* ピンク */
.pink{color : #ec6d5e;}

/*白背景*/
.whiteback{background : #fff;}

/* 文字サイズ（14px） */
.f14{
	font-size : 14px;
	}

/* 文字サイズ（70%） */
.f70{
	font-size : 70%;
	}
/* 文字サイズ（80%） */
.f80{
	font-size : 80%;
	}
/* 文字サイズ（90%） */
.f90{
	font-size : 90%;
	}
/* 文字サイズ（120%） */
.f120{
	font-size : 120%;
	}
/* 文字サイズ（200%） */
.f200{
	font-size : 200%;
	}
/* 右寄せ */
.rt{
	text-align : right;
	}
/* 左寄せ */
.lt{
	text-align : left;
	}
/* センター */
.ce{
	text-align : center;
	}

/* 字間(80%) */
.lh80{line-height : 80%;}	
/* 字間(120%) */
.lh120{line-height : 120%;}
/* 字間(130%) */
.lh130{line-height : 130%;}
/* 字間(150%) */
.lh150{line-height : 150%;}


/* リンク下線なし */
#wrapper a{text-decoration : none;}

/* Hides from IE-mac \*/
* html .crfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

p.att
span.att{
	text-indent : -1em;
	padding-left : 1em;
}
p.att:before,
span.att:before{
	content : "※";
	color : red;
}
.no-disp{
	display : none;
}
/*--------------------------- ALLcommon END -----------------------------------*/

/*
header{
    background : #0067b5;
    padding : 30px 0 20px 0;
}
header h1{
    /*margin : 0;
    padding : 0;
}

header .tit{
    color : #fff;
    margin-top : 20px;
}
*/

#all{
    margin-bottom : 8.8%;
    text-align : left;
    flex: 1 1 auto;
}

#wrapper h2{
    background : none;
    font-size: 4.2rem;
    color : #222;
    margin : 0;
    padding : 30px 0 15px 0;
    line-height: 1.545em;
    font-weight: 500;
}

@media screen and (max-width: 896px){
#wrapper h2{
    font-size: 2.6rem;
 }
}

#wrapper h3{
    margin : 0 0 15px 0;
    padding : 0;
    font-weight: 500;
    font-size: 3.0rem;
}

@media screen and (max-width: 896px){
#wrapper h3{
    font-size: 1.6rem;
 }
}


#wrapper h3.personal{
    margin-top : 50px;
}

#wrapper ul{
    margin : 30px 0 0 0;
    padding : 0;
}

#wrapper li{
    margin-top : 15px;
    list-style-type: none;
}

li.dotList{
    list-style-type: disc;
    margin-left: 35px;
}

.tIndent {
    padding-left: 1em;
    text-indent: -1em;
}


/**************************************

各ボタン

***************************************/

.Btn_box{
    display : flex;
    flex-wrap : wrap;
    margin : 40px 0 0 0;
    font-size: 2.4rem !important;
}
@media screen and (max-width: 896px){
.Btn_box{
    font-size: 1.4rem !important;
 }
}

.Btn_box a{
    text-decoration : none;
    display : block;
    color : #fff;
}
.Btn_box a:hover{
    opacity : .8;
}

.Btn_box .Left_button,
.Btn_box .Left_button_gray,
.Btn_box .Right_button,
.Btn_box .Right_button_gray,
.Btn_box .Big_button,
.Btn_box .Big_button_gray,
.Btn_box .Big_button_back,
.Btn_box .Big_button_back_gray{
    width : 48%;
    border-radius : 10px;
    color : #fff;
    padding : 20px 0 15px 0;
    text-align : center;
    text-decoration : none;
    box-sizing : border-box;
    background : #0067b5;
    position : relative;
    cursor: pointer;
}
.Btn_box .Left_button,
.Btn_box .Left_button_gray{
    margin-right : 4%;
    background : #c22a1f;
}
.Btn_box .Big_button,
.Btn_box .Big_button_back{
    margin : auto 120px;
    width : 100%;
}
@media screen and (max-width: 896px){
 .Btn_box .Big_button,
 .Btn_box .Big_button_back{
     margin : auto 90px;
 }
}

.Btn_box .Big_button_back{
    background : #027755;
}
.Btn_box .Left_button_gray,
.Btn_box .Right_button_gray{
    background : #c9c8c8;
    color : #222222;
    cursor: text;
}
.Btn_box .Big_button_gray,
.Btn_box .Big_button_back_gray{
    margin : auto 120px;
    width : 100%;
    background : #c9c8c8;
    color : #222222;
    cursor: text;
}
@media screen and (max-width: 896px){
 .Btn_box .Big_button_gray,
 .Btn_box .Big_button_back_gray{
     margin : auto 90px;
 }
}

.Btn_box .Left_button:before,
.Btn_box .Big_button_back:before{
    content : '▲';
    transform:rotate(-90deg);
    display : inline-block;
    font-size : 80%;
    position : absolute;
    left : 20px;
}
.Btn_box .Right_button:after,
.Btn_box .Big_button:after{
    content : '▼';
    transform:rotate(-90deg);
    display : inline-block;
    font-size : 80%;
    position : absolute;
    right : 20px;
}


/**************************************

個人情報の取り扱いについて

***************************************/

.privacy_box{
    height : 350px;
    border : 1px solid #cccccc;
    padding : 18px;
    margin : -25px 0 0 0;
    overflow : scroll;
    overflow-x : hidden;
    box-sizing : border-box;
}

.consent{
    margin : 40px 0 0 0;
    font-size : 1.5em;
    text-align : center;
}

/**************************************

ラジオボタン・チェックボックス

***************************************/

.radio1 {
    width:16px;
    height:16px;
    -moz-transform:		scale(2.0);
    -webkit-transform:	scale(2.0);
    transform:		scale(2.0);
    vertical-align:middle;
}

.chk1 {
    width:16px;
    height:16px;
    -moz-transform:		scale(2.0);
    -webkit-transform:	scale(2.0);
    transform:		scale(2.0);
    vertical-align:middle;
}

@media screen and (max-width: 896px){
 .chk1 {
     width:14px;
     height:14px;
     -moz-transform:		scale(1.5);
     -webkit-transform:	scale(1.5);
     transform:		scale(1.5);
     vertical-align:middle;
 }
}

/**************************************

フォーム

***************************************/

.input_box{
    width : 100%;
    background : none;
    border-radius : 5px;
    padding : 20px 0 20px 0;
    margin-top : 20px;
    text-align:left;
    box-sizing : border-box;
}

.input_box_error{
    width : 100%;
    background : #fddada;
    border-radius : 5px;
    padding : 20px 0 20px 0;
    margin-top : 20px;
    text-align:left;
    box-sizing : border-box;
}

.input_box p,
.input_box_error p{
    margin : 0;
    font-size : 2.2rem;
}

@media screen and (max-width: 896px){
.input_box p,
.input_box_error p{
    font-size: 1.2rem;
 }
}

#wrapper textarea{
    font-family : inherit;
    font-size : 2.6rem;
    display : inline-block;
    padding : .5em;
    margin : 0;
    border : 1px solid #333;
    width : 100%;
    height : 250px;
    overflow : scroll;
    overflow-x : hidden;
    box-sizing : border-box;
}

@media screen and (max-width: 896px){
#wrapper textarea{
    font-size: 1.4rem;
 }
}


.required{
    color : #da0000;
    border : 1px solid #da0000;
    background : none;
    padding : 5px 10px 3px 10px;
    font-size : 1.8rem;
    font-weight : normal;
    vertical-align : 10%;
}

@media screen and (max-width: 896px){
.required{
    font-size : 1.2rem;
 }
}

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

.input-block__2col > p{
    width : 48%;
    position : relative;
    margin : 0;
}

.input-block__w30{
    width : 30%;
    position : relative;
}

.input-block__whide{
    width : 100%;
    position : relative;
}

.input-block{
    font-size : 2.6rem;
    display : inline-block;
    padding : .5em;
    border : 1px solid #333;
    width : 100%;
    box-sizing : border-box;
}

@media screen and (max-width: 896px){
.input-block{
    font-size: 1.4rem;
 }
}

.choice{
    display : flex;
    justify-content: start;
    flex-wrap: wrap;
    background : #fff;
    border : 1px solid #d9d7d7;
    border-radius : 5px;
    padding : 10px 30px;
    font-size : 2.6rem;
}

@media screen and (max-width: 896px){
.choice{
    font-size: 1.4rem;
 }
}

.choice div{
    width : 50%;
    position : relative;
    margin : 25px 0 0 0;
}

.choice div label {
    display: block;
    text-align: left;
}
.choice div label:after {
    content: "";
    clear: both;
    display: block;
}
.choice div label input { float: left; }
.choice div label p {
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
    width: calc(100% - 55px);
    position:relative;
    top:-13px;
}

.file1 {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: .5em;
    border: 1px solid #999;
    background-color: #fff;
}

.file1 input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size : 2.3rem;
    cursor: pointer;
}

.input-attach{
    font-size : 2.3rem;
    display : inline-block;
    padding : .5em;
    width : 100%;
    box-sizing : border-box;
}

.input-attach_name{
    font-size : 2.3rem;
    display : inline-block;
    background : none;
    border : none;
}

/**************************************

footer ページトップ

***************************************/

.page-top-mark{
    display : none;
    width : 90px;
    height : 90px;
    position : fixed;
    bottom : 40px;
    right: -120px;
    z-index : 3;
    background : rgba(0,0,0,.7);
    border-radius : 100px;
    text-align : center;
}
.page-top-mark > a{
    font-size : 0.5rem;
    color : #fff;
    display : none;
    height : 100%;
    line-height : 1em;
}
.page-top-mark > a:before{
    font-family: 'icomoon';
    content : "\e906";
    font-size : 90px;
    display : none;
    padding : 0;
    margin : 0;
    line-height : 1em;
}



/**************************************

footer

***************************************/

footer{
    /*margin-top: auto;
    background : #0067b5;
    font-size : 0.8em;
    padding : 35px 0;
    min-width : 1000px;*/
}

footer .copyright{
    /*text-align : center;
    color : #fff;*/
}


/* # =================================================================
    # ここからテンプレ用
# ================================================================= */


/* # =================================================================
    # 共通要素
# ================================================================= */
html {
    font-weight: 400;
    font-size: 62.5%;
    font-family: "Zen Kaku Gothic New", sans-serif;
}
html.act {
    overflow: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    color: #222222;
    font-weight: 400;
    letter-spacing: 0;
}
body.body-has-bg {
    background-image: url("/common/images/body-bg.svg");
    background-position: right top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #fff;
}
main {
    padding-top: clamp(0px, 2.8vw, 50px);
    font-feature-settings: "palt";
}
@media screen and (max-width: 896px) {
    main {
        padding-top: 20vw;
    }
}

a, .link {
    color: #222222;
    text-decoration: none;
    transition: opacity 0.3s;
}
a.fig, .link.fig {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
a.fig picture, .link.fig picture {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
a.fig img, .link.fig img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: inherit;
}

address {
    font-style: normal;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
img.w100 {
    width: 100%;
}

/* *:focus {outline:none;} */
figure, .fig {
    margin: 0;
    vertical-align: top;
}
figure picture, .fig picture {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
figure img, .fig img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

@supports (-webkit-touch-callout: none) {
    body {
        /* The hack for Safari */
        height: -webkit-fill-available;
    }
}

#page-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    overflow: clip;
}

/* フォント */
.f_en {
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.f_jp {
    font-weight: 400;
    font-family: "Zen Kaku Gothic New", sans-serif;
}

/* マージン */
.relative {
    z-index: 1;
    position: relative;
}

/* foundation */
html {
    /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
    /* iOS 8+ */
}

*,
::before,
::after {
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    box-sizing: inherit;
    background-repeat: no-repeat;
}

::before,
::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
    padding: 0;
}

/* # =================================================================
   # 一般的な要素
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
    display: none;
    height: 0;
}

ol,
ul,
li {
    list-style: none;
}

hr {
    overflow: visible;
    /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
    /* Add the correct display in all browsers */
}

small {
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
    display: none;
    /* Add the correct display in IE */
}

abbr[title] {
    border-bottom: 1px dotted;
    /* Add a bordered underline effect in all browsers */
    text-decoration: none;
    /* Remove text decoration in Firefox 40+ */
}

a {
    /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

b,
strong {
    font-weight: bolder;
    /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
    font-style: italic;
    /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
    background-color: #ff0;
    color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* # =================================================================
   # フォーム要素
   # ================================================================= */
input {
    border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
    cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
    cursor: default;
}

[type=number] {
    width: auto;
    /* Firefox 36+ */
}

[type=search] {
    -webkit-appearance: textfield;
    /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    /* Safari 8 */
}

textarea {
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold;
    /* Restore the font weight unset by the previous rule. */
}

button {
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}

button,
select {
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
    border-style: none;
    background-color: transparent;
    color: inherit;
}

/* Style select like a standard input */
select {
    -moz-appearance: none;
    /* Firefox 36+ */
    -webkit-appearance: none;
    /* Chrome 41+ */
}

select::-ms-expand {
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend {
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit;
    /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
    -webkit-appearance: textfield;
    /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px;
    /* Correct the outline style in Safari */
}

/* # =================================================================
   # メディア要素
   # ================================================================= */
img {
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
    /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # アクセシビリティ
   # ================================================================= */
/* Hide content from screens but not screenreaders */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
    cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
    cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
    cursor: default;
}
/**************************************

header

***************************************/


.l-header__logo {
    z-index: 200;
    position: absolute;
    top: clamp(0px, 3.26vw, 50px);
    right: clamp(0px, 5.53vw, 85px);
    width: clamp(0px, 8.85vw, 136px);
}
.l-header__logo img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.l-header__logo.act {
    position: fixed;
}
.l-header__logo.navy img {
    filter: invert(25%) sepia(54%) saturate(4475%) hue-rotate(195deg) brightness(77%) contrast(102%);
}
.l-header__logo.act img {
    filter: invert(16%) sepia(55%) saturate(6417%) hue-rotate(197deg) brightness(92%) contrast(101%);
}

.l-header__glNavBtnWp {
    display: flex;
    z-index: 200;
    position: fixed;
    top: clamp(0px, 3.58vw, 55px);
    right: clamp(0px, 1.56vw, 24px);
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: clamp(0px, 2.6vw, 40px);
    height: clamp(0px, 1.95vw, 30px);
    margin: auto;
    mix-blend-mode: difference;
}
.l-header__glNavBtnWp:hover span:nth-of-type(1) {
    width: 80%;
}
.l-header__glNavBtnWp:hover span:nth-of-type(2) {
    width: 70%;
}
.l-header__glNavBtnWp:hover span:nth-of-type(3) {
    width: 60%;
}
.l-header__glNavBtnWp .glNavBtn {
    display: flex;
    position: relative;
    align-items: center;
    width: clamp(0px, 2.6vw, 40px);
    height: clamp(0px, 1.3vw, 20px);
}
.l-header__glNavBtnWp .glNavBtn span {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.4s;
}
.l-header__glNavBtnWp .glNavBtn span:nth-of-type(1) {
    top: 0%;
    transition: top 0.2s 0.2s, transform 0.2s, width 0.4s;
}
.l-header__glNavBtnWp .glNavBtn span:nth-of-type(2) {
    top: 45%;
    opacity: 1;
    transition: opacity 0.2s, width 0.4s;
}
.l-header__glNavBtnWp .glNavBtn span:nth-of-type(3) {
    top: 90%;
    transition: top 0.2s 0.2s, transform 0.2s, width 0.4s;
}
.l-header__glNavBtnWp .glNavBtn.act span {
    width: 100%;
    background-color: #fff;
}
.l-header__glNavBtnWp .glNavBtn.act span:nth-of-type(1) {
    top: 50%;
    transform: rotate(-45deg);
    transition: top 0.2s, transform 0.2s 0.2s;
}
.l-header__glNavBtnWp .glNavBtn.act span:nth-of-type(2) {
    opacity: 0;
}
.l-header__glNavBtnWp .glNavBtn.act span:nth-of-type(3) {
    top: 50%;
    width: 100%;
    transform: rotate(45deg);
    transition: top 0.2s, transform 0.2s 0.2s;
}
.l-header__glNavMenu {
    display: flex;
    z-index: -1;
    position: fixed !important;
    top: 0%;
    left: 0%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 0;
    height: 0;
    overflow-y: scroll;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.l-header__glNavMenu.act {
    z-index: 100;
    width: 100vw;
    height: 100dvh !important;
    padding: 0 0 0;
    background-color: #fff;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.l-header__glNavMenu.act .pcMenu01 {
    animation: fadeupMenu01 0.8s ease 0.3s forwards;
}
.l-header__glNavMenu.act .pcMenu02-ttl {
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-name: fadeupMenu02;
}
.l-header__glNavMenu.act .pcMenu02-list li {
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-name: fadeupMenu02;
}
@keyframes fadeupMenu01 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeupMenu02 {
    from {
        transform: translateY(2em);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.l-header__pcMenu01 {
    display: block;
    z-index: 1;
    position: relative;
    width: 43.359375%;
    height: auto;
    padding: clamp(0px, 5.21vw, 80px) 6%;
    overflow: hidden;
    opacity: 0;
}
.l-header__pcMenu01::before {
    z-index: -1;
    position: absolute;
    top: 0;
    top: auto;
    right: 0;
    right: auto;
    bottom: 0;
    bottom: -21rem;
    left: 0;
    left: -47rem;
    width: clamp(0px, 75.78vw, 1164px);
    height: clamp(0px, 68.82vw, 1057px);
    margin: auto;
    background-image: url("/common/images/hed_bgico.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    opacity: 0.4;
}
.l-header__pcMenu01-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.l-header__pcMenu01-box02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: clamp(0px, 2.34vw, 36px);
    margin-bottom: clamp(0px, 3.91vw, 60px);
    gap: 1em 6em;
}
.l-header__pcMenu02 {
    display: block;
    width: 56.640625%;
    height: auto;
    padding-bottom: clamp(0px, 5.21vw, 80px);
    background-color: #EBEBEB;
}
.l-header__pcMenu02-box {
    width: calc(100% - clamp(0px, 13.67vw, 210px));
    padding: clamp(0px, 5.21vw, 80px) 10% 0;
}
.l-header__pcMenu02-box-ttl {
    margin-bottom: clamp(0px, 1.95vw, 30px);
    transform: translateY(1em);
    font-weight: 500;
    font-size: 32px;
    opacity: 0;
}
.l-header__pcMenu02-box-list li {
    transform: translateY(1em);
    opacity: 0;
}
.l-header__pcMenu02-box-list li:nth-of-type(1) {
    animation-delay: 0.6s;
}
.l-header__pcMenu02-box-list li:nth-of-type(2) {
    animation-delay: 0.7s;
}
.l-header__pcMenu02-box-list li:nth-of-type(3) {
    animation-delay: 0.8s;
}
.l-header__pcMenu02-box-list li:nth-of-type(4) {
    animation-delay: 0.9s;
}
.l-header__pcMenu02-box-list li:nth-of-type(5) {
    animation-delay: 1s;
}
.l-header__pcMenu02-box-list li:nth-of-type(6) {
    animation-delay: 1.1s;
}
.l-header__pcMenu02-box-list li:nth-of-type(7) {
    animation-delay: 1.2s;
}
.l-header__pcMenu02-box-list li:nth-of-type(8) {
    animation-delay: 1.3s;
}
.l-header__pcMenu02-box-list li:nth-of-type(9) {
    animation-delay: 1.4s;
}
.l-header__pcMenu02-box-list li:nth-of-type(10) {
    animation-delay: 1.5s;
}
.l-header__pcMenu02-box-list li:nth-of-type(11) {
    animation-delay: 1.6s;
}
.l-header__pcMenu02-box-list li:nth-of-type(12) {
    animation-delay: 1.7s;
}
.l-header__pcMenu02-box-list li:nth-of-type(13) {
    animation-delay: 1.8s;
}
.l-header__pcMenu02-box-list li:nth-of-type(14) {
    animation-delay: 1.9s;
}
.l-header__pcMenu02-box-list li:nth-of-type(15) {
    animation-delay: 2s;
}
.l-header__pcMenu02-box-list li:nth-of-type(16) {
    animation-delay: 2.1s;
}
.l-header__pcMenu02-box-list li:nth-of-type(17) {
    animation-delay: 2.2s;
}
.l-header__pcMenu02-box-list li:nth-of-type(18) {
    animation-delay: 2.3s;
}
.l-header__pcMenu02-box-list li:nth-of-type(19) {
    animation-delay: 2.4s;
}
.l-header__pcMenu02-box-list li:nth-of-type(20) {
    animation-delay: 2.5s;
}
.l-header__spMenu {
    display: none;
}

.c-gnav_menu {
    text-align: left;
}
.c-gnav_menu .g-menu-ttl {
    margin-bottom: clamp(0px, 0.85vw, 13px);
    color: #005BAC;
    font-weight: 700;
    font-size: 14px;
}
.c-gnav_menu .g-menu-ttl--hedttl {
    margin-bottom: clamp(0px, 1.95vw, 30px);
    font-weight: 500;
    font-size: 22px;
}
.c-gnav_menu .g-menu-ttl--hed {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 22px;
}
.c-gnav_menu .g-menu-ttl__alink {
    color: #005BAC;
    transition: color 0.3s ease-in-out;
}
.c-gnav_menu .g-menu-ttl__alink:hover {
    color: rgba(0, 91, 172, 0.8);
}
.c-gnav_menu .g-menu-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.8em 0;
    font-weight: 500;
    font-size: 13px;
}
.c-gnav_menu .g-menu-list a {
    position: relative;
    padding-left: 1em;
    transition: color 0.3s ease-in-out;
}
.c-gnav_menu .g-menu-list a::before {
    position: absolute;
    top: 0;
    top: 0.75em;
    right: 0;
    right: auto;
    bottom: 0;
    bottom: auto;
    left: 0;
    width: 0.5em;
    height: 1px;
    margin: auto;
    background-color: #222222;
    content: "";
}
.c-gnav_menu .g-menu-list a:hover {
    color: #005BAC;
}
.c-gnav_menu .g-menu-list--hed {
    gap: 0.5em 0;
    font-size: 18px;
}
.c-gnav_menu .g-menu-list--hed a::before {
    height: 2px;
}

.c-gnav_menu02 .service-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.c-gnav_menu02 .service-link:not(:last-child) {
    margin-bottom: clamp(0px, 0.98vw, 15px);
}
.c-gnav_menu02 .service-link--hed:not(:last-child) {
    margin-bottom: clamp(0px, 2.6vw, 40px);
}
.c-gnav_menu02 .service-link__ttl {
    position: relative;
    width: clamp(0px, 6.77vw, 104px);
    font-weight: 700;
    font-size: 14px;
}
.c-gnav_menu02 .service-link__ttl--hed {
    width: clamp(0px, 9.11vw, 140px);
    font-size: 18px;
}
.c-gnav_menu02 .service-link__data {
    position: relative;
    width: calc(100% - clamp(0px, 6.77vw, 104px));
}
.c-gnav_menu02 .service-link__data::before {
    position: absolute;
    top: 0;
    right: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 90%;
    margin: auto;
    background-color: #222222;
    content: "";
}
.c-gnav_menu02 .service-link__data--hed {
    width: calc(100% - clamp(0px, 9.11vw, 140px));
}
.c-gnav_menu02 .service-link__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1.5em;
    gap: 0.5em 1.5em;
    font-weight: 500;
    font-size: 16px;
}
.c-gnav_menu02 .service-link__list a {
    color: #005BAC;
    text-decoration: underline;
}
.c-gnav_menu02 .service-link__list a:hover {
    text-decoration: none;
}
.c-gnav_menu02 .service-link__list--hed {
    font-size: 18px;
}
.l-footer {
    z-index: 1;
    position: relative;
    width: 100%;
    padding: clamp(0px, 3.58vw, 55px) 0 clamp(0px, 2.73vw, 42px);
    background-color: #F2F2F2;
}
.l-footer__inner {
    padding: 0 clamp(0px, 5.21vw, 80px);
}
.l-footer__cont01 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: clamp(0px, 3.45vw, 53px);
}
.l-footer__cont01-box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    gap: clamp(0px, 0.98vw, 15px) 0;
}
.l-footer__cont02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.l-footer__logo {
    width: clamp(0px, 15.43vw, 237px);
}
.l-footer__logo img {
    filter: invert(16%) sepia(55%) saturate(6417%) hue-rotate(197deg) brightness(92%) contrast(101%);
}
.l-footer__service {
    width: clamp(0px, 37.5vw, 576px);
}
.l-footer__service-cont {
    width: clamp(0px, 37.5vw, 576px);
    margin-bottom: clamp(0px, 0.98vw, 15px);
}
.l-footer__copy {
    font-size: 13px;
    text-align: right;
}
.c-inner01 {
    width: 90%;
    max-width: 1196px;
    margin: 0 auto;
}

.c-btn01 {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}
.c-btn01--left {
    margin-left: 0;
}
.c-btn01--right {
    margin-right: 0;
}
.c-btn01--hedmenu {
    width: 100%;
    margin-left: 0;
}
.c-btn01__link {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: clamp(0px, 0.78vw, 12px);
    gap: 0 clamp(0px, 1.04vw, 16px);
    font-weight: 500;
    font-size: 26px;
    transition: color 0.3s ease-in-out;
}
.c-btn01__link::before {
    position: absolute;
    top: 0;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    width: 100%;
    height: clamp(0px, 0.07vw, 1px);
    margin: auto;
    background-color: #222222;
    content: "";
    transition: width 0.3s ease-in-out;
}
.c-btn01__link--white {
    color: #fff;
}
.c-btn01__link--white::before {
    background-color: #fff;
}
.c-btn01__link--white:hover {
    color: rgba(255, 255, 255, 0.3);
}
.c-btn01__link--blue:hover {
    color: #005BAC;
}
.c-btn01__link--hedmenu {
    justify-content: space-between;
    width: 100%;
    padding-top: clamp(0px, 1.3vw, 20px);
    font-size: 20px;
}
.c-btn01__link--hedmenu:hover {
    color: #005BAC;
}
.c-btn01__link:hover::before {
    width: 0%;
}

.c-arwicon::before, .c-arwicon::after {
    -webkit-mask-image: url(/common/images/icoArw04.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #222222;
    mask-image: url(/common/images/icoArw04.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.c-arwicon {
    display: block;
    position: relative;
    width: clamp(0px, 1.76vw, 27px);
    height: clamp(0px, 1.76vw, 27px);
    border-radius: 100px;
    background-color: #fff;
    transition: 0.5s background-color;
}
.c-arwicon::before, .c-arwicon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: clamp(0px, 0.98vw, 15px);
    height: clamp(0px, 0.33vw, 5px);
    margin: auto;
    background-color: #005BAC;
    content: "";
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.c-arwicon::after {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}
.c-arwicon--blue {
    background-color: #005BAC;
}
.c-arwicon--blue::before, .c-arwicon--blue::after {
    background-color: #fff;
}

.c-hvr:hover .c-arwicon::before {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}
.c-hvr:hover .c-arwicon::after {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.ico-acc {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: clamp(0px, 0.72vw, 11px);
    height: clamp(0px, 0.72vw, 11px);
    margin: auto;
}
.ico-acc::before, .ico-acc::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: #005BAC;
    content: "";
    transition: transform 0.3s ease-in-out;
}
.ico-acc::after {
    transform: rotate(90deg);
}

.open .ico-acc::after {
    transform: rotate(0deg);
}
.sp {
    display: none !important;
}

.pc {
    display: block !important;
}

.oc-breadcrumb {
  display: flex;
  font-size: 13px;
}
.oc-breadcrumb > *::after {
  content: "/";
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.oc-breadcrumb > *:last-child::after {
  content: none;
}
@media screen and (max-width: 896px) {
  .oc-breadcrumb {
    display: none;
  }
}

.page-title{
    font-size : 7rem;
    font-weight : 500;
    letter-spacing: -2px;
    line-height : 1em;
    margin-top : 6rem;

}





@media screen and (max-width: 1536px) {
    body {
        margin: 0;
    }
    .l-header__pcMenu02-box-ttl {
        font-size: 3.2rem;
    }
    .c-gnav_menu .g-menu-ttl {
        font-size: 1.4rem;
    }
    .c-gnav_menu .g-menu-ttl--hedttl {
        font-size: 2.2rem;
    }
    .c-gnav_menu .g-menu-ttl--hed {
        font-size: 2.2rem;
    }
    .c-gnav_menu .g-menu-list {
        font-size: 1.3rem;
    }
    .c-gnav_menu .g-menu-list--hed {
        font-size: 1.8rem;
    }
    .c-gnav_menu02 .service-link__ttl {
        font-size: 1.4rem;
    }
    .c-gnav_menu02 .service-link__ttl--hed {
        font-size: 1.8rem;
    }
    .c-gnav_menu02 .service-link__list {
        font-size: 1.6rem;
    }
    .c-gnav_menu02 .service-link__list--hed {
        font-size: 1.8rem;
    }
    .l-footer__copy {
        font-size: 1.3rem;
    }
    .c-btn01__link {
        font-size: 2.6rem;
    }
    .c-btn01__link--hedmenu {
        font-size: 2rem;
    }

}
@media screen and (max-width: 1500px) {
    body {
        margin: 0;
    }
    html {
        font-size: 0.625vw;
    }
}
@media screen and (max-width: 1289px) {
    body {
        margin: 0;
    }
    html {
        font-size: 0.6666666667vw;
    }
    .c-inner01 {
        width: 90%;
    }
}
@media screen and (max-width: 1024px) {
    body {
        margin: 0;
    }
}
@media screen and (max-width: 896px) {
    body {
        margin: 0;
    }
    html {
        font-size: 2.6666666667vw;
    }
    .actinview .fadeIn00no .fadeIn00 {
        transition: opacity 1s;
    }
    .l-header__logo {
        top: 8vw;
        right: 15.47vw;
        width: 22.93vw;
    }
    .l-header__glNavBtnWp {
        top: 7.2vw;
        right: 3.2vw;
        width: 10.67vw;
        height: 8vw;
    }
    .l-header__glNavBtnWp .glNavBtn {
        width: 10.67vw;
        height: 5.33vw;
    }
    .l-header__glNavMenu {
        display: block;
    }
    .l-header__pcMenu01::before {
        display: none;
    }
    .l-header__pcMenu01 {
        display: none;
    }
    .l-header__pcMenu02 {
        display: none;
    }
    .l-header__spMenu {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-start;
        height: 100%;
        padding: 21.33vw 6.4vw;
        overflow-y: scroll;
    }
    .c-gnav_menu .g-menu-ttl {
        display: block;
        margin-bottom: 0;
        padding: 6.4vw 0;
        font-size: 18px;
    }
    .c-gnav_menu .g-menu-ttl__accbtn {
        display: block;
        position: relative;
    }
    .c-gnav_menu .g-menu-list {
        gap: 0.3em 0;
    }
    .c-gnav_menu .g-menu-list--fot {
        padding-bottom: 8vw;
    }
    .c-gnav_menu .g-menu-list--hed {
        padding-bottom: 6.4vw;
        font-size: 18px;
    }
    .c-gnav_menu .g-menu-list--hed a {
        color: rgba(34, 34, 34, 0.9);
    }
    .c-gnav_menu .g-menu-list--hed a::before {
        background-color: rgba(34, 34, 34, 0.9);
    }
    .c-gnav_menu .g-menu-line {
        border-bottom: 1px solid #222222;
    }
    .c-gnav_menu02 .service-link {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
    }
    .c-gnav_menu02 .service-link:not(:last-child) {
        margin-bottom: 8.53vw;
    }
    .c-gnav_menu02 .service-link__ttl {
        width: 100%;
        margin-bottom: 3.2vw;
    }
    .c-gnav_menu02 .service-link__data {
        width: 100%;
        padding-top: 3.2vw;
    }
    .c-gnav_menu02 .service-link__data::before {
        bottom: auto;
        width: 100%;
        height: 1px;
    }
    .c-gnav_menu02 .service-link__list {
        padding-left: 0;
    }
    .l-footer {
        padding: 5.33vw 0 9.6vw;
    }
    .l-footer__inner {
        padding: 0;
    }
    .l-footer__cont01 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        margin-bottom: 14.67vw;
    }
    .l-footer__cont01-box {
        width: 100%;
        gap: 0;
    }
    .l-footer__cont02 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
    }
    .l-footer__logo {
        width: 56.53vw;
        margin: auto;
        margin-bottom: 12vw;
    }
    .l-footer__service {
        width: 100%;
    }
    .l-footer__service-cont {
        width: 100%;
        margin-bottom: 10.67vw;
    }
    .l-footer__copy {
        font-size: 14px;
        text-align: center;
    }
    .c-inner01 {
        width: 92.5%;
    }
    .c-btn01--spcenter {
        margin-right: auto;
        margin-left: auto;
    }
    .c-btn01__link {
        padding-bottom: 2.67vw;
        gap: 0 5.07vw;
        font-size: 20px;
    }
    .cmnTtl02 {
        font-size: 26px;
        line-height: 1.38;
    }
    .cmnTtl02--topabout {
        font-size: 22px;
    }
    .cmnTtl02--topservice {
        font-size: 20px;
        text-align: center;
    }
    .cmnTtl02 span {
        margin: 0;
    }
    .c-arwicon {
        width: 5.6vw;
        height: 5.6vw;
    }
    .c-arwicon::before, .c-arwicon::after {
        width: 2.93vw;
        height: 1.33vw;
    }
    .ico-acc {
        width: 2.93vw;
        height: 2.93vw;
    }
    .sp {
        display: block !important;
    }
    .pc {
        display: none !important;
    }

    .page-title{
        font-size : 3.2rem;
        margin-top : 4rem;
    }

}
@media screen and (max-width: 599px) {
    body {
        margin: 0;
    }
    .c-inner01 {
        width: 88%;
    }
}
@media screen and (max-width: 374px) {
    body {
        margin: 0;
    }
}
@media screen and (max-width: 319px) {
    body {
        margin: 0;
    }
}
@media screen and (min-width: 1921px) {
    html {
        font-size: 0.5208333333vw;
    }
    img {
        width: 100%;
    }
    .c-inner01 {
        width: clamp(0px, 77.86vw, 1196px) !important;
        max-width: none;
    }
}
@media screen and (min-width: 1025px) {
    .tel {
        cursor: default;
        pointer-events: none;
    }
}
@media screen {
    [hidden~=screen] {
        display: inherit;
    }
    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important;
    }
}
@media screen and (max-width: 896px) and (max-width: 1536px) {
    .c-gnav_menu .g-menu-ttl {
        font-size: 1.8rem;
    }
    .c-gnav_menu .g-menu-list--hed {
        font-size: 1.8rem;
    }
    .l-footer__copy {
        font-size: 1.4rem;
    }
    .c-btn01__link {
        font-size: 2rem;
    }


}
@media screen and (min-width: 1501px) {
    .c-inner01 {
        width: 1196px;
    }
}

.op-application {
  padding-right: 13.2943143813%;
  box-sizing: border-box;
}
@media screen and (max-width: 896px) {
  .op-application {
    padding-right: 0;
  }
}
.op-application__read {
  font-size: 2rem;
  line-height: 2em;
  margin-top: 11.3rem;
  margin-bottom: 7.5rem;
}
@media screen and (max-width: 896px) {
  .op-application__read {
    font-size: 1.4rem;
    line-height: 1.857em;
    margin-bottom: 7rem;
    margin-top: 5rem;
  }
}
.op-application-archives-content {
  margin-bottom: 15rem;
  margin-top: 15rem;
}
.op-application-archives-content__title {
  font-size: 4.4rem;
  line-height: 1.545em;
  font-weight: 500;
}
@media screen and (max-width: 896px) {
  .op-application-archives-content {
    margin-top: 6rem;
    margin-bottom: 8rem;
  }
  .op-application-archives-content__title {
    font-size: 2.6rem;
  }
}
.op-application-archives-lists {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
  .op-application-archives-lists {
    margin-top: 2rem;
    flex-direction: column;
  }
}
.op-application-archives-lists > * {
  width: 47.5409836066%;
  border-radius: 6px;
  box-shadow: 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 4.9180327869%;
}
.op-application-archives-lists > * > a {
  padding: 5rem;
  display: block;
  box-sizing: border-box;
}
@media screen and (max-width: 896px) {
  .op-application-archives-lists > * {
    width: 100%;
  }
  .op-application-archives-lists > * > a {
    padding: 2rem;
  }
}
.op-application-archives-lists-item__title {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.6923em;
  margin-bottom: 1.4rem;
  display: flex;
  justify-content: space-between;
}
.op-application-archives-lists-item__title > span {
  display: block;
}
.op-application-archives-lists-item__title .c-arwicon {
  display: block;
}
.op-application-archives-lists-item__description {
  font-size: 1.6rem;
  line-height: 2em;
}
@media screen and (max-width: 896px) {
  .op-application-archives-lists-item__title {
    font-size: 2rem;
    line-height: 1em;
  }
  .op-application-archives-lists-item__description {
    font-size: 1.4rem;
    line-height: 1.857em;
  }
}
.op-application-single table {
  width: 71.237458194%;
  max-width: 852px;
  margin-inline: auto;
  font-size: 1.6rem;
  line-height: 2em;
  text-align: left;
}
.op-application-single table th, .op-application-single table td {
  border-bottom: 1px solid #E6E6E6;
  padding: 4rem 0;
}
.op-application-single table th {
  font-weight: 500;
  width: 21.1267605634%;
  vertical-align: top;
}
.op-application-single table td p {
  margin-bottom: 1em;
}
.op-application-single table td p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 896px) {
  .op-application-single table {
    width: 100%;
    max-width: none;
  }
  .op-application-single table th, .op-application-single table td {
    padding: 1.7rem 0;
    display: block;
    width: auto;
  }
  .op-application-single table th {
    font-size: 1.6rem;
    line-height: 1em;
    border-bottom: none;
    padding-bottom: 0;
  }
  .op-application-single table td {
    font-size: 1.4rem;
    line-height: 1.571em;
  }
}

.op-privacypolicy {
  font-size: 1.6rem;
  line-height: 2em;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy {
    font-size: 1.1rem;
  }
}

.op-privacypolicy__policyLis {
  font-weight: 500;
  margin-top: 4rem;
  margin-bottom: 2.4rem;
  list-style-type: decimal;
}
.op-privacypolicy__policyLis > li {
  list-style-type: decimal !important;
  margin-top: 0 !important;
  margin-left: 1em;
}

/*
.op-privacypolicy-block {
  margin: 4rem auto;
}
*/
.op-privacypolicy-block__inner {
  margin-top: 2.4rem;
}

.op-privacypolicy__title {
  font-size: 2rem !important;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy__title {
    font-size: 1.4rem !important;
  }
}

.op-privacypolicy__subTitle {
  font-size: 1.6rem !important;
  font-weight: 500;
  margin: 2.4rem auto;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy__subTitle {
    font-size: 1.1rem !important;
    margin: 2.4rem auto 1.8rem auto !important;
  }
}
.op-privacypolicy__subTitle--hasMargin {
  margin-top: 4rem !important;
}
.op-privacypolicy__policyLis {
  font-weight: 500;
  margin-top: 4rem;
  margin-bottom: 2.4rem;
  list-style-type: decimal;
}
.op-privacypolicy__policyLis > li {
  list-style-type: decimal !important;
  margin-top: 0 !important;
  margin-left: 1em !important;
}

.op-privacypolicy-nList {
  margin-top: 0 !important;
  margin-left: 1em !important;
}
.op-privacypolicy-nList > li {
  margin-top: 0 !important;
  text-indent: -1em !important;
}
.op-privacypolicy-nList > li::before {
  content: "・";
  text-indent: -1em !important;
}
.op-privacypolicy-hasMbox {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}
.op-privacypolicy-urlListTitle {
  font-weight: 500;
  margin-bottom: 2rem;
  padding-left: 1em;
  text-indent: -1em;
}
.op-privacypolicy-urlListTitle:before {
  content: "・";
  text-indent: -1em;
}
.op-privacypolicy-attText {
  font-size: 1.2rem !important;
  line-height: 1.7142em;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy-attText  {
    font-size: 0.8rem !important;
    margin-bottom: 0.8rem;
  }
}
.op-privacypolicy-contact {
  background: #F2F2F2;
  text-align: center;
  padding: 2rem;
  margin: 1.2rem auto;
  font-weight: 500;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy-contact {
    padding: 2.2rem 1rem;
    text-align: left;
    line-height: 1.6em;
    margin-top: 3rem;
  }
}
.op-privacypolicy-contact__inner {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy-contact__inner {
    flex-direction: column;
    font-size: 1.2rem;
  }
}
.op-privacypolicy-contact__inner > *:first-child {
  font-size: 1.4rem !important;
  font-weight: bold !important;
  margin-right: 3rem !important;
}
@media screen and (max-width: 896px) {
  .op-privacypolicy-contact__inner > *:first-child {
    font-size: 1.2rem !important;
    margin-bottom: 1em;
    margin-right: auto;
  }
}
.op-privacypolicy-contact__inner > *:last-child {
  text-align: left;
}
.op-privacypolicy-contact__inner--noMgBtm {
  margin-bottom: 0;
}
.op-privacypolicy-textAnker {
  position: relative;
}
.op-privacypolicy-textAnker::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #222222;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.op-privacypolicy-textIndent {
  padding-left: 1.5em;
}
.op-privacypolicy-textIndent:first-letter {
  margin-left: -1.5em;
  margin-right: 0.5em;
}
.op-privacypolicy .oc-button-sublink__link--title {
  margin-right: 1em;
}