@charset "utf-8";
/* CSS Document */
main{
	font-family:"Noto Sans JP", "Noto Sans CJK JP","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media print, screen and (min-width : 769px) {
/* CSS Document */
/*html {font-size: 62.5%;}*/
body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*font-family: AXIS Std,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
	font-family: 'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;*/
    color: #333333;
	font-size: 14px;
	line-height: 24px;
}
*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

a { /*color:#131341; */text-decoration:none; }
a:visited {/* color:#131341;*/ }
a:hover { /*color:#131341; text-decoration:underline;*/ }
a:focus { /*color:#131341; outline: thin dotted; */}
a:hover, a:active { /*color:#131341; outline: 0;*/ }
table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/



/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/
.FRight { float: right; }
.FLeft { float: left; }

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }



/*=========visibility=========*/
.VisVis { visibility: visible; }
.VisHid { visibility: hidden; }
.VisCol { visibility: collapse; }

/*=========マージン設定=========*/
.MA0 { margin:0; }
.MRLAuto { margin-left:auto; margin-right:auto; }

.MT0 { margin-top:0; }
.MT5 { margin-top:5px; }
.MT10 { margin-top:10px; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px; }
.MT25 { margin-top:25px; }
.MT30 { margin-top:30px; }
.MT40 { margin-top:40px; }
.MT45 { margin-top:45px; }
.MT47 { margin-top:47px; }
.MT50 { margin-top:50px; }
.MT51 { margin-top:51px; }
.MT54 { margin-top:54px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px; }
.MT61 { margin-top:61px; }
.MT66 { margin-top:66px; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px; }
.MT90 { margin-top:90px; }
.MT95 { margin-top:95px; }
.MT100 { margin-top:100px; }
.MT120 { margin-top:120px; }
.MT160 { margin-top:160px; }

.MR0 { margin-right:0; }
.MR5 { margin-right:5px; }
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR20 { margin-right:20px; }
.MR25 { margin-right:25px; }
.MR30 { margin-right:30px; }
.MR35 { margin-right:35px; }
.MR40 { margin-right:40px; }
.MR45 { margin-right:45px; }
.MR50 { margin-right:50px; }
.MR60 { margin-right:60px; }

.MB0 { margin-bottom:0; }
.MB5 { margin-bottom:5px; }
.MB6 { margin-bottom:6px; }
.MB8 { margin-bottom:8px; }
.MB10 { margin-bottom:10px; }
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px; }
.MB25 { margin-bottom:25px; }
.MB27 { margin-bottom:27px; }
.MB30 { margin-bottom:30px; }
.MB35 { margin-bottom:35px; }
.MB39 { margin-bottom:39px; }
.MB40 { margin-bottom:40px; }
.MB43 { margin-bottom:43px; }
.MB45 { margin-bottom:45px; }
.MB47 { margin-bottom:47px; }
.MB50 { margin-bottom:50px; }
.MB54 { margin-bottom:54px; }
.MB55 { margin-bottom:55px; }	
.MB56 { margin-bottom:56px; }
.MB60 { margin-bottom:60px; }
.MB65 { margin-bottom:65px; }
.MB67 { margin-bottom:67px; }
.MB70 { margin-bottom:70px; }
.MB75 { margin-bottom:75px; }
.MB80 { margin-bottom:80px; }
.MB85 { margin-bottom:85px; }	
.MB90 { margin-bottom:90px; }
.MB93 { margin-bottom:93px; }		
.MB95 { margin-bottom:95px; }
.MB100 { margin-bottom:100px; }
.MB104 { margin-bottom:104px; }
.MB109 { margin-bottom:109px; }
.MB110 { margin-bottom:110px; }
.MB115 { margin-bottom:115px; }
.MB120 { margin-bottom:120px; }
.MB125 { margin-bottom:125px; }
.MB134 { margin-bottom:134px; }
.MB142 { margin-bottom:142px; }
.MB153 { margin-bottom:153px; }
.MB167 { margin-bottom:167px; }
.MB180 { margin-bottom:180px; }

.ML0 { margin-left:0; }
.ML5 { margin-left:5px; }
.ML10 { margin-left:10px; }
.ML15 { margin-left:15px; }
.ML20 { margin-left:20px; }
.ML25 { margin-left:25px; }
.ML30 { margin-left:30px; }
.ML35 { margin-left:35px; }
.ML40 { margin-left:40px; }
.ML45 { margin-left:45px; }
.ML50 { margin-left:50px; }
.ML60 { margin-left:60px; }
.ML70 { margin-left:70px; }
.ML100 { margin-left:100px; }

/*=========パディング設定=========*/
.PA0 { padding:0;}
.PA10 { padding:10px;}
.PA20 { padding:20px;}
.PA30 { padding:30px;}

.PT0 { padding-top:0; }
.PT5 { padding-top:5px; }
.PT10 { padding-top:10px; }
.PT15 { padding-top:15px; }
.PT20 { padding-top:20px; }
.PT25 { padding-top:25px; }
.PT30 { padding-top:30px; }
.PT35 { padding-top:35px; }
.PT40 { padding-top:40px; }
.PT50 { padding-top:50px; }
.PT55 { padding-top:55px; }
.PT60 { padding-top:60px; }
.PT70 { padding-top:70px; }
.PT80 { padding-top:80px; }
.PT90 { padding-top:90px; }
.PT104 { padding-top:104px; }
.PT110 { padding-top:110px; }
.PT120 { padding-top:120px; }
.PT130 { padding-top:130px; }

.PR0 { padding-right:0; }
.PR5 { padding-right:5px; }
.PR10 { padding-right:10px; }
.PR15 { padding-right:15px; }
.PR20 { padding-right:20px; }
.PR30 { padding-right:30px; }
.PR35 { padding-right:35px; }
.PR40 { padding-right:40px; }
.PR50 { padding-right:50px; }
.PR60 { padding-right:60px; }
.PR70 { padding-right:70px; }

.PB0 { padding-bottom:0; }
.PB5 { padding-bottom:5px; }
.PB10 { padding-bottom:10px; }
.PB15 { padding-bottom:15px; }
.PB20 { padding-bottom:20px; }
.PB25 { padding-bottom:25px; }
.PB30 { padding-bottom:30px; }
.PB32 { padding-bottom:32px; }
.PB40 { padding-bottom:40px; }
.PB50 { padding-bottom:50px; }
.PB65 { padding-bottom:60px; }
.PB60 { padding-bottom:65px; }
.PB70 { padding-bottom:70px; }
.PB90 { padding-bottom:90px; }
.PB93 { padding-bottom:93px; }
.PB97 { padding-bottom:97px; }
.PB116 { padding-bottom:116px; }
.PB143 { padding-bottom:143px; }

.PL0 { padding-left:0; }
.PL5 { padding-left:5px; }
.PL10 { padding-left:10px; }
.PL15 { padding-left:15px; }
.PL20 { padding-left:20px; }
.PL30 { padding-left:30px; }
.PL40 { padding-left:40px; }
.PL50 { padding-left:50px; }
.PL100 { padding-left:100px; }

/*=========Border=========*/
.BorderNone { border: none; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FC_blue { color: #0088fb; }
.FC_white { color: #ffffff; }
.FC_Red { color:#FF3333; }
a.FC_blue2{color:#007FFF;}
a.FC_blue2:visited{color:#551a8b;}
a.FC_blue2:active{color:#551a8b;}
.FontS{font-size:80%;
line-height:1.2em;}
.FontSS{font-size:70%;
line-height:1.5em;}
.FontB{font-size:120%;}
.F11{font-size:11px;line-height:12px;}
/*=========text-align=========*/
.TACenter {	text-align: center; }
.TARight { text-align: right; }
.TALeft { text-align: left; }


/*=========Indent=========*/
.caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
.caption02{
	font-size:9px;
	line-height:12px;
}
.caption03{
	font-size:10px;
	line-height:15px;
	color:#fff;
}
.caption04{
	font-size:10px;
	line-height:15px;
	color:#fff;
	width:928px;
	text-align:right;
	margin-bottom:20px;
}
.visible_pc{
	display: block;	
}
.visible_sp{
	display: none;	
}
}
@media only screen and (max-width : 768px) {
	*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html{font-size: 62.5%;}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem; /*14px*/
    line-height: 1.42857143;
    color: #333333;
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

a { color:#131341; text-decoration:none; }
a:visited { color:#131341; }
a:hover { color:#131341; text-decoration:underline; }
a:focus { color:#131341; outline: thin dotted; }
a:hover, a:active { color:#131341; outline: 0; }

table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
	max-width:100%;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/



/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }



/*=========visibility=========*/
.VisVis { visibility: visible; }
.VisHid { visibility: hidden; }
.VisCol { visibility: collapse; }

/*=========Border=========*/
.BorderNone { border: none; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FC_blue { color: #0088fb; }
.FC_white { color: #ffffff; }
.FC_Red { color:#FF3333; }
a.FC_blue2{color:#007FFF;}
a.FC_blue2:visited{color:#551a8b;}
a.FC_blue2:active{color:#551a8b;}
.FontS{font-size:80%;
line-height:1.2em;}
.FontSS{font-size:70%;
line-height:1.5em;}
.FontB{font-size:120%;}
.F11{font-size:11px;line-height:12px;}
/*=========text-align=========*/
/*.TACenter {	text-align: center; }
.TARight { text-align: right; }
.TALeft { text-align: left; }*/


/*=========Indent=========*/
.caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
.caption02{
	font-size:9px;
	line-height:12px;
}
.caption03{
	font-size:10px;
	line-height:15px;
	color:#fff;
}
.caption04{
	font-size:10px;
	line-height:15px;
	color:#fff;
	width:928px;
	text-align:right;
	margin-bottom:20px;
}
	.tar{
		text-align: right;
	}

.visible_sp{
	display: block;	
}
.visible_pc{
	display: none;	
}
.mb1 { margin-bottom:1%; }
.mb2 { margin-bottom:2%; }
.mb3 { margin-bottom:3%; }
.mb4 { margin-bottom:4%; }
.mb5 { margin-bottom:5%; }
.mb6 { margin-bottom:6%; }
.mb7 { margin-bottom:7%; }
.mb8 { margin-bottom:8%; }
.mb9 { margin-bottom:9%; }
.mb10 { margin-bottom:10%; }
.mb11 { margin-bottom:11%; }
.mb12 { margin-bottom:12%; }
.mb15 { margin-bottom:15%; }
.mb17 { margin-bottom:17%; }
.mb20 { margin-bottom:20%; }


.mt1 { margin-top:1%; }
.mt2 { margin-top:2%; }
.mt3 { margin-top:3%; }
.mt4 { margin-top:4%; }
.mt5 { margin-top:5%; }
.mt6 { margin-top:6%; }
.mt7 { margin-top:7%; }
.mt8 { margin-top:8%; }
.mt9 { margin-top:9%; }
.mt10 { margin-top:10%; }
.mt12 { margin-top:12%; }
.mt17 { margin-top:17%; }

.ml1 { margin-left:1%; }
.ml2 { margin-left:2%; }
.ml3 { margin-left:3%; }
.ml4 { margin-left:4%; }
.ml5 { margin-left:5%; }
.ml6 { margin-left:6%; }
.ml7 { margin-left:7%; }
.ml8 { margin-left:8%; }
.ml9 { margin-left:9%; }
.ml10 { margin-left:10%; }

.mr1 { margin-right:1%; }
.mr2 { margin-right:2%; }
.mr3 { margin-right:3%; }
.mr4 { margin-right:4%; }
.mr5 { margin-right:5%; }
.mr6 { margin-right:6%; }
.mr7 { margin-right:7%; }
.mr8 { margin-right:8%; }
.mr9 { margin-right:9%; }
.mr10 { margin-right:10%; }

.pb1 { padding-bottom:1%; }
.pb2 { padding-bottom:2%; }
.pb3 { padding-bottom:3%; }
.pb4 { padding-bottom:4%; }
.pb5 { padding-bottom:5%; }
.pb6 { padding-bottom:6%; }
.pb7 { padding-bottom:7%; }
.pb8 { padding-bottom:8%; }
.pb9 { padding-bottom:9%; }
.pb10 { padding-bottom:10%; }
.pb11 { padding-bottom:11%; }
.pb12 { padding-bottom:12%; }
.pb16 { padding-bottom:16%; }

.pt1 { padding-top:1%; }
.pt2 { padding-top:2%; }
.pt3 { padding-top:3%; }
.pt4 { padding-top:4%; }
.pt5 { padding-top:5%; }
.pt6 { padding-top:6%; }
.pt7 { padding-top:7%; }
.pt8 { padding-top:8%; }
.pt9 { padding-top:9%; }
.pt10 { padding-top:10%; }
.pt12 { padding-top:12%; }

.tac{
	text-align: center;
}
}


img{
	max-width: 100%;
}
.position{
	position: relative;
}
.main-img img{
	width: 100%;
}
.main-txt{
	font-size: 22px;
	line-height: 1.5;
	text-align: center;
	font-weight: 600;
}
.main-txt .notes{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: 500;
}
.main-txt span{
	color: #15329B;
	
}
.wrap{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.main-list ul{
	font-size: 0;
}
.main-list li{
	width: 316px;
	margin-right: 24px;
	display: inline-block;
	margin-bottom: 22px;
}
.link-btn{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.bg-1{
	background: #E6F2F7;
	position: relative;
	z-index: 2;
}
.bg-1 .ttl{
	background: #fff;
	line-height: 1;
	color: #00B3D6;
	font-size: 28px;
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: center;
	border-radius: 50px;
	position: relative;
}
.bg-1 .ttl .icon{
	position: absolute;
	right:10px;
	bottom: 0;
	width: 176px;
}
.bg-1 .left{
	width: 660px;
	float: left;
}
.bg-1 .right{
	margin-right: -110px;
	width: 420px;
	float: right;
}
.fukidashi{
	position: relative;
	border-radius: 10px;
	color:#231815;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 900;
	background: #fff100;
	padding:18px 10px;
	text-align: center;
}
.fukidashi span{
	color:#004898;
	background: linear-gradient(transparent 80%, #fff 0%);
}
.fukidashi .yajirushi{
	position: absolute;
	width: 24px;
	right:-20px;
	top:35%;
}
.yajirushi-img{
	width: 224px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	position: relative;
	z-index: 1;
}
.txt-img{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.normal p{
	font-size: 20px;
	line-height: 1.75;
}
.left-box-1{
	width: 480px;
	float: left;
}
.right-box-1{
	width: 500px;
	float: right;
}
.left-box-2{
	width: 224px;
	float: left;
}
.right-box-2{
	width: 742px;
	float: right;
}
.left-box-3{
	width: 490px;
	float: left;
}
.right-box-3{
	width: 490px;
	float: right;
}
.left-box-4{
	width: 470px;
	float: left;
}
.right-box-4{
	width: 470px;
	float: right;
}
.left-box-3.ex{
	width: 496px;
	float: left;
}
.right-box-3.ex{
	width: 496px;
	float: right;
}
.left-box-5{
	width: 515px;
	float: left;
	padding-right: 44px;
	background: url("../img/border.png") no-repeat right top;
	background-size:3px;
	margin-left: -15px;
}
.right-box-5{
	width: 460px;
	float: right;
	margin-top: 5px;
}
.notes{
	font-size: 12px;
}
.notes p{
	line-height: 1.3;
}
.tex-box.ex{
	margin-top: -50px;
}
.bg-2{
	background: url("../img/bg.jpg") repeat left top;
	background-size:1400px;
}
.bg-2 .left{
	width: 765px;
	float: left;
}
.bg-2 .right{
	margin-right: -30px;
	width: 250px;
	float: right;
}
.bg-2 .movie-ttl{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.bg-2 .movie{
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	height: 0;
  	padding-bottom: 27.25%;
  	overflow: hidden;
	position: relative;
 }
.bg-2 .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bottom-ttl span{
	padding:20px 44px;
	background:#00B3D6 ;
	line-height: 1;
	color:#fff;
	font-size: 24px;
	border-radius: 50px;
	display: inline-block;
}
.txt-img-2{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.bottom-ttl-2{
	font-size: 21px;
	color:#fff;
	line-height: 1.2;
	padding:12px 0;
	background:#15329B ;
}
@media only screen and (max-width : 768px) {
	.wrap{
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }
	.main-txt{
        font-size:4vw;
    }
    .main-list ul{
        font-size: 0;
    }
    .main-list li{
        width: 48%;
        margin-right: 4%;
        display: inline-block;
        margin-bottom: 4%;
    }
	.main-list li:nth-child(2n){
		margin-right: 0;
	}
    .link-btn{
        width: 106%;
        margin-left: -3%;
        margin-right: -3%;
    }
    .bg-1 .ttl{
        background: #fff;
        line-height: 1.5;
        color: #00B3D6;
        font-size: 4.2vw;
        padding-top: 4vw;
        padding-bottom: 4vw;
		padding-left: 10vw;
        text-align: left;
        border-radius: 50px;
    }
	.bg-1 .ttl .icon{
		position: absolute;
		right:5vw;
		bottom: 0;
		width: 36vw;
	}
    .bg-1 .left{
        width: 100%;
        float: none;
    }
    .bg-1 .right{
        margin-right: auto;
		margin-left: auto;
        width: 64%;
        float: none;
		margin-top: 12%;
    }
    .fukidashi{
        position: relative;
        border-radius: 10px;
        font-size: 3.4vw;
        line-height: 1.5;
        padding:4% 4%;
    }
    .fukidashi .yajirushi{
        position: absolute;
        width: 4%;
        right:8%;
        top:auto;
		bottom:-10px;
    }
    .yajirushi-img{
        width: 33%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -4%;
        position: relative;
        z-index: 1;
    }
    .txt-img{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .ttl-box{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .normal p{
        font-size: 3.4vw;
        line-height: 1.75;
    }
    .left-box-1{
        width: 100%;
        float: none;
    }
    .right-box-1{
        width: 100%;
        float: none;
    }
    .left-box-2{
        width: 100%;
        float: none;
    }
    .right-box-2{
        width: 100%;
        float: none;
    }
    .left-box-3{
        width: 82%;
        float: none;
		margin-left: auto;
		margin-right: auto;
    }
    .right-box-3{
        width: 82%;
        float: none;
		margin-left: auto;
		margin-right: auto;
    }
    .left-box-3.ex{
        width: 100%;
        float: none;
		margin-left: auto;
		margin-right: auto;
    }
    .right-box-3.ex{
        width: 100%;
        float: none;
		margin-left: auto;
		margin-right: auto;
    }
    .left-box-4{
        width: 100%;
        float: none;
    }
    .right-box-4{
        width: 100%;
        float: none;
    }
    .left-box-5{
        width: 102%;
        float: none;
        padding-right: 0;
        background: none;
        margin-left: -2%;
		margin-right: auto;
    }
    .right-box-5{
        width: 100%;
        float: none;
        margin-top: 2%;
    }
	.table{
		width: 104%;
		margin-right: -4%;
	}
    .notes{
        font-size: 3.2vw;
    }
    .notes p{
        line-height: 1.3;
    }
    .tex-box.ex{
        margin-top: -3%;
    }
    .bg-2{
        background: url("../img/bg.jpg") repeat left top;
        background-size:cover;
    }
    .bg-2 .movie-ttl{
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }
    .bg-2 .movie{
        width: 88%;
        margin-left: auto;
        margin-right: auto;
  		height: 0;
  		padding-bottom: 50.25%;
  		overflow: hidden;
		position: relative;
    }
	.bg-2 .movie iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    .bottom-ttl span{
        padding:4% 0;
        background:#00B3D6 ;
        line-height: 1;
        color:#fff;
		width: 100%;
        font-size: 4.0vw;
        border-radius: 50px;
        display: block;
    }
    .txt-img-2{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .bottom-ttl-2{
        font-size: 4.0vw;
        color:#fff;
        line-height: 1.2;
        padding:3.8% 0 3.5%;
        background:#15329B ;
    }
    .bg-2 .left{
        width: 100%;
        float: none;
    }
    .bg-2 .right{
        margin-right: 13%;
		margin-left: auto;
        width: 60%;
        float: none;
		margin-top: 12%;
    }
}
@media print, screen and (min-width : 769px) {
	.main-list li:nth-child(3n){
		margin-right: 0;
	}
	.table{
		width: 1024px;
		margin-right: -24px;
	}
	.ttl-box{
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
	.ttl-box h2{
		margin-left: -150px;
		margin-right: -150px;
		width: 1300px;
	}
}

/*202211追記*/
.list-flex{
	display: flex;
	justify-content: space-between;
}
.list-flex li{
	width: 32%;
}
.ex-box .ttl-bg{
	color: #fff;
	padding-top: 26px;
	padding-bottom: 26px;
	text-align: center;
	line-height: 1;
	background: #004898;
}
.ex-box .ttl-bg h2{
	font-size: 36px;
}
.ex-box .bg-3{
	background: #e6f2f7;
}
.ex-box .bg-3 ul li:nth-child(1){
	margin-bottom: 24px;
}
.ex-box .bg-3 ul li:nth-child(2){
	margin-bottom: 2px;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width : 768px) {
	
.list-flex{
	display: block;
}
.list-flex li{
	width: 100%;
	margin-bottom: 3.4vw;
}
.list-flex li:last-child{
    margin-bottom: 0;
}
.ex-box .ttl-bg{
	padding-top: 4.6vw;
	padding-bottom: 4.6vw;
	line-height: 1.37;
}
.ex-box .ttl-bg h2{
	font-size: 5.3vw;
}
.ex-box .bg-3 ul li:nth-child(1){
	margin-bottom: 6.2vw;
}
.ex-box .bg-3 ul li:nth-child(2){
	margin-bottom: -1.8vw;
	width: 17%;
	margin-left: auto;
	margin-right: auto;
}
}

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